:root{--ink:#15140e;--lime:#c6f000;--paper:#f4f1e7;--white:#fffdf6;--muted:#6c6a60;--line:rgba(21,20,14,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--lime);padding:.7rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,241,231,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{max-width:var(--max);height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:40px;height:46px;border:3px solid var(--ink);border-radius:5px;display:grid;place-items:center;position:relative;background:var(--lime);box-shadow:5px 5px 0 var(--ink)}.brand-mark:before{content:"";position:absolute;width:12px;height:4px;background:var(--ink);top:-7px;border-radius:2px}.brand-mark span{font-size:21px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:"Space Grotesk";font-size:20px;letter-spacing:-.7px}.brand-copy small{font-size:8px;font-weight:800;letter-spacing:2.6px;margin-top:6px}.nav-links{display:flex;gap:32px;font-size:13px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";height:2px;background:var(--lime);position:absolute;left:0;right:100%;bottom:-6px;transition:.2s}.nav-links a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:208px;gap:28px;background:var(--lime);border:2px solid var(--ink);padding:14px 17px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-small{min-width:auto;padding:10px 14px;font-size:11px;box-shadow:3px 3px 0 var(--ink)}.menu-toggle{display:none;background:none;border:0}.hero{background:var(--ink);color:var(--paper);overflow:hidden}.hero-grid{max-width:var(--max);min-height:650px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 24px}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:2.2px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#cbc8bc;border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:7px 12px}.live-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(198,240,0,.1)}h1,h2{font-family:"Space Grotesk";letter-spacing:-3.7px;line-height:.98;margin:22px 0}h1{font-size:clamp(58px,7vw,96px);text-transform:uppercase}h1 em{font-style:normal;color:var(--lime)}.hero-lead{color:#c8c4b9;font-size:18px;max-width:565px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin:35px 0}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding:7px 0}.text-link span{margin-left:7px}.trust-row{display:flex;gap:24px;color:#d5d1c6;font-size:12px;font-weight:700}.trust-row i{font-style:normal;color:var(--lime);margin-right:6px}.hero-visual{min-height:500px;position:relative;display:grid;place-items:center}.delivery-card{width:370px;min-height:440px;background:#25241d;border:1px solid #48463d;transform:rotate(3deg);padding:20px;box-shadow:30px 30px 0 rgba(0,0,0,.25);position:relative;z-index:2}.delivery-card-top{font-size:8px;letter-spacing:2px;color:#a8a599;display:flex;justify-content:space-between;border-bottom:1px solid #444238;padding-bottom:14px}.battery-illustration{height:230px;background:var(--lime);margin:28px 10px 18px;border:6px solid var(--ink);position:relative;display:grid;place-items:center;box-shadow:11px 11px 0 #0c0c08}.terminal{position:absolute;top:-20px;width:54px;height:17px;background:var(--lime);border:5px solid var(--ink);border-bottom:0}.terminal.one{left:30px}.terminal.two{right:30px}.battery-label{display:flex;align-items:center;gap:14px;color:var(--ink);transform:rotate(-3deg)}.battery-label b{font-size:56px}.battery-label strong{font-family:"Space Grotesk";font-size:24px;line-height:.9}.meter{display:flex;gap:8px;padding:0 10px}.meter span{height:5px;flex:1;background:var(--lime)}.delivery-status{display:flex;align-items:center;gap:13px;margin:22px 12px}.delivery-status small,.price-tag small{color:#929084;font-size:8px;letter-spacing:1.8px;display:block}.delivery-status strong{font-size:11px;letter-spacing:1px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(198,240,0,.12)}.price-tag{position:absolute;z-index:3;right:-3%;bottom:45px;background:var(--paper);color:var(--ink);padding:16px 19px;transform:rotate(-4deg);border-left:6px solid var(--lime);box-shadow:8px 8px 0 #090906}.price-tag strong{font-family:"Space Grotesk";font-size:16px;line-height:1.1}.speed-lines{position:absolute;left:0;top:110px}.speed-lines i{display:block;width:140px;height:2px;background:#555247;margin:25px}.speed-lines i:nth-child(2){width:80px}.hero-ticker{background:var(--lime);color:var(--ink);border-block:2px solid #000;transform:rotate(-.8deg);width:102%;margin-left:-1%;overflow:hidden}.hero-ticker div{display:flex;gap:35px;justify-content:center;align-items:center;white-space:nowrap;padding:16px;font-family:"Space Grotesk";font-size:13px;font-weight:700;letter-spacing:1px}.hero-ticker b{font-size:20px}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-heading{display:grid;grid-template-columns:1fr 400px;align-items:end;gap:60px;margin-bottom:55px}.kicker{color:#5f5d53;margin:0}.section-heading h2,.why h2,.area-copy h2,.faq h2{font-size:clamp(42px,5vw,68px);text-transform:uppercase}.section-heading>p{color:var(--muted);font-size:15px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-card{min-height:330px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}.brand-card:hover{background:var(--white);transform:translateY(-6px)}.brand-card.featured{background:var(--lime)}.card-number{font-size:10px;font-weight:800}.brand-name{font-family:"Space Grotesk";font-size:23px;font-weight:800;margin:75px 0 18px}.brand-name.amaron{color:#156d44}.brand-name.optima{color:#c62626}.brand-card p{color:#56544b;font-size:13px}.card-link{font-size:10px;font-weight:800;text-transform:uppercase;margin-top:auto}.brand-card.more{background:var(--ink);color:var(--paper)}.brand-card.more .plus{font-size:35px;color:var(--lime)}.brand-card.more h3{font-family:"Space Grotesk";font-size:24px;line-height:1.1;margin:40px 0 8px;text-transform:uppercase}.brand-card.more p{color:#aaa79d}.brand-card.more a{font-size:12px;color:var(--lime);font-weight:800;margin-top:auto}.how{max-width:none;background:var(--ink);color:var(--paper);padding-left:max(24px,calc((100% - var(--max))/2 + 24px));padding-right:max(24px,calc((100% - var(--max))/2 + 24px))}.section-heading.light .kicker{color:var(--lime)}.section-heading.light>p{color:#aaa79d}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3d3b33}.steps li{padding:30px;min-height:350px;border-right:1px solid #3d3b33;position:relative}.steps li:last-child{border:0}.steps li>span{font-size:10px;color:#8f8c82}.step-icon{width:68px;height:68px;border-radius:50%;border:1px solid #4d4a41;display:grid;place-items:center;color:var(--lime);font-size:28px;margin:50px 0 35px}.steps h3{font-family:"Space Grotesk";font-size:22px;text-transform:uppercase}.steps p{font-size:13px;color:#aaa79d;max-width:240px}.how-cta{display:flex;justify-content:space-between;align-items:center;background:#222119;border-left:5px solid var(--lime);padding:22px 26px;margin-top:24px}.how-cta p{margin:0;font-size:13px;color:#aaa79d}.how-cta p span{color:var(--paper);font-weight:800}.why-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.why-intro>p:last-child{color:var(--muted);max-width:430px}.benefit-list{border-top:1px solid var(--line)}.benefit-list article{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.benefit-list article>span{width:63px;height:63px;border:1px solid var(--ink);display:grid;place-items:center;font-family:"Space Grotesk";font-weight:800;font-size:18px;box-shadow:4px 4px 0 var(--lime)}.benefit-list h3{font-family:"Space Grotesk";font-size:20px;text-transform:uppercase;margin:0 0 7px}.benefit-list p{margin:0;color:var(--muted);font-size:13px}.service-area{padding-top:0}.area-card{min-height:470px;background:var(--lime);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.map-art{position:relative;overflow:hidden;background:#d0f62a}.pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:75px;height:90px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:30px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(21,20,14,.28);border-radius:50%}.r1{width:240px;height:240px}.r2{width:390px;height:390px}.road{position:absolute;background:rgba(21,20,14,.12);width:700px;height:18px;transform:rotate(28deg);left:-100px;top:130px}.road.b{transform:rotate(-48deg);top:300px}.road.c{transform:rotate(83deg);left:-20px}.area-copy{padding:80px 70px;display:flex;flex-direction:column;justify-content:center}.area-copy h2{font-size:52px}.area-copy p:not(.kicker){font-size:14px;max-width:440px}.area-copy .text-link{align-self:flex-start;margin-top:16px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-layout>div:first-child>p:last-child{color:var(--muted);font-size:14px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{list-style:none;font-family:"Space Grotesk";text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:22px;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;padding-right:50px;max-width:650px}.final-cta{background:var(--lime);text-align:center;padding:100px 24px;position:relative;overflow:hidden}.final-cta>*:not(.bolt-bg){position:relative;z-index:2}.final-cta h2{font-size:clamp(46px,6vw,80px);text-transform:uppercase}.final-cta>p:not(.kicker){font-size:15px}.final-cta>div:not(.bolt-bg){display:flex;justify-content:center;align-items:center;gap:35px;margin-top:32px}.dark-button{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 #706f61}.dark-link{color:var(--ink)}.bolt-bg{position:absolute;inset:-30%;font-size:700px;line-height:1;color:rgba(21,20,14,.045);transform:rotate(-12deg)}footer{background:var(--ink);color:var(--paper);padding:70px max(24px,calc((100% - var(--max))/2 + 24px)) 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;border-bottom:1px solid #3b3932;padding-bottom:55px}.footer-brand .brand-mark{width:35px;height:40px}.footer-main>p{color:#aaa79d;font-size:13px;max-width:300px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;font-family:"Space Grotesk";font-size:14px;font-weight:700;gap:8px}.footer-contact a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;color:#78766d;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding-top:24px}.mobile-actions{display:none}
@media(max-width:900px){.nav-links,.header-call{display:none}.menu-toggle{display:block;width:42px;height:42px;position:relative;z-index:2}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:7px auto;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav-links.open{display:flex;position:fixed;inset:78px 0 0;background:var(--paper);flex-direction:column;align-items:center;justify-content:center;font-size:25px}.hero-grid{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:570px}.section-heading,.why-layout,.faq-layout{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:550px}.brand-grid{grid-template-columns:1fr 1fr}.why-layout{gap:50px}.area-copy{padding:55px 40px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-contact{grid-column:1/-1;align-items:flex-start}.faq-layout{gap:40px}}
@media(max-width:600px){body{padding-bottom:62px}.nav-wrap{height:68px;padding:0 18px}.brand-copy strong{font-size:17px}.brand-mark{width:34px;height:39px}.hero-grid{min-height:auto;padding:60px 18px 25px}.hero-copy{text-align:left}.eyebrow{font-size:9px}h1{font-size:52px;letter-spacing:-2.8px}.hero-lead{font-size:15px;margin-left:0}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .button{width:100%}.hero-actions,.trust-row{justify-content:flex-start}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-visual{min-height:470px;transform:scale(.83);margin:-30px -50px}.delivery-card{width:340px}.price-tag{right:1%}.hero-ticker div{justify-content:flex-start;animation:scroll 18s linear infinite}.section{padding:75px 18px}.section-heading{margin-bottom:35px}.section-heading h2,.why h2,.area-copy h2,.faq h2{font-size:41px;letter-spacing:-2.5px}.brand-grid{grid-template-columns:1fr}.brand-card{min-height:270px}.brand-name{margin-top:50px}.steps{grid-template-columns:1fr}.steps li{min-height:auto;border-right:0;border-bottom:1px solid #3d3b33;padding:25px}.step-icon{margin:25px 0}.how-cta{align-items:flex-start;flex-direction:column;gap:20px}.how-cta .button{width:100%}.benefit-list article{grid-template-columns:74px 1fr}.area-card{grid-template-columns:1fr}.map-art{height:330px}.area-copy{padding:45px 25px}.faq-layout{gap:25px}.final-cta{padding:75px 18px}.final-cta h2{font-size:43px}.final-cta>div:not(.bolt-bg){flex-direction:column;gap:18px}.footer-main{grid-template-columns:1fr}.footer-main>p,.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.mobile-actions{position:fixed;display:grid;grid-template-columns:1fr 1.3fr;bottom:0;left:0;right:0;height:62px;z-index:60;background:var(--ink);border-top:1px solid #3b3932}.mobile-actions a{display:grid;place-items:center;color:var(--paper);font-size:12px;font-weight:800;text-transform:uppercase}.mobile-actions a:last-child{background:var(--lime);color:var(--ink)}@keyframes scroll{to{transform:translateX(-70%)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.button{color:var(--ink)}.dark-button{color:var(--paper)}.brand-name.yokohama{color:#d12620}.brand-name.dyna{color:#165ca8}.brand-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand-grid{grid-template-columns:1fr}}
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  .nav-links.open{top:68px;right:0;bottom:62px;left:0;height:calc(100dvh - 130px);min-height:0;z-index:1}
  .nav-links.open a{min-height:48px;display:grid;place-items:center}
  .menu-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  h1{font-size:clamp(40px,13vw,50px);letter-spacing:-2.4px;overflow-wrap:normal}
  .section-heading h2,.why h2,.area-copy h2,.faq h2{font-size:clamp(34px,10.5vw,40px);letter-spacing:-2px;line-height:1.02}
  .hero-grid{padding-top:48px}
  .hero-copy{min-width:0}
  .hero-lead{line-height:1.65}
  .hero-actions .button{min-height:52px}
  .hero-visual{width:100%;min-height:440px;margin:18px 0 0;transform:none}
  .delivery-card{width:min(310px,88vw);min-height:400px;padding:17px;transform:rotate(2deg);box-shadow:18px 18px 0 rgba(0,0,0,.25)}
  .battery-illustration{height:205px;margin:27px 5px 16px}
  .battery-label b{font-size:46px}
  .battery-label strong{font-size:21px}
  .price-tag{right:0;bottom:28px;padding:13px 15px}
  .speed-lines{left:-45px}
  .hero-ticker{width:104%;margin-left:-2%}
  .brand-card{min-width:0}
  .brand-name{overflow-wrap:anywhere}
  .steps li{min-width:0}
  .how-cta{padding:22px 20px}
  .area-card{min-width:0}
  .area-copy{min-width:0;padding:42px 22px 48px}
  .faq-layout{min-width:0}
  summary{gap:18px;line-height:1.35}
  summary span{flex:0 0 auto}
  details p{padding-right:0}
  .final-cta .button{width:min(100%,310px)}
  .footer-main{min-width:0}
  .footer-contact a{max-width:100%;overflow-wrap:anywhere}
  .button:hover,.brand-card:hover{transform:none}
}
.contact{max-width:none;background:#dedbd1;padding-left:max(24px,calc((100% - var(--max))/2 + 24px));padding-right:max(24px,calc((100% - var(--max))/2 + 24px))}.contact-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-intro h2{font-size:clamp(42px,5vw,68px);text-transform:uppercase}.contact-intro>p:not(.kicker){max-width:430px;color:var(--muted);font-size:14px}.contact-direct{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-direct span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.contact-direct a{font-family:"Space Grotesk";font-size:22px;font-weight:700}.contact-form{background:var(--paper);border:1px solid var(--line);padding:36px;box-shadow:9px 9px 0 var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form>label,.form-row label{display:flex;flex-direction:column;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:20px}.contact-form label>span{color:#a62319}.contact-form label small{float:right;color:var(--muted);font-size:8px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #aaa79c;border-radius:0;background:var(--white);color:var(--ink);font:500 14px Manrope,Arial,sans-serif;padding:13px 14px;outline:none;text-transform:none;letter-spacing:0}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--lime)}.contact-form .consent{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--lime);flex:0 0 auto}.consent span{color:var(--ink)!important}.form-submit{border-radius:0;cursor:pointer}.form-note{display:inline-block;margin:0 0 0 18px;color:var(--muted);font-size:10px}.honey{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){.contact-shell{grid-template-columns:1fr;gap:45px}.contact-intro>p:not(.kicker){max-width:560px}}
@media(max-width:600px){.contact{padding:75px 18px}.contact-shell{gap:32px}.contact-intro h2{font-size:clamp(34px,10.5vw,40px);letter-spacing:-2px}.contact-direct{margin-top:28px}.contact-form{padding:24px 18px;box-shadow:6px 6px 0 var(--ink)}.form-row{grid-template-columns:1fr;gap:0}.contact-form input,.contact-form textarea{font-size:16px}.form-submit{width:100%;min-height:52px}.form-note{display:block;margin:14px 0 0;text-align:center}}