/* Página do teste (/teste/). Usa os tokens e fontes do styles.css do site. */
body.tt{background:var(--navy);min-height:100dvh;display:flex;flex-direction:column}
.tt-wrap{width:min(640px,calc(100% - 32px));margin:0 auto}
.tt-header{background:var(--navy);border-bottom:1px solid #ffffff1a}
.tt-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.tt-header .brand{color:#fff}
.tt-header .brand-logo{width:38px;height:auto;position:static}
.tt-header .brand-text{font-size:.78rem}
.tt-header .brand-text small{font-size:.52rem;color:#a9bfce}
.tt-header-tag{font-size:.6rem;font-weight:700;letter-spacing:.14em;color:var(--navy);background:var(--gold);padding:5px 9px;border-radius:3px;white-space:nowrap}
.tt-main{flex:1;padding:22px 0 36px}
.tt-card{background:#fff;border-radius:12px;padding:30px 28px;box-shadow:0 24px 60px #0006;scroll-margin-top:12px}
.tt-legal{color:#a9bfce;font-size:.72rem;line-height:1.6;text-align:center;margin:18px auto 0;max-width:520px}

/* Abertura */
.tt-kicker{font-size:.66rem;font-weight:700;letter-spacing:.14em;color:#95702c;margin-bottom:14px}
.tt-title{font-size:clamp(2.6rem,9vw,3.6rem);line-height:.98;margin-bottom:16px;color:var(--navy)}
.tt-title em{color:#c48a1c}
.tt-lead{font-size:1rem;line-height:1.6;color:var(--muted);margin-bottom:20px}
.tt-facts{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.tt-facts li{position:relative;padding:12px 14px 12px 42px;background:var(--wash);border-radius:6px;font-size:.88rem;line-height:1.5;color:var(--ink)}
.tt-facts li::before{content:'✓';position:absolute;left:14px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.tt-facts b{color:var(--navy)}
.tt-start{font-size:1.02rem;min-height:58px}
.tt-micro{text-align:center;font-size:.74rem;color:var(--muted);margin-top:12px}

/* Perguntas */
.tt-q-top{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.tt-back{min-height:36px;padding:6px 0;background:none;font-size:.82rem;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:4px;border-radius:0}
.tt-progress{height:6px;background:#e3e9ec;border-radius:6px;overflow:hidden;margin-bottom:24px}
.tt-progress span{display:block;height:100%;background:var(--gold);border-radius:6px;transition:width .3s}
.tt-q-title{font-size:clamp(1.85rem,6.5vw,2.35rem);line-height:1.05;color:var(--navy);margin-bottom:10px;outline:none}
.tt-q-help{font-size:.88rem;line-height:1.55;color:var(--muted);margin-bottom:20px}
.tt-options{display:grid;gap:10px}
.tt-option{justify-content:flex-start;text-align:left;width:100%;min-height:58px;padding:14px 46px 14px 16px;background:#fff;border:1.5px solid #d3dde3;border-radius:8px;color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.4;position:relative;transition:border-color .15s,background .15s}
.tt-option::after{content:'›';position:absolute;right:16px;top:50%;transform:translateY(-52%);font-size:1.5rem;font-weight:400;color:#9aaab5}
.tt-option:focus-visible{border-color:var(--navy);background:#f6f9fa}
@media(hover:hover){.tt-option:hover{border-color:var(--navy);background:#f6f9fa}}
.tt-option.chosen{border-color:var(--gold);background:#fdf6e6}
.tt-option:active{transform:scale(.99)}

/* Resultado */
.tt-badge{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.12em;padding:6px 10px;border-radius:4px;margin-bottom:14px}
.tt-badge.yes{background:#dff3e6;color:#17623a}
.tt-badge.wait{background:#f8eacb;color:#755316}
.tt-r-title{font-size:clamp(2rem,7vw,2.7rem);line-height:1.02;color:var(--navy);margin-bottom:12px;outline:none}
.tt-r-lead{font-size:.98rem;line-height:1.6;color:var(--muted);margin-bottom:20px}
.tt-checks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px}
.tt-check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:8px}
.tt-check-mark{flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;margin-top:1px}
.tt-check.ok .tt-check-mark{background:#dff3e6;color:#17623a}
.tt-check.warn .tt-check-mark{background:#f8eacb;color:#755316}
.tt-check.todo{border-color:var(--gold);background:#fffaf0}
.tt-check.todo .tt-check-mark{background:var(--gold);color:var(--navy)}
.tt-check div{display:grid;gap:2px;min-width:0}
.tt-check b{font-size:.92rem;color:var(--navy)}
.tt-check span{font-size:.85rem;line-height:1.5;color:var(--muted)}
.tt-sub{font-size:.64rem;font-weight:700;letter-spacing:.14em;color:#95702c;margin-bottom:10px}
.tt-path{background:var(--wash);border-radius:10px;padding:20px 18px;margin-bottom:26px}
.tt-path h3{font-size:1.9rem;color:var(--navy);margin-bottom:10px}
.tt-path h3 span{display:inline-block;font-family:var(--font);font-size:.62rem;font-weight:700;letter-spacing:.1em;vertical-align:middle;background:var(--navy);color:#fff;padding:4px 7px;border-radius:3px;margin-left:4px}
.tt-path p{font-size:.9rem;line-height:1.6;color:var(--ink)}
.tt-path p+p{margin-top:8px}
.tt-note{margin-top:12px!important;font-size:.82rem!important;color:var(--muted)!important;border-left:3px solid var(--gold);padding-left:10px}
.tt-steps{margin-bottom:24px}
.tt-steps ol{list-style:none;padding:0;margin:0 0 10px;counter-reset:s}
.tt-steps li{counter-increment:s;position:relative;padding:0 0 16px 44px;display:grid;gap:2px}
.tt-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;border:1.5px solid #c8d4db;color:var(--muted);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1}
.tt-steps li::after{content:'';position:absolute;left:14px;top:28px;bottom:0;width:1.5px;background:#dce3e7}
.tt-steps li:last-child{padding-bottom:0}
.tt-steps li:last-child::after{display:none}
.tt-steps li.now::before{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.tt-steps b{font-size:.92rem;color:var(--navy);line-height:1.4;padding-top:3px}
.tt-steps span{font-size:.84rem;color:var(--muted);line-height:1.5}
.tt-focus{display:grid;gap:4px;padding:14px 16px;border-left:3px solid var(--navy);background:#f6f9fa;border-radius:0 8px 8px 0;margin-bottom:12px}
.tt-focus b{font-size:.94rem;color:var(--navy)}
.tt-focus span{font-size:.86rem;line-height:1.55;color:var(--ink)}
.tt-time{border-left-color:var(--gold);margin-bottom:26px}
.tt-proof{margin-bottom:22px}
.tt-proof ul{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
.tt-proof li{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
.tt-proof img{position:static;width:44px;height:44px;border-radius:50%;flex:0 0 44px}
.tt-proof li div{display:grid;min-width:0}
.tt-proof b{font-size:.88rem;color:var(--navy)}
.tt-proof span{font-size:.78rem;color:var(--muted)}
.tt-fine{font-size:.72rem;line-height:1.55;color:#6b7c88;margin-top:8px}
.tt-offer{background:var(--navy);color:#fff;border-radius:12px;padding:24px 20px;margin:0 -8px 18px}
.tt-sub-light{color:var(--gold)}
.tt-offer h3{font-size:1.85rem;line-height:1.05;margin-bottom:10px;color:#fff}
.tt-offer-lead{font-size:.9rem;line-height:1.55;color:#c9d6df;margin-bottom:16px}
.tt-offer-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}
.tt-offer-list li{position:relative;padding-left:26px;font-size:.88rem;line-height:1.45}
.tt-offer-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:700}
.tt-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid #ffffff22;padding-top:14px;margin-bottom:4px}
.tt-price span{font-family:var(--display);font-size:2.6rem;font-weight:700;line-height:1;color:#fff}
.tt-price small{font-size:1.1rem;margin-right:3px}
.tt-price i{font-style:normal;font-family:var(--font);font-size:.85rem;font-weight:500;color:#c9d6df}
.tt-price em{font-size:.66rem;color:#a9bfce;letter-spacing:.06em}
.tt-offer .button{margin-top:12px;min-height:58px;font-size:1rem}
.tt-offer-terms{font-size:.72rem;color:#a9bfce;text-align:center;margin-top:10px;line-height:1.5}
.tt-alt{display:block;width:100%;min-height:44px;margin-top:12px;padding:8px;background:none;color:#fff;font-size:.82rem;font-weight:600;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:4px}
.tt-help{margin-bottom:6px}
.tt-help .button{min-height:52px}
.tt-result>.button{margin-top:4px}
.tt-disclaimer{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
.tt-restart{display:block;margin:16px auto 0;min-height:40px;padding:6px 10px;background:none;color:var(--navy);font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Rodapé */
.tt-footer{color:#8fa6b6;font-size:.7rem;line-height:1.6;padding:6px 0 28px;text-align:center}
.tt-footer p+p{margin-top:6px}
.tt-footer a{color:#c9d6df;text-decoration:underline;text-underline-offset:3px}

@media(max-width:480px){
 .tt-wrap{width:calc(100% - 20px)}
 .tt-card{padding:24px 18px;border-radius:10px}
 .tt-main{padding:12px 0 28px}
 .tt-offer{margin:0 -6px 18px;padding:22px 16px}
 .tt-header .brand-text small{display:none}
}
@media(prefers-reduced-motion:reduce){.tt-progress span{transition:none}.tt-option:active{transform:none}}

/* Ajustes do QA */
footer.tt-footer{background:var(--navy);border:0;margin:0;padding:6px 0 28px}
.tt-jump{margin:-8px 0 28px;min-height:54px}
.tt-offer{scroll-margin-top:12px}
body.tt-full .tt-legal{display:none}