/* Murma AI · site v3 — conteúdo do documento-mestre. Duas peles: clara (padrão) e AI (body.skin-ai). */
:root{
  --bg:#ffffff; --surface:#f7f5f4; --surface2:#efebe9; --line:#e9e4e2;
  --fg:#111111; --muted:#55504f; --dim:#8a8382;
  --coral:#ff6a5c; --coral-ink:#c8372a; --peach:#ffc9b9; --sky:#d1e4e8;
  --card:#ffffff; --invert:#111111; --invert-fg:#ffffff;
  --btn:#111111; --btn-fg:#ffffff; --btn2:#f1edeb; --btn2-fg:#111111;
  --navbg:#ffffff; --navshadow:0 1px 0 rgba(17,17,17,.04),0 10px 30px rgba(17,17,17,.08);
  --display:"Stack Sans Notch","Helvetica Neue",Arial,sans-serif;
  --text:"Stack Sans Text","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gl:max(16px,env(safe-area-inset-left,0px)); --gr:max(16px,env(safe-area-inset-right,0px));
  --r:28px; color-scheme:light;
}
body.skin-ai{
  --bg:#0a0a0c; --surface:#121215; --surface2:#1a1a1f; --line:#26262d;
  --fg:#f4f1ee; --muted:#b0aaa6; --dim:#7d7873;
  --coral:#ff6a5c; --coral-ink:#ff8a7e; --peach:#ffb4a2; --sky:#9fc6cf;
  --card:#131317; --invert:#f4f1ee; --invert-fg:#0a0a0c;
  --btn:#ff6a5c; --btn-fg:#140605; --btn2:#1d1d23; --btn2-fg:#f4f1ee;
  --navbg:rgba(18,18,22,.78); --navshadow:0 0 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.4);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit} img,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.04;letter-spacing:-.025em;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1280px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
body.skin-ai .eyebrow{font-family:var(--mono);letter-spacing:.08em;color:var(--coral-ink)}
section{scroll-margin-top:90px}

/* protótipo + notas */
.proto{position:relative;z-index:55;background:#fff3f1;border-bottom:1px solid #ffd8d2;font-size:.8rem;color:#8a3a2f}
body.skin-ai .proto{background:#1d1110;border-color:#3a1f1c;color:#ffb1a7}
.proto .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-block:8px;flex-wrap:wrap}
.proto button,.proto a{background:none;border:1px solid currentColor;color:inherit;border-radius:999px;padding:4px 12px;font:inherit;cursor:pointer;text-decoration:none;opacity:.85}
.proto .acts{display:flex;gap:8px;flex-wrap:wrap}
.note{display:inline-flex;gap:6px;align-items:flex-start;border:1px dashed rgba(255,106,92,.6);color:#b23a2c;background:rgba(255,106,92,.07);border-radius:8px;padding:6px 10px;font-size:.78rem;line-height:1.4;max-width:52ch;text-align:left;font-family:var(--text);letter-spacing:0;text-transform:none;font-weight:400}
body.skin-ai .note{color:#ffb1a7}
.note::before{content:"Nota";font-weight:600;color:var(--coral)}
body.hide-notes .note{display:none!important}
[hidden]{display:none!important}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font:500 .98rem var(--text);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--btn);color:var(--btn-fg)}
.btn-ghost{background:var(--btn2);color:var(--btn2-fg)}
.btn-line{background:transparent;color:var(--fg);border-color:var(--line)}
.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(3px)}

/* nav */
.nav{position:sticky;top:0;z-index:50;padding-top:12px}
.nav .wrap{display:flex;align-items:center;gap:26px;height:62px;background:var(--navbg);border-radius:18px;box-shadow:var(--navshadow);width:calc(100% - 24px);max-width:1380px;padding-left:20px;padding-right:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--fg)}
.logo .sym{width:32px;height:auto}.logo .wm{height:16px;width:auto}
.logo .ai{font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.02em;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--fg)}
.nav ul{display:flex;gap:22px;list-style:none;margin:0 0 0 6px;padding:0;font-size:.93rem}
.nav ul a{text-decoration:none;color:var(--muted)} .nav ul a:hover,.nav ul a[aria-current=page]{color:var(--fg)}
.nav ul a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--coral);padding-bottom:3px}
.nav .right{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:.92rem}
.nav .login{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;font:500 .88rem var(--text);white-space:nowrap;text-decoration:none;color:var(--muted);background:var(--card);border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);transition:transform .15s,border-color .2s,color .2s}
.nav .login:hover{transform:translateY(-1px);color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,transparent)}
.nav .btn{padding:10px 16px;font-size:.88rem}
@media (max-width:900px){.nav ul,.nav .login,.nav .btn-ghost{display:none}}

/* seções */
.sec{padding-block:clamp(52px,6.5vw,88px)}
.sec.tight{padding-block:clamp(40px,5vw,64px)}
.shead{max-width:820px;margin-bottom:44px}
.shead.center{margin-inline:auto;text-align:center}
.shead h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.035em;margin-top:14px}
.shead .lede{margin-top:18px;font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);max-width:60ch}
.shead.center .lede{margin-inline:auto}
.muted{color:var(--muted)}
.band{background:var(--surface);border-radius:44px}
body.skin-ai .band{background:var(--surface);border:1px solid var(--line)}

