/* Layout: a home na mesma família das LPs (lp.souanticaos.app/p10): platina clara, relevo Titânio, faixa vermelha da ruminação no topo,
   logo centralizado, pílula dourada no herói, vídeo quadrado com pílulas, faixas douradas abrindo seções, cartão de alerta vermelho,
   pílulas vermelhas do "pra quem é", bloco do André com 3 números. Tokens de one-pages/shared/tokens.css + lp/p10/lp.css. */
:root{
  --font-main:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-serif:"Cormorant Garamond","Times New Roman",serif;
  --platinum:#f5f5f7; --bg-canvas:#f5f5f7; --bg-card:#ffffff; --bg-gray:#e4e7eb; --bg-well:#f4f5f8; --noite:#e2e6eb; --abismo:#eceff2;
  --border-hairline:rgba(0,0,0,.08); --border-subtle:rgba(0,0,0,.12); --border-strong:rgba(0,0,0,.22);
  --text-primary:#1d1d1f; --text-secondary:#515154; --text-muted:#6b6b70; --text-tertiary:#a1a1a6; --tinta:#1a1a24;
  --accent-gold:#b8860b; --gold-action:#d4af37; --gold-text:#7a5f14; --ouro-claro:#f0d173; --ouro-escuro:#9a7e22; --ouro-bronze:#b8902a;
  --gold-gradient:linear-gradient(155deg,var(--ouro-claro) 0%,var(--gold-action) 55%,var(--ouro-escuro) 100%);
  --gold-tag-bg:#fbf3d9; --gold-card-bg:#fffdf7; --gold-card-border:rgba(184,134,11,.38);
  --gratis-text:#047857;
  --rubi:#ef4444; --rubi-2:#dc2626; --rubi-3:#b91c1c; --rubi-4:#991b1b; --rubi-claro:#f87171; --alarme-1:#ff2a2a; --alarme-2:#ed1c1c; --alarme-3:#d71414; --alarme-4:#b30e0e;
  --amarelo-vivo:#ffeb00; --verde-vivo:#22c55e; --branco:#ffffff; --on-gold:#1d1d1f; --bg-video:#0d1117;
  --modo-acelerar:#c0392b; --modo-persuadir:#b8860b; --modo-apoiar:#1e8449; --modo-mensurar:#1f5fa8;
  --neu-elevated:8px 8px 18px rgba(0,0,0,.10),-6px -6px 14px rgba(255,255,255,1),inset 0 1.5px 0 rgba(255,255,255,.85);
  --neu-pressed:inset 6px 6px 12px rgba(0,0,0,.08),inset -4px -4px 10px rgba(255,255,255,1);
  --neu-btn:0 14px 30px rgba(212,175,55,.42),0 4px 10px rgba(212,175,55,.3),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.22);
  --radius-squircle:32px;
  --bg-dark:#0c0d0e; --dark-card:#15171b; --dark-border:rgba(255,255,255,.10); --dark-muted:#a1a1a6; --dark-text:#f5f5f7;
  --one-gold:#d4af37; /* o único dourado do topo: faixa, ponto e botão */
  --dark-gold:var(--one-gold); --dark-gold-light:var(--one-gold);
  --gutter-l:max(16px,env(safe-area-inset-left,0px)); --gutter-r:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --platinum:#141416; --bg-canvas:#141416; --bg-card:#1c1c1e; --bg-gray:#1a1a1d; --bg-well:#141416; --noite:#1f2024; --abismo:#17181b;
  --border-hairline:rgba(255,255,255,.08); --border-subtle:rgba(255,255,255,.14); --border-strong:rgba(255,255,255,.25);
  --text-primary:#f5f5f7; --text-secondary:#a1a1a6; --text-muted:#98989d; --text-tertiary:#52525b; --tinta:#f5f5f7;
  --gold-text:#d4af37; --gold-tag-bg:rgba(212,175,55,.2); --gold-card-bg:#211d14; --gold-card-border:rgba(212,175,55,.45);
  --gratis-text:#34d399;
  --neu-elevated:0 8px 24px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 1px rgba(0,0,0,.5);
  --neu-pressed:inset 2px 2px 6px rgba(0,0,0,.6),inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04);
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --platinum:#141416; --bg-canvas:#141416; --bg-card:#1c1c1e; --bg-gray:#1a1a1d; --bg-well:#141416; --noite:#1f2024; --abismo:#17181b;
  --border-hairline:rgba(255,255,255,.08); --border-subtle:rgba(255,255,255,.14); --border-strong:rgba(255,255,255,.25);
  --text-primary:#f5f5f7; --text-secondary:#a1a1a6; --text-muted:#98989d; --text-tertiary:#52525b; --tinta:#f5f5f7;
  --gold-text:#d4af37; --gold-tag-bg:rgba(212,175,55,.2); --gold-card-bg:#211d14; --gold-card-border:rgba(212,175,55,.45);
  --gratis-text:#34d399;
  --neu-elevated:0 8px 24px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 1px rgba(0,0,0,.5);
  --neu-pressed:inset 2px 2px 6px rgba(0,0,0,.6),inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-main);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg-canvas)}
