*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
:root{
  --navy-950:#021223; --navy-900:#071C32; --navy-800:#0E2A47;
  --gold-500:#F8C420; --gold-600:#E8B316; --gold-700:#8A6200;
  --cream-100:#F3EBDD; --white:#F7F8FA;
  --ink:#12283F; --muted:#586A7B; --line:#D6DEE6; --success:#426B1F;
  --navy:var(--navy-900); --navy-2:var(--navy-800); --navy-3:#173B5E;
  --cream:var(--cream-100); --cream-2:#F8F3E9;
  /* Cores informacionais exclusivas das cinco fases da demonstração. */
  --orange:#F4791E; --lime:#8BC34A; --amber:#E8A33D; --teal:#1B7A8C;
  --radius:14px; --max:1080px;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--ink);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  -webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
h1,h2,h3,.display{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:.5px;
  line-height:1.08;text-transform:uppercase;text-wrap:balance;-webkit-hyphens:none;hyphens:none}

/* ---------- BARRA ---------- */
.topbar{background:var(--navy-950);color:var(--white);text-align:center;padding:9px 14px;font-size:12.5px;font-weight:600;letter-spacing:.3px}
.topbar b{color:var(--gold-500)}

/* ---------- HERO ---------- */
.hero{background:var(--navy-900);color:var(--white);padding:44px 0 54px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;background:var(--cream);
  clip-path:polygon(0 100%,0 40%,7% 62%,14% 34%,22% 58%,30% 30%,38% 56%,46% 28%,54% 54%,62% 26%,70% 52%,78% 30%,86% 58%,93% 36%,100% 60%,100% 100%)}
.eyebrow{font-size:11.5px;font-weight:800;letter-spacing:2.6px;color:var(--gold-500);text-transform:uppercase;margin-bottom:12px}
.hero h1{font-size:clamp(31px,8.4vw,60px);margin-bottom:16px}
.hero h1 .o,.hero h1 .l{color:var(--gold-500)}
.hero .sub{font-size:clamp(15px,3.9vw,19px);color:rgba(255,255,255,.86);max-width:52ch;margin-bottom:26px;line-height:1.55}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.13);
  border-radius:12px;overflow:hidden;max-width:520px;margin-bottom:28px}
.stats div{background:var(--navy-900);padding:13px 6px;text-align:center}
.stats b{display:block;font-family:'Anton';font-size:clamp(20px,5.4vw,27px);color:var(--gold-500);letter-spacing:.5px}
.stats span{display:block;font-size:9px;font-weight:700;letter-spacing:1.1px;color:rgba(255,255,255,.6);text-transform:uppercase;margin-top:2px}

/* ---------- BOTÃO ---------- */
.btn{display:inline-block;background:var(--gold-500);color:var(--navy-950);font-weight:800;font-size:15px;
  letter-spacing:.4px;padding:17px 30px;border-radius:11px;text-decoration:none;text-align:center;
  box-shadow:0 6px 20px rgba(248,196,32,.28);transition:transform .15s,box-shadow .15s,background .15s;
  -webkit-tap-highlight-color:transparent}
.btn:hover{background:var(--gold-600);transform:translateY(-2px);box-shadow:0 10px 26px rgba(248,196,32,.38)}
.btn:focus-visible{outline:3px solid var(--white);outline-offset:3px;box-shadow:0 0 0 6px var(--navy-950)}
.btn:active{transform:translateY(0)}
.btn-w{display:block;width:100%}
.btn-sub{font-size:12px;color:rgba(255,255,255,.62);margin-top:9px;font-weight:600}
.hero .btn-sub{color:rgba(255,255,255,.62)}

