/* Responsive layouts for phones, tablets, laptops and wide monitors. */
.container{width:min(1280px,calc(100% - 64px))}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:40px}
.hero-grid>*,.service-grid>*,.case-grid>*,.reviews-grid>*,.evidence-grid>*,.quiz-grid>*,.faq-grid>*,.footer-main>*{min-width:0}
.hero-visual{width:100%;max-width:640px;margin:0;align-self:center;isolation:isolate}
.hero-art{width:100%;height:auto;aspect-ratio:560 / 530;transform:none;transform-origin:center;margin:0;container-type:inline-size}
.hero-art .sneaker-photo{width:110.714%;left:-5.357%;top:8.49%}
.hero-art .product-glasses{width:100%;left:-2.68%;top:11.32%}
.hero-art .product-watch{width:107.14%;left:-5.36%;top:6.79%}
.hero-art .product-backpack{width:107.14%;left:-6.25%;top:5.1%}
.hero-art .blue-plinth{left:16%;top:30%;width:62.5%;height:48.5%}
.hero-art .plinth-word{font-size:clamp(42px,14cqi,78px);letter-spacing:-.065em;left:8.5%;bottom:6.6%}
.hero-art .orbit-one{width:77%;height:auto;aspect-ratio:1;left:8%;top:5%}
.hero-art .orbit-two{width:60%;height:auto;aspect-ratio:1;left:16%;top:15%}
.hero-art .report-float{right:1%;top:15.7%;width:clamp(98px,27%,151px);min-height:0;padding:clamp(10px,3cqi,18px) clamp(9px,2.8cqi,16px)}
.hero-art .report-float>b{font-size:clamp(12px,2.85cqi,16px);letter-spacing:-.025em}
.hero-art .tiny-logo{font-size:clamp(15px,3.6cqi,20px);margin-bottom:10px}
.hero-art .report-lines{margin:12px 0;gap:5px}
.hero-art .return-float{left:1%;bottom:0;width:min(320px,84%);max-width:100%;padding:12px;gap:10px}
.hero-art .return-float .return-icon{flex:0 0 29px;width:29px;height:29px}
.hero-art .return-float>span:nth-child(2){min-width:0}
.hero-art .return-arrow{flex:0 0 14px}
.header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.header-inner{height:80px;gap:24px}
.nav{display:flex;gap:22px;font-size:13px}
.nav a{min-height:44px;display:flex;align-items:center}
.menu-toggle{display:none;min-width:44px;min-height:44px}
.header-cta{display:inline-flex;min-height:44px}
.section-intro,.hero-description,.service-card p,.case-body>p,.evidence-intro,.evidence-item p,.faq-intro,details p{font-size:14px;line-height:1.8}
.hero-description{max-width:560px}
.service-card .text-link,.text-link,.evidence-link{font-size:13px;min-height:44px}
.service-card h3{font-size:22px;line-height:1.3}
.service-note{font-size:13px;align-items:flex-start}
.service-note svg{flex-shrink:0}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.stats-grid span{line-height:1.6}
.stats-grid b{white-space:nowrap}
.case-card{display:flex;flex-direction:column}
.case-body{display:flex;flex-direction:column;flex:1}
.case-body h3{font-size:19px;line-height:1.35}
.case-body>p{min-height:0;flex:1}
.review-avatar{width:44px;min-width:44px}
.case-result{gap:12px}
.quiz-grid,.evidence-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.faq-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:56px}
.quiz-card{min-width:0}
.quiz-option{font-size:14px;min-height:54px}
.quiz-copy>p:not(.eyebrow),.quiz-copy .check-list{font-size:14px!important;line-height:1.8}
.form-consent{font-size:13px;line-height:1.7;min-height:44px;padding:5px 0}
.form-consent>span{min-width:0;overflow-wrap:break-word}
.form-fields input,.phone-row input,.contact-input{font-size:16px}
.phone-row .button{white-space:normal;line-height:1.4}
.button{min-height:48px}
.steps-grid h3{font-size:17px;line-height:1.4}
.steps-grid p{font-size:14px;line-height:1.75}
dialog{max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.dialog-heading button{min-width:44px;min-height:44px}
.footer-main a:not(.brand){min-height:36px;display:flex;align-items:center;font-size:13px}
.footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}