/* hero */
.hero{position:relative;overflow:hidden;margin-top:-86px;padding-top:86px;min-height:calc(100svh - var(--proto,0px));display:flex;flex-direction:column;
  background:linear-gradient(126deg,#c9e0e4 0%,#e8d0c9 40%,#ffc4b4 65%,#ff9792 100%)}
body.skin-ai .hero{background:radial-gradient(120% 80% at 70% 10%,rgba(255,106,92,.22),transparent 60%),radial-gradient(80% 60% at 10% 90%,rgba(159,198,207,.12),transparent 60%),#0a0a0c}
body.skin-ai .hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 30%,transparent 95%);pointer-events:none}
.hero>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.hero .inner{position:relative;z-index:2;flex:1;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:56px;padding-block:8px clamp(84px,11vh,110px);pointer-events:none}
.hero .left{display:flex;flex-direction:column;min-width:0}
.flockbox{flex:1 1 auto;min-height:150px}
.hero .right{display:flex;align-items:flex-end;justify-content:flex-end}
.hero .copy{color:#111}
body.skin-ai .hero .copy{color:var(--fg)}
.hero .tagline{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(8px);color:#3a1d18;align-self:flex-start;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:500}
body.skin-ai .hero .tagline{background:rgba(255,106,92,.1);border-color:rgba(255,106,92,.35);color:var(--coral-ink);font-family:var(--mono);font-size:.78rem}
.hero h1{margin-top:0;font-size:clamp(2.3rem,min(5vw,7.6vh),5rem);max-width:15.5ch;line-height:.95;letter-spacing:-.035em}
.hero .sub{margin-top:18px;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.4;max-width:46ch;color:rgba(17,17,17,.78)}
.hero .ctas{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
.hero .btn-primary{background:#111;color:#fff}
.hero .btn-ghost{background:rgba(255,255,255,.45);color:#111;border-color:rgba(17,17,17,.18)}
body.skin-ai .hero .btn-primary{background:var(--coral);color:#140605}
body.skin-ai .hero .btn-ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.hero .note{margin-top:16px;background:rgba(255,255,255,.85)}
body.skin-ai .hero .note{background:rgba(20,20,24,.85)}
.player{height:min(calc(100svh - var(--proto,0px) - 250px),560px);min-height:300px;aspect-ratio:9/16;border-radius:26px;overflow:hidden;position:relative;background:#111;box-shadow:0 30px 80px rgba(80,20,10,.35);border:6px solid rgba(255,255,255,.35)}
body.skin-ai .player{border-color:#1f1f25;box-shadow:0 0 0 1px rgba(255,106,92,.25),0 30px 90px rgba(255,106,92,.18)}
.player video{width:100%;height:100%;object-fit:cover}
.player .lbl{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);color:#fff;border-radius:14px;padding:8px 12px;font-size:.78rem}
.player .lbl b{font-weight:600}
.player .dots{display:flex;gap:4px}.player .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}.player .dots i.on{background:#fff}
@media (max-width:960px){.hero .inner{grid-template-columns:1fr;gap:24px;padding-bottom:90px}.flockbox{min-height:200px}.hero .right{justify-content:flex-start}.player{height:auto;min-height:0;width:min(56vw,240px)}}

/* prova */
.lift{position:relative;margin-top:-56px;background:var(--bg);border-radius:44px 44px 0 0;z-index:3}
.proof{padding-block:52px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center}
.proof h2{font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-.025em}
.proof p{margin-top:12px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat{background:var(--surface);border-radius:22px;padding:22px;border:1px solid transparent}
body.skin-ai .stat{border-color:var(--line)}
.stat b{display:block;font-family:var(--display);font-size:clamp(2.4rem,4.6vw,3.8rem);font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
body.skin-ai .stat b{background:linear-gradient(120deg,#fff 20%,var(--peach));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{display:block;margin-top:8px;color:var(--muted);font-size:.92rem}
.after{margin-top:10px;font-size:.88rem;color:var(--dim)}
.logos{display:flex;align-items:center;gap:18px 44px;flex-wrap:wrap;padding-block:20px 56px;border-top:1px solid var(--line);margin-top:36px}
.logos .lbl{font-size:.75rem;color:var(--dim);letter-spacing:.12em;text-transform:uppercase}
.logos ul{display:flex;flex-wrap:wrap;gap:16px 44px;list-style:none;margin:0;padding:0;align-items:center}
.logos img{height:26px;width:auto;opacity:.55;filter:grayscale(1) invert(1)}
body.skin-ai .logos img{filter:grayscale(1);opacity:.6}
@media (max-width:860px){.proof{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:520px){.stats{grid-template-columns:1fr}.stat b{font-size:2.6rem}}

/* dor: a equipe */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.role{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;gap:14px;align-content:start;position:relative}
.role .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface2);font-size:1.2rem}
.role h3{font-size:1.25rem}
.role p{color:var(--muted);font-size:.95rem}
.role .tag{font-size:.78rem;color:var(--coral-ink);font-weight:500}
.becomes{margin-top:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:var(--invert);color:var(--invert-fg);border-radius:28px;padding:28px 32px}
body.skin-ai .becomes{background:linear-gradient(110deg,#2a0f0c,#140a09 60%);color:var(--fg);border:1px solid rgba(255,106,92,.35)}
.becomes .eq{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.becomes p{font-size:1.08rem;opacity:.9}
.costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.cost{border-top:2px solid var(--coral);padding-top:14px}
.cost b{display:block;font-family:var(--display);font-size:1.15rem}
.cost p{color:var(--muted);font-size:.93rem;margin-top:6px}
@media (max-width:960px){.team{grid-template-columns:1fr 1fr}.costs{grid-template-columns:1fr}}
@media (max-width:520px){.team{grid-template-columns:1fr}.becomes{grid-template-columns:1fr}}

/* alternativas */
.alts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.alt{border-radius:26px;padding:28px;background:var(--surface);display:grid;gap:12px;align-content:start}
body.skin-ai .alt{border:1px solid var(--line)}
.alt .k{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.alt h3{font-size:1.6rem}
.alt p{color:var(--muted)}
.alt .x{display:flex;gap:8px;color:var(--fg);font-size:.95rem}
.alt .x::before{content:"×";color:var(--coral);font-weight:700}
.alt.murma{background:var(--invert);color:var(--invert-fg)}
.alt.murma p,.alt.murma .k{color:inherit;opacity:.75}
.alt.murma .x{color:inherit}.alt.murma .x::before{content:"✓"}
body.skin-ai .alt.murma{background:linear-gradient(160deg,rgba(255,106,92,.22),rgba(255,106,92,.05));color:var(--fg);border-color:rgba(255,106,92,.45)}
.position{margin-top:22px;text-align:center;color:var(--muted);font-size:1.05rem}
.position b{color:var(--fg)}
@media (max-width:960px){.alts{grid-template-columns:1fr}}

/* como funciona (rolagem guiada) */
.flow{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px}
.steps{list-style:none;margin:0;padding:0}
.step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-left:22px;border-left:2px solid var(--line);transition:border-color .3s}
.step.on{border-left-color:var(--coral)}
.step .n{font-family:var(--mono);font-size:.82rem;color:var(--coral-ink)}
.step h3{font-size:clamp(1.6rem,2.6vw,2.3rem)}
.step p{color:var(--muted);font-size:1.05rem;max-width:44ch}
.step .mimg{display:none;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin-top:8px}
.frame{position:sticky;top:110px;height:calc(100vh - 150px);max-height:640px;display:grid;align-content:center}
.screen{position:relative;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px rgba(17,17,17,.12);aspect-ratio:16/10}
body.skin-ai .screen{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.6),0 0 120px rgba(255,106,92,.12)}
.screen .bar{height:30px;display:flex;align-items:center;gap:6px;padding-left:12px;background:var(--surface2);border-bottom:1px solid var(--line)}
.screen .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.screen img{position:absolute;inset:30px 0 0;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top left;opacity:0;transition:opacity .45s}
.screen img.on{opacity:1}
.prog{display:flex;gap:6px;margin-top:16px}.prog i{flex:1;height:3px;border-radius:3px;background:var(--line);transition:background .3s}.prog i.on{background:var(--coral)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.path{border:1px solid var(--line);border-radius:24px;padding:26px;display:grid;gap:8px}
.path b{font-family:var(--display);font-size:1.3rem}
.path p{color:var(--muted)}
@media (max-width:900px){.flow{grid-template-columns:1fr}.frame{display:none}.step{min-height:auto;padding-block:22px}.step .mimg{display:block}.paths{grid-template-columns:1fr}}

/* diferenciais: pilares empilhados */
.pillars{display:grid;gap:0}
.pillar{position:sticky;top:96px;min-height:min(560px,calc(100vh - 130px));border-radius:36px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:24px;transform-origin:50% 0;will-change:transform}
.pillar .num{font-family:var(--mono);font-size:.85rem;opacity:.7}
.pillar h3{font-size:clamp(2rem,4.2vw,3.6rem);letter-spacing:-.035em;line-height:.98;margin-top:14px}
.pillar p{margin-top:18px;font-size:1.1rem;max-width:44ch;opacity:.9}
.pillar ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.pillar li{display:flex;gap:10px}.pillar li::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;margin-top:.6em;flex:none;opacity:.7}
.pillar .media{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:rgba(0,0,0,.08);position:relative}
.pillar .media img,.pillar .media video{width:100%;height:100%;object-fit:cover}
.pillar .media .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;font-size:.9rem;opacity:.75;background:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0 12px,transparent 12px 24px)}
.p1{background:#d1e4e8;color:#111}.p2{background:#ffc9b9;color:#111}.p3{background:#ff787c;color:#111}.p4{background:#111;color:#fff}
body.skin-ai .pillar{background:#111115;color:var(--fg);border:1px solid var(--line)}
body.skin-ai .p1{box-shadow:inset 0 1px 0 rgba(159,198,207,.4);background:linear-gradient(160deg,#13202a,#0f0f13 70%)}
body.skin-ai .p2{background:linear-gradient(160deg,#2a1714,#0f0f13 70%)}
body.skin-ai .p3{background:linear-gradient(160deg,#3a1513,#0f0f13 70%)}
body.skin-ai .p4{background:linear-gradient(160deg,#1c1c22,#0b0b0e 70%)}
.more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.mcard{border-radius:24px;padding:24px;background:var(--surface);display:grid;gap:10px;align-content:start}
body.skin-ai .mcard{border:1px solid var(--line)}
.mcard h3{font-size:1.25rem}.mcard p{color:var(--muted);font-size:.95rem}
.mcard .care{font-size:.82rem;color:var(--dim)}
@media (max-width:900px){.pillar{grid-template-columns:1fr;position:relative;top:auto;min-height:0}.more{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.more{grid-template-columns:1fr}}

/* vídeo */
.reel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reel figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:9/16;background:#111;position:relative}
.reel video{width:100%;height:100%;object-fit:cover}
.reel figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.5);color:#fff;font-size:.75rem;border-radius:999px;padding:4px 10px}
.specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.88rem;color:var(--fg);background:var(--card)}
body.skin-ai .chip{font-family:var(--mono);font-size:.8rem}
@media (max-width:960px){.reel{grid-template-columns:repeat(5,62vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.reel figure{scroll-snap-align:start}}

/* para quem */
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wcard{border:1px solid var(--line);border-radius:26px;padding:28px;display:grid;gap:12px;align-content:start;background:var(--card)}
.wcard h3{font-size:1.5rem}.wcard p{color:var(--muted)}
.wcard q{display:block;font-family:var(--display);font-size:1.15rem;quotes:"“" "”";color:var(--fg)}
.segs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.personas{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.persona{border-radius:22px;padding:22px;background:var(--surface)}
body.skin-ai .persona{border:1px solid var(--line)}
.persona .k{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.persona b{display:block;font-family:var(--display);font-size:1.15rem;margin-top:6px}
.persona p{margin-top:10px;color:var(--muted)}
@media (max-width:960px){.who,.personas{grid-template-columns:1fr}}

/* GHFLY + Google */
.made{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.made .photo{border-radius:32px;overflow:hidden;aspect-ratio:4/3}
.made .photo img{width:100%;height:100%;object-fit:cover}
.made h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em}
.made p{margin-top:16px;color:var(--muted);font-size:1.08rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.fact{border-top:1px solid var(--line);padding-top:14px}
.fact b{display:block;font-family:var(--display);font-size:1.7rem;letter-spacing:-.02em}
.fact span{color:var(--muted);font-size:.92rem}
@media (max-width:900px){.made{grid-template-columns:1fr}}

/* planos */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan{border:1px solid var(--line);border-radius:28px;padding:30px;display:grid;gap:14px;align-content:start;background:var(--card);position:relative}
.plan.rec{background:var(--invert);color:var(--invert-fg);border-color:var(--invert)}
body.skin-ai .plan.rec{background:linear-gradient(170deg,rgba(255,106,92,.18),var(--card) 60%);color:var(--fg);border-color:rgba(255,106,92,.5)}
.plan .badge{position:absolute;top:22px;right:22px;background:var(--coral);color:#140605;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}
.plan h3{font-size:1.6rem}
.plan .for{color:inherit;opacity:.7;font-size:.95rem}
.plan .price{font-family:var(--display);font-size:2.8rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.plan .price small{font-size:1rem;font-weight:400;letter-spacing:0;opacity:.7}
.plan .meta{display:grid;gap:8px;font-size:.95rem;margin:0;padding:0;list-style:none}
.plan .meta li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);padding-top:8px}
.plan .meta b{font-weight:600}
.plan .btn{margin-top:6px}
.plan.rec .btn-primary{background:var(--coral);color:#140605}
.toggle{display:inline-flex;background:var(--surface2);border-radius:999px;padding:4px;gap:4px;margin-bottom:26px}
.toggle button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:9px 16px;font:500 .92rem var(--text);cursor:pointer}
.toggle button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.trialbox{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-radius:26px;padding:24px 28px;background:var(--surface)}
body.skin-ai .trialbox{border:1px solid var(--line)}
.trialbox b{font-family:var(--display);font-size:1.35rem}
.trialbox p{color:var(--muted)}
@media (max-width:960px){.plans{grid-template-columns:1fr}}

/* tabelas */
.tbl{width:100%;border-collapse:collapse;font-size:.97rem}
.tbl th,.tbl td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:500}
.tbl td:first-child{font-weight:500}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:var(--card)}
.tblwrap .tbl tr:last-child td{border-bottom:0}
.soon{display:inline-block;font-size:.72rem;border-radius:999px;padding:2px 8px;background:var(--surface2);color:var(--muted);margin-left:6px;vertical-align:middle}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-family:var(--display);font-size:1.18rem;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--coral);font-size:1.4rem;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--muted);max-width:64ch}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:20px}}

/* CTA final */
.final{position:relative;overflow:hidden;border-radius:44px;padding:clamp(56px,9vw,120px) clamp(24px,5vw,72px);text-align:center;background:linear-gradient(126deg,#d1e4e8 0%,#ffc9b9 50%,#ff787c 100%);color:#111}
body.skin-ai .final{background:radial-gradient(90% 120% at 50% 0%,rgba(255,106,92,.35),transparent 60%),#111115;color:var(--fg);border:1px solid var(--line)}
.final canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.final .c{position:relative;z-index:2;pointer-events:none}.final .c *{pointer-events:auto}
.final h2{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.04em;line-height:.95}
.final p{margin:18px auto 0;max-width:52ch;font-size:1.12rem;opacity:.85}
.final .ctas{margin-top:30px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* page hero (internas) */
.phero{padding-block:clamp(48px,7vw,92px) clamp(16px,2.5vw,32px)}
.phero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.96;letter-spacing:-.04em;margin-top:16px;max-width:18ch}
.phero.center{text-align:center}.phero.center h1,.phero.center .lede{margin-inline:auto}
.phero .lede{margin-top:20px;font-size:clamp(1.08rem,1.5vw,1.3rem);color:var(--muted);max-width:58ch}
.phero .ctas{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.phero.center .ctas{justify-content:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.box{border:1px solid var(--line);border-radius:24px;padding:26px;background:var(--card);display:grid;gap:10px;align-content:start}
.box h3{font-size:1.3rem}.box p,.box li{color:var(--muted)}
.box ul{margin:0;padding-left:18px;display:grid;gap:6px}
@media (max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}
.shot{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px rgba(17,17,17,.1)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center;padding-block:40px}
.split.rev>:first-child{order:2}
.split h3{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.03em}
.split p{margin-top:14px;color:var(--muted);font-size:1.06rem}
.split ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.split li{display:flex;gap:10px}.split li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:.6em;flex:none}
@media (max-width:900px){.split{grid-template-columns:1fr}.split.rev>:first-child{order:0}}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tl{border-top:2px solid var(--coral);padding-top:16px}
.tl .k{font-family:var(--mono);font-size:.8rem;color:var(--coral-ink)}
.tl b{display:block;font-family:var(--display);font-size:1.2rem;margin-top:6px}
.tl p{color:var(--muted);font-size:.94rem;margin-top:6px}
@media (max-width:900px){.timeline{grid-template-columns:1fr 1fr}}
.manifesto{font-family:var(--display);font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.15;letter-spacing:-.025em;max-width:28ch}
.manifesto em{font-style:normal;color:var(--coral-ink)}

/* demo */
.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;padding-block:clamp(48px,7vw,96px)}
.demo h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.04em;line-height:.98;margin-top:14px}
.demo .lede{margin-top:16px;color:var(--muted);font-size:1.12rem}
.demo ol{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:d}
.demo ol li{display:grid;grid-template-columns:34px 1fr;gap:12px;counter-increment:d}
.demo ol li::before{content:counter(d);width:30px;height:30px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-weight:600;font-size:.88rem}
.demo ol b{display:block}.demo ol span{color:var(--muted);font-size:.95rem}
.form{border:1px solid var(--line);border-radius:28px;padding:30px;background:var(--card);box-shadow:0 20px 60px rgba(17,17,17,.06)}
.form h2{font-size:1.5rem}
.form .stepper{display:flex;gap:6px;margin:14px 0 22px}.form .stepper i{flex:1;height:3px;border-radius:3px;background:var(--line)}.form .stepper i.on{background:var(--coral)}
.form label{display:grid;gap:6px;font-size:.88rem;font-weight:500;margin-bottom:14px}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);width:100%}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.form .opts label{margin:0;display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:400;cursor:pointer}
.form .opts input{width:auto}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted)}
.form .check input{width:auto;margin-top:4px}
.form .acts{display:flex;justify-content:space-between;gap:10px;margin-top:8px}
.form .ok{margin-top:12px;font-size:.9rem;color:var(--coral-ink)}
@media (max-width:900px){.demo{grid-template-columns:1fr}.form .row2{grid-template-columns:1fr}}

/* footer */
footer{margin-top:clamp(20px,3vw,32px);border-top:1px solid var(--line);padding-block:56px 28px}
footer .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
footer .tag{margin-top:14px;color:var(--muted);max-width:30ch}
footer h4{font-family:var(--text);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:500;margin-bottom:12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.95rem}
footer ul a{text-decoration:none;color:var(--muted)}footer ul a:hover{color:var(--fg)}
footer .legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--dim)}
footer .legal nav{display:flex;gap:18px;flex-wrap:wrap}
footer .legal a,.linkbtn{color:var(--dim);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}}
/* versão clara: rodapé em preto */
body:not(.skin-ai) footer{background:#000;color:#fff;border-top:0}
body:not(.skin-ai) footer .logo,body:not(.skin-ai) footer .logo .ai{color:#fff;border-color:rgba(255,255,255,.25)}
body:not(.skin-ai) footer .tag,body:not(.skin-ai) footer ul a{color:rgba(255,255,255,.66)}
body:not(.skin-ai) footer ul a:hover,body:not(.skin-ai) footer .legal a:hover,body:not(.skin-ai) footer .linkbtn:hover{color:#fff}
body:not(.skin-ai) footer h4{color:rgba(255,255,255,.45)}
body:not(.skin-ai) footer .legal{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
body:not(.skin-ai) footer .legal a,body:not(.skin-ai) footer .linkbtn{color:rgba(255,255,255,.5)}
body:not(.skin-ai) footer .socials a{border-color:rgba(255,255,255,.18);color:#fff}
body:not(.skin-ai) footer .ghfly img{filter:brightness(0) invert(1);opacity:.55}
body:not(.skin-ai) footer .ghfly:hover img{opacity:.9}

/* cookies */
.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:flex;justify-content:center}
.cookie .box{max-width:760px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:grid;gap:12px;font-size:.9rem}
.cookie .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cookie .btn{padding:9px 14px;font-size:.85rem}
.cookie .prefs{display:grid;gap:8px}
.cookie .pref{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.cookie .pref b{display:block}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.pillar{transform:none!important}}

@media (min-width:961px){.hero .left{max-width:62%}.hero .flockbox{min-height:120px}}

/* planos (bench Runway) */
.plans.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan .pricebox{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.plan .was{font-size:1.1rem;opacity:.5}
.plan .save{display:inline-block;font-size:.8rem;font-weight:600;color:var(--coral-ink);margin-top:-6px}
.plan.rec .save{color:var(--peach)}
body.skin-ai .plan.rec .save{color:var(--coral-ink)}
.plan .cred{border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);padding-top:14px;display:grid;gap:2px}
.plan .cred span{font-size:.88rem;opacity:.7}
.plan .feat{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.94rem}
.plan .feat li{display:flex;gap:10px}.plan .feat li::before{content:"✓";color:var(--coral);font-weight:700}
.toggle .off{display:inline-block;margin-left:4px;background:var(--coral);color:#140605;border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:600}
.entband{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-radius:32px;padding:clamp(28px,4vw,48px);background:var(--invert);color:var(--invert-fg)}
.entband h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.03em;margin-top:10px}
.entband p{margin-top:10px;opacity:.75;max-width:52ch}
.entband .eyebrow{color:inherit;opacity:.8}
.entband .btn-primary{background:var(--coral);color:#140605}
body.skin-ai .entband{background:linear-gradient(120deg,rgba(255,106,92,.2),var(--card) 60%);color:var(--fg);border:1px solid var(--line)}
.pillar .specs{margin-top:16px}.pillar .chip{background:transparent;border-color:color-mix(in srgb,currentColor 30%,transparent);color:inherit}
@media (max-width:1100px){.plans.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.plans.cols4{grid-template-columns:1fr}}

/* planos: incluído em todos */
.incbox{margin-top:14px;border-radius:28px;padding:clamp(24px,3vw,36px);background:var(--surface)}
body.skin-ai .incbox{border:1px solid var(--line)}
.incbox h3{font-size:1.35rem;margin-bottom:18px}
.incgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px}
.inc{display:grid;gap:4px;padding-left:26px;position:relative}
.inc::before{content:"✓";position:absolute;left:0;top:0;color:var(--coral);font-weight:700}
.inc span{color:var(--muted);font-size:.9rem}
@media (max-width:960px){.incgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.incgrid{grid-template-columns:1fr}}
/* sobre: lançamento (como na LP) */
.launch{position:relative;overflow:hidden;border-radius:36px;min-height:520px;display:flex;align-items:flex-end;background:#111 url(../media/bootcamp.jpg) center 100%/cover;color:#fff}
.launch::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.15) 0%,rgba(10,10,12,.55) 45%,rgba(10,10,12,.88) 100%)}
.launch .lc{position:relative;padding:clamp(28px,4vw,56px);max-width:860px}
.launch .eyebrow{color:#fff;opacity:.85}
.launch h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em;margin-top:12px}
.launch p{margin-top:14px;opacity:.85;font-size:1.08rem;max-width:56ch}
.lstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.lstats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:18px;padding:16px 18px}
.lstats b{display:block;font-family:var(--display);font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.lstats span{display:block;margin-top:6px;font-size:.88rem;opacity:.8}
@media (max-width:560px){.lstats{grid-template-columns:1fr}}

.gfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:900px){.gfacts{grid-template-columns:1fr 1fr}}

.gfacts.g2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}

/* ===== nova visão: referência Intercom (body.skin-ic) ===== */
.hshots{display:none}
body.skin-ic{--bg:#f4f1ec;--surface:#ebe6df;--surface2:#e2dcd3;--line:#d9d2c8;--fg:#050505;--muted:#55504a;--dim:#8a847c;--card:#faf8f5;--invert:#050505;--invert-fg:#f4f1ec;--btn:#050505;--btn-fg:#f4f1ec;--btn2:#e2dcd3;--btn2-fg:#050505;--navbg:rgba(5,5,5,.72);--navshadow:0 0 0 1px rgba(255,255,255,.08)}
body.skin-ic .nav .wrap{color:#f4f1ec}
body.skin-ic .nav .logo,body.skin-ic .nav .logo .ai{color:#f4f1ec;border-color:rgba(255,255,255,.25)}
body.skin-ic .nav ul a,body.skin-ic .nav .login{color:rgba(244,241,236,.7)}
body.skin-ic .nav ul a:hover,body.skin-ic .nav ul a[aria-current=page]{color:#fff}
body.skin-ic .nav .btn-primary{background:#f4f1ec;color:#050505}
body.skin-ic h1,body.skin-ic h2{font-weight:500;letter-spacing:-.045em}
body.skin-ic .hero{background:#050505;min-height:auto;padding-bottom:0}
body.skin-ic .hero .inner{grid-template-columns:1fr;padding-bottom:40px}
body.skin-ic .hero .left{max-width:none;align-items:center;text-align:center}
body.skin-ic .hero .flockbox{min-height:260px;width:100%}
body.skin-ic .hero .copy{color:#f4f1ec;display:flex;flex-direction:column;align-items:center}
body.skin-ic .hero h1{font-size:clamp(2.6rem,6vw,5.6rem);max-width:16ch;line-height:.98}
body.skin-ic .hero .sub{color:rgba(244,241,236,.72);max-width:52ch}
body.skin-ic .hero .ctas{justify-content:center}
body.skin-ic .hero .btn-primary{background:#ff6a5c;color:#140605}
body.skin-ic .hshots{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:14px;position:relative;z-index:2;padding-bottom:56px;align-items:end}
body.skin-ic .hshots img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top left;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.5)}
body.skin-ic .hshots img:nth-child(2),body.skin-ic .hshots img:nth-child(3){aspect-ratio:3/4}
@media (max-width:760px){body.skin-ic .hshots{grid-template-columns:1fr 1fr}body.skin-ic .hshots img:nth-child(n+3){display:none}}
body.skin-ic .eyebrow{color:var(--muted)}
body.skin-ic .eyebrow::before{background:#ff6a5c;border-radius:2px}
body.skin-ic .shead h2,body.skin-ic .phero h1{font-weight:500}
body.skin-ic .role,body.skin-ic .wcard,body.skin-ic .box,body.skin-ic .plan{border-color:var(--line);border-radius:16px;background:var(--card)}
body.skin-ic .becomes{border-radius:16px}
/* diferenciais em seção escura, cartões sóbrios */
body.skin-ic #diferenciais{background:#050505;color:#f4f1ec;border-radius:0;padding-block:clamp(72px,10vw,128px)}
body.skin-ic #diferenciais .shead h2{color:#f4f1ec}
body.skin-ic #diferenciais .eyebrow{color:rgba(244,241,236,.6)}
body.skin-ic .pillar{border-radius:20px;background:#121212;color:#f4f1ec;border:1px solid rgba(255,255,255,.08)}
body.skin-ic .p2{background:#17120f}body.skin-ic .p3{background:#1a0f0d}body.skin-ic .p4{background:#0f1214}
body.skin-ic .pillar .chip{border-color:rgba(255,255,255,.25)}
body.skin-ic .band{border-radius:0}
body.skin-ic .faq summary::after{color:#ff6a5c}
body.skin-ic .final{background:#050505;color:#f4f1ec;border-radius:20px}
body.skin-ic .final .btn-primary{background:#ff6a5c;color:#140605}
body.skin-ic .plan.rec{background:#050505;color:#f4f1ec}
body.skin-ic footer{background:#050505;color:#f4f1ec;border-top:0;margin-top:0}
body.skin-ic footer .logo{color:#f4f1ec}
body.skin-ic footer ul a,body.skin-ic footer .tag{color:rgba(244,241,236,.65)}
body.skin-ic footer .legal{border-color:rgba(255,255,255,.12)}
body.skin-ic .proto{background:#1a1612;color:#e8d9c6;border-color:#2a241e}

/* páginas legais */
.prose{max-width:760px;padding-bottom:40px;font-size:1.02rem;line-height:1.7}
.prose h2{font-size:1.6rem;margin:44px 0 12px;letter-spacing:-.02em}
.prose h3{font-size:1.2rem;margin:28px 0 8px}
.prose p{margin:0 0 14px;color:var(--fg)}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;display:grid;gap:6px}
.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.95rem}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.prose th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:500}
.prose code{font-family:var(--mono);font-size:.88em;background:var(--surface2);padding:1px 6px;border-radius:6px}
.prose a{color:var(--coral-ink)}
@media (max-width:640px){.prose table{display:block;overflow-x:auto}}

/* títulos: 1ª parte forte, 2ª leve em gradiente (como na v1) */
.lt{font-weight:300;letter-spacing:-.02em;background:linear-gradient(100deg,#c8372a 0%,#ff6a5c 55%,#ff9a88 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.skin-ai .lt,.hero .lt,.becomes .lt{background-image:linear-gradient(100deg,#d1e4e8 0%,#ffc9b9 52%,#ff787c 100%)}
.final .lt{background-image:linear-gradient(100deg,#111 0%,#5a2a24 100%)}
body.skin-ai .final .lt{background-image:linear-gradient(100deg,#d1e4e8 0%,#ffc9b9 52%,#ff787c 100%)}
.hero h1 .lt{display:inline}
/* card de catálogo */
.p5{background:#f2efe9;color:#111}
body.skin-ai .p5{background:linear-gradient(160deg,#16211a,#0f0f13 70%)}
.catmock{background:#fff!important;padding:18px;display:grid;gap:10px;align-content:start;aspect-ratio:auto!important;border:1px solid rgba(0,0,0,.06)}
body.skin-ai .catmock{background:#141418!important;border-color:rgba(255,255,255,.08)}
.cm-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--display);font-weight:600;flex-wrap:wrap}
.cm-src{display:flex;gap:6px}.cm-src i{font-style:normal;font-family:var(--text);font-weight:500;font-size:.72rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:3px 9px}
body.skin-ai .cm-src i{border-color:rgba(255,255,255,.18)}
.cm-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:10px}
body.skin-ai .cm-row{border-color:rgba(255,255,255,.08)}
.cm-row img{width:56px;height:56px;object-fit:cover;border-radius:10px}
.cm-row b{display:block;font-weight:600;font-size:.95rem}.cm-row span{font-size:.82rem;opacity:.65}
.cm-row em{font-style:normal;font-size:.75rem;background:#eef7ee;color:#2f7a3b;border-radius:999px;padding:4px 10px;white-space:nowrap}
.cm-row em.run{background:#fff1ee;color:#c8372a}
body.skin-ai .cm-row em{background:rgba(80,180,100,.15);color:#8fd99e}body.skin-ai .cm-row em.run{background:rgba(255,106,92,.15);color:#ff8a7e}
/* redes */
.socials{display:flex;gap:10px;margin-top:14px}
.socials a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--fg)}
.socials svg{width:18px;height:18px}
body:not(.skin-ai) .hero .lt{background-image:linear-gradient(100deg,#111 0%,#5a2a24 100%)}

.byg{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.byg i{font-style:normal}
.ghfly{display:inline-flex;align-items:center}.ghfly img{height:15px;width:auto;opacity:.85}.ghfly:hover img{opacity:1}
.ghfly:hover{opacity:1;color:var(--fg)}

/* produto: desdobramentos (biblioteca de uma campanha) */
.lib{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(18px,2.4vw,30px);box-shadow:0 24px 60px rgba(17,17,17,.08);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,2.8vw,34px)}
.lib-top{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;padding-bottom:clamp(16px,2vw,22px);border-bottom:1px solid var(--line)}
.lib-top p{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.lib-top b{font-family:var(--display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em}
.lib-top span{color:var(--dim);font-size:.86rem}
.lib-top .lib-tab{display:inline-flex;align-items:center;border-radius:10px;padding:6px 12px;background:#fff1ee;color:var(--coral-ink);font-weight:500}
.lib-lbl{font-size:.82rem;font-weight:500;color:var(--muted);margin-bottom:12px}
.lib-row{display:flex;gap:14px;align-items:flex-start}
.lib-it{margin:0;flex:var(--r) 1 0;min-width:0}
.lib-it .m{position:relative;aspect-ratio:var(--r);border-radius:12px;overflow:hidden;background:#2b1a16;box-shadow:0 12px 26px rgba(43,26,22,.16);transition:transform .25s,box-shadow .25s}
.lib-it:hover .m{transform:translateY(-3px);box-shadow:0 18px 34px rgba(43,26,22,.22)}
.lib-it .m img,.lib-it .m video{width:100%;height:100%;object-fit:cover}
.lib-it .tags{position:absolute;top:8px;right:8px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.lib-it .tags i,.lib-it .dur{font-style:normal;font-size:.7rem;font-weight:600;line-height:1;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#111}
.lib-it .tags i.main{background:var(--coral);color:#fff}
.lib-it .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff}
.lib-it figcaption{margin-top:9px;font-size:.84rem;color:var(--muted);line-height:1.3}
.lib-note{flex:1.6 1 0;min-width:0;align-self:flex-start;aspect-ratio:1.6;border-radius:12px;background:var(--surface);display:flex}
.lib-note>div{width:100%;padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:10px}
.lib-note .play{width:40px;height:40px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;margin-bottom:auto}
.lib-note .play svg{width:14px;height:14px;margin-left:2px}
.lib-note b{font-family:var(--display);font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.1}
.lib-note p{color:var(--muted);font-size:.95rem;max-width:36ch}
.lib-note .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.lib-note .chips i{font-style:normal;font-size:.78rem;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 10px}
@media (max-width:900px){
  .lib-row{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .lib-row::-webkit-scrollbar{display:none}
  .lib-it{flex:none;scroll-snap-align:start}
  .lib-it .m{height:220px;width:calc(220px * var(--r))}
  .lib-note{flex:none;width:250px;aspect-ratio:auto}
}
@media (prefers-reduced-motion:reduce){.lib-it .m{transition:none}.lib-it:hover .m{transform:none}}

/* produto: integrações (bloco escuro) */
.int{background:#000;color:#fff;border-radius:44px}
.int .eyebrow{color:rgba(255,255,255,.6)}
.int .shead .lede{color:rgba(255,255,255,.68)}
.int .lt{background-image:linear-gradient(100deg,#d1e4e8 0%,#ffc9b9 52%,#ff787c 100%)}
.int-flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.2fr) 44px minmax(0,1fr);align-items:stretch}
.int-col{background:#0f0f11;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.int-step{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:4px}
.int-k{font-size:.8rem;color:rgba(255,255,255,.6)}
.int-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.int-logo{min-height:64px;border-radius:14px;background:#fff;color:#2a2727;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-family:var(--display);font-weight:600;font-size:.95rem;line-height:1.1;text-align:center}
.int-logo img{height:26px;width:auto;max-width:100%;object-fit:contain}
.int-logo[data-logo=vtex] img{height:24px}
.int-logo[data-logo=merchant-center] img{height:34px}
.int-url{min-height:52px;border-radius:14px;background:#fff;color:#8a8382;display:flex;align-items:center;gap:10px;padding:0 14px;font-family:var(--mono);font-size:.84rem;min-width:0}
.int-url svg{width:18px;height:18px;color:#ff6a5c;flex:none}.int-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.int-logo.xml svg{width:19px;height:24px;color:#111;flex:none}
.int-logo.xml b{font-family:var(--mono);font-weight:500;font-size:.95rem}
.int-arrow{position:relative;align-self:center;height:2px;margin-inline:6px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.4))}
.int-arrow::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.45);border-right:2px solid rgba(255,255,255,.45);transform:translateY(-50%) rotate(45deg)}
.int-arrow i{position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#ff6a5c;box-shadow:0 0 12px 2px rgba(255,106,92,.7);animation:int-flow 2.4s ease-in-out infinite}
.int-flow>.int-arrow:nth-child(4) i{animation-delay:1.2s}
@keyframes int-flow{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.int-card{background:#fff;color:#111;border-radius:18px;padding:14px 16px;display:grid;grid-template-rows:auto 1fr;gap:10px;flex:1}
.int-prod{display:flex;gap:12px;align-items:center}
.int-prod img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.int-prod b{display:block;font-family:var(--display);font-weight:600;letter-spacing:-.01em}
.int-prod span{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#2f7a3b;margin-top:2px}
.int-prod span i{width:7px;height:7px;border-radius:50%;background:#2fa24a;box-shadow:0 0 0 3px rgba(47,162,74,.18)}
.int-fields{margin:0;border-top:1px solid #efebe9;display:grid;grid-auto-rows:1fr}
.int-fields div{display:grid;grid-template-columns:76px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f3f0ee;font-size:.88rem}
.int-fields div:last-child{border-bottom:0;padding-bottom:2px}
.int-fields dt{font-size:.78rem;color:#8a8382}
.int-fields dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.int-fields s{color:#8a8382;font-size:.82rem}
.int-fields em{font-style:normal;font-size:.68rem;font-weight:600;background:#fff1ee;color:#c8372a;border-radius:999px;padding:2px 8px}
.int-fields .ok{width:18px;height:18px;border-radius:50%;background:#eef7ee;color:#2f7a3b;display:grid;place-items:center}
.int-fields .ok svg{width:11px;height:11px}
.int-out{display:flex;gap:8px;align-items:flex-end;margin-top:auto}
.int-out img{flex:var(--r) 1 0;min-width:0;aspect-ratio:var(--r);object-fit:cover;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.int-cap{font-size:.88rem;color:rgba(255,255,255,.62)}
.int-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.int-ben>div{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px 22px 24px}
.int-ben .key{background:linear-gradient(140deg,rgba(255,106,92,.2),rgba(255,106,92,.04) 65%);border-color:rgba(255,106,92,.4)}
.int-ben .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#ffc9b9;margin-bottom:16px}
.int-ben .key .ic{background:#ff6a5c;color:#140605}
.int-ben .ic svg{width:20px;height:20px}
.int-ben h3{font-size:1.2rem;letter-spacing:-.02em}
.int-ben p{margin-top:8px;color:rgba(255,255,255,.66);font-size:.95rem}
@media (max-width:1100px){
  .int-flow{grid-template-columns:minmax(0,1fr)}
  .int-arrow{width:2px;height:36px;margin:4px auto;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.4))}
  .int-arrow::after{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg)}
  .int-arrow i{left:50%;top:0;margin:0 0 0 -4px;animation-name:int-flow-v}
  .int-out{max-width:440px;margin-top:0}
}
@media (max-width:960px){
  .int{border-radius:28px}
  .int-ben{grid-template-columns:minmax(0,1fr)}
}
@keyframes int-flow-v{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@media (prefers-reduced-motion:reduce){.int-arrow i{animation:none;display:none}}

/* produto: comparativo */
.cmp{--cols:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:28px;background:var(--card);overflow:hidden;box-shadow:0 24px 60px rgba(17,17,17,.06)}
.cmp-row{display:grid;grid-template-columns:var(--cols)}
.cmp-row>*{padding:24px 28px;border-bottom:1px solid var(--line);min-width:0}
.cmp-row:last-child>*{border-bottom:0}
.cmp-head>*{padding-block:18px;background:var(--surface);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:10px}
.cmp-head>.good{background:#111;color:#fff;letter-spacing:.1em;border-bottom-color:#111}
.cmp-sym{width:24px;height:auto;flex:none}
.cmp .cmp-alt{display:flex;align-items:baseline;gap:14px;font-family:var(--display);font-weight:600;font-size:1.18rem;letter-spacing:-.02em;line-height:1.2}
.cmp .cmp-alt i{font-style:normal;font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:0;color:var(--dim)}
.cmp .bad,.cmp .good:not([role=columnheader]){display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.cmp .bad{color:var(--muted)}
.cmp .good:not([role=columnheader]){background:#fff4f1;color:var(--fg);font-weight:500;border-bottom-color:#ffdcd3}
.cmp .ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.cmp .ico svg{width:12px;height:12px}
.cmp .bad .ico{background:var(--surface2);color:var(--dim)}
.cmp .good .ico{background:var(--coral);color:#fff}
.cmp-row:not(.cmp-head):hover>.cmp-alt,.cmp-row:not(.cmp-head):hover>.bad{background:#fcfaf9}
.cmp-row:not(.cmp-head):hover>.good{background:#ffeee9}
@media (max-width:820px){
  .cmp-head{display:none}
  .cmp-row{grid-template-columns:minmax(0,1fr);padding:20px 18px;border-bottom:1px solid var(--line);gap:12px}
  .cmp-row:last-child{border-bottom:0}
  .cmp-row>*{padding:0;border:0!important}
  .cmp .bad,.cmp .good:not([role=columnheader]){flex-wrap:wrap;row-gap:6px}
  .cmp .bad::before,.cmp .good:not([role=columnheader])::before{content:attr(data-label);flex-basis:100%;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--dim)}
  .cmp .bad>span,.cmp .good>span{flex:1;min-width:0}
  .cmp .good:not([role=columnheader]){padding:14px 16px;border-radius:16px}
  .cmp .good:not([role=columnheader])::before{color:var(--coral-ink)}
}

/* menu em telas menores: botão que abre os links e o "Entrar" */
.menu-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;flex:none}
.menu-btn i{display:block;width:16px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .2s}
.nav.open .menu-btn i:first-child{transform:translateY(3.3px) rotate(45deg)}
.nav.open .menu-btn i:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.mnav{width:calc(100% - 24px);max-width:1380px;margin:8px auto 0;padding:8px;background:var(--navbg);border-radius:18px;box-shadow:var(--navshadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav ul a{display:block;padding:14px 12px;border-radius:12px;text-decoration:none;color:var(--fg);font-size:1rem}
.mnav ul a:hover,.mnav ul a[aria-current=page]{background:var(--surface)}
.mnav ul a[aria-current=page]{box-shadow:inset 3px 0 0 var(--coral)}
.nav .mnav ul{display:block}
.nav .mnav .login{display:flex;width:100%;margin-top:8px;padding:13px 16px;font-size:.95rem}
@media (max-width:900px){.menu-btn{display:inline-flex}.nav .right{gap:8px}}
@media (min-width:901px){.mnav{display:none!important}}
@media (max-width:420px){.nav .wrap{gap:8px;padding-left:14px;padding-right:8px}.nav .right{gap:6px}.nav .btn{padding:8px 11px;font-size:.78rem}.menu-btn{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){.menu-btn i{transition:none}}

/* planos: comparativo entre os planos */
.cmp-plans{min-width:640px}
.cmp-plans th:not(:first-child),.cmp-plans td:not(:first-child){width:24%}
.cmp-plans td:not(:first-child){color:var(--muted)}
.cmp-plans .yes{color:var(--coral);font-weight:700}
.cmp-plans th:nth-child(3),.cmp-plans td:nth-child(3){background:color-mix(in srgb,var(--coral) 6%,transparent)}

/* bloco final ("Teste com a sua marca"): fundo preto com brilho coral, revoada coral e texto branco */
body:not(.skin-ai):not(.skin-ic) .final{background:radial-gradient(120% 90% at 75% 0%,rgba(255,106,92,.28),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(159,198,207,.12),transparent 60%),#0b0b0d;color:#fff}
body:not(.skin-ai):not(.skin-ic) .final .lt{background-image:linear-gradient(100deg,#d1e4e8 0%,#ffc9b9 52%,#ff787c 100%)}
body:not(.skin-ai):not(.skin-ic) .final .btn-primary{background:#ff6a5c;color:#140605}

/* planos: cards com o que muda entre os planos */
.plans.px{grid-template-rows:repeat(5,auto);row-gap:0}
.plans.px .plan{grid-row:span 5;grid-template-rows:subgrid;gap:0;padding:30px 30px 26px}
.px .rec .p-head{padding-right:112px}
.px .p-head h3{font-size:1.6rem}
.px .p-head .for{margin-top:8px}
.px .p-price{padding-top:22px}
.px .p-price .price{font-size:clamp(2.2rem,3.6vw,2.8rem)}
.px .p-price .for{display:block;margin-top:10px}
.px .plan>.btn{margin:24px 0 0;width:100%}
.px .plan .btn-ghost{background:var(--card);color:var(--fg);border-color:color-mix(in srgb,var(--fg) 18%,transparent)}
.px .plan .btn-ghost:hover{border-color:color-mix(in srgb,var(--fg) 34%,transparent)}
.px .p-vars,.px .p-inc{margin-top:28px}
.px .p-k{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.55;margin-bottom:8px}
.px dl{margin:0}
.px dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid color-mix(in srgb,currentColor 13%,transparent)}
.px dl>div:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 13%,transparent)}
.px dt{font-size:.92rem;opacity:.72}
.px dd{margin:0;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem;text-align:right}
.px dd.best{color:var(--coral-ink)}
.px dd.best svg{width:15px;height:15px;margin-left:-4px}
.px .lv{display:inline-flex;gap:3px}
.px .lv b{width:10px;height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 18%,transparent)}
.px .lv[data-l="1"] b:first-child,.px .lv[data-l="2"] b:nth-child(-n+2),.px .lv[data-l="3"] b{background:var(--coral)}
.px .p-inc ul{list-style:none;margin:0;padding:0}
.px .p-inc li{display:flex;gap:10px;padding:11px 0;border-top:1px solid color-mix(in srgb,currentColor 13%,transparent);font-size:.94rem;line-height:1.45}
.px .p-inc li::before{content:"✓";color:var(--coral);font-weight:700}
@media (max-width:960px){.plans.px{grid-template-rows:none;row-gap:14px}.plans.px .plan{grid-row:auto;grid-template-rows:none}}

/* sobre: frase de abertura gigante, com a revoada formando o símbolo entre as linhas */
.ahero{padding-block:clamp(40px,7vw,96px) clamp(24px,4vw,48px)}
.ahero h1{font-size:clamp(2.6rem,8.4vw,8rem);letter-spacing:-.05em;line-height:.92;display:grid;gap:.04em}
.ahero h1>span{display:flex;align-items:center;gap:.25em;flex-wrap:wrap}
.ahero .l2,.ahero .l3{justify-content:flex-end;text-align:right}
.ahero .l3{background-image:linear-gradient(100deg,#ff9a88 0%,#ef5a48 55%,#d63b2c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;padding-bottom:.08em}
.ah-flock{position:relative;display:inline-block;width:clamp(120px,24vw,360px);height:1.7em;margin-block:-.3em;flex:none}
.ah-flock canvas{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}
/* sobre: parágrafos grandes, diretos */
.astate{padding-block:clamp(16px,3vw,40px) clamp(40px,6vw,80px);display:grid;gap:clamp(20px,2.6vw,32px)}
.astate .big{font-family:var(--display);font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1.22;letter-spacing:-.025em;max-width:30em;color:var(--fg)}
.astate .big .dim{color:var(--dim)}
.astate .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
@media (max-width:700px){.ahero .l2,.ahero .l3{justify-content:flex-start;text-align:left}.ah-flock{display:none}}

/* sobre: foto do bootcamp com menos teto (aproxima e desce o enquadramento) */
@media (min-width:900px){.launch{background-size:auto 140%;background-position:center 88%}}

/* sobre: faixa de fotos logo abaixo do título */
.aphotos{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:14px;align-items:start;max-width:1680px;margin-inline:auto;padding:0 14px clamp(28px,4vw,48px)}
.aphotos figure{margin:0;border-radius:24px;overflow:hidden;background:var(--surface)}
.aphotos img{width:100%;height:100%;object-fit:cover;display:block}
.aphotos .a{aspect-ratio:4/3;margin-top:clamp(32px,5vw,64px)}
.aphotos .b{aspect-ratio:4/5}
.aphotos .c{aspect-ratio:4/3;margin-top:clamp(64px,10vw,128px)}
@media (max-width:760px){
  .aphotos{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:16px;scroll-padding-inline:16px}
  .aphotos::-webkit-scrollbar{display:none}
  .aphotos figure{flex:0 0 80vw;scroll-snap-align:start;border-radius:18px}
  .aphotos .a{margin-top:24px}.aphotos .b{flex-basis:62vw}.aphotos .c{margin-top:48px}
}

/* demo: título centralizado no topo, conteúdo e formulário lado a lado */
.demo.v2{display:block;padding-block:clamp(40px,6vw,80px) clamp(48px,6vw,88px)}
.demo.v2 .d-head{text-align:center;max-width:880px;margin:0 auto clamp(36px,5vw,60px)}
.demo.v2 .d-head h1{margin-top:16px;font-size:clamp(2.4rem,5.6vw,4.8rem)}
.demo.v2 .d-head .lede{margin:18px auto 0;font-size:clamp(1.05rem,1.4vw,1.25rem)}
.demo.v2 .d-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(16px,2.4vw,28px);align-items:stretch;max-width:1140px;margin-inline:auto}
.demo.v2 .d-side{background:var(--surface);border-radius:28px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column}
.demo.v2 .d-side h2{font-size:clamp(1.5rem,2.2vw,1.95rem);letter-spacing:-.03em;line-height:1.1}
.demo.v2 .d-side ol{margin-top:22px;gap:0}
.demo.v2 .d-side ol li{padding:18px 0;border-top:1px solid var(--line);align-items:start}
.demo.v2 .d-side ol li::before{background:var(--card)}
.demo.v2 .d-side ol b{font-size:1.02rem;margin-bottom:2px}
.demo.v2 .d-note{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}
.demo.v2 .d-note svg{width:16px;height:16px;color:var(--coral);flex:none}
.demo.v2 .form{padding:clamp(26px,3vw,40px)}
.demo.v2 .form .row2{align-items:end}
@media (max-width:900px){.demo.v2 .d-grid{grid-template-columns:minmax(0,1fr)}.demo.v2 .d-note{margin-top:8px}}

/* planos: nota abaixo da tabela de créditos */
.tbl-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:14px 18px;border-radius:16px;background:var(--surface);color:var(--muted);font-size:.92rem;line-height:1.5}
.tbl-note svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--coral)}
.tbl-note b{color:var(--fg);font-weight:600}