/* ---------- SEÇÃO ---------- */
section{padding:52px 0}
.sec-kicker{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--gold-700);text-transform:uppercase;margin-bottom:10px}
h2{font-size:clamp(25px,6.4vw,40px);color:var(--navy);margin-bottom:14px}
.lead{font-size:clamp(15px,3.8vw,17.5px);color:var(--muted);max-width:60ch;margin-bottom:32px}
.dark{background:var(--navy-900);color:var(--white)}
.dark h2{color:var(--white)}
.dark .lead{color:rgba(255,255,255,.78)}
.dark .sec-kicker{color:var(--gold-500)}
.alt{background:var(--cream-2)}

/* ---------- CARDS ---------- */
.grid{display:grid;gap:14px}
.g2{grid-template-columns:1fr}
.g3{grid-template-columns:1fr}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;
  border-left:5px solid var(--gold-500)}
.card h3{font-family:'Inter';font-weight:800;text-transform:none;letter-spacing:0;
  font-size:17.5px;color:var(--navy);margin-bottom:8px;line-height:1.3}
.card p{font-size:14.5px;color:#3C5064}
.card .ic{font-family:'Anton';font-size:26px;color:var(--gold-700);line-height:1;margin-bottom:10px}
.dark .card{background:var(--navy-2);border-color:rgba(255,255,255,.1)}
.dark .card h3{color:var(--white)}
.dark .card p{color:rgba(255,255,255,.76)}

/* ---------- ALINHAMENTO DE TEXTO ---------- */
.lead,.card p,.pn-t p,.how,.faq .a,.gar p,.dep p,.item span,.perfil p,.demo-cap{
  text-align:justify;text-justify:inter-word;text-wrap:pretty}
/* blocos curtos nunca justificam, abre buraco */
.of li,.pq-box li,.cost-row span,.btn-sub,.of-desc,.of-parc,.msg-hint,
.goal p,.mv-onde,.topbar,.stats span,.demo-ttl span,footer p{text-align:left;hyphens:none}
.demo-cap,.gar p,.final .lead{text-align:center}
.punch p{hyphens:none}
h1,h2,h3{text-align:left}
.pain h2,.pain .lead,.pain .sec-kicker,.punch p{text-align:center}

/* ---------- SEÇÃO DA DOR ---------- */
.pain{background:var(--navy-950);color:var(--white);position:relative;padding:56px 0 60px}
.pain .sec-kicker{color:var(--gold-500);letter-spacing:3px;text-align:center}
.pain h2{color:var(--white);font-size:clamp(27px,7.1vw,50px);line-height:1.1;margin:0 auto 18px;
  text-align:center;max-width:23ch}
.pain h2 br{display:block;content:"";margin-bottom:2px}
.pain h2 em{font-style:normal;color:var(--gold-500);display:inline}
.pain .lead{color:rgba(255,255,255,.72);max-width:44ch;margin:0 auto 34px;
  text-align:center;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;
  font-size:clamp(15px,3.9vw,17.5px)}
.pains{display:grid;gap:11px}
.pn{background:var(--navy-900);border:1px solid rgba(255,255,255,.09);border-left:4px solid var(--gold-500);
  border-radius:0 13px 13px 0;padding:19px 19px 19px 18px;display:flex;gap:16px;align-items:flex-start}
.pn-n{flex:0 0 auto;font-family:'Anton';font-size:30px;line-height:.9;color:var(--gold-500);letter-spacing:.5px;opacity:.9;padding-top:2px}
.pn-t b{display:block;font-size:16.5px;font-weight:800;color:var(--white);line-height:1.32;margin-bottom:7px}
.pn-t p{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.6}
.pn-t p .hi{color:var(--gold-500);font-weight:600}
.punch{margin-top:30px;padding:24px 20px;background:rgba(248,196,32,.08);text-align:center;
  border:1px solid rgba(248,196,32,.32);border-radius:13px}
.punch p{font-size:clamp(16px,4.3vw,20px);font-weight:700;color:var(--white);line-height:1.45;
  text-align:center;max-width:40ch;margin:0 auto;text-wrap:pretty}
.punch p span{color:var(--gold-500)}
@media(min-width:720px){
  .pain{padding:80px 0}
  .pains{grid-template-columns:1fr 1fr}
  .pn:first-child{grid-column:1 / -1}
}

/* ---------- CUSTO ---------- */
.cost{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;max-width:560px}
.cost-head{background:var(--cream-2);padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--navy-3);border-bottom:1px solid var(--line)}
.cost-row{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:14px 18px;border-bottom:1px solid var(--line)}
.cost-row span{font-size:14.5px;color:#3C5064;line-height:1.35}
.cost-row b{flex:0 0 auto;font-family:'Anton';font-size:20px;color:var(--navy);letter-spacing:.4px;white-space:nowrap}
.cost-row.total{border-bottom:0;background:rgba(248,196,32,.18)}
.cost-row.total span{color:var(--navy-800);font-weight:700}
.cost-row.total b{color:var(--navy-950);font-size:27px}

/* ---------- PERFIS ---------- */
.perfis{display:grid;gap:12px}
.perfil{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:19px;
  border-top:4px solid var(--gold-500)}
.perfil .tag{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-700);margin-bottom:6px}
.perfil h3{font-family:'Anton';font-size:21px;color:var(--navy);margin-bottom:7px;letter-spacing:.4px}
.perfil p{font-size:14px;color:#3C5064}

/* ---------- AMOSTRA DE AULA ---------- */
.demo{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 14px 40px rgba(14,42,71,.13);max-width:620px;margin:0 auto}
.demo-top{display:flex;align-items:center;gap:13px;padding:16px 17px;background:var(--cream-2);border-bottom:1px solid var(--line)}
.demo-num{flex:0 0 52px;height:52px;border-radius:11px;background:var(--navy-900);color:var(--white);
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.demo-num small{font-size:7.5px;font-weight:800;letter-spacing:1.2px;opacity:.72}
.demo-num b{font-family:'Anton';font-size:22px;line-height:1}
.demo-ttl b{display:block;font-size:16px;font-weight:800;color:var(--navy);line-height:1.28}
.demo-ttl span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.timebar{display:flex;height:8px}
.timebar i{display:block;background:var(--c)}
.demo-body{padding:17px}
.goal{background:var(--cream-2);border-left:4px solid var(--gold-500);border-radius:0 9px 9px 0;padding:12px 14px;margin-bottom:14px}
.goal b{display:block;font-size:9.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-700);margin-bottom:4px}
.goal p{font-size:13.5px;color:#3C5064}
.blk{border:1px solid var(--line);border-left:4px solid var(--c);border-radius:0 10px 10px 0;padding:12px 14px;margin-bottom:9px}
.blk-h{display:flex;gap:11px;align-items:flex-start;margin-bottom:7px}
.min{flex:0 0 auto;background:var(--white);color:var(--navy-950);font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:100px;letter-spacing:.4px;box-shadow:inset 0 0 0 2px var(--c)}
.kind{display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--navy-800)}
.nome{display:block;font-size:14.5px;font-weight:800;color:var(--navy);line-height:1.28}
.how{font-size:13px;color:#43596E;line-height:1.58}
.how.prof{background:rgba(14,42,71,.05);border-radius:8px;padding:9px 11px;margin-top:8px;font-size:12.5px}
.how.prof b{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--navy-3);margin-bottom:3px}
.demo-cap{text-align:center;font-size:12.5px;color:var(--muted);margin-top:14px}

/* ---------- PONTES VISUAIS ---------- */
.demo-bridge{background:var(--cream-2);padding:0 0 52px}
.demo-bridge p{max-width:58ch;margin:0 auto 20px;color:var(--navy-800);font-weight:700;text-align:center;text-wrap:balance}
.demo-bridge-media,.fit-media,.community-media{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--navy-800);box-shadow:0 14px 36px rgba(2,18,35,.14)}
.demo-bridge-media{max-width:680px;margin:0 auto;aspect-ratio:3/2}
.demo-bridge-media img,.fit-media img,.community-media img{width:100%;height:100%;object-fit:cover}

