:root{
  --bg:#f8f9fa;
  --surface:#ffffff;
  --surface-muted:#f1f3f5;
  --text:#212529;
  --text-soft:#495057;
  --text-muted:#868e96;
  --border:#dee2e6;
  --border-strong:#adb5bd;
  --header-bg:#212529;
  --footer-bg:#212529;
  --link:#1a73e8;
  --link-hover:#0d47a1;
  --shadow:0 4px 14px rgba(0,0,0,.08);
  --shadow-strong:0 10px 28px rgba(0,0,0,.12);
  --radius:12px;
  --button-bg:#1a73e8;
  --button-hover:#3949ab;
  --button-text:#ffffff;
  --button-light-bg:#f8f9fa;
  --button-light-text:#212529;
  --button-light-border:#ced4da;
  --button-light-hover:#e9ecef;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);padding-top:60px;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--link);text-decoration:none;}
a:hover{color:var(--link-hover);}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid var(--border-strong);outline-offset:2px;}
.container{max-width:1200px;margin:0 auto;padding:20px;width:100%;}
#sp-main-body{padding:0 0 64px;}
h1,h2,h3,h4,h5,h6{margin:0 0 16px;line-height:1.25;color:var(--text);text-align:center;}
p{margin:0 0 12px;color:var(--text-soft);}
.row{display:flex;flex-wrap:wrap;gap:20px;margin:0;}
.row>*{flex:1 1 100%;}
#sp-main-body a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong);font-weight:600;}
#sp-main-body a:hover{color:var(--link-hover);}
header{background:var(--header-bg);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,.3);}
.header-container{padding:0 15px;}
.header-row{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:10px;}
.header-item{display:flex;align-items:center;gap:8px;min-height:40px;}
.header-item a{color:#f8f9fa;font-weight:600;}
.header-item a:hover{color:#dee2e6;}
.custom-img{max-width:180px;height:auto;}
.header-logo,.header-contact{flex:0 0 auto;}
.header-contact a{font-size:22px;color:#f8f9fa;text-decoration:none;font-weight:600;white-space:nowrap;}
.header-nav{flex:1;display:flex;justify-content:center;margin:0 5px;}
.header-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;}
.header-nav li{position:relative;}
.header-nav li>a{display:block;color:#f8f9fa;font-weight:600;font-size:14px;padding:8px 10px;border-radius:6px;white-space:nowrap;}
.header-nav li>a:hover{background:rgba(255,255,255,.15);color:#ffffff;}
.header-nav ul ul{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-strong);padding:0;z-index:1001;}
.header-nav ul li:hover>ul{display:block;}
.header-nav ul ul li{width:100%;}
.header-nav ul ul a{color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px;font-weight:500;}
.header-nav ul ul a:hover{background:var(--surface-muted);color:var(--text);}
.mobile-menu-toggle{display:none;color:#f8f9fa;font-size:24px;padding:8px;cursor:pointer;background:rgba(255,255,255,.15);border-radius:6px;border:1px solid rgba(255,255,255,.2);}
.mobile-menu-toggle:hover{background:rgba(255,255,255,.25);color:#ffffff;}
.side-menu{position:fixed;top:0;left:0;height:100%;width:320px;background:var(--surface);border-right:2px solid var(--border);transform:translateX(-100%);transition:transform .3s ease;z-index:1100;overflow-y:auto;box-shadow:var(--shadow-strong);}
.side-menu.active{transform:translateX(0);}
.side-menu .close-btn{position:absolute;top:12px;right:12px;font-size:18px;cursor:pointer;color:var(--text-muted);}
.side-menu ul{list-style:none;margin:0;padding:60px 12px 16px;}
.side-menu li a{display:block;padding:10px 12px;color:var(--text);border-radius:6px;font-weight:600;border-bottom:1px solid var(--border);}
.side-menu li a:hover{background:var(--surface-muted);color:var(--text);}
.side-menu ul ul{padding:4px 0 8px 8px;display:none;}
.side-menu li.active>ul{display:block;}
.side-menu ul ul a{font-weight:500;color:var(--text-soft);}
.faq-section{padding:40px 0;}
.faq-item{border:1px solid var(--border);border-radius:8px;margin-bottom:15px;overflow:hidden;}
.faq-item .faq-question{color:var(--text)!important;font-size:18px;font-weight:700!important;margin:0;padding:16px 20px;cursor:pointer;background:var(--surface-muted);position:relative;text-align:left;}
.faq-item .faq-question:hover{background:#e9ecef;}
.faq-item .faq-question::after{content:'+';;right:20px;font-size:20px;color:var(--text);}
.faq-item.active .faq-question::after{content:'−';}
.faq-item p{margin:0;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;border-top:1px solid transparent;}
.faq-item.active p{padding:20px;max-height:500px;border-top-color:var(--border);}
.footer{background:var(--footer-bg);color:#f8f9fa;padding:40px 0 0;border-top:1px solid var(--border);}
.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 40px 30px;}
.footer-section ul{list-style:none;margin:0;padding:0;}
.footer-section li{margin:8px 0;}
.footer-section a{color:#f8f9fa;font-weight:500;}
.footer-section a:hover{color:#dee2e6;text-decoration:underline;}
.hero-section{margin:30px 0;}
.hero-section h1{font-size:2.2rem;}
.hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:40px;max-width:1200px;margin:0 auto;}
.hero-image{flex:0 0 40%;max-width:40%;}
.hero-text{flex:0 0 55%;max-width:55%;}
.hero-image img{width:100%;height:auto;border-radius:10px;box-shadow:var(--shadow);}
.hero-text h2{color:var(--text);}
.hero-description{color:var(--text-soft);}
.hero-cta{display:flex;gap:15px;margin-top:20px;justify-content:center;}
.hero-cta .btn-secondary{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:all 0.3s;background-color:var(--button-light-bg);color:var(--button-light-text);border:1px solid var(--button-light-border);cursor:pointer;text-decoration:none;}
.hero-cta .btn-secondary:hover{background-color:var(--button-light-hover);color:var(--button-light-text);border-color:var(--border-strong);}
.btn-primary,.btn-emergency,.btn-main,.hero-cta .btn-main,.hero-cta .btn-primary,.hero-cta .btn-emergency,.service-item .btn-secondary,.contact-section .btn-primary,.equipment-section .btn-secondary,.features-section .btn-secondary{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:background-color 0.3s;background-color:var(--button-bg);color:var(--button-text);border:none;cursor:pointer;text-decoration:none;}
.btn-primary:hover,.btn-emergency:hover,.btn-main:hover,.hero-cta .btn-main:hover,.hero-cta .btn-primary:hover,.hero-cta .btn-emergency:hover,.service-item .btn-secondary:hover,.contact-section .btn-primary:hover,.equipment-section .btn-secondary:hover,.features-section .btn-secondary:hover{background-color:var(--button-hover);color:var(--button-text);}
.related-feature a,.advanced-controls a{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:all 0.3s;background-color:var(--button-light-bg);color:var(--button-light-text);border:1px solid var(--button-light-border);cursor:pointer;text-decoration:none;}
.related-feature a:hover,.advanced-controls a:hover{background-color:var(--button-light-hover);color:var(--button-light-text);border-color:var(--border-strong);}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;}
.service-item{background:var(--surface);padding:25px;border-radius:10px;box-shadow:var(--shadow);text-align:center;}
.service-icon{font-size:48px;margin-bottom:15px;}
.price{font-weight:700;color:var(--text);margin-top:15px;font-size:18px;}
.commands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;}
.command-item{background:var(--surface);padding:25px;border-radius:10px;box-shadow:var(--shadow);text-align:center;}
.ussd-example{background:var(--surface-muted);padding:10px;border-radius:5px;font-family:monospace;font-size:18px;margin:15px 0;font-weight:700;}
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:30px 0;}
.step-item{background:var(--surface);padding:20px;border-radius:10px;box-shadow:var(--shadow);text-align:center;}
.step-number{width:40px;height:40px;background:var(--button-bg);color:var(--button-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin:0 auto 15px;}
.feature-item{display:flex;align-items:center;gap:8px;padding:4px 0;}
.feature-item span{font-size:15px;color:var(--text-soft);}
.fuel-system-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.benefit-card{background:var(--surface-muted);border-radius:8px;padding:25px;border-left:4px solid var(--border-strong);box-shadow:var(--shadow);}
.benefit-card h3{color:var(--text);}
.methods-comparison{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0;}
.method-item{flex:1 1 200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;text-align:center;}
.method-item .accuracy{font-size:1.5rem;font-weight:bold;color:var(--text);margin:10px 0;}
.cta-block{background:var(--surface);color:var(--text);padding:40px;border-radius:12px;text-align:center;margin:40px 0;border:1px solid var(--border-strong);}
.cta-block h3{color:var(--link);}
.cta-block p{color:var(--text-soft);}
.cta-block .btn{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:all 0.3s;background-color:var(--surface);color:var(--link);border:1px solid var(--border-strong);cursor:pointer;text-decoration:none;margin:0 5px;}
.cta-block .btn:hover{background-color:var(--surface-muted);color:var(--link-hover);border-color:var(--border-strong);}
@media(max-width:1200px){.header-nav li>a{font-size:13px;padding:6px 8px;}.custom-img{max-width:160px;}.header-contact a{font-size:20px;}}
@media(max-width:992px){.header-nav{display:none;}.mobile-menu-toggle{display:block;}.footer-content{grid-template-columns:repeat(2,1fr);}.services-grid{grid-template-columns:repeat(2,1fr);}.commands-grid{grid-template-columns:repeat(2,1fr);}.steps-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.custom-img{max-width:140px;}.header-contact a{font-size:18px;}body{padding-top:55px;}.hero-row{flex-direction:column;}.hero-image,.hero-text{flex:0 0 100%;max-width:100%;}.services-grid{grid-template-columns:1fr;}.commands-grid{grid-template-columns:1fr;}.steps-grid{grid-template-columns:1fr;}}
@media(max-width:576px){.footer-content{grid-template-columns:1fr;}}
@media(max-width:480px){.header-contact a{font-size:16px;}.custom-img{max-width:120px;}body{padding-top:50px;}.hero-cta{flex-direction:column;}.btn-primary,.btn-emergency,.btn-secondary,.btn-main,.hero-cta .btn-main,.hero-cta .btn-primary,.hero-cta .btn-emergency,.hero-cta .btn-secondary,.service-item .btn-secondary,.related-feature a,.advanced-controls a,.cta-block .btn,.contact-section .btn-primary{width:100%;margin:5px 0;}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
.product-header{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px;align-items:flex-start;}
.product-image{flex:0 0 500px;text-align:center;}
.product-image img{max-width:100%;height:auto;border:1px solid #ddd;padding:5px;background:#fff;}
.product-description{flex:1;min-width:250px;}
.product-description ul{padding-left:20px;}
.product-description li{margin-bottom:10px;}
table{width:100%;border-collapse:collapse;margin:20px 0;}
th,td{border:1px solid #ddd;padding:8px 12px;text-align:left;vertical-align:top;}
th{background-color:#f2f2f2;font-weight:bold;width:30%;}
.info-box{background-color:#e7f3ff;border-left:4px solid #005c99;padding:15px;margin:20px 0;}
.info-box p:last-child{margin-bottom:0;}
.address{font-style:italic;color:#666;background:#fafafa;padding:10px;border-radius:4px;}
@media(max-width:768px){.product-header{flex-direction:column;}.product-image{flex-basis:auto;margin-bottom:20px;}}