#sp-main-body a,a{color:var(--link)}.header-contact a,.header-nav li>a{white-space:nowrap;font-weight:600}.side-menu,header{position:fixed;top:0}.header-nav ul ul,.side-menu{left:0;box-shadow:var(--shadow-strong)}.side-menu li a,header{border-bottom:1px solid var(--border)}.footer-content,.services-grid{grid-template-columns:repeat(4,1fr)}.container,.header-nav ul ul li,header,table{width:100%}: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}body,html{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{text-decoration:none}#sp-main-body a:hover,a:hover{color:var(--link-hover)}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--border-strong);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:20px}#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{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong);font-weight:600}header{background:var(--header-bg);left:0;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-contact,.header-logo{flex:0 0 auto}.header-contact a{font-size:22px;color:#f8f9fa;text-decoration:none}.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-size:14px;padding:8px 10px;border-radius:6px}.header-nav li>a:hover{background:rgba(255,255,255,.15);color:#fff}.header-nav ul ul{display:none;position:absolute;top:100%;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0;z-index:1001}.header-nav ul li:hover>ul,.side-menu li.active>ul{display:block}.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,.side-menu li 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:#fff}.side-menu{height:100%;width:320px;background:var(--surface);border-right:2px solid var(--border);transform:translateX(-100%);transition:transform .3s;z-index:1100;overflow-y:auto}.benefit-card,.hero-image img,.step-item{box-shadow:var(--shadow)}.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}.side-menu ul ul{padding:4px 0 8px 8px;display:none}.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,padding .3s;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;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}.benefit-card h3,.hero-text h2{color:var(--text)}.cta-block p,.hero-description{color:var(--text-soft)}.hero-cta{display:flex;gap:15px;margin-top:20px;justify-content:center}.advanced-controls a,.hero-cta .btn-secondary,.related-feature a{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:.3s;background-color:var(--button-light-bg);color:var(--button-light-text);border:1px solid var(--button-light-border);cursor:pointer;text-decoration:none}.advanced-controls a:hover,.hero-cta .btn-secondary:hover,.related-feature a:hover{background-color:var(--button-light-hover);color:var(--button-light-text);border-color:var(--border-strong)}.btn-emergency,.btn-main,.btn-primary,.contact-section .btn-primary,.equipment-section .btn-secondary,.features-section .btn-secondary,.hero-cta .btn-emergency,.hero-cta .btn-main,.hero-cta .btn-primary,.service-item .btn-secondary{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:background-color .3s;background-color:var(--button-bg);color:var(--button-text);border:none;cursor:pointer;text-decoration:none}.btn-emergency:hover,.btn-main:hover,.btn-primary:hover,.contact-section .btn-primary:hover,.equipment-section .btn-secondary:hover,.features-section .btn-secondary:hover,.hero-cta .btn-emergency:hover,.hero-cta .btn-main:hover,.hero-cta .btn-primary:hover,.service-item .btn-secondary:hover{background-color:var(--button-hover);color:var(--button-text)}.services-grid{display:grid;gap:20px;margin:30px 0}.command-item,.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,.ussd-example{font-size:18px;font-weight:700}.price{color:var(--text);margin-top:15px}.commands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ussd-example{background:var(--surface-muted);padding:10px;border-radius:5px;font-family:monospace;margin:15px 0}.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;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)}.cta-block,.method-item{background:var(--surface);text-align:center}.methods-comparison{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.method-item{flex:1 1 200px;border:1px solid var(--border);border-radius:8px;padding:20px}.method-item .accuracy{font-size:1.5rem;font-weight:700;color:var(--text);margin:10px 0}.cta-block .btn,.cta-block h3{color:var(--link)}.cta-block{color:var(--text);padding:40px;border-radius:12px;margin:40px 0;border:1px solid var(--border-strong)}.cta-block .btn{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:600;text-align:center;transition:.3s;background-color:var(--surface);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}.commands-grid,.footer-content,.services-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%}.commands-grid,.services-grid,.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}.advanced-controls a,.btn-emergency,.btn-main,.btn-primary,.btn-secondary,.contact-section .btn-primary,.cta-block .btn,.hero-cta .btn-emergency,.hero-cta .btn-main,.hero-cta .btn-primary,.hero-cta .btn-secondary,.related-feature a,.service-item .btn-secondary{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{border-collapse:collapse;margin:20px 0}td,th{border:1px solid #ddd;padding:8px 12px;text-align:left;vertical-align:top}th{background-color:#f2f2f2;font-weight:700;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}}