/* ---------- LISTA ---------- */
.lista{display:grid;gap:11px}
.item{display:flex;gap:13px;align-items:flex-start;background:var(--white);border:1px solid var(--line);
  border-radius:11px;padding:15px 16px}
.item .ck{flex:0 0 24px;height:24px;border-radius:50%;background:var(--success);color:var(--white);
  font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.item b{display:block;font-size:15.5px;color:var(--navy);margin-bottom:3px}
.item span{display:block;font-size:13.5px;color:#3C5064}
.dark .item{background:var(--navy-2);border-color:rgba(255,255,255,.1)}
.dark .item b{color:var(--white)}
.dark .item span{color:rgba(255,255,255,.74)}

/* ---------- PARA QUEM ---------- */
.fit-layout{display:grid;gap:22px;align-items:center}
.fit-media{aspect-ratio:3/2}
.fit-media img{object-position:50% 50%}
.pq{display:grid;gap:14px}
.pq-box{border-radius:var(--radius);padding:22px 20px}
.pq-yes{background:rgba(66,107,31,.09);border:1px solid rgba(66,107,31,.34)}
.pq-no{background:rgba(18,40,63,.04);border:1px solid var(--line)}
.pq-box h3{font-family:'Inter';font-weight:800;text-transform:none;letter-spacing:0;font-size:17px;margin-bottom:12px;color:var(--navy)}
.pq-box ul{list-style:none}
.pq-box li{font-size:14.5px;color:#3C5064;padding-left:24px;position:relative;margin-bottom:8px}
.pq-yes li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:800}
.pq-no li::before{content:"✕";position:absolute;left:0;color:var(--muted);font-weight:800}

/* ---------- OFERTAS ---------- */
.ofertas{display:grid;gap:16px;max-width:820px;margin:0 auto}
.of{background:var(--white);border:2px solid var(--line);border-radius:16px;padding:26px 22px;position:relative}
.of.dest{border-color:var(--gold-500);box-shadow:0 14px 36px rgba(248,196,32,.2)}
#ofertas.is-personalized .of.dest:not(.is-recommended){border-color:var(--line);box-shadow:none}
.of.is-recommended{border-color:var(--gold-500);box-shadow:0 14px 36px rgba(248,196,32,.2)}
.offer-recommendation-badge{display:inline-block;background:var(--navy-900);color:var(--white);border:1px solid var(--gold-500);border-radius:7px;
  margin-bottom:14px;padding:7px 10px;font-size:9.5px;font-weight:800;line-height:1.35;
  letter-spacing:1.1px;text-transform:uppercase}
.of-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold-500);color:var(--navy-950);
  font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:6px 15px;border-radius:100px;white-space:nowrap}
