/* Bridge Loop: estilos do site. Sem dependências externas; fontes (se houver) vêm de /assets/fonts.css, gerado pelo build. */
:root{
  color-scheme:light dark;
  --bg:#f5f5fa;--bg-alt:#ececf4;--surface:#fff;--text:#15162b;--muted:#54576f;--line:#d9dae6;
  --primary:#4f46e5;--link:#4338ca;--tint:#e4e2ff;--on-tint:#2a2391;
  --ok:#137a38;--ok-bg:#dcf5e3;--warn:#9a4a00;--warn-bg:#ffebd2;--err:#b42318;
  --grad:linear-gradient(135deg,#4f46e5 0%,#0e7490 100%);
  --focus:#4f46e5;--header-bg:rgba(245,245,250,.86);
  --r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;
  --font:"Figtree",ui-rounded,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  /* ilustrações */
  --wp1:#c7cdfb;--wp2:#a6e3ee;--bezel:#1b1c2e;--base:#c9cadb;--base2:#b4b5c9;--glass:rgba(255,255,255,.78);--glass-line:rgba(21,22,43,.1);
  --win:#fbfbfe;--win-bar:#ececf4;--ink:#15162b;--ink-soft:#8d90a8;--art-shadow:rgba(21,22,43,.18);--phone-body:#15162b;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e0f1c;--bg-alt:#13142a;--surface:#171929;--text:#ecedf8;--muted:#a6a9c4;--line:#30334f;
  --primary:#8d87ff;--link:#a5b4fc;--tint:#2e2a7a;--on-tint:#e1deff;
  --ok:#5edb8a;--ok-bg:#123a22;--warn:#ffb766;--warn-bg:#3d2608;--err:#ff8a80;
  --focus:#a5b4fc;--header-bg:rgba(14,15,28,.84);
  --wp1:#2b2f7a;--wp2:#0f4f63;--bezel:#05050c;--base:#3a3b55;--base2:#2a2b40;--glass:rgba(34,36,58,.84);--glass-line:rgba(255,255,255,.1);
  --win:#1e2036;--win-bar:#2a2c47;--ink:#ecedf8;--ink-soft:#7f83a3;--art-shadow:rgba(0,0,0,.5);--phone-body:#05050c;
}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{text-decoration-thickness:.14em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
[id]{scroll-margin-top:96px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--surface);color:var(--text);border:2px solid var(--focus);border-radius:var(--r-md);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
@media (max-width:480px){.container{padding:0 16px}}
.s-ic{flex:none}

/* Cabeçalho */
.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.site-header .container{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";align-items:center;gap:8px 28px;min-height:68px}
.brand{grid-area:brand;display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.brand img{width:36px;height:36px;border-radius:10px}
.nav{grid-area:nav;display:flex;gap:4px;justify-self:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.97rem;padding:10px 14px;border-radius:999px;white-space:nowrap}
.nav a:hover{color:var(--text);background:var(--bg-alt)}
.nav a[aria-current]{color:var(--text);background:var(--tint)}
.actions{grid-area:actions;display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600;background:var(--surface)}
.lang:hover{color:var(--text);border-color:var(--muted)}
@media (max-width:900px){
  .site-header .container{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";gap:0 12px;min-height:0;padding-top:8px;padding-bottom:6px}
  .brand{min-height:52px}
  .nav{justify-self:stretch;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 12px 4px}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:10px 12px}
}
@media (max-width:420px){.actions .btn{padding:0 14px;min-height:44px;font-size:.92rem}.lang{padding:0 11px}}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--r-md);border:1.5px solid transparent;font:inherit;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
.btn-primary{background:var(--grad);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 18px -6px rgba(79,70,229,.55)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px -8px rgba(79,70,229,.65)}
.btn-primary:active{transform:none}
.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--muted)}
.btn-white{background:#fff;color:#2a2391}
.btn-white:hover{transform:translateY(-1px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:.95rem}
.btn:focus-visible{outline-offset:3px}
.s-soon{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;border-radius:var(--r-md);border:1.5px dashed var(--line);color:var(--muted);font-weight:600;font-size:.97rem;background:transparent}
.s-soon .s-ic{color:var(--primary)}

/* Tipografia */
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(2.6rem,1.5rem + 4.6vw,4.7rem);letter-spacing:-.04em;line-height:1.01}
h2{font-size:clamp(1.9rem,1.35rem + 2.2vw,2.9rem);letter-spacing:-.032em;line-height:1.06}
h3{font-size:1.2rem;letter-spacing:-.015em;line-height:1.25;font-weight:750}
p{margin:0}
.lead{font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.55;color:var(--muted);max-width:40rem;text-wrap:pretty}
.muted{color:var(--muted)}
.small{font-size:.92rem}
.mono{font-family:var(--mono)}

/* Seções */
.section{padding:clamp(56px,8vw,112px) 0}
.section.alt{background:var(--bg-alt)}
.sec-head{max-width:46rem;margin-bottom:clamp(28px,4vw,48px);display:grid;gap:16px}

/* Hero */
.hero{position:relative;padding:clamp(36px,6vw,84px) 0 clamp(48px,7vw,96px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-10% -10% auto 35%;height:90%;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 16%,transparent),transparent);pointer-events:none}
.hero .container{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,64px);align-items:center}
.hero-copy{display:grid;gap:24px;justify-items:start}
.hero-copy .lead{max-width:34rem}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-notes{display:grid;gap:6px;color:var(--muted);font-size:.95rem}
.hero-notes b{color:var(--text);font-weight:700}
.hero-art{width:100%}
.hero-art svg{width:100%;height:auto;overflow:visible}
@media (prefers-reduced-motion:no-preference){.hero-art{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}}
@keyframes rise{from{transform:translateY(14px)}to{transform:none}}
@media (max-width:900px){.hero .container{grid-template-columns:1fr}.hero-art{max-width:640px;margin:8px auto 0}}

