/* Mobile-first refinements for Quant LAB: iPhone/Android/tablet */
html,body{max-width:100%;}
img,svg,video,canvas{max-width:100%;}
:where(.hero-grid,.split-grid,.faq-grid,.feature-grid,.step-grid,.metrics-grid)>*{min-width:0}
:where(h1,h2,h3,p,.metric,.feature-card,.step-card,.last-card){overflow-wrap:anywhere}
@media (min-width:741px) and (max-width:1100px){
 .container{width:calc(100% - 56px)}
 .navrow{gap:15px}.navlinks{gap:12px}
 .hero-grid{gap:30px;min-height:0;padding-top:70px;padding-bottom:75px}
 .hero h1{font-size:clamp(36px,4.3vw,51px)}
 .metric{padding:21px 16px}.metric strong{font-size:18px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-card{min-height:0}.split-grid{gap:30px}
}
@media(max-width:740px){
 html{scroll-padding-top:74px}
 body{overflow-x:clip;-webkit-text-size-adjust:100%}
 .container{width:calc(100% - 36px);max-width:560px}
 .header .navrow{height:62px;gap:10px}
 .brand{font-size:15px;gap:6px;min-width:0}.brandmark{font-size:24px}
 .lang-picker{margin-left:auto;flex-shrink:0}
 .lang-trigger{width:140px;max-width:40vw;height:40px;touch-action:manipulation}
 .lang-menu{width:min(240px,calc(100vw - 36px));max-height:min(340px,55dvh);overscroll-behavior:contain}
 .lang-option{min-height:42px;font-size:14px}
 .hero-grid{padding-top:40px;padding-bottom:58px;gap:33px}
 .eyebrow{font-size:10px;letter-spacing:.7px;margin-bottom:16px}
 .hero h1{font-size:clamp(32px,8.6vw,45px);letter-spacing:-.9px;line-height:1.2;margin-bottom:18px}
 .lead{font-size:14px;line-height:1.8}
 .hero-actions{gap:13px;margin-top:24px}.hero-actions .btn{flex:1 1 100%;text-align:center}
 .btn{min-height:46px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
 .hero-points{gap:8px 15px;margin-top:23px;font-size:11px}
 .visual{width:100%}.workspace{border-radius:15px}.workspace-head{height:43px;gap:8px;padding-inline:12px}
 .workspace-status{font-size:9px}.workspace-body{padding:17px 14px 19px}
 .workspace-title{font-size:clamp(19px,5.4vw,25px)}.chart{height:clamp(125px,42vw,190px);margin-top:10px}
 .chartlegend{gap:10px;flex-wrap:wrap}.workspace-tabs{gap:6px;margin-top:17px}
 .workspace-tabs>div{padding:8px 6px}.workspace-tabs small{font-size:9px}.workspace-tabs b{font-size:clamp(9px,2.5vw,12px)}
 .floating-note{right:0;bottom:-13px;padding:9px 11px;font-size:12px}
 .metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .metric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:0;border-right:1px solid #2a3c43;padding:18px 10px!important}
 .metric:first-child{padding-left:0!important}.metric:last-child{border-right:0}
 .metric-icon{width:36px;height:36px;font-size:17px;border-radius:9px}
 .metric strong{font-size:clamp(13px,3.4vw,18px);line-height:1.3;display:block}
 .metric p{font-size:10px;line-height:1.5;margin-top:4px}
 .section{padding:64px 0}.section-heading{margin-bottom:25px}
 .section-heading h2,.split-section h2,.faq-section h2,.last-card h2{font-size:clamp(27px,7.5vw,36px);letter-spacing:-.4px;line-height:1.3}
 .section-heading p{margin-top:12px;font-size:13px}
 .feature-grid,.step-grid{grid-template-columns:1fr;gap:13px}
 .feature-card{padding:19px}.feature-art{height:125px;margin-top:14px;margin-bottom:14px}
 .feature-card h3{font-size:19px}.feature-card p{font-size:13px}
 .journey{padding:19px}.journey strong{white-space:normal}.journey-items{gap:8px 11px}
 .split-grid,.faq-grid{grid-template-columns:1fr;gap:28px}
 .benefit-list>div{grid-template-columns:34px 77px minmax(0,1fr);gap:9px;padding:14px 0}
 .benefit-list span:last-child{font-size:12px}.security{padding:24px 20px}.security h3{font-size:23px}
 .step-card{padding:21px}.step-top span:first-child{font-size:30px}
 .message-panel{padding:19px}.message-panel .copy{width:100%;min-height:44px;white-space:normal}
 .faq-items summary{padding-right:2px;min-height:28px;font-size:14px;line-height:1.5}
 .last-section{padding-bottom:56px}.last-card{padding:26px 21px}.last-card .btn{width:100%}
 .footer{padding-top:35px;padding-bottom:calc(102px + env(safe-area-inset-bottom))}
 .copyright{text-align:center;margin-top:27px}
 .sticky{gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
 .sticky>div{min-width:0}.sticky b{font-size:13px}.sticky small{font-size:9px}
 .sticky .btn{flex-shrink:0;max-width:58%;padding:10px 13px;min-height:42px;font-size:11px;line-height:1.3}
 dialog{max-height:calc(100dvh - 32px);overflow:auto;padding:25px 20px}
}
@media(max-width:375px){
 .container{width:calc(100% - 28px)}
 .lang-trigger{width:118px;padding-inline:9px;font-size:11px}
 .hero h1{font-size:clamp(29px,8.5vw,34px)}
 .workspace-body{padding:13px 11px}.workspace-tabs{gap:4px}.workspace-tabs>div{padding:7px 4px}
 .metric{padding-inline:7px!important}.metric strong{font-size:12px}
 .benefit-list>div{grid-template-columns:30px 62px minmax(0,1fr);gap:7px}
 .sticky b{font-size:12px}.sticky .btn{font-size:10px;padding-inline:9px}
}
@media(hover:none){.btn,.copy,.lang-option{touch-action:manipulation}}

/* Keep labels readable on iPhone / Android; override previous 10px mobile rule */
@media (max-width:740px) {
 .eyebrow {font-size:13px;line-height:1.55;letter-spacing:.45px;gap:10px;margin-bottom:17px;}
 .eyebrow i {flex:0 0 8px;width:8px;height:8px;}
}
@media (max-width:375px) {
 .eyebrow {font-size:12.5px;letter-spacing:.2px;}
}

/* Mobile spacing refinement: reduce oversized gaps between content sections. */
@media (max-width:740px) {
  .section { padding-top:46px; padding-bottom:46px; }
  .product-section { padding-bottom:36px; }
  .split-section { padding-top:44px; padding-bottom:45px; }
  .process-section { padding-top:46px; padding-bottom:44px; }
  .faq-section { padding-top:44px; padding-bottom:24px; }
  .section-heading { margin-bottom:21px; }
  .section-heading p { margin-top:10px; }
  .split-grid { gap:21px; }
  .faq-grid { gap:12px; }
  .faq-lead { margin-top:14px; margin-bottom:0; }
  .faq-items details { padding:16px 0; }
  .faq-items details:first-child { padding-top:10px; }
  .journey { margin-top:17px; padding:18px 19px; }
  .benefit-list { margin:22px 0; }
  .last-section { padding-top:0; padding-bottom:34px; }
  .last-card { padding:23px 20px; }
  .last-card p { margin-top:12px; }
  .last-card .btn { margin-top:19px; }
  .footer { padding-top:25px; }
  .copyright { margin-top:19px; padding-top:17px; }
}
@media (max-width:375px) {
  .section { padding-top:40px; padding-bottom:40px; }
  .faq-section { padding-bottom:20px; }
  .last-section { padding-bottom:28px; }
}

/* Lift copyright slightly, without affecting the disclaimer copy. */
@media(max-width:740px){.copyright{margin-top:9px;padding-top:11px}.footer{padding-top:22px}}