/* Imersão Colete · Operação Aberta — tokens (fonte: spec §2.4–2.6) */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
:root{
  /* paleta 15/09 (rebrand): preto, off-white, branco, vermelho — vem do deck da Colete (#F9F5F5 / #FF4040 / #181818→#111111) */
  --preto:#111111; --preto-2:#1A1A1A; --preto-3:#262626;
  --offwhite:#F9F5F5; --branco:#FFFFFF; --vermelho:#FF4040; --vermelho-escuro:#D63030;
  /* aliases dos nomes antigos (carvão/linho/lima…) — mantêm as páginas funcionando enquanto migram */
  --carvao:var(--preto); --carvao-2:var(--preto-2); --carvao-3:var(--preto-3);
  --linho:var(--offwhite); --areia:var(--offwhite); --tabaco:var(--vermelho-escuro); --caramelo:var(--vermelho-escuro); --lima:var(--vermelho);
  --texto:var(--offwhite); --texto-mut:rgba(249,245,245,.62); --texto-dim:rgba(249,245,245,.38);
  --tinta:var(--preto); --tinta-mut:rgba(17,17,17,.62);
  --hair:rgba(249,245,245,.14); --hair-claro:rgba(17,17,17,.14);
  --grotesk:'Hanken Grotesk',Arial,sans-serif; --serif:'Bodoni Moda',Georgia,serif;
  --display:clamp(44px,7.2vw,96px); --h1:clamp(40px,5.4vw,72px); --h2:clamp(30px,3.6vw,48px); --h3:clamp(22px,2vw,28px);
  --corpo:clamp(16px,1.2vw,18px); --peq:14px; --rail:clamp(11px,.85vw,12px);
  --pad:clamp(20px,5vw,80px); --gap:clamp(48px,8vw,128px); --raio:999px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carvao);color:var(--texto);font:400 var(--corpo)/1.55 var(--grotesk);overflow-x:hidden}
h1,h2,h3,.display{font-family:var(--grotesk);letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}
.display{font-size:var(--display);line-height:.92;font-weight:300}
.display b,h1 b,h2 b{font-weight:800}
.serif-i{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.06em;letter-spacing:-.01em}
.rail{font:500 var(--rail)/1 var(--grotesk);letter-spacing:.18em;text-transform:uppercase;color:var(--texto-dim)}
.rail--rot{writing-mode:vertical-rl;transform:rotate(180deg)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 var(--rail)/1 var(--grotesk);letter-spacing:.18em;text-transform:uppercase;color:var(--texto-mut)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lima)}
.hairline{border:0;border-top:1px solid var(--hair);margin:0}
.claro{background:var(--linho);color:var(--tinta)} .claro .rail,.claro .eyebrow{color:var(--tinta-mut)} .claro .hairline{border-color:var(--hair-claro)}
.cta-pill{display:inline-flex;align-items:center;gap:14px;padding:6px 6px 6px 22px;border-radius:var(--raio);background:var(--lima);color:var(--tinta);font:600 15px/1 var(--grotesk);letter-spacing:.01em;text-decoration:none;transition:transform .35s var(--ease)}
.cta-pill:hover{transform:translateY(-2px)}
.cta-pill__arrow{width:40px;height:40px;border-radius:50%;background:var(--tinta);color:var(--lima);display:grid;place-items:center;font-size:18px}
.cta-pill--ghost{background:transparent;color:var(--texto);border:1px solid var(--hair)} .cta-pill--ghost .cta-pill__arrow{background:transparent;border:1px solid var(--hair);color:var(--texto)}
.box-seta{width:40px;height:40px;border:1px solid var(--hair);display:grid;place-items:center;color:var(--texto)}
.wrap{width:min(1240px,100% - 2*var(--pad));margin-inline:auto}
.sec{padding-block:var(--gap)}
.sec-head{display:grid;gap:24px;grid-template-columns:1fr} @media(min-width:900px){.sec-head{grid-template-columns:7fr 5fr;align-items:start}}
.idx{list-style:none;margin:0;padding:0} .idx li{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:baseline;padding:22px 0;border-top:1px solid var(--hair)} .idx li:last-child{border-bottom:1px solid var(--hair)}
.idx .n{font:500 var(--rail)/1 var(--grotesk);letter-spacing:.18em;color:var(--lima)} .idx .d{color:var(--texto-mut);font-size:var(--peq);display:block;margin-top:6px}
.chip{display:inline-block;padding:8px 14px;border:1px solid var(--hair);border-radius:var(--raio);font:500 13px/1 var(--grotesk);color:var(--texto-mut)}
.ia-tag{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:rgba(17,17,17,.72);color:var(--linho);font:500 10px/1 var(--grotesk);letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(6px)}
.glow{position:absolute;inset:auto;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,64,64,.10),transparent 70%);pointer-events:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}