.of-nome{font-family:'Anton';font-size:23px;color:var(--navy);letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.of-desc{font-size:13.5px;color:var(--muted);margin-bottom:17px;min-height:auto}
.of-antes{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.of-antes s{font-family:'Anton';font-size:22px;color:var(--gold-700);letter-spacing:.4px;
  text-decoration:line-through;text-decoration-thickness:3px}
.of-off{background:var(--gold-500);color:var(--navy-950);font-size:11px;font-weight:800;letter-spacing:.8px;
  padding:4px 10px;border-radius:100px;white-space:nowrap}
.of-preco{font-family:'Anton';font-size:clamp(46px,12vw,58px);color:var(--navy);letter-spacing:.5px;line-height:.95;margin-bottom:4px}
.of-preco small{font-size:22px;color:var(--muted)}
.of-parc{font-size:13px;color:var(--muted);margin-bottom:18px}
.of-parc b{color:var(--navy-800);font-weight:800}
.of ul{list-style:none;margin-bottom:20px}
.of li{font-size:14px;color:#3C5064;padding-left:23px;position:relative;margin-bottom:7px}
.of li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:800}
.of li.x{color:#9AA9B6}
.of li.x::before{content:"✕";color:#C9D4DE}

/* ---------- GARANTIA ---------- */
.gar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;
  border-left:5px solid var(--success);max-width:620px;margin:0 auto;text-align:center}
.gar .sel{font-family:'Anton';font-size:40px;color:var(--success);line-height:1;margin-bottom:8px}
.gar h3{font-family:'Inter';font-weight:800;text-transform:none;letter-spacing:0;font-size:19px;color:var(--navy);margin-bottom:9px}
.gar p{font-size:14.5px;color:#3C5064}

/* ---------- FAQ ---------- */
.faq{max-width:720px;margin:0 auto}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:11px;margin-bottom:9px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:16px 17px;font-size:15.5px;font-weight:700;color:var(--navy);
  display:flex;justify-content:space-between;gap:12px;-webkit-tap-highlight-color:transparent}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Anton';font-size:22px;color:var(--gold-700);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 17px 17px;font-size:14.5px;color:#3C5064;border-top:1px solid var(--line);padding-top:14px}

/* ---------- DEPOIMENTOS ---------- */
.testimonial-list{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 10px;
  overscroll-behavior-inline:contain;scrollbar-color:var(--gold-600) var(--line)}
.testimonial-list:focus-visible{outline:3px solid var(--gold-700);outline-offset:5px;border-radius:var(--radius)}
.testimonial-shot{flex:0 0 calc(100% - 28px);scroll-snap-align:start;overflow:hidden;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 26px rgba(2,18,35,.1)}
.testimonial-shot img{width:100%;height:auto}
.testimonial-swipe-hint{margin-top:8px;color:var(--muted);font-size:12px;font-weight:700;text-align:center}
.testimonial-disclaimer{max-width:74ch;margin:14px auto 0;color:var(--muted);font-size:12px;line-height:1.55;text-align:center;text-wrap:pretty}
.community-bridge{background:var(--cream-2);padding:0 0 52px}
.community-media{position:relative;max-width:900px;margin:0 auto;aspect-ratio:3/2;border-color:rgba(248,196,32,.5)}
.community-media::after{content:"";position:absolute;inset:auto 0 0;height:48%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(2,18,35,.86))}
.community-media figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:17px;color:var(--white);
  font-size:clamp(15px,3.6vw,20px);font-weight:800;line-height:1.4;text-align:center;text-wrap:balance}

/* ---------- CTA FINAL ---------- */
.final{background:linear-gradient(140deg,var(--navy-900) 0%,var(--navy-800) 100%);color:var(--white);text-align:center}
.final h2{color:var(--white)}
.final .lead{color:rgba(255,255,255,.9);margin-left:auto;margin-right:auto}
.final .btn{background:var(--gold-500);color:var(--navy-950);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.final .btn:hover{background:var(--gold-600)}
.final .btn-sub{color:rgba(255,255,255,.78)}

/* ---------- RODAPÉ ---------- */
footer{background:var(--navy-950);color:rgba(255,255,255,.68);padding:34px 0;font-size:12.5px;text-align:center}
footer b{color:var(--gold-500);display:block;font-family:'Anton';font-size:17px;letter-spacing:.5px;margin-bottom:8px}
footer p{max-width:60ch;margin:0 auto 8px}
footer a{color:rgba(255,255,255,.8)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:760px;margin:12px auto 0}

@media(min-width:720px){
  section{padding:70px 0}
  .demo-bridge{padding-bottom:70px}
  .g2{grid-template-columns:1fr 1fr}
  .g3{grid-template-columns:repeat(3,1fr)}
  .perfis{grid-template-columns:1fr 1fr}
  .pq{grid-template-columns:1fr 1fr}
  .ofertas{grid-template-columns:1fr 1fr;align-items:start}
  .lista{grid-template-columns:1fr 1fr}
  .btn-w{display:inline-block;width:auto;min-width:340px}
  .testimonial-list{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;scroll-snap-type:none}
  .testimonial-shot{min-width:0}
  .testimonial-swipe-hint{display:none}
  .community-bridge{padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- QUIZ ---------- */
.quiz-shell{display:none}
html.quiz-ready .quiz-shell{display:block}
html.quiz-ready #landing-hero,
html.quiz-ready #landing-content,
html.quiz-ready .topbar{display:none}
html.quiz-ready.landing-unlocked #landing-content{display:block}
.quiz-shell{-webkit-hyphens:none;hyphens:none}
.quiz-screen[hidden]{display:none}
.quiz-start{display:grid;gap:30px;align-items:center}
.quiz-start-copy{min-width:0}
.quiz-start-media{position:relative;min-width:0;height:clamp(220px,62vw,270px);overflow:hidden;
  border:1px solid rgba(248,196,32,.5);border-radius:16px;background:var(--navy-800);
  box-shadow:0 18px 42px rgba(0,0,0,.24)}
.quiz-start-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,28,50,.04) 55%,rgba(7,28,50,.34) 100%)}
.quiz-start-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.quiz-shell .btn{border:0;cursor:pointer;font-family:inherit}
.quiz-shell .btn:focus-visible{outline:3px solid var(--white);outline-offset:3px;box-shadow:0 0 0 6px var(--navy-950)}
.quiz-stage #quiz-back-button{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.48);box-shadow:none}
.quiz-stage #quiz-back-button:hover{border-color:var(--gold-500);color:var(--gold-500);transform:none}
.quiz-stage{max-width:760px}
.quiz-stage h2,.quiz-building h2,.quiz-result h2{color:var(--white);margin-bottom:20px}
.quiz-progress-label{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--gold-500);margin-bottom:9px}
.quiz-progress{height:8px;background:rgba(255,255,255,.14);border-radius:100px;overflow:hidden;margin-bottom:24px}
.quiz-progress span{display:block;width:0;height:100%;background:var(--gold-500);border-radius:inherit;transition:width .2s ease}
.quiz-options{display:grid;gap:10px;margin-bottom:22px}
.quiz-option{width:100%;display:flex;align-items:center;gap:13px;position:relative;background:var(--navy-800);
  color:var(--white);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:14px 16px;
  font:600 14.5px/1.45 'Inter',system-ui,sans-serif;text-align:left;cursor:pointer;
  transition:border-color .18s,background .18s,transform .18s}