h1,h2,h3,h4{margin:0;letter-spacing:-.025em;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
.page{max-width:1120px;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
section{padding-block:96px;position:relative}
section+section{padding-top:72px}
.section-white{background:var(--bg-card)}
.section-gray{background:var(--bg-gray)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 15px var(--font-main);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.eyebrow::before{content:"";width:22px;height:1.5px;background:currentColor;opacity:.55;border-radius:2px}
.sec-head{text-align:center;max-width:760px;margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:14px}
.sec-head h2{font-size:clamp(28px,3.8vw,40px);font-weight:700;line-height:1.1}
.t-lead{font-size:clamp(17px,1.6vw,19px);color:var(--text-muted);line-height:1.55;text-wrap:pretty}
.btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;padding:14px 22px;font:600 15px var(--font-main);letter-spacing:-.01em;background:var(--bg-card);color:var(--text-primary);box-shadow:var(--neu-elevated);transition:transform .2s,box-shadow .2s;max-width:100%;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--gold-gradient);color:var(--on-gold);box-shadow:var(--neu-btn)}
.btn--xl{font-size:clamp(16px,1.6vw,19px);border-radius:26px;padding:22px clamp(20px,5vw,40px);font-weight:700;line-height:1.2}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold-action);outline-offset:2px}