/* Ilustração (classes usadas dentro do SVG) */
.a-wp1{stop-color:var(--wp1)}.a-wp2{stop-color:var(--wp2)}
.a-bezel{fill:var(--bezel)}.a-base{fill:var(--base)}.a-base2{fill:var(--base2)}
.a-shadow{fill:var(--art-shadow)}
.a-menubar{fill:var(--glass)}
.a-glass{fill:var(--glass);stroke:var(--glass-line);stroke-width:1}
.a-win{fill:var(--win);stroke:var(--glass-line);stroke-width:1}
.a-winbar{fill:var(--win-bar)}
.a-ink{fill:var(--ink)}.a-soft{fill:var(--ink-soft)}
.a-line{fill:var(--ink);opacity:.16}
.a-sel{fill:var(--primary);opacity:.22}
.a-phone{fill:var(--phone-body)}
.a-screen{fill:var(--bg)}
.a-card{fill:var(--surface);stroke:var(--line);stroke-width:1}
.a-tint{fill:var(--tint)}
.a-primary{fill:var(--primary)}
.art text{font-family:var(--font);font-weight:600}
.art .t-b{font-weight:800}
.flow{fill:none;stroke:var(--primary);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1 9}
@media (prefers-reduced-motion:no-preference){
  .flow{animation:flow 1.6s linear infinite}
  .pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-in-out infinite}
}
@keyframes flow{to{stroke-dashoffset:-20}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}

/* Faixa de confiança */
.trust{border-block:1px solid var(--line);background:var(--surface)}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trust li{display:flex;gap:14px;align-items:flex-start;padding:28px 24px}
.trust li+li{border-left:1px solid var(--line)}
.trust .ico{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--on-tint);display:grid;place-items:center;flex:none}
.trust b{display:block;font-weight:750;line-height:1.25;margin-bottom:4px}
.trust span{color:var(--muted);font-size:.93rem;line-height:1.5;display:block}
@media (max-width:1000px){.trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}.trust li:nth-child(3){border-left:0}.trust li:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.trust ul{grid-template-columns:1fr}.trust li+li{border-left:0;border-top:1px solid var(--line)}.trust li{padding:20px 4px}}