.quiz-option:hover:not(:disabled){border-color:var(--gold-500);transform:translateY(-1px)}
.quiz-option:focus-visible,.quiz-reset:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}
.quiz-option:disabled{cursor:default;opacity:1}
.quiz-option-letter{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.1);color:var(--gold-500);font-size:12px;font-weight:800}
.quiz-option-text{flex:1}
.quiz-option.is-selected{background:var(--navy-3);border-color:var(--gold-500);box-shadow:inset 4px 0 0 var(--gold-500)}
.quiz-option.is-selected::after{content:"Selecionada";flex:0 0 auto;color:var(--gold-500);font-size:9px;
  font-weight:800;letter-spacing:1px;text-transform:uppercase}
.quiz-building{max-width:620px;padding:30px 0}
.quiz-building-line{height:6px;max-width:420px;background:rgba(255,255,255,.14);border-radius:100px;overflow:hidden}
.quiz-building-line span{display:block;width:38%;height:100%;background:var(--gold-500);border-radius:inherit;
  animation:quiz-building 900ms ease-in-out infinite alternate}
@keyframes quiz-building{from{transform:translateX(-20%)}to{transform:translateX(185%)}}
.quiz-result{max-width:860px}
.quiz-result-diagnosis{max-width:72ch;color:rgba(255,255,255,.84);font-size:16px;line-height:1.7;margin-bottom:26px}
.quiz-result-section{max-width:760px;margin-bottom:14px;padding:0}
.quiz-result-label{font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:800;line-height:1.4;
  letter-spacing:1.7px;color:var(--gold-500);text-transform:uppercase;margin-bottom:10px}
