html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body:has(.quiz-overlay){overflow:hidden}
.page,.quiz-modal,.quiz-input,.quiz-select,.quiz-username-input{min-width:0}
.page img,.page svg{max-width:100%;height:auto}
.section-title,.hero-title,.contact-title,.quiz-title,.card-title,.tier-name,.faq-question{overflow-wrap:anywhere}
.quiz-overlay{overscroll-behavior:contain}
.quiz-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;top:12px;right:12px}

@media (max-width:900px){
  .hero{padding-top:72px}
  .hero-grid,.assets-grid{gap:48px}
  .proof-cell,.tier-card,.fit-cell{min-width:0}
}

@media (max-width:640px){
  .nav-inner{padding-top:14px;padding-bottom:14px;gap:12px}
  .brand{font-size:18px;flex-shrink:0}
  .nav-cta{max-width:58vw;text-align:center;line-height:1.25}
  .hero{padding-top:48px}
  .hero-title{font-size:clamp(36px,11.5vw,54px);line-height:1.04;margin-bottom:26px}
  .hero-sub{font-size:16px;margin-bottom:32px}
  .section-title{font-size:clamp(28px,9vw,40px);margin-bottom:40px}
  .section-hr{margin-bottom:40px}
  .eyebrow{margin-bottom:18px}
  .problem-card,.proof-cell,.tier-card,.fit-cell{padding:30px 24px}
  .assets-grid{gap:32px}
  .assets-item{font-size:15px;align-items:flex-start}
  .proof-grid,.fit-grid{gap:1px}
  .proof-big{font-size:54px}
  .verdict{font-size:36px;overflow-wrap:anywhere}
  .tier-price{font-size:46px}
  .faq-question{font-size:16px;padding:22px 0;align-items:flex-start}
  .contact-section{padding-top:64px;padding-bottom:64px}
  .contact-card{padding:38px 22px}
  .footer-inner{padding:42px 20px;gap:28px}
  .footer-links{flex-wrap:wrap;gap:16px 24px}
  .quiz-overlay{padding:0;align-items:flex-end}
  .quiz-modal{max-width:100%;max-height:100dvh;border-radius:22px 22px 0 0;padding:38px 20px max(24px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .quiz-progress-wrap{margin-bottom:28px;padding-right:34px}
  .quiz-progress-row{gap:12px}
  .quiz-step-label,.quiz-tag{font-size:10px;letter-spacing:.14em}
  .quiz-title{font-size:clamp(27px,8.5vw,34px);margin-bottom:24px;padding-right:20px}
  .quiz-hint{margin-bottom:26px}
  .quiz-stack{gap:10px}
  .quiz-stage{gap:15px;padding:17px 16px}
  .quiz-stage-num{font-size:29px}
  .quiz-stage-title{font-size:17px}
  .quiz-stage-sub{font-size:13px;line-height:1.45}
  .quiz-option{font-size:16px;padding:17px 16px}
  .quiz-chips{gap:8px;margin-bottom:22px}
  .quiz-chip{font-size:14px;padding:12px 16px}
  .quiz-primary{margin-top:22px;padding:17px 18px}
  .quiz-tabs{width:100%;overflow:hidden}
  .quiz-tab{min-width:0;padding:11px 8px;font-size:13px}
  .quiz-phone-row{flex-direction:column;gap:10px}
  .quiz-select{width:100%}
  .quiz-username-row{padding:0 14px}
  .quiz-footer{margin-top:26px;padding-top:18px;gap:12px}
  .quiz-footer-link{max-width:72%;text-align:right;line-height:1.4}
  .quiz-success{padding:10px 0}
  .quiz-check-circle{width:76px;height:76px;margin-bottom:26px}
  .quiz-success-text{margin-bottom:30px}
}

@media (max-width:380px){
  .nav-inner,.hero,.section{padding-left:16px;padding-right:16px}
  .nav-cta{font-size:10px;padding:8px 11px}
  .hero-title{font-size:35px}
  .metrics-card{padding:24px 20px}
  .metrics-row{display:grid;grid-template-columns:1fr 1px 1fr;gap:14px}
  .metrics-value{font-size:36px}
  .metrics-header{align-items:flex-start;gap:10px;line-height:1.4}
  .problem-card,.proof-cell,.tier-card,.fit-cell{padding-left:20px;padding-right:20px}
  .contact-card{padding-left:18px;padding-right:18px}
  .quiz-modal{padding-left:16px;padding-right:16px}
  .quiz-progress-row{align-items:flex-start}
  .quiz-stage{padding-left:14px;padding-right:14px}
  .quiz-footer{align-items:flex-start}
  .quiz-footer-link{font-size:12px}
}