/* faixas: dourada (abre seção) e vermelha (ruminação) */
.faixa-dourada{background:var(--gold-gradient);color:var(--tinta);text-align:center;padding:22px var(--gutter-r) 22px var(--gutter-l);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1.5px 0 rgba(0,0,0,.22)}
.faixa-dourada .eyebrow{color:#1a1a24;font-size:16px}.faixa-dourada .eyebrow::before{display:none}
.faixa-dourada h2{color:#1a1a24;font-size:clamp(24px,3.4vw,36px);font-weight:800;margin-top:6px}
.faixa-dourada p{color:#1a1a24;opacity:.85;margin-top:8px;font-size:16px}
section.has-faixa{padding-top:0}
section.has-faixa>.page{padding-top:56px}
.promo-bar{background:var(--one-gold);color:#1a1a24;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -1.5px 0 rgba(0,0,0,.2);position:relative;z-index:3;overflow:hidden}
.promo-bar__inner{max-width:1280px;margin:0 auto;padding:14px calc(var(--gutter-r) + 8px) 14px calc(var(--gutter-l) + 8px);text-align:center;text-wrap:balance;font-size:clamp(17px,2vw,22px);font-weight:700;line-height:1.3;letter-spacing:.01em}
.ft-on .ft__p--pesa{text-shadow:0 2px 0 rgba(0,0,0,.12)}
.ft__p{display:inline-block;font-weight:400;opacity:.3;transform:translateY(-12px);transition:font-weight .8s ease,opacity .6s ease,transform .8s cubic-bezier(.5,0,.75,1)}
.ft-on .ft__p{font-weight:800;opacity:1;transform:none}
/* marca-texto escuro: a expressão que pesa ganha um fundo preto que varre da esquerda pra direita e a letra vira dourada */
.ft__mark{padding:2px 10px;border-radius:8px;color:#1a1a24;background-image:linear-gradient(#1a1a24,#1a1a24);background-repeat:no-repeat;background-size:0% 100%;background-position:0 0;transition:font-weight .8s ease,opacity .6s ease,transform .8s cubic-bezier(.5,0,.75,1),background-size .7s cubic-bezier(.65,0,.35,1) .35s,color .3s ease .6s}
.ft-on .ft__mark{font-weight:800;background-size:100% 100%;color:var(--one-gold)}
.ft__mark{display:inline-flex;align-items:center;min-width:7.5ch;min-height:1.5em;white-space:nowrap}
.ft__mark .cursor{display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--one-gold);opacity:0}
.ft-on .ft__mark .cursor{opacity:1;animation:pisca 1s steps(1) infinite}
@keyframes pisca{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ft__mark .cursor{display:none}}
@media (prefers-reduced-motion:reduce){.ft__p{transition:none;opacity:1;transform:none;font-weight:800}.ft__mark{background-size:100% 100%;color:var(--one-gold)}}

/* logo centralizado (kit-logo), sobre o fundo escuro do topo */
.kit-logo{display:flex;justify-content:center;padding-block:26px 10px;background:var(--bg-dark);position:relative}
/* 555-B · link discreto pra quem já é aluno entrar no app (aprovado pelo André em 22/10) */
.entrar{position:absolute;right:var(--gutter-r,24px);top:50%;transform:translateY(-50%);font:600 15px var(--font-main);color:var(--dark-text);text-decoration:none;padding:10px 4px;opacity:.85}
.entrar:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media (max-width:720px){.entrar{font-size:14px}}
.brand{display:flex;align-items:center;gap:12px;color:var(--dark-text)}
.brand img{height:60px;width:auto;display:block;filter:invert(1) drop-shadow(2px 2px 1px rgba(0,0,0,.7))}
@media (max-width:720px){.brand img{height:45px}}

/* herói (sempre escuro: momento de impacto, separa da seção clara seguinte) */
.hero{padding-block:48px 80px;background:var(--bg-dark);color:var(--dark-text);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(ellipse at center,rgba(212,175,55,.18),transparent 60%);pointer-events:none}
.hero .page{position:relative}
.hero .eyebrow{color:var(--dark-muted)}
.hero h1{color:var(--dark-text)}
.hero__sub{font-size:clamp(24px,3.4vw,38px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--dark-text);margin-top:-6px}
.hero__sub strong{color:var(--dark-text);font-weight:800}
.hero .t-lead{color:var(--dark-muted)}
.hero .cta small{color:var(--dark-muted)}
.hero .btn--primary{background:var(--one-gold);color:#1a1a24;box-shadow:0 10px 24px rgba(212,175,55,.28),inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -1.5px 0 rgba(0,0,0,.18)}
.hero::after{background:radial-gradient(ellipse at center,rgba(255,255,255,.06),transparent 60%)}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
@media (max-width:980px){.hero__grid{grid-template-columns:1fr;gap:36px}}
.hero h1{font-size:clamp(84px,14vw,168px);font-weight:800;line-height:.86;letter-spacing:-.055em;margin:14px 0 20px}
.hero h1 .dot{color:var(--dark-gold)}
.hero__directive{display:inline-flex;align-items:center;gap:12px;position:relative;background:linear-gradient(155deg,var(--ouro-claro) 0,var(--gold-action) 55%,var(--ouro-bronze) 100%);color:#1a1a24;font-weight:700;font-size:clamp(17px,2vw,22px);letter-spacing:-.005em;border-radius:14px;padding:12px 26px;line-height:1.2;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1.5px 0 rgba(0,0,0,.22),inset 0 0 0 1px rgba(154,126,34,.55);max-width:100%}
.hero__directive::before,.hero__directive::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(26,26,36,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transform:translateY(-50%)}
.hero__directive::before{left:8px}.hero__directive::after{right:8px}
.hero .t-lead{margin-top:22px;max-width:46ch}
.hero .cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero .cta small{color:var(--dark-muted);font-size:13px;font-weight:600}

/* pergunta embutida (card escuro dentro do herói) */
.ask{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-squircle);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);padding:28px;color:var(--dark-text)}
.ask .eyebrow{color:var(--dark-muted)}
.ask .pill--ouro{background:transparent;border:1px solid var(--dark-border);color:var(--dark-muted)}
.ask h3{color:var(--dark-text)}
.ask .after .btn--primary{background:var(--one-gold);color:#1a1a24;box-shadow:none}
.ask .opt{background:#0f1114;box-shadow:none;border-color:var(--dark-border);color:var(--dark-text)}
.ask .opt small{color:var(--dark-muted)}
.ask .opt:hover{border-color:rgba(212,175,55,.6)}
.ask .opt[aria-pressed="true"]{border-color:var(--dark-gold);background:rgba(212,175,55,.12)}
.ask .after p{color:var(--dark-text)}
.ask .note{color:var(--dark-muted)}
.ask .lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;font:800 11px var(--font-main);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;padding:8px 14px;background:var(--bg-card);color:var(--gold-text);box-shadow:var(--neu-elevated)}
.pill--ouro{background:var(--gold-tag-bg);border:1px solid var(--gold-action);box-shadow:none}
.ask h3{font-size:clamp(20px,2.2vw,24px);font-weight:700;line-height:1.25;margin:18px 0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.opts{grid-template-columns:1fr}}
.opt{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--bg-well);box-shadow:var(--neu-pressed);border:1.5px solid transparent;border-radius:16px;padding:14px 16px;color:var(--text-primary);cursor:pointer;font-family:inherit;transition:border-color .15s,transform .15s}
.opt b{font-size:15px}.opt small{color:var(--text-muted);font-size:13px}
.opt:hover{transform:translateY(-1px)}
.opt[aria-pressed="true"]{border-color:var(--gold-action);background:var(--gold-card-bg)}
.ask .after{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.ask .after p{font-size:16px;color:var(--text-primary)}
.ask .after .btn{align-self:flex-start}
.ask .note{color:var(--text-muted);font-size:13px}

/* manifesto (seção empatia: faixa funda com sombra interna) */
.empathy{margin:20px 0 24px;padding-block:64px 80px;position:relative}
.empathy__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(212,175,55,.10) 0,transparent 55%),linear-gradient(180deg,var(--abismo) 0,var(--noite) 50%,var(--abismo) 100%);box-shadow:inset 0 24px 48px rgba(0,0,0,.18),inset 0 -24px 48px rgba(0,0,0,.18)}
.empathy>.page{position:relative;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
@media (max-width:900px){.empathy>.page{grid-template-columns:1fr}}
.lines{display:flex;flex-direction:column;gap:clamp(36px,6vw,72px);margin-top:18px}
.line{font-size:clamp(28px,4.4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:18ch;color:var(--text-primary)}
.line.small{font-size:clamp(21px,3vw,34px);font-weight:600;max-width:24ch;color:var(--text-secondary)}
.line em{font-style:normal;color:var(--gold-text)}
.line.final{color:var(--gold-text)}
.reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){.reveal{transition:opacity .6s ease,transform .6s ease}.reveal.pending{opacity:.18;transform:translateY(14px)}}
.empathy .cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.hero__video{position:sticky;top:24px;background:var(--bg-card);border-radius:var(--radius-squircle);box-shadow:var(--neu-elevated);padding:14px;max-width:100%}
.hero__video .scr{aspect-ratio:1;max-width:100%;border-radius:22px;background:var(--bg-video);color:#f5f5f7;display:flex;flex-direction:column;justify-content:space-between;padding:18px;position:relative}
.hero__video .tag{align-self:flex-start;font:800 11px var(--font-main);letter-spacing:.12em;text-transform:uppercase;background:rgba(212,175,55,.2);border:1px solid rgba(212,175,55,.45);color:#e6c86e;border-radius:999px;padding:5px 10px}
.hero__video .play{width:64px;height:64px;border-radius:50%;background:var(--gold-gradient);display:grid;place-items:center;align-self:center;box-shadow:var(--neu-btn)}
.hero__video .play svg{width:26px;height:26px;fill:#1d1d1f;margin-left:3px}
.hero__video .cap{font-size:14px;color:#a1a1a6;line-height:1.4}
.hero__video .cap b{color:#f5f5f7;display:block;font-size:15px;margin-bottom:4px}
.hero__video__pill{position:absolute;z-index:2;font:800 12px var(--font-main);letter-spacing:.04em;text-transform:uppercase;color:#1a1a24;white-space:nowrap;border-radius:999px;padding:8px 14px;box-shadow:0 8px 20px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.1),inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1.5px 0 rgba(0,0,0,.2)}
.hero__video__pill--tl{top:15%;left:-6px}.hero__video__pill--br{bottom:15%;right:-6px}.hero__video__pill--tr{top:38%;right:-6px}.hero__video__pill--bl{bottom:38%;left:-6px}
.hero__video__pill--tl,.hero__video__pill--bl{background:var(--amarelo-vivo)}
.hero__video__pill--tr,.hero__video__pill--br{background:var(--verde-vivo)}
@media (max-width:460px){.hero__video__pill{font-size:10px;padding:6px 10px}}

/* credo */
.credo .row{display:grid;grid-template-columns:48px 1fr auto 1fr;gap:18px;align-items:baseline;padding:26px 0;border-top:1px solid var(--border-hairline)}
.credo .row:last-child{border-bottom:1px solid var(--border-hairline)}
.credo .n{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--gold-text);font-weight:700}
.credo .l{font-size:clamp(22px,3vw,34px);font-weight:800;letter-spacing:-.02em}
.credo .m{font-size:13px;font-weight:700;color:var(--gold-text);white-space:nowrap}
.credo .r{font-size:clamp(20px,2.6vw,30px);color:var(--text-muted);font-weight:400}
@media (max-width:760px){.credo .row{grid-template-columns:32px 1fr;row-gap:6px}.credo .m,.credo .r{grid-column:2}}
.credo .legenda{text-align:center;color:var(--text-muted);font-size:15px;margin-bottom:28px}

/* caminho */
.track{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:900px){.track{grid-template-columns:1fr}}
.st{background:var(--bg-card);box-shadow:var(--neu-elevated);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.st .k{display:flex;align-items:center;gap:10px}
.st .num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--bg-well);box-shadow:var(--neu-pressed);color:var(--text-secondary)}
.st h3{font-size:19px;font-weight:800}
.st p{font-size:14px;color:var(--text-secondary);line-height:1.45}
.st .title{margin-top:auto;font:700 11px var(--font-main);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.st.here{background:var(--gold-card-bg);box-shadow:var(--neu-elevated),inset 0 0 0 1.5px var(--gold-card-border)}
.st.here .num{background:var(--gold-gradient);color:var(--on-gold);box-shadow:var(--neu-btn)}
.here-tag{position:absolute;top:-13px;left:18px;background:var(--gold-gradient);color:var(--on-gold);font:800 11px var(--font-main);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px;box-shadow:var(--neu-btn)}
.st .btn{align-self:flex-start;margin-top:6px;padding:11px 16px;font-size:14px}
.dir{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}
.dir span{font-size:13px;font-weight:600;background:var(--bg-card);box-shadow:var(--neu-elevated);border-radius:999px;padding:8px 14px;color:var(--text-secondary)}

/* alerta vermelho + números */
.alert-card{color:var(--branco);background:radial-gradient(circle 700px at 100% 100%,rgba(212,175,55,.10) 0,transparent 60%),linear-gradient(135deg,var(--alarme-1) 0,var(--alarme-2) 30%,var(--alarme-3) 60%,var(--alarme-4) 100%);box-shadow:22px 22px 44px rgba(180,10,10,.32),-10px -10px 28px rgba(255,180,180,.2),inset 0 2px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.28);border-radius:32px;padding:44px 52px;display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:center;margin-bottom:28px}
@media (max-width:820px){.alert-card{grid-template-columns:1fr;padding:32px 26px;text-align:center}}
.alert-card__intro{font:800 clamp(24px,3vw,30px) var(--font-main);letter-spacing:-.02em;color:#ffd84d;text-shadow:0 2px 4px rgba(0,0,0,.18);line-height:1.15}
.alert-card__q{font:400 clamp(18px,2vw,22px)/1.45 var(--font-main);color:var(--branco);text-wrap:pretty}
.alert-card__q b{color:#ffe176;font-weight:800}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.nums{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.nums{grid-template-columns:1fr}}
.num-card{background:var(--bg-card);box-shadow:var(--neu-elevated);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.num-card .big{font-size:clamp(38px,5vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.num-card .big small{font-size:.45em;font-weight:700;color:var(--text-muted);letter-spacing:0;margin-left:4px}
.num-card .what{font-size:15px;color:var(--text-secondary);line-height:1.4}
.num-card .src{margin-top:auto;font-size:12px;color:var(--text-muted)}
.year{display:inline-block;font:700 11px var(--font-main);letter-spacing:.08em;background:var(--gold-tag-bg);color:var(--gold-text);border-radius:6px;padding:3px 7px;align-self:flex-start}

/* pra quem é (pílulas vermelhas) */
.audience{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:0 auto}
@media (max-width:720px){.audience{grid-template-columns:1fr}}
.audience-pill{background:linear-gradient(155deg,#b71c1c 0,#9e1b1b 55%,#7f1414 100%);color:var(--branco);font:600 16px/1.35 var(--font-main);letter-spacing:-.005em;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 18px 32px rgba(239,68,68,.32),0 4px 10px rgba(0,0,0,.14),inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 -1.5px 0 rgba(0,0,0,.28);border-radius:22px;padding:18px 22px}
.audience-pill b{font-weight:800;color:#fff9c4}
.audience .closer{grid-column:1/-1;text-align:center;font-size:clamp(19px,2.2vw,24px);font-weight:600;color:var(--text-primary);margin-top:18px;line-height:1.35}
.audience .closer b{color:var(--gold-text);font-weight:800}

/* membros */
.membros .page{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:900px){.membros .page{grid-template-columns:1fr}}
.card{aspect-ratio:1.586;max-width:100%;width:min(100%,460px);border-radius:22px;background:linear-gradient(145deg,#2a2b30 0%,#17181c 60%,#0f1013 100%);color:#f5f5f7;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);position:relative;overflow:hidden;margin:0 auto}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(212,175,55,.12) 45%,rgba(255,255,255,.08) 50%,transparent 60%);pointer-events:none}
.card .row1{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.card .brandm{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
.card .brandm svg{width:22px;height:21px;filter:invert(1)}
.chip{width:40px;height:30px;border-radius:6px;background:linear-gradient(135deg,#e6c86e,#b8860b);box-shadow:inset 0 1px 1px rgba(255,255,255,.6)}
.card .mat{font-family:ui-monospace,Menlo,monospace;font-size:clamp(18px,3vw,24px);letter-spacing:.08em}
.card .row3{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.card .nm b{display:block;font-size:14px}
.card .nm span{font-size:11px;color:#a1a1a6;letter-spacing:.1em;text-transform:uppercase}
.card .ttl{font:700 11px var(--font-main);letter-spacing:.14em;text-transform:uppercase;color:#e6c86e}
.bars{display:flex;gap:3px;align-items:flex-end;height:18px}
.bars i{width:5px;background:#3a3b40;border-radius:2px;display:block}
.bars i.on{background:#d4af37}
.qr{width:44px;height:44px;background:#fff;border-radius:6px;padding:4px;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;position:absolute;right:24px;top:66px}
.qr i{background:#111;display:block}.qr i.o{background:#fff}
.membros h2{font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.1}
.membros .txt{display:flex;flex-direction:column;gap:18px}
.membros .txt p{color:var(--text-muted);font-size:17px}
.membros .rebel{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--gold-text)}

/* kits: o mesmo card da área de membros (capa 16:9, título, descrição, rodapé e tarja de acesso) */
.kits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.kits{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kits{grid-template-columns:1fr}}
.kit{background:var(--bg-card);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;min-width:0;color:inherit;overflow:hidden;transition:transform .3s}
.kit:hover{transform:scale(1.01)}
.kit .capa{aspect-ratio:16/9;max-width:100%;background:var(--bg-well);overflow:hidden;position:relative}
.kit .capa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.kit:hover .capa img{transform:scale(1.05)}
.kit .body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}
.kit h3{font-size:17px;font-weight:700;line-height:1.2;color:var(--text-primary)}
.kit p{font-size:13px;color:var(--text-muted);line-height:1.45}
.kit .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;margin-top:4px;border-top:1px solid var(--border-hairline)}
.kit .d{font:700 10px var(--font-main);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}
.kit .d i{width:8px;height:8px;border-radius:50%;display:inline-block}
.kit .go{font:700 10px var(--font-main);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.kit:hover .go{color:var(--text-primary)}
.kit .tarja{padding:7px 14px;font:600 11px var(--font-main);display:flex;align-items:center;gap:6px;background:var(--bg-well);border-top:1px solid var(--border-hairline);color:var(--text-secondary)}
.kit .tarja.ouro{background:rgba(212,175,55,.12);border-top-color:rgba(212,175,55,.35);color:var(--gold-text)}
.kit .tarja.gratis{background:rgba(4,120,87,.08);border-top-color:rgba(4,120,87,.25);color:var(--gratis-text)}
.kit .capa .preco{position:absolute;right:10px;top:10px;background:rgba(26,26,36,.85);color:#fff;font:700 11px var(--font-main);letter-spacing:.06em;border-radius:999px;padding:5px 10px}
.sub-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.sub-head h3{font-size:clamp(20px,2.4vw,26px);font-weight:800}
.sub-head span{color:var(--text-secondary);font-size:15px}
.kits+.sub-head{margin-top:48px}
.kits.diag{grid-template-columns:repeat(2,1fr);max-width:760px}
@media (max-width:560px){.kits.diag{grid-template-columns:1fr}}

/* banner do Combo (mesma peça do banner 1920x500 do app) */
.combo{margin-top:48px;border-radius:28px;background:linear-gradient(135deg,#f0d173 0%,#d4af37 45%,#9a7e22 100%);color:#1a1a24;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:0 18px 40px rgba(212,175,55,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.2);position:relative;overflow:hidden}
.combo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:translateX(-120%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){.combo::after{animation:brilho 6s ease-in-out infinite}}
@keyframes brilho{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (max-width:820px){.combo{grid-template-columns:1fr;padding:28px 24px;text-align:center}}
.combo .eyebrow{color:#1a1a24;font-size:13px}.combo .eyebrow::before{display:none}
.combo h3{font-size:clamp(24px,3.4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:8px 0 10px}
.combo p{font-size:16px;color:#1a1a24;opacity:.85;max-width:52ch}
.combo .metade{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}
.combo .metade b{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.05em;line-height:.9;text-align:center;text-shadow:0 2px 0 rgba(255,255,255,.4)}
.combo .metade b small{display:block;font-size:.42em;letter-spacing:.12em;font-weight:800}
.combo .btn{background:#1a1a24;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.25)}

/* sobre o André (about + 3 números) */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
@media (max-width:980px){.about{grid-template-columns:1fr;gap:32px}}
.about__photo{aspect-ratio:4/5;max-width:360px;width:100%;margin:0 auto;border-radius:var(--radius-squircle);background:linear-gradient(155deg,#f4f6f8,#e2e6eb);box-shadow:var(--neu-elevated);display:grid;place-items:center;position:relative;overflow:hidden}
.about__photo::before{content:"";position:absolute;inset:12%;background:radial-gradient(ellipse at 50% 35%,rgba(212,175,55,.32) 0,transparent 55%)}
.about__photo span{position:relative;font-weight:800;font-size:72px;letter-spacing:-.05em;color:#7a5f14}
.about__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.about__photo:has(img)::before{display:none}
.about__photo small{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px 16px;font-size:12px;color:#1a1a24;line-height:1.3}
.about h2{font-size:clamp(28px,3.4vw,36px);font-weight:700;text-align:center}
.about__role{color:var(--gold-text);text-align:center;font-weight:700;font-size:15px;letter-spacing:.02em;margin:8px 0 18px}
.about__bio{font-size:17px;line-height:1.6;color:var(--text-primary);max-width:62ch}
.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
@media (max-width:640px){.about__stats{grid-template-columns:1fr}}
.about__stat{background:var(--bg-well);box-shadow:var(--neu-pressed);border-radius:18px;padding:18px}
.about__stat b{display:block;font-size:30px;letter-spacing:-.03em;font-weight:800;line-height:1;margin-bottom:6px}
.about__stat span{display:block;font:600 12px var(--font-main);color:var(--text-muted);line-height:1.3}

/* rodapé claro (site-footer) */
.site-footer{background:var(--bg-card);border-top:1px solid var(--border-hairline);color:var(--text-muted);padding-block:56px 48px}
.site-footer .page{display:grid;justify-items:center;text-align:center;gap:26px}
.selo{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--gold-action);background:var(--gold-tag-bg);border-radius:999px;padding:9px 16px;color:var(--gold-text);font-weight:800;font-size:14px}
.selo svg{width:18px;height:17px}
.epi{font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-style:italic;color:var(--text-primary);max-width:34ch;line-height:1.3}
.who{font-size:13px;max-width:62ch;line-height:1.6}
.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:12px}
.legal a:hover{color:var(--text-primary)}

/* 650 · molde brand.dropbox.com (André 30/10): topo com papel quadriculado, 4 blocos dos Modos e o lápis;
   o mapa do movimento em blocos; "Veja como funciona" com telas reais. As 4 cores dos Modos ficam só nos blocos;
   o dourado continua a única cor de botão. */
.hero{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:clamp(70px,10vw,140px) clamp(70px,10vw,140px)}
.hero .page{z-index:2}
.blocos{position:absolute;inset:0;pointer-events:none;z-index:1}
.bl{position:absolute;display:block;border-radius:6px;will-change:transform;opacity:.92}
.bl-a{background:var(--modo-acelerar);right:6%;bottom:0;width:12vw;height:16vh;transform-origin:100% 100%}
.bl-p{background:var(--modo-persuadir);left:0;top:58%;width:3vw;height:30vh;transform-origin:0 50%}
.bl-ap{background:var(--modo-apoiar);right:0;top:0;width:9vw;height:40vh;transform-origin:100% 0}
.bl-m{background:var(--modo-mensurar);left:max(0px,calc(50vw - 600px));top:14%;width:min(620px,52vw);height:clamp(150px,26vw,250px);transform:scale(0);transform-origin:10% 50%}
.rabisco{position:absolute;inset:0;z-index:3;pointer-events:none;touch-action:none}
.rabisco.on{pointer-events:auto;cursor:crosshair}
.caneta{position:absolute;right:var(--gutter-r);bottom:16px;z-index:4;display:flex;gap:6px;background:rgba(255,255,255,.08);border:1px solid var(--dark-border);padding:6px;border-radius:12px}
.caneta button{width:44px;height:44px;border-radius:9px;border:0;background:transparent;color:var(--dark-text);font-size:18px;cursor:pointer}
.caneta button[aria-pressed="true"]{background:var(--one-gold);color:#1a1a24}
@media (max-width:980px){.bl-m{width:94vw;height:clamp(120px,30vw,200px);top:9%}.bl-p{width:4vw}.bl-ap{width:12vw;height:24vh}.bl-a{width:22vw;height:10vh}}
.mapa-mov{padding-block:40px}
.bento{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,19vw)}
.bento .t{position:relative;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;background:var(--c1);color:var(--c2);transition:background .35s,color .35s}
.bento .t:hover,.bento .t:focus-visible{background:var(--c2);color:var(--c1);outline:none}
.bento .t:focus-visible{box-shadow:0 0 0 3px var(--one-gold)}
.bento h3{margin:0;font-size:clamp(18px,2.1vw,26px);font-weight:800;line-height:1.1;letter-spacing:-.01em;color:inherit}
.bento p{margin:0;font-size:15px;opacity:.9;max-width:30ch;color:inherit}
.bento svg{width:clamp(56px,8vw,112px);height:auto;align-self:flex-end;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bento .t:hover svg{transform:rotate(-8deg) scale(1.08)}
.t-man{grid-row:span 2;--c1:#15171b;--c2:#d4af37}
.t-ind{grid-column:span 2;--c1:#e2b93b;--c2:#3b2d06}
.t-mapa{grid-row:span 2;--c1:#1f5fa8;--c2:#e7f0fb}
.t-vilao{--c1:#1e8449;--c2:#e8f6ee}
.t-kits{--c1:#c0392b;--c2:#fbeceb}
.t-cam{grid-column:span 2;--c1:#e4e7eb;--c2:#1a1a24}
.t-cart{grid-column:span 2;--c1:#1a1a24;--c2:#f5f5f7}
@media (max-width:760px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto);grid-auto-flow:dense}.t-ind,.t-cam,.t-cart{grid-column:span 2}.t-man,.t-mapa{grid-row:span 1}}
.gira{animation:gira 18s linear infinite;transform-origin:50% 50%}
@keyframes gira{to{transform:rotate(360deg)}}
.pulsa{animation:pulsa 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulsa{50%{transform:scale(1.12)}}
.como-funciona{padding-block:56px}
.cf{display:grid;gap:14px;text-align:center}
.cf h2{margin:0;font-size:clamp(28px,4.6vw,44px);font-weight:800;letter-spacing:-.02em}
.trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:grid;gap:12px;justify-items:center;padding:0 4px}
.tela{width:100%;max-width:760px;height:clamp(240px,50vw,460px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;box-shadow:var(--neu-elevated)}
.tela img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;display:block}
.slide h3{margin:0;font-size:clamp(20px,3.6vw,30px);font-weight:800}
.slide p{margin:0;color:var(--text-secondary);max-width:58ch}
.cf-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.seta{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:22px;cursor:pointer}
.pontos{display:flex;gap:8px}
.pontos button{width:14px;height:14px;border-radius:50%;border:0;background:var(--bg-gray);cursor:pointer;padding:0}
.pontos button[aria-current="true"]{background:var(--one-gold)}
@media (prefers-reduced-motion:reduce){.gira,.pulsa{animation:none}.bl{transition:none}}

/* 678 · trailer logo abaixo do "Se liga.": horizontal no computador, vertical no celular (só um aparece; preload="none") */
.trailer{padding:56px 0 64px;text-align:center}
.trailer h2{margin:10px 0 26px}
.trailer__frame{max-width:980px;margin:0 auto;border-radius:var(--radius-squircle);overflow:hidden;box-shadow:var(--neu-elevated);background:#0e0f13}
.trailer video{display:block;width:100%;height:auto;background:#0e0f13}
.trailer .trailer__v{display:none}
.trailer__nota{margin-top:14px;font-size:14px;color:#6e6e73}
@media (max-width:640px){
  .trailer__frame{max-width:420px}
  .trailer .trailer__h{display:none}
  .trailer .trailer__v{display:block;max-height:82vh;width:auto;max-width:100%;margin:0 auto}
}