.quiz-scenario{display:flex;flex-wrap:wrap;gap:8px}
.quiz-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:100px;
  color:var(--white);font-size:12.5px;font-weight:700;line-height:1.35;padding:8px 12px}
.quiz-result-card,.quiz-attention{background:var(--navy-2);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:19px 18px}
.quiz-result-card h3{font-family:'Inter',system-ui,sans-serif;font-size:17px;font-weight:800;
  line-height:1.4;letter-spacing:0;text-transform:none;color:var(--white);margin-bottom:7px}
.quiz-result-card p,.quiz-attention p{color:rgba(255,255,255,.76);font-size:14px;line-height:1.65}
.quiz-attention{border-left:4px solid var(--gold-500)}
.quiz-attention p+p{margin-top:9px}
.quiz-result-primary{margin-top:24px}
.quiz-unlock-note{color:rgba(255,255,255,.68);font-size:12px;font-weight:600;margin-top:9px}
.quiz-result-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:20px}
.quiz-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.48);border-radius:9px;
  padding:10px 18px;font:700 11px/1.4 'Inter',system-ui,sans-serif;letter-spacing:1px;cursor:pointer}
.quiz-secondary:hover{border-color:var(--gold-500);color:var(--gold-500)}
.quiz-secondary:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}
.quiz-reset{background:transparent;color:rgba(255,255,255,.78);border:0;border-bottom:1px solid currentColor;
  padding:3px 0;font:700 11px/1.4 'Inter',system-ui,sans-serif;letter-spacing:1.2px;cursor:pointer}
