/* Light, direct-to-consumer homepage. Motion highlights products without adding scroll length. */
.compact-home{--gutter:clamp(22px,5vw,80px)}
.compact-hero{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;background:#edf4f2;overflow:hidden}
.compact-hero-image{position:absolute;inset:0 0 0 auto;width:80%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.compact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3f8f4fa 0%,#f3f8f4e8 28%,#f3f8f47a 47%,transparent 65%)}
.compact-hero-copy{padding:45px var(--gutter);width:58%}.compact-hero .eyebrow{font-size:10px;color:#24583c}
.compact-hero h1{font:500 clamp(55px,5.8vw,86px)/1.02 var(--display);letter-spacing:-.02em;margin:22px 0 18px}.compact-hero h1 em{font-style:normal;color:#16794e}.compact-hero-copy>p{font-size:14px;line-height:1.65;max-width:430px;color:#35513f}
.compact-offer{display:flex;gap:5px 12px;align-items:baseline;flex-wrap:wrap;margin:23px 0}.compact-offer>span{font-size:12px}.compact-offer strong{font:500 37px/1.1 var(--display)}.compact-offer small{width:100%;font-size:10px;color:#47614f}
.compact-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.compact-actions .button{padding:16px 20px;font-size:11px;min-height:50px}.compact-actions .text-link{font-size:11px}.compact-concept{position:absolute;right:var(--gutter);bottom:15px;font-size:9px;background:#ffffffe0;padding:4px 8px;color:#46634f}
.compact-usp{display:grid;grid-template-columns:repeat(3,1fr);padding:26px var(--gutter);gap:24px;border-bottom:1px solid var(--line);background:#fff}.compact-usp>div{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;align-items:center;border-right:1px solid var(--line);padding-right:20px}.compact-usp>div:last-child{border:0}.compact-usp strong{font:500 32px/1.1 var(--display);grid-row:1/3;color:#175d41;white-space:nowrap}.compact-usp p{font-size:12px;margin:0}.compact-usp small{font-size:10px;color:#52655b}
.compact-lineup{padding:48px var(--gutter) 32px}.compact-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.compact-heading h2,.compact-charging h2,.compact-visit h2{font:500 clamp(38px,4vw,56px)/1.05 var(--display);margin:13px 0 0}.compact-heading .text-link{font-size:11px}
.compact-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.compact-model{background:#edf2ee;overflow:hidden}.compact-model:nth-child(2){background:#e8eef0}.compact-model:nth-child(3){background:#e2eee5}.compact-model:nth-child(4){background:#ecefed}.compact-model-image{height:210px;display:block;overflow:hidden}.compact-model-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.3,1);filter:drop-shadow(0 14px 8px #253c2b20)}.compact-model:hover img{transform:scale(1.06) translateY(-4px)}.compact-model-info{padding:8px 22px 19px}.compact-model-info>p{font-size:10px;color:#52655b;margin:0 0 7px}.compact-model h3{font:500 34px/1 var(--display);margin:0 0 15px}.compact-model h3 a{display:flex;justify-content:space-between;align-items:center}.compact-model h3 span{font:20px sans-serif}.compact-price{display:flex;flex-direction:column;gap:4px}.compact-price strong{font-size:17px}.compact-price>span{font-size:9px;color:#53665a}.compact-model-spec{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #b9cbbb;padding-top:13px;margin-top:14px;font-size:10px;color:#385842}.compact-note{font-size:10px!important;line-height:1.65!important;color:#52655b!important;margin:15px 0 0}
.compact-compare{border-block:1px solid var(--line);margin-top:23px}.compact-compare>summary{padding:20px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.compact-compare>summary::-webkit-details-marker{display:none}.compact-compare[open]>summary span{transform:rotate(45deg)}.compact-compare .compare{padding:15px 0 28px;background:#fff}.compact-compare .compare-controls{margin:0 0 20px}.compact-compare .compare-bike{height:125px}.compact-compare .compare-table th,.compact-compare .compare-table td{padding:13px 16px}
.compact-charging{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:#edf5ef;padding:38px var(--gutter)}.compact-charging figure{margin:0}.compact-charging figure img{width:100%;max-height:360px;object-fit:contain}.compact-charging figcaption{font-size:9px;color:#53665a;text-align:right;margin-top:8px}.compact-charging h2{margin-top:15px}.compact-charging p{font-size:13px;line-height:1.7;max-width:480px;margin:17px 0}.compact-charging .button{font-size:11px;min-height:48px;padding:14px 20px}.compact-charging .text-link{display:table;font-size:11px;margin-top:17px}.compact-charging .compact-note{max-width:500px;margin-bottom:0}
.compact-visit{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:48px var(--gutter);align-items:center}.compact-visit-copy>p{font-size:13px;max-width:410px;margin:20px 0}.compact-visit address{font-size:12px;line-height:1.7;font-style:normal;max-width:390px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.compact-contact{display:flex;gap:24px;flex-wrap:wrap;margin-top:15px}.compact-contact a{font-size:11px}.compact-visit .booking-form{padding:25px 30px}.compact-visit .booking-form h3{font-size:25px}.compact-visit .form-intro{font-size:11px;margin:8px 0 16px}.compact-visit .field{margin-bottom:15px}.compact-visit .field label{font-size:11px}.compact-visit .field input,.compact-visit .field select{padding:11px;min-height:44px}.compact-visit .form-note{font-size:9px;line-height:1.65;margin-top:12px}.compact-visit .booking-form .button{font-size:11px;min-height:46px}
.compact-faq{display:grid;grid-template-columns:1fr 1.65fr;gap:6%;padding:27px var(--gutter) 40px;background:#f6f8f6}.compact-faq h2{font:500 34px/1.1 var(--display);margin:8px 0}.compact-faq details{border-bottom:1px solid var(--line)}.compact-faq summary{cursor:pointer;padding:16px 0;font-size:12px;font-weight:600}.compact-faq details p{font-size:12px;line-height:1.7;margin:0 0 18px;color:#52655b}
.compact-home .site-footer{padding:30px var(--gutter) 24px}.compact-home .footer-top{padding:0 0 25px;gap:30px}.compact-home .footer-top p{font-size:25px}.compact-home .footer-bottom{padding-top:20px}.compact-home .footer-top a{font-size:11px}.compact-home .footer-top>div{gap:14px}.compact-home .footer-brand img{width:140px}.compact-home .footer-brand>span{font-size:9px}
.compact-compare,.compact-visit,#showroom,.compact-lineup,.compact-charging{scroll-margin-top:100px}summary:focus-visible,.compact-model a:focus-visible{outline:2px solid #175d41;outline-offset:5px}
@media(min-width:821px) and (prefers-reduced-motion:no-preference){.compact-hero-copy{animation:compact-in .65s both}@keyframes compact-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.compact-usp>div{display:block}.compact-usp p{margin:6px 0 2px}.compact-model-image{height:165px}.compact-model-info{padding:8px 15px 17px}.compact-model-spec{font-size:9px}.compact-hero-copy{width:62%}}
@media(max-width:820px){.compact-hero{min-height:590px;display:block}.compact-hero-copy{width:100%;padding:30px var(--gutter) 285px}.compact-hero h1{font-size:53px;margin:16px 0 12px}.compact-hero-copy>p{font-size:12px}.compact-offer{margin:15px 0}.compact-offer strong{font-size:32px}.compact-actions{gap:15px}.compact-actions .button{font-size:10px;min-height:44px;padding:12px 15px}.compact-actions .text-link{font-size:10px}.compact-hero-image{inset:auto 0 0;width:100%;height:340px;object-position:70% center}.compact-hero:after{background:linear-gradient(180deg,#edf4f2 0%,#edf4f2 44%,#edf4f200 67%,#edf4f200 100%)}.compact-concept{bottom:10px;font-size:8px}.compact-usp{padding-block:20px;gap:15px}.compact-usp>div{padding-right:10px}.compact-usp strong{font-size:25px}.compact-usp p{font-size:10px;line-height:1.45}.compact-usp small{font-size:8px;line-height:1.4;display:block}.compact-lineup{padding-block:30px 25px}.compact-heading{align-items:start}.compact-heading h2{font-size:38px}.compact-heading .eyebrow{font-size:8px}.compact-heading .text-link{font-size:10px;max-width:110px;line-height:1.6}.compact-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-model-image{height:175px}.compact-model h3{font-size:30px;margin-bottom:10px}.compact-price strong{font-size:15px}.compact-model-info>p{font-size:9px;min-height:14px}.compact-charging,.compact-visit,.compact-faq{grid-template-columns:1fr;gap:24px;padding:30px var(--gutter)}.compact-charging figure{order:2}.compact-charging figure img{max-height:330px}.compact-charging h2,.compact-visit h2{font-size:42px}.compact-charging .eyebrow,.compact-visit .eyebrow{font-size:9px}.compact-charging p{margin:13px 0}.compact-charging .compact-note{font-size:9px!important}.compact-visit .booking-form{padding:22px}.compact-visit h2 br{display:none}.compact-visit-copy>p{margin:15px 0}.compact-visit address{margin-top:15px;padding-top:15px}.compact-faq{gap:10px}.compact-faq h2{font-size:30px}.compact-home .footer-top{grid-template-columns:1fr 1fr;gap:22px}.compact-home .footer-top>p{font-size:21px}.compact-home .site-footer{padding-bottom:80px}.compact-home .footer-bottom{font-size:9px}.compact-compare .compare-bike{height:75px}.compact-compare .compare-table th,.compact-compare .compare-table td{padding:10px 6px;font-size:10px}}
@media(max-width:420px){.compact-hero h1{font-size:48px}.compact-hero-copy{padding-bottom:270px}.compact-hero-image{width:130%;max-width:none;left:-30%;height:310px;object-position:70% center}.compact-model-image{height:140px}.compact-model-info{padding:6px 12px 15px}.compact-model-spec{font-size:8px;gap:5px}.compact-model-info>p{font-size:8px}.compact-price strong{font-size:14px}.compact-usp strong{font-size:23px}.compact-hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.compact-model-image img{transition:none}.compact-model:hover img{transform:none}}
.compact-actions .button{gap:20px}.compact-home .nav-cta{flex-shrink:0;white-space:nowrap}
@media(max-width:820px){.compact-hero-image{mask-image:linear-gradient(transparent,#000 20%)}}