/* Recursos (grade de tamanhos diferentes) */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:grid;gap:12px;align-content:start;position:relative;overflow:hidden}
.cell p{color:var(--muted)}
.cell .ico{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--on-tint);display:grid;place-items:center}
.cell.wide{grid-column:span 4;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;align-items:center}
.cell.wide .txt{display:grid;gap:12px}
.cell.w2{grid-column:span 2}.cell.w3{grid-column:span 3}.cell.w6{grid-column:span 6}
.cell.accent{background:var(--grad);border-color:transparent;color:#fff}
.cell.accent p{color:rgba(255,255,255,.92)}
.cell.accent .ico{background:rgba(255,255,255,.2);color:#fff}
.mini-art{width:200px}
.mini-art svg{width:100%;height:auto}
.conns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.conn{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;display:grid;gap:6px;align-content:start;background:var(--bg)}
.conn h3{display:flex;align-items:center;gap:10px;font-size:1.05rem}
.conn .s-ic{color:var(--primary)}
.conn p{font-size:.95rem;line-height:1.5}
@media (max-width:900px){.cell.wide,.cell.w2,.cell.w3{grid-column:span 6}.cell.wide{grid-template-columns:1fr}.mini-art{display:none}.conns{grid-template-columns:1fr}}
@media (min-width:901px) and (max-width:1100px){.cell.w2{grid-column:span 3}.cell.wide{grid-column:span 6}}

/* Como funciona */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:step}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:grid;gap:14px;align-content:start;counter-increment:step}
.step .vis{min-height:104px;border-radius:var(--r-md);background:var(--bg-alt);display:grid;place-items:center;padding:16px}
.step h3{display:flex;align-items:center;gap:12px}
.step h3::before{content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-size:.95rem;font-weight:800;flex:none}
.step p{color:var(--muted)}
.code{display:flex;gap:6px;align-items:center}
.code span{width:34px;height:46px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:1.35rem}
.code i{width:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:6px 10px;font-size:.84rem;font-weight:700;color:var(--text)}
.chip .s-ic{color:var(--primary)}
.chip.s-on{background:var(--tint);color:var(--on-tint);border-color:transparent}
.chip.s-on .s-ic{color:var(--on-tint)}
@media (max-width:900px){.steps{grid-template-columns:1fr}}