#demonstracao{scroll-margin-top:16px}
#demonstracao-title:focus{outline:3px solid var(--gold-700);outline-offset:6px}
.demo-profile-selector{margin-bottom:24px}
.demo-selector-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--gold-700);margin-bottom:10px}
.demo-profile-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:760px}
.demo-profile-option{background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:10px;
  padding:12px 13px;font:700 12px/1.4 'Inter',system-ui,sans-serif;text-align:left;cursor:pointer}
.demo-profile-option:hover{border-color:var(--gold-500)}
.demo-profile-option:focus-visible{outline:3px solid var(--gold-700);outline-offset:3px}
.demo-profile-option.is-selected{border-color:var(--gold-500);box-shadow:inset 4px 0 0 var(--gold-500)}
.demo-profile-option.is-selected::after{content:" · Selecionada";color:var(--gold-700);font-size:9px;text-transform:uppercase}
.demo-personalized-grid{display:grid;gap:18px;align-items:start}
.demo-personalized-card{max-width:680px;width:100%}
.demo-cycle{background:var(--navy-900);color:var(--gold-500);font-size:9px;font-weight:800;letter-spacing:1.4px;
  padding:8px 16px;text-transform:uppercase}
.demo-personalized-card .demo-ttl b{overflow-wrap:anywhere}
.demo-personalized-card .demo-ttl b:focus{outline:3px solid var(--gold-700);outline-offset:4px}
@media(min-width:720px){
  .quiz-result-actions{flex-direction:row;align-items:center}
  .demo-profile-options{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:920px){
  .fit-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}
  .fit-layout .pq{grid-template-columns:1fr}
  .quiz-start{grid-template-columns:minmax(0,1.05fr) minmax(470px,1fr);gap:clamp(24px,2vw,32px)}
  .quiz-start-media{height:auto;aspect-ratio:3/2;border-radius:18px}
  .quiz-start-media::after{background:linear-gradient(90deg,rgba(7,28,50,.4) 0%,rgba(7,28,50,.04) 24%,rgba(7,28,50,.08) 100%)}
  .quiz-start-media img{object-position:50% 50%}
  .demo-personalized-grid.is-double{grid-template-columns:1fr 1fr}
  .demo-personalized-grid.is-double .demo{max-width:none;margin:0}
}
@media(max-width:560px){
  .quiz-option{align-items:flex-start;padding:13px 14px}
  .quiz-option.is-selected::after{content:"✓";font-size:14px;letter-spacing:0}
}