:root{--pale:#f1f5ef;--pad:clamp(22px,5vw,84px)}
body{background:#fff}
.header{width:min(1120px,calc(100% - 48px));height:76px;margin:22px auto -98px;top:18px;border:1px solid #e3e9e1;border-radius:16px;padding:0 24px;box-shadow:0 4px 14px #20392a08;gap:24px;background:#fffffff2}
.brand img{width:142px}
.brand>span{font-size:10px;padding-left:16px}
.header nav{font-size:12px;gap:22px}
.header .button{border-radius:9px;min-height:42px;font-size:12px;padding:11px 17px}
.button{border-radius:10px}
.button.orange{color:#102b21;background:#ff6b2c}
.button:hover{transform:none}
.text-link{text-decoration-thickness:1px;text-underline-offset:5px}
.section .eyebrow,.electric-copy .eyebrow{text-transform:none;letter-spacing:.025em;font-weight:400;font-size:13px}
.section h2 em,.electric-copy h2 em{color:inherit}
.section h2{font-size:clamp(34px,3.8vw,57px);font-weight:600}
.section-head>p{font-size:14px;line-height:1.7}
.hero-orbit{position:absolute;width:1120px;height:1120px;left:50%;top:0;transform:translate(-50%,-45%);border:1px solid #dce5d9;border-radius:50%;z-index:-1}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:-140px;border:1px solid #e5ebe0;border-radius:50%}
.hero-orbit:after{inset:-310px}
.location-label{font-size:12px;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;color:#40604d}
.location-label span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.starting-price{display:block;font-size:12px;margin-top:14px;color:#647164}
.center-model{position:relative;align-self:start}
.center-model>img{aspect-ratio:1.45;max-height:450px}
.model-caption{display:inline-flex;gap:20px;align-items:center;justify-content:center;border-radius:12px;padding:13px 16px;background:#ffffffc9;font-size:14px;color:var(--green);border:1px solid #e4e9e0;position:relative;margin-top:-25px}
.model-caption strong{font-size:18px}
.model-caption i{font-style:normal;background:#ecf2e7;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}
.side-model{padding-top:80px!important}
.side-model>img{height:235px}
.side-model>span{display:block;font-size:11px;color:#667668;margin:2px 0 7px}
.side-model>strong{font-size:17px;font-weight:600}
.side-model small{font-size:12px;font-weight:400;margin-left:12px}
.left-model{transform:rotate(-5deg)}
.right-model{transform:rotate(5deg)}
.experience-link{position:relative;display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:44px;margin-top:16px;color:#476452;border-bottom:1px solid #aabdac}
.benefit-strip{justify-items:center;padding:25px var(--pad);border-bottom:1px solid #e8ece6;gap:12px}
.benefit-strip span{font-size:12px}
.benefit-strip b{color:var(--green)}
.catalog{padding-top:94px}
.catalog-toolbar{margin-bottom:16px}
.filters button{border:0;background:#f2f5ef;border-radius:8px;padding:10px 18px}
.catalog-options select{border-color:#e1e7de;border-radius:8px;font-size:12px;min-height:42px}
.catalog-options label{font-size:11px}
.catalog-options{margin-bottom:30px}
.catalog-count{font-size:12px}
.model-grid{gap:24px}
.model-card{padding:16px 20px 22px;background:#f6f8f4;border:1px solid #edf0e9;border-radius:20px;overflow:hidden}
.model-image{background:transparent;border-radius:0;aspect-ratio:1.36}
.model-image img.studio-photo{padding:6px}
.model-image:after{content:'↗';width:30px;height:30px;font-size:17px;box-shadow:none;bottom:4px;right:0;background:white;opacity:0;transition:opacity .15s}
.model-card:hover .model-image:after,.model-image:focus-visible:after{opacity:1}
.card-title-row{margin-top:8px}
.model-brand{letter-spacing:.02em!important;text-transform:none;font-size:11px!important}
.compare-toggle{font-size:10px;min-height:36px;font-weight:400}
.compare-toggle span{width:15px;height:15px;font-size:11px}
.model-heading{display:flex;align-items:center;margin-top:0}
.model-heading h3{font-size:26px}
.model-name-link{padding:0;background:transparent;font:inherit;text-align:left;letter-spacing:inherit}
.model-heading strong{font-size:18px;margin:0}
.card-features{font-size:12px;margin:12px 0 17px;gap:4px;min-height:46px;color:#6c7a6c}
.card-features li:before{display:none}
.model-actions{border-top:1px solid #dde5d8;padding-top:15px;display:flex}
.model-actions .button{background:transparent;color:var(--green);justify-content:space-between;padding:0;min-height:40px;border-radius:0;font-size:12px;flex:none;width:100%}
.model-actions .button:after{content:'↗';font-size:18px}
.model-actions .button:hover{color:#b4441b}
.choose-help{background:transparent;border-bottom:1px solid #e1e7dd;border-radius:0;padding:26px 0 30px;gap:30px;margin-top:38px}
.choose-help h3{font-size:20px}
.choose-help p{font-size:13px;max-width:550px}
.choose-help .button{background:transparent;color:var(--green);text-decoration:underline;white-space:nowrap;font-size:13px;padding:10px 0}
.more-models{margin-top:25px}
.electric{margin:0 24px;border-radius:26px;overflow:hidden;grid-template-columns:1fr 1.1fr}
.electric-copy{padding:64px 6vw 64px 50px}
.electric-copy h2{font-size:clamp(36px,3.8vw,56px)}
.electric-image{background:#e9f0e2;min-height:580px}
.electric-image:before{display:none}
.electric-image img{width:108%;padding:20px}
.image-caption{font-size:13px;letter-spacing:.02em;left:35px;bottom:26px}
.reason{gap:0;padding:20px 0 3px}
.reason p{font-size:13px}
.care-grid{gap:25px;margin-top:38px}
.care-grid article{display:block;border:0;background:#f5f7f2;padding:27px;border-radius:16px}
.care h3{font-size:18px}
.care p{font-size:13px;margin-bottom:0}
.payment{background:white;padding-top:50px}
.payment-panel{background:#f1f5eb;border-radius:22px}
.payment .text-link{display:inline-block;margin-top:20px}
.installment strong{font-family:Poppins,sans-serif;font-size:115px;letter-spacing:-.07em;font-weight:600}
.installment strong span{font-size:65px}
.installment>span{letter-spacing:.02em;text-transform:none}
.payment-row p{font-size:14px}
.law-panel{border-left:1px solid #d4decd}
.law-panel p,.law>div>p:not(.eyebrow){font-size:14px}
.law-panel h3{font-size:20px}
.faq-list summary{font-size:14px}
.faq-list details p{font-size:14px}
.store{margin:0 24px;border-radius:25px 25px 0 0;padding:75px 5vw;gap:8vw}
.store h2 em{color:inherit}
.store .eyebrow{color:#a8d4b0}
.store-details span{text-transform:none;letter-spacing:.03em}
.store address{font-size:16px}
.store .button{border-radius:10px;font-size:13px}
footer{margin:0 24px 24px;border-radius:0 0 25px 25px;padding:42px 5vw 25px}
.gallery{padding:40px 22px 24px;justify-content:center}
.gallery-stage{height:370px}
.gallery-stage img{max-height:370px}
.gallery-stage img.studio-photo{padding:0}
.gallery-controls{margin-top:0}
.gallery-controls #zoom-photo{border:0;background:transparent;text-decoration:underline;color:#52664f}
.product-info>p,.product-info ul{font-size:13px}
.product-info h2{font-size:42px}
.product-bottom{padding:16px 28px}
.product-bottom .button{min-width:200px}
.dialog-close{box-shadow:none}
.gallery>.fine-print{font-size:10px!important;max-width:280px;margin:5px auto 0}
.mobile-contact{display:none}
@media(max-width:1000px){
.header{width:calc(100% - 40px);gap:18px}
.brand>span{display:none}
.header nav{gap:17px;font-size:11px}
.side-model>img{height:170px}
.side-model>span{display:none}
.side-model small{display:block;margin:3px 0 0}
.electric-copy{padding:45px 32px}
.electric-image{min-height:570px}
.care-grid{grid-template-columns:1fr 1fr}
.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.model-actions{flex-direction:row}
.store,footer{margin-left:20px;margin-right:20px}}
@media(max-width:680px){
html{scroll-padding-top:95px}
body{padding-bottom:0}
.header{width:calc(100% - 28px);margin:14px auto -82px;height:68px;top:12px;padding:0 16px;gap:15px;border-radius:13px}
.brand img{width:123px}
.header>.button{display:none}
.header .brand{margin-right:auto}
.menu{width:40px;height:44px}
.header nav.open{top:76px;border-radius:13px;padding:16px 22px;border:1px solid #e3e9df;font-size:15px}
.location-label{font-size:11px;margin-bottom:17px}
.starting-price{font-size:10px;margin-top:12px}
.side-model{display:none}
.center-model{display:block;width:100%;max-width:500px;margin:auto}
.center-model>img{aspect-ratio:1.48;max-height:350px}
.model-caption{margin-top:-13px;gap:19px;padding:10px 15px;font-size:12px}
.model-caption strong{font-size:16px}
.model-caption i{width:25px;height:25px;font-size:13px}
.experience-link{margin-top:9px;font-size:11px;min-height:40px}
.hero-orbit{width:620px;height:620px;top:60px}
.benefit-strip{padding:23px 22px;gap:17px 9px;justify-items:start}
.benefit-strip span{font-size:10px;gap:8px}
.section{padding:58px 22px}
.section h2{font-size:34px;line-height:1.12}
.section .eyebrow{font-size:12px;margin-bottom:15px}
.section-head{margin-bottom:25px}
.section-head>p{font-size:13px;margin-top:17px;max-width:300px}
.catalog-count{font-size:11px;margin-top:12px}
.filters{display:flex;flex-wrap:wrap;gap:5px}
.filters button{min-height:40px;font-size:11px;padding:8px 11px}
.filters span{display:none}
.catalog-options{gap:10px;margin-bottom:24px}
.catalog-options select{min-height:42px;font-size:12px}
.model-grid{grid-template-columns:1fr;gap:18px}
.model-card{border-radius:18px;padding:12px 20px 16px}
.model-image{aspect-ratio:1.5}
.model-image img.studio-photo{padding:3px}
.model-image:after{opacity:1;width:28px;height:28px}
.card-title-row{margin-top:4px}
.compare-toggle{font-size:10px;min-height:38px}
.model-heading h3{font-size:26px}
.model-heading strong{font-size:19px}
.card-features{font-size:12px;min-height:0;margin-bottom:15px}
.model-actions .button{min-height:38px;font-size:12px}
.choose-help{padding:18px 0 28px;gap:10px;margin:27px 0 20px;align-items:start}
.choose-help h3{font-size:18px}
.choose-help p{font-size:13px}
.choose-help .button{width:auto;min-height:44px}
.catalog>.fine-print{font-size:11px!important;margin-top:22px}
.more-models{padding:20px 0}
.more-models>summary{font-size:14px}
.summary-label{font-size:11px}
.electric{margin:0 14px;border-radius:20px;display:flex;flex-direction:column}
.electric-copy{padding:38px 24px}
.electric-copy h2{font-size:34px}
.electric-copy .eyebrow{font-size:12px;margin-bottom:17px}
.electric-copy>p:not(.eyebrow){font-size:13px}
.reason h3{font-size:15px}
.reason p{font-size:12px}
.electric-image{order:2;min-height:0;height:360px}
.electric-image img{width:108%;padding:10px 22px}
.image-caption{left:24px;bottom:22px;font-size:12px}
.care-grid{grid-template-columns:1fr;gap:12px;margin-top:27px}
.care-grid article{padding:23px;display:block}
.care h3{font-size:18px;margin-bottom:9px}
.care p{font-size:13px}
.payment{padding-top:15px;gap:28px}
.payment-panel{padding:27px}
.installment strong{font-size:105px}
.payment .text-link{margin-top:3px}
.law{gap:25px}
.law-panel{padding-left:20px}
.law-panel h3{font-size:19px}
.law-panel p,.law>div>p:not(.eyebrow){font-size:13px}
.faq{gap:25px}
.faq-list summary{font-size:14px}
.faq-list details p{font-size:13px}
.store{margin:0 14px;padding:38px 24px;gap:35px;border-radius:20px 20px 0 0}
.store-details{display:grid;grid-template-columns:1fr}
.store address{font-size:14px}
.store-details p,.store-details a:not(.text-link){font-size:13px}
.store-details span{font-size:11px}
.store-details .phone{font-size:19px}
footer{margin:0 14px 85px;padding:32px 24px 24px;grid-template-columns:1fr;border-radius:0 0 20px 20px;gap:22px}
footer p{font-size:12px}
footer small{font-size:10px}
footer>div{gap:25px}
.mobile-contact{display:flex;transform:translateY(120%);transition:transform .2s;padding:10px 18px calc(10px + env(safe-area-inset-bottom));border-color:#e1e7dd;background:#fffffff0;backdrop-filter:blur(14px)}
.mobile-contact.visible{transform:none}
.mobile-contact .button{width:100%;font-size:12px;min-height:44px}
.mobile-contact>a:first-child{font-size:12px;min-height:44px}
.gallery{padding:42px 16px 18px}
.gallery-stage,.gallery-stage img{height:245px;max-height:245px}
.product-info{padding:25px}
.product-info h2{font-size:34px}
.product-info>p,.product-info ul{font-size:13px}
.product-bottom .button{min-width:0;font-size:12px}
.product-bottom strong{font-size:20px}
.product-bottom{padding:13px 16px}
.gallery>.fine-print{font-size:10px!important}
.compare-bar{bottom:80px}
.compare-heading h2{font-size:25px}
.model-card:focus-within{border-color:#afc2aa}}
@media(max-width:360px){
.section{padding-left:18px;padding-right:18px}
.section h2{font-size:31px}
.model-card{padding-left:16px;padding-right:16px}
.filters button{font-size:10px;padding:8px 10px}
.hero-orbit{width:560px;height:560px}
.header{padding:0 14px}
.gallery-stage,.gallery-stage img{height:220px;max-height:220px}
.model-caption{gap:15px}}
@media(prefers-reduced-motion:reduce){
.mobile-contact{transition:none}}

@media(min-width:681px) and (max-width:900px){
.header{gap:12px;padding:0 18px}
.header nav{gap:12px;font-size:10px}
.brand img{width:115px}
.header .button{font-size:11px;padding:10px 12px}}
.mobile-contact{visibility:hidden}
.mobile-contact.visible{visibility:visible}
.modal-open .mobile-contact{visibility:hidden}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.model-reveal{min-width:0;position:relative}
.model-reveal>button{width:100%}
.model-reveal-center{z-index:2}
.model-reveal-center .center-model{width:112%;margin-left:-6%}
.model-caption{box-shadow:0 9px 32px #203c2510}
.model-card{transition:border-color .3s,box-shadow .3s}
.model-image img.studio-photo{transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s}
.model-actions .button:after{transition:transform .25s}
@media(hover:hover) and (pointer:fine){
.model-card:hover{border-color:#bbcdb6;box-shadow:0 16px 40px #24412a0b}
.model-card:hover .model-image img.studio-photo{transform:translateY(-7px) scale(1.035);filter:drop-shadow(0 12px 8px #183c2817)}
.model-actions .button:hover:after{transform:translate(3px,-3px)}}
@media(min-width:901px){
.location-label{margin-bottom:14px}
.starting-price{margin-top:10px}
.center-model>img{max-height:360px;aspect-ratio:1.6}
.side-model{padding-top:35px!important}
.side-model>img{height:210px}
.left-model{translate:calc(var(--scene-progress,0) * -38px) calc(var(--scene-progress,0) * 14px)}
.right-model{translate:calc(var(--scene-progress,0) * 38px) calc(var(--scene-progress,0) * 14px)}
.center-model{translate:0 calc(var(--scene-progress,0) * -30px)}
.hero-orbit{scale:calc(1 + var(--scene-progress,0) * .09)}
.experience-link{margin-top:10px}}
@media(max-width:680px){
.model-reveal-left,.model-reveal-right{display:none}
.model-reveal-center .center-model{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){
.left-model,.right-model,.center-model{translate:none}
.hero-orbit{scale:1}
.model-card:hover .model-image img.studio-photo{transform:none}}