/* Demonstração */
.stage{border-radius:var(--r-xl)}
#bl-demo{width:100%}
.static-demo{margin:0;display:grid;grid-template-columns:minmax(0,360px) minmax(0,190px);gap:32px;justify-content:center;align-items:start;padding:clamp(24px,5vw,56px) clamp(16px,4vw,40px) 20px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--wp1),var(--wp2))}
.static-demo figcaption{grid-column:1/-1;text-align:center;color:var(--text);font-size:.93rem;font-weight:600}
@media (max-width:640px){.static-demo{grid-template-columns:1fr;justify-items:center}}
.pm{width:100%;max-width:360px;background:var(--bg-alt);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;font-size:13px;line-height:1.35;box-shadow:0 20px 50px -24px rgba(21,22,43,.4)}
.pm *{margin:0}
.pm-head{display:flex;gap:10px;align-items:center}
.pm-head img{width:36px;height:36px;border-radius:9px}
.pm b{font-weight:700}
.pm small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.ok-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.pm-card{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.pm-card .s-ph{width:36px;height:40px;border-radius:8px;background:var(--tint);color:var(--on-tint);display:grid;place-items:center}
.pm-card .bat{margin-left:auto;color:var(--muted);font-size:12px}
.pm-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;background:var(--grad);color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 12px -4px rgba(79,70,229,.5)}
.pm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pm-tiles div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 6px;display:grid;gap:6px;justify-items:center;text-align:center;font-size:12px;font-weight:600;min-height:68px;align-content:center}
.pm-drop{border:1.5px dashed var(--line);border-radius:10px;text-align:center;color:var(--link);font-weight:700;padding:14px 8px;font-size:13px}
.mw{width:190px;border-radius:12px;overflow:hidden;background:var(--win);border:1px solid var(--line);box-shadow:0 20px 50px -24px rgba(21,22,43,.45)}
.mw-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:var(--win-bar);font-size:11px;font-weight:700;color:var(--muted)}
.mw-bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57;display:inline-block}
.mw-bar i+i{background:#febc2e}.mw-bar i+i+i{background:#28c840}
.mw-bar em{margin-left:auto;font-style:normal;display:flex;align-items:center;gap:5px;font-weight:600}
.mw-screen{height:316px;background:linear-gradient(160deg,#5b6ce6,#0ea5b7);padding:14px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;align-content:start}
.mw-screen .p1{grid-column:1/3;height:8px;border-radius:4px;background:rgba(255,255,255,.7)}
.mw-screen .p2{grid-column:4;height:8px;border-radius:4px;background:rgba(255,255,255,.45)}
.mw-screen .s-cd{grid-column:1/-1;height:54px;border-radius:12px;background:rgba(255,255,255,.24);margin-bottom:6px}
.mw-screen u{aspect-ratio:1;border-radius:9px;background:#ffab40;display:block}
.mw-screen u:nth-of-type(4n+2){background:#5edb8a}.mw-screen u:nth-of-type(4n+3){background:#f87289}.mw-screen u:nth-of-type(4n){background:#fdd84f}

/* Privacidade */
.priv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:start}
.priv-copy{display:grid;gap:20px;position:sticky;top:110px}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.facts li{display:flex;gap:14px;padding:18px 22px;align-items:flex-start}
.facts li+li{border-top:1px solid var(--line)}
.facts .s-ic{color:var(--ok);margin-top:2px}
.facts b{display:block;font-weight:750;line-height:1.3}
.facts span{color:var(--muted);font-size:.95rem;line-height:1.5}
.honest{margin-top:16px;border-radius:var(--r-lg);background:var(--warn-bg);color:var(--text);padding:22px 24px;display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--warn) 35%,transparent)}
.honest h3{display:flex;gap:10px;align-items:center;color:var(--warn)}
.honest ul{margin:0;padding-left:1.2em;display:grid;gap:10px;font-size:.97rem;line-height:1.5}
.honest li::marker{color:var(--warn)}
@media (max-width:900px){.priv{grid-template-columns:1fr}.priv-copy{position:static}}

/* Perguntas */
.faq{max-width:860px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 4px;font-weight:700;font-size:1.08rem;line-height:1.35;border-radius:var(--r-sm)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq summary:hover{color:var(--link)}
.faq details>p{padding:0 40px 22px 4px;color:var(--muted);max-width:44rem}
.faq.in-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:0 22px}
.faq.in-card details:last-child{border-bottom:0}

/* Chamada final */
.cta-band{position:relative;overflow:hidden;border-radius:var(--r-xl);background:var(--grad);color:#fff;padding:clamp(36px,6vw,80px);display:grid;gap:24px;justify-items:start}
.cta-band::after{content:"";position:absolute;right:-60px;bottom:-140px;width:420px;height:420px;border-radius:50%;border:56px solid rgba(255,255,255,.1);pointer-events:none}
.cta-band::before{content:"";position:absolute;right:50px;bottom:-190px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(255,255,255,.08);pointer-events:none}
.cta-band>*{position:relative;z-index:1}
.cta-band h2{max-width:18ch}
.cta-band p{color:rgba(255,255,255,.94);max-width:38rem}
.cta-band .s-soon{border-color:rgba(255,255,255,.55);color:#fff}
.cta-band .s-soon .s-ic{color:#fff}

/* Páginas de texto */
.page-head{padding:clamp(40px,6vw,80px) 0 clamp(20px,3vw,36px);display:grid;gap:16px}
.page-head h1{font-size:clamp(2.2rem,1.4rem + 3.2vw,3.6rem)}
.crumbs{font-size:.92rem}
.crumbs a{color:var(--muted)}
.page-body{padding-bottom:clamp(56px,8vw,112px)}
.prose{max-width:46rem;min-width:0}
.prose h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);margin-bottom:12px}
.prose h2{font-size:1.5rem;margin:2.4em 0 .6em;letter-spacing:-.02em;padding-top:.4em}
.prose h3{margin:1.8em 0 .5em}
.prose p,.prose ul,.prose ol{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:.45em}
.prose li{padding-left:.2em}
.prose blockquote{margin:1.2em 0;padding:14px 18px;border-left:4px solid var(--primary);background:var(--surface);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--muted)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
code{font-family:var(--mono);font-size:.88em;background:var(--tint);color:var(--on-tint);padding:2px 7px;border-radius:6px}
.table{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:520px}
th,td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
th{background:var(--bg-alt);font-weight:700}
.s-doc{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(32px,5vw,72px);align-items:start}
.toc{position:sticky;top:96px;font-size:.92rem;display:grid;gap:8px;border-left:2px solid var(--line);padding-left:16px;max-height:calc(100vh - 120px);overflow:auto}
.toc b{font-size:.82rem;color:var(--muted);font-weight:700}
.toc a{color:var(--muted);text-decoration:none;padding:3px 0;line-height:1.35}
.toc a:hover{color:var(--link);text-decoration:underline}
.toc-inline{display:none;margin-bottom:24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:0 16px}
.toc-inline summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-weight:700}
.toc-inline nav{display:grid;gap:2px;padding-bottom:12px}
.toc-inline a{padding:8px 0;color:var(--link);text-decoration:none}
@media (max-width:1000px){.s-doc{grid-template-columns:minmax(0,1fr)}.toc{display:none}.toc-inline{display:block}}

/* Cartões de página (baixar, suporte) */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(24px,4vw,40px)}
.s-dl{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:stretch}
.dl-main{display:grid;gap:20px;align-content:start}
.dl-top{display:flex;gap:18px;align-items:center}
.dl-top img{width:76px;height:76px;border-radius:20px;box-shadow:0 10px 24px -10px rgba(79,70,229,.6)}
.dl-top h2{font-size:1.6rem}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--bg-alt);border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:600;color:var(--muted)}
.sha-box{border:1px solid var(--line);background:var(--bg);border-radius:var(--r-md);padding:14px 16px;display:grid;gap:6px}
.sha-box small{color:var(--muted);font-weight:600}
.sha{font-family:var(--mono);font-size:.78rem;line-height:1.5;word-break:break-all;color:var(--text)}
.dl-side{display:grid;gap:12px;align-content:start}
.dl-side .panel{padding:24px}
.callout{border-radius:var(--r-lg);padding:24px 26px;display:grid;gap:12px;border:1px solid var(--line);background:var(--surface)}
.callout.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.callout.warn h2,.callout.warn h3{color:var(--warn)}
.callout ol{margin:0;padding-left:1.3em;display:grid;gap:.6em}
.after{display:grid;gap:16px}
.mail{font-weight:800;font-size:clamp(1.2rem,1rem + 1vw,1.7rem);word-break:break-all}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.list-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.list-check li{display:flex;gap:12px}
.list-check .s-ic{color:var(--ok);margin-top:3px}
@media (max-width:900px){.s-dl,.two{grid-template-columns:1fr}}
@media (max-width:480px){.dl-top{flex-direction:column;align-items:flex-start}}
mark.todo{background:#ffe066;color:#111;padding:0 4px;border-radius:4px}
.draft{background:var(--warn-bg);color:var(--warn);text-align:center;padding:8px 12px;font-weight:700;font-size:.9rem;border-bottom:1px solid var(--line)}

/* Rodapé */
.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:clamp(40px,6vw,72px) 0 28px;font-size:.95rem}
.foot{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.foot .brand{font-size:1.15rem}
.foot p{color:var(--muted);margin-top:12px;max-width:22rem;line-height:1.55}
.foot h2{font-size:.9rem;letter-spacing:0;font-weight:750;color:var(--text);margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.foot a{color:var(--muted);text-decoration:none;display:inline-block;padding:6px 0}
.foot a:hover{color:var(--link);text-decoration:underline}
.legalline{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:grid;gap:6px;line-height:1.55}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
.h3-like{font-size:1.2rem;letter-spacing:-.015em;line-height:1.25;font-weight:750;margin:0 0 14px}
.panel p+p{margin-top:12px}
.faq-head{margin-top:clamp(40px,6vw,72px);margin-bottom:20px}
.faq-head h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
.after{margin-top:16px}
.after .spacer{display:none}
.after-list{margin:0;padding-left:1.3em;display:grid;gap:.6em}
.callout.warn p{color:var(--text)}
.sha-box code{font-size:.8rem;overflow-wrap:anywhere}
.facts span{display:block;line-height:1.5;margin-top:2px}
.faq-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq-title{display:grid;gap:16px;position:sticky;top:110px}
.faq-wrap .faq{max-width:none}
.cta-sec{padding-top:0}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr}.faq-title{position:static}}
.foot a.brand{display:flex;padding:0;color:var(--text)}.foot a.brand:hover{text-decoration:none;color:var(--text)}
@media (max-width:480px){.nav a{padding:10px 8px;font-size:.92rem}.nav{margin:0 -10px;padding:0 8px 4px}}
.doc-wrap{padding-top:clamp(36px,5vw,64px)}