@media(max-width:1199px){
 .hero-grid{gap:32px;padding-top:44px;padding-bottom:44px}
 .consultation-grid{gap:36px}
 .consultation-copy h2{font-size:34px}
 .quiz-grid,.evidence-grid,.faq-grid{gap:36px}
 .service-card{padding:24px}
 .service-card h3{font-size:20px}
 .case-body{padding:22px}
 .case-result{align-items:flex-start;flex-direction:column}
 .case-result>span{width:100%;justify-content:space-between}
 .steps-grid{grid-template-columns:1fr;gap:0;margin-top:36px}
 .steps-grid li{display:grid;grid-template-columns:44px minmax(150px,.7fr) minmax(0,1.5fr);column-gap:22px;min-height:92px;padding:0 0 28px}
 .steps-grid .step-number{position:relative;top:auto;left:auto;width:44px;height:44px;margin:0;z-index:1}
 .steps-grid h3{padding:0;margin:0;align-self:start}
 .steps-grid h3 br{display:none}
 .steps-grid p{margin:0;max-width:none}
 .steps-grid li:after{left:21px;top:44px;bottom:0;right:auto;border-top:0;border-left:1px dashed #ccd6e5}
 .steps-grid li:last-child{padding-bottom:0;min-height:0}
}
@media(max-width:1099px){
 .header-inner{gap:16px}
 .header-cta{margin-left:auto;font-size:12px}
 .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff}
 .menu-toggle span{width:17px;height:1.5px;background:var(--ink)}
 .nav{display:none;position:absolute;top:79px;left:0;right:0;padding:16px 32px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0000000a;max-height:calc(100dvh - 80px);overflow-y:auto;font-size:15px}
 .nav.open{display:grid;gap:0}
 .nav a{padding:10px 0}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
}
@media(max-width:900px){
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .hero-copy{width:100%}
 .hero h1.hero-two-lines{font-size:clamp(26px,7.8vw,56px)}
 .hero .free-offer{font-size:26px;line-height:1.35}
 .hero-visual{max-width:540px;margin:0 auto}
 .hero-contact{max-width:560px}
 .hero-description{max-width:640px;font-size:15px}
 .hero-benefits{justify-content:flex-start;font-size:13px}
 .phone-row{display:flex;flex-wrap:nowrap}
 .phone-row .button{width:auto;flex:0 0 auto;font-size:13px;padding:15px 18px}
 .marketplaces{gap:22px;justify-content:space-between}
 .marketplaces>span:first-child{max-width:150px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}
 .stats-grid>div{padding-left:28px}
 .stats-grid>div:nth-child(odd){padding-left:0;border-left:0}
 .service-grid{grid-template-columns:1fr;gap:18px}
 .service-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:30px;padding:28px}
 .service-top{grid-column:1;margin-bottom:18px}
 .service-card h3{grid-column:1;grid-row:2 / 4;font-size:24px;margin:0}
 .service-card p{grid-column:2;grid-row:1 / 3;margin:0;font-size:15px;align-self:center}
 .service-card .text-link{grid-column:2;grid-row:3;margin-top:12px;justify-content:space-between}
 .consultation-grid,.quiz-grid,.faq-grid{grid-template-columns:1fr;gap:32px}
 .consultation-copy>p{max-width:640px;font-size:15px}
 .consultation-copy h2{font-size:36px}
 .consultation-benefits{font-size:14px}
 .consultation-channels{gap:24px}
 .contact-form{padding:30px}
 .contact-form .form-description{font-size:14px}
 .evidence-grid{display:flex;flex-direction:column-reverse;gap:34px}
 .evidence-copy{width:100%}
 .evidence-item h3{font-size:17px}
 .document-scene{max-width:440px;padding:28px 35px 60px}
 .expert-document{max-width:340px;min-height:440px}
 .case-grid{grid-template-columns:1fr;gap:24px}
 .case-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
 .case-visual{width:100%;height:auto;aspect-ratio:3 / 2;align-self:center}
 .case-body{padding:26px}
 .case-body h3{font-size:21px}
 .case-body>p{font-size:14px}
 .case-result{flex-direction:row;align-items:flex-end;gap:12px}
 .case-result>span{width:auto}
 .reviews-grid{grid-template-columns:1fr;gap:18px}
 .review{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:28px;padding:28px}
 .review-mark{grid-column:1}
 .review blockquote{grid-column:1;margin:12px 0 0;font-size:15px}
 .review figcaption{grid-column:2;grid-row:1 / 3;align-self:center;flex-direction:column;align-items:flex-start;border-top:0;border-left:1px solid var(--line);padding:12px 0 12px 26px}
 .quiz-card{min-height:440px;padding:30px}
 .quiz-copy h2{font-size:36px}
 .quiz-copy .check-list{margin:22px 0!important}
 .quiz-bottom{display:none}
 summary{font-size:16px;line-height:1.6;padding:20px 0}
 .closing-inner{display:block}
 .closing h2{font-size:34px}
 .closing p:not(.eyebrow){font-size:14px;max-width:600px}
 .closing-actions{align-items:flex-start;margin-top:26px}
 .closing .button{font-size:14px;min-height:52px;padding:16px 24px}
}
@media(max-width:600px){
 .container{width:calc(100% - 40px)}
 .header-inner{height:72px;gap:10px}
 .header .brand small{display:none}
 .header .brand b{font-size:19px;letter-spacing:2px}
 .header-cta{padding:12px;font-size:11px}
 .header-cta svg{display:none}
 .nav{top:71px;padding:16px 20px;max-height:calc(100dvh - 72px)}
 html{scroll-padding-top:88px}
 .hero-grid{padding:32px 0 30px;gap:18px}
 .hero h1.hero-two-lines{font-size:clamp(26px,7.8vw,44px);margin-bottom:24px}
 .hero .eyebrow{margin-bottom:18px}
 .hero .free-offer{font-size:22px;line-height:1.4}
 .hero-description{font-size:15px;line-height:1.75}
 .hero-contact{max-width:none;margin-top:22px}
 .phone-row{display:grid;gap:10px}
 .phone-row .button{width:100%;font-size:14px;justify-content:space-between}
 .hero-contact .contact-label{font-size:14px;line-height:1.6}
 .first-contact-help{font-size:13px;line-height:1.7}
 .hero-benefits{gap:10px 20px;font-size:12px}
 .hero-visual{margin:0 auto;max-width:440px}
 .hero-art .art-caption{top:3%;right:2%;left:auto}
 .marketplaces{gap:20px 16px;padding:22px 0 26px;flex-wrap:wrap}
 .marketplaces>span:first-child{flex-basis:100%;max-width:none;text-align:center}
 .market-logo{flex:1;text-align:center}
 .stats{padding:26px 0}
 .stats-grid{gap:24px 0}
 .stats-grid>div{padding-left:20px}
 .stats-grid b{font-size:31px;letter-spacing:-.035em}
 .stats-grid small{font-size:20px}
 .stats-grid span{font-size:12px;line-height:1.6;margin-top:8px}
 .section{padding-top:56px;padding-bottom:56px}
 h2{font-size:30px;line-height:1.22;letter-spacing:-.035em}
 .section-heading{display:block;margin-bottom:28px}
 .section-intro{font-size:14px;line-height:1.8;margin-top:18px}
 .section-intro br{display:none}
 .service-card{display:flex;flex-direction:column;padding:24px;gap:0}
 .service-top{width:100%;margin-bottom:20px}
 .service-card h3{font-size:23px;margin-bottom:14px}
 .service-card p{font-size:15px;margin-bottom:16px;align-self:auto}
 .service-card .text-link{width:100%;margin-top:auto;font-size:14px}
 .service-note{font-size:13px;line-height:1.8;padding:16px;gap:12px}
 .purchase-scope{grid-template-columns:1fr;gap:12px}
 .purchase-scope .text-link{grid-column:auto;font-size:14px}
 .consultation-section,.quiz-section{padding:48px 0}
 .consultation-copy h2,.quiz-copy h2{font-size:30px;line-height:1.25}
 .consultation-benefits{font-size:14px;line-height:1.7}
 .consultation-benefits li{align-items:flex-start}
 .consultation-benefits svg{flex:0 0 17px;margin-top:3px}
 .consultation-channels{gap:18px}
 .contact-form{padding:24px 20px}
 .contact-form h3{font-size:23px}
 .contact-form .button{font-size:14px;line-height:1.5}
 .field-label{font-size:14px}
 .field-input,.phone-row input,.contact-input{min-height:54px;font-size:16px}
 .payment-flow{grid-template-columns:1fr;gap:28px}
 .payment-flow h3{font-size:23px}
 .payment-flow p,.payment-split p{font-size:15px}
 .payment-split{grid-template-columns:1fr;padding:24px 20px;gap:24px}
 .evidence{padding:48px 0}
 .evidence h2{font-size:30px}
 .evidence-intro,.evidence-item p{font-size:14px}
 .evidence-item h3{font-size:17px}
 .document-scene{width:100%;max-width:370px;padding:24px 20px 60px}
 .expert-document{width:100%;max-width:300px;min-height:440px;padding:25px 22px}
 .document-under{left:32px;right:32px}
 .document-caption{font-size:12px;line-height:1.7}
 .case-card{display:flex;flex-direction:column}
 .case-visual{width:100%;aspect-ratio:3 / 2}
 .case-body{width:100%;padding:24px}
 .case-body h3{font-size:21px}
 .case-body>p{font-size:15px;line-height:1.8;margin-bottom:20px}
 .case-result{gap:12px}
 .case-result b{font-size:28px}
 .case-result small{font-size:12px}
 .case-result>span{font-size:12px;gap:8px}
 .steps-grid li{grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:8px;min-height:0;padding-bottom:28px}
 .steps-grid .step-number{grid-column:1;grid-row:1 / 3}
 .steps-grid h3{grid-column:2;grid-row:1;font-size:19px}
 .steps-grid p{grid-column:2;grid-row:2;font-size:15px;line-height:1.75}
 .review{display:flex;flex-direction:column;padding:24px}
 .review blockquote{font-size:15px;margin:12px 0 24px}
 .review figcaption{flex-direction:row;align-items:center;align-self:stretch;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
 .faq-grid h2{font-size:30px}
 details p{font-size:15px;padding-right:0;line-height:1.8}
 .quiz-card{min-height:440px;padding:26px 20px}
 #quiz-content h3{font-size:24px;line-height:1.3}
 .quiz-option{padding:14px 12px;font-size:14px;line-height:1.6;gap:10px}
 .quiz-actions>.button{font-size:14px;min-height:48px;padding:14px 22px}
 .back-button{min-height:44px;font-size:13px}
 .contact-help,.quiz-summary,.done-description{font-size:13px;line-height:1.75}
 .closing h2{font-size:29px;line-height:1.25}
 .closing-actions{align-items:stretch}
 .closing .button{width:100%;justify-content:space-between;margin-top:0}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .footer-main>div:first-child,.footer-contact{grid-column:1 / -1}
 .footer-main a:not(.brand){min-height:44px;font-size:14px}
 .footer-main p,.footer-label{font-size:13px;line-height:1.75}
 .footer-bottom{gap:16px;font-size:12px;line-height:1.7}
 #callback-dialog{width:calc(100% - 32px);padding:24px 20px;max-height:calc(100dvh - 24px)}
 #callback-dialog h2{font-size:28px}
 #sample-dialog{padding:24px 20px}
}
@media(max-width:359px){
 .container{width:calc(100% - 32px)}
 .header-inner{gap:8px}
 .header .brand b{font-size:17px;letter-spacing:1.4px}
 .header .brand-symbol{width:25px}
 .header-cta{font-size:11px;padding:12px 10px}
 .hero h1.hero-two-lines{font-size:26px}
 .hero .free-offer{font-size:20px}
 .stats-grid>div{padding-left:15px}
 .stats-grid b{font-size:29px}
 .stats-grid small{font-size:18px}
 .case-body,.service-card,.review{padding:21px}
 .case-result{flex-direction:column;align-items:flex-start}
 .case-result>span{width:100%;justify-content:space-between}
 .quiz-card{padding:24px 17px}
 .quiz-actions>.button{padding-inline:18px}
}
@media(hover:none){.service-card:hover{transform:none;box-shadow:none}}