/* Landing-page dimensions follow the browser viewport, while copy stays readable. */
.landing-page{--page-gutter:clamp(20px,4.5vw,192px);--layout-gap:clamp(22px,2.25vw,86px)}
.landing-page .wrap{width:calc(100% - var(--page-gutter) - var(--page-gutter));max-width:none}
.landing-page .hero-copy,.landing-page .hero-art,.landing-page .dashboard-copy,.landing-page .feature,.landing-page .plan,.landing-page .steps>article,.landing-page .faq-section>div{min-width:0}
.landing-page .cabinet-preview{width:100%;max-width:none}
@media(min-width:1001px){
 .landing-page .header{height:clamp(100px,7.5vw,190px);gap:clamp(20px,2vw,72px)}
 .landing-page .header .brand{font-size:clamp(24px,1.65vw,46px);gap:clamp(10px,.8vw,26px)}
 .landing-page .header .brand-symbol{font-size:clamp(40px,2.9vw,80px)}
 .landing-page .header .brand small{font-size:clamp(12px,.85vw,23px);letter-spacing:.3em}
 .landing-page .header nav{gap:clamp(20px,2vw,72px);font-size:clamp(14px,.95vw,25px)}
 .landing-page .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--layout-gap);min-height:clamp(610px,42vw,1280px)}
 .landing-page .hero-copy{padding:clamp(50px,4vw,140px) 0}
 .landing-page .hero h1{font-size:clamp(60px,6.3vw,208px);line-height:1.06;letter-spacing:-.055em;margin-bottom:clamp(28px,2vw,70px)}
 .landing-page .lead,.landing-page .body-copy{font-size:clamp(18px,1.2vw,30px)!important;line-height:1.65!important}
 .landing-page .lead{max-width:40ch;margin-bottom:clamp(30px,2.3vw,80px)}
 .landing-page .body-copy{max-width:40ch;margin-top:clamp(24px,2vw,65px);margin-bottom:clamp(28px,2.2vw,72px)}
 .landing-page .eyebrow{font-size:clamp(12px,.85vw,23px);letter-spacing:.12em;margin-bottom:clamp(24px,2vw,65px)}
 .landing-page .hero-art{height:clamp(520px,36vw,1240px)}
 .landing-page .art-label,.landing-page .art-number{font-size:clamp(12px,.85vw,23px)}
 .landing-page .art-label{bottom:12%}.landing-page .art-number{top:11%;left:4%}
 .landing-page .hero-caption{font-size:clamp(13px,.8vw,21px);margin-top:clamp(28px,2vw,65px)}
 .landing-page .hero-actions{gap:clamp(22px,2vw,72px);flex-wrap:wrap}
 .landing-page .button{font-size:clamp(15px,1vw,26px);padding:clamp(18px,1.2vw,36px) clamp(24px,1.65vw,56px);gap:clamp(24px,2vw,64px)}
 .landing-page .button.small{font-size:clamp(14px,.95vw,24px);padding:clamp(12px,.9vw,28px) clamp(20px,1.4vw,46px);gap:clamp(18px,1.5vw,50px)}
 .landing-page .button span{font-size:1.25em}
 .landing-page .text-link{font-size:clamp(15px,1vw,26px);gap:clamp(16px,1.3vw,40px)}
 .landing-page .platforms{padding:clamp(28px,2vw,70px) 0}
 .landing-page .platforms .eyebrow{font-size:clamp(12px,.85vw,23px);margin-bottom:clamp(20px,1.6vw,50px)}
 .landing-page .platform-list{font-size:clamp(18px,1.3vw,38px);gap:var(--layout-gap)}
 .landing-page .section{padding:clamp(80px,7vw,210px) 0}
 .landing-page .section-heading{margin-bottom:clamp(38px,3vw,100px)}
 .landing-page .section h2,.landing-page .final-cta h2{font-size:clamp(40px,3.4vw,116px);letter-spacing:-.045em}
 .landing-page .feature-grid,.landing-page .plan-grid{gap:var(--layout-gap)}
 .landing-page .feature,.landing-page .plan{padding:clamp(30px,2.5vw,96px)}
 .landing-page .feature{min-height:clamp(300px,21vw,640px)}
 .landing-page .feature h3,.landing-page .steps h3{font-size:clamp(21px,1.4vw,42px);line-height:1.3;letter-spacing:-.025em}
 .landing-page .feature p,.landing-page .steps p,.landing-page .plan-description,.landing-page .plan li{font-size:clamp(16px,1.05vw,28px);line-height:1.7;max-width:38ch}
 .landing-page .feature small,.landing-page .feature-index,.landing-page .plan-tag,.landing-page .plan-note{font-size:clamp(12px,.85vw,22px)}
 .landing-page .feature-icon{font-size:clamp(44px,3vw,90px);margin:clamp(24px,2vw,64px) 0}
 .landing-page .dashboard-section:has(.cabinet-preview){grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,3vw,100px)}
 .landing-page .steps{gap:var(--layout-gap)}
 .landing-page .steps article>span{font-size:clamp(18px,1.5vw,40px)}
 .landing-page .plan h3{font-size:clamp(36px,2.7vw,82px)}
 .landing-page .price{font-size:clamp(54px,4.2vw,142px);letter-spacing:-.04em}
 .landing-page .price>span,.landing-page .plan-offer-current>span{font-size:clamp(16px,1.1vw,30px);letter-spacing:0}
 .landing-page .plan-offer-top{gap:clamp(12px,1vw,28px)}
 .landing-page .plan-offer-top del{font-size:clamp(20px,1.4vw,40px)}
 .landing-page .plan .price .plan-offer-badge{font-size:clamp(12px,.8vw,22px)}
 .landing-page .faq-section{gap:clamp(40px,5vw,160px)}
 .landing-page .faqs summary{font-size:clamp(18px,1.2vw,32px);padding:clamp(24px,2vw,64px) 0}
 .landing-page .faqs details p{font-size:clamp(16px,1.05vw,28px);line-height:1.7;max-width:58ch}
 .landing-page .final-cta{padding-top:clamp(70px,5vw,160px)}
 .landing-page .closing-word{font-size:clamp(100px,16vw,680px);margin-top:clamp(60px,5vw,180px)}
 .landing-page .footer-row{font-size:clamp(14px,.9vw,24px);gap:24px}
}