/* Calm review direction: neutral surfaces, one restrained accent. */
:root{--ink:#26332d;--cream:#26332d;--night:#f5f6f3;--raised:#fff;--muted:#526058;--dim:#59665f;--gold:#355e4d;--gold2:#dce8df;--line:#dce2dc;--line2:#cbd8ce}
html,body,body[data-view="gateView"]{background:#f5f6f3;color:#26332d}
h1,h2,.hero-copy h1,.gate-shell h1{color:#26332d}
.eyebrow,.gate-shell .eyebrow,.review,.brand small,.step,.hint,#questionCount{color:#355e4d}
.hero{display:block;padding:64px 0 58px;max-width:900px}
.hero-copy{max-width:850px}
.hero-copy h1{font-size:clamp(30px,3.5vw,47px);line-height:1.22;letter-spacing:-.035em;margin:20px 0;max-width:none;text-wrap:pretty}
.hero-copy .lead{max-width:690px;font-size:18px;line-height:1.7;color:#526058;margin:0 0 26px}
.hero-copy .facts{margin-top:22px;flex-wrap:wrap}
.facts span{background:#eaf0e9;color:#355e4d;border-color:#dce2dc}
.benefits,.cred,.close,.quiz-shell,.result-shell,.result-media-wrap,.activation-card,.next{background:#fff;border-color:#dce2dc;box-shadow:0 5px 20px rgba(31,49,38,.035);backdrop-filter:none}
.benefit-grid article,.insights article,.result-note{background:#f7f8f5;border-color:#e0e5df;box-shadow:none}
.hero-copy .lead,.close p,.cred p,.benefit-grid article p,.insights article p,.result-summary,.result-note,.next p,.result-media-copy p:last-child,.activation-copy p:last-child{color:#526058}
.button-primary,.gate-shell form .button-primary,.gate-start{background:linear-gradient(#355e4d,#2d5142);color:#fff;box-shadow:none}
.button-primary:hover{background:#284b3c}
.option{background:#fff;color:#26332d;border-color:#d4ddd5;box-shadow:none}
.option:hover,.option.is-selected{background:#edf3ec;border-color:#355e4d;box-shadow:none}
.option span{background:#e9efe8;color:#355e4d}
.progress{background:#e0e7df}.progress i{background:#355e4d}
textarea,textarea:focus,.gate-shell form input{color:#26332d;background:#fff;border-color:#c5d0c7}
.gate-view{background:radial-gradient(ellipse at top,#fff,#f5f6f3 70%);color:#26332d}
.gate-lead,.gate-list span,.gate-note,.gate-shell .retake,footer,footer a,.retake{color:#526058}
.gate-list li{background:#fff;border-color:#dce2dc;box-shadow:none}
.gate-list b,.gate-shell form label{color:#26332d}
.gate-list i{background:#355e4d;color:#fff}
.gate-seal{box-shadow:0 8px 24px rgba(31,49,38,.1)}
.activation-icon{background:#e3eee4;color:#355e4d;box-shadow:none}
.activation-note a{background:#edf3ec;color:#355e4d;border-color:#cbd8ce}
.result-note{border-left-color:#789885}
.review{background:#edf3ec;border-color:#dce2dc}
:focus-visible{outline:3px solid #355e4d;outline-offset:4px}
@media(max-width:760px){.hero{padding:32px 0 38px}.hero-copy h1{font-size:30px;line-height:1.25}.hero-copy .lead{font-size:16px;line-height:1.65}.hero-copy .facts{gap:8px}.hero-copy .facts span{font-size:12px}.hero-copy .button-primary{width:100%}}

/* Responsive interaction polish. */
.brand,footer a{min-height:44px}
footer a{display:inline-flex;align-items:center;padding-inline:4px}
:is(button,a){touch-action:manipulation}
.site-head{padding-top:env(safe-area-inset-top,0px)}
.gate-view{padding-top:calc(46px + env(safe-area-inset-top,0px))}
.question h1{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:1100px){.quiz-shell{width:min(800px,calc(100% - 48px))}}
@media(max-width:760px) and (max-height:700px){
  .quiz-shell{padding-top:10px;padding-bottom:34px}
  .question{padding-top:18px}
  .question h1{margin-top:9px;font-size:clamp(24px,7vw,31px);line-height:1.14}
  .options{gap:8px;margin-top:18px}
  .option{min-height:56px;padding:10px 12px;border-radius:14px}
  .option b{font-size:15px;line-height:1.35}
  .option span{width:28px;height:28px}
  textarea{min-height:132px;margin-top:18px}
  .continue{margin-top:18px}
}
@media(max-width:760px){.gate-view{padding-top:calc(28px + env(safe-area-inset-top,0px))}}