:root {
  /* campo e superficie */
  --bg:#0E0E0E; --surface:#17131C; --surface-2:#1C191D; --popover:#1A141F; --secondary:#221E23; --accent:#2A1B33;
  /* texto */
  --ink:#E6E6E6; --muted:#A9A3AD; --faint:#A9A3AD; --kicker:#C99BE8;
  /* contorno */
  --line:#2C292E; --input:#6B6470; --orange-line:#6B2A10;
  /* acao e estado */
  --purple:#AC54EB; --ring:#C58CF4;
  /* acao cheia: fundo proprio, separado do roxo de marca. branco por cima a 6,30:1 */
  --primary:#8241B0; --primary-fg:#FFFFFF;
  --destructive:#FD7273; --destructive-fg:#2D0500;
  /* marca roxa */
  --purple-light:#D38FFF; --purple-deep:#652693;
  /* marca laranja — a ordem inverte no escuro: deepest e o mais fraco aqui (3,30:1) e o mais forte no claro */
  --orange-soft:#FFB694;    /* 11,37:1 — texto sobre superficie tingida */
  --orange:#FF7D4A;         /*  7,62:1 — O QUE CARREGA TEXTO */
  --orange-deep:#EA5B0C;    /*  5,52:1 — O ACENTO: brilho do KV, linha de limite */
  --orange-deepest:#B53B08; /*  3,30:1 — preenchimento; carrega rotulo claro por cima */
  --orange-fg:#2B1000;      /* rotulo sobre preenchimento laranja claro */
  /* marca azul */
  --blue:#0E94FF; --blue-light:#97D1FF;
  /* superficie tingida */
  --tint-purple:#1A0827; --tint-orange:#1D0C14; --tint-orange-strong:#2D1410; --mesh:#3A2F45;
  --logo-color:none; --logo-white:block;
  --shadow:0 1px 1px rgba(0,0,0,.2);
  /* brilhos do KV: purple=#AC54EB, orange-deep=#EA5B0C, core=#7033B8 (o brilho interno da MKT Ilustra/Hero) */
  --glow-purple:rgba(172,84,235,.35); --glow-orange:rgba(234,91,12,.30); --glow-deep:rgba(112,51,184,.34);
  --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:14px; --r-2xl:18px; --r-full:999px;
  /* escala de espaco MKT — o numero e o passo: N x 4px */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px;
  /* layout: container 1152, margem 144, ritmo 128 entre secoes */
  --container:1152px; --margem:144px; --ritmo:128px;
  --font-sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --font-mono:"Roboto Mono",ui-monospace,"SF Mono",Menlo,"Courier New",monospace; color-scheme:dark;
}

*{box-sizing:border-box}body{margin:0;background:var(--bg)}
.page{font-family:var(--font-sans);font-weight:400;background:var(--bg);color:var(--ink);max-width:940px;margin:0 auto;padding:40px clamp(20px,4vw,48px) 32px;line-height:1.5}
.mono{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.kicker,.eyebrow{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:13px;line-height:20px;color:var(--kicker)}
.slabel{margin:30px 0 12px}
h1,h2,h3,.h-5xl,.h-4xl,.h-3xl,.h-2xl,.h-xl{font-family:var(--font-sans);font-weight:500;color:var(--ink);text-wrap:balance}
.h-5xl{font-size:48px;line-height:48px;letter-spacing:-.5px}
.h-4xl{font-size:36px;line-height:40px;letter-spacing:-.5px}
.h-3xl{font-size:30px;line-height:36px}
.h-2xl{font-size:24px;line-height:32px}
.h-xl{font-size:20px;line-height:28px}
.display{font-size:44px;line-height:48px;font-weight:400;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--purple-light)}
.t-lg{font-size:18px;line-height:28px;color:var(--muted)}
.t-base{font-size:16px;line-height:24px}
.t-sm{font-size:14px;line-height:20px;color:var(--muted)}
.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.logo{height:30px;width:auto}.logo.color{display:var(--logo-color)}.logo.white{display:var(--logo-white)}.tag{color:var(--faint);text-align:right}
.foot{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--faint);flex-wrap:wrap}.foot .logo{height:20px;opacity:.9}
.title-block{margin:26px 0 8px}
h1{font-size:clamp(28px,4.4vw,40px);line-height:1.1;margin:8px 0 0;letter-spacing:-.5px;max-width:24ch}
h1 .accent{color:var(--purple-light)}
.sub{color:var(--muted);font-size:17px;line-height:1.55;margin-top:12px;max-width:640px}
.lead{font-size:15.5px;color:var(--muted);max-width:70ch;margin:18px 0 0}

/* Section intro: medida travada (título ~800px, apoio ~640px) */
.section-intro{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:48px}
.section-intro .title{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.5px;max-width:800px;margin:0;color:var(--ink)}
.section-intro .support{font-size:18px;line-height:28px;color:var(--muted);max-width:640px;margin:0}
.section-intro.center{align-items:center;text-align:center}

/* Card (raio xl, borda 1px, padding 24) */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.card .k{font-weight:500;font-size:20px;line-height:28px;color:var(--ink)}
.card .d{color:var(--muted);font-size:14px;line-height:20px;margin:0}
.card.feature{position:relative;overflow:hidden;border-color:var(--purple);border-radius:var(--r-2xl);padding:32px}
.card.feature::before{content:"";position:absolute;right:-20%;top:-28%;width:110%;height:66%;background:radial-gradient(closest-side,var(--glow-deep),transparent);pointer-events:none}
.card.feature>*{position:relative}

/* Stat */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.stat .n{font-size:44px;line-height:48px;font-weight:400;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--purple-light)}
.stat .l{font-size:14px;line-height:20px;color:var(--muted)}
.stat .c{font-size:16px;line-height:24px;color:var(--ink);margin-top:16px}

/* Button (raio md; lg h44/px24, default h36/px16) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:var(--r-md);font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap;border:1px solid transparent;background:var(--primary);color:var(--primary-fg)}
.btn.sm{height:36px;padding:0 16px}
.btn.outline{background:transparent;border-color:var(--input);color:var(--ink)}
.btn.inverse{background:var(--ink);color:var(--bg)}
.btn.inverse-outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn:hover{opacity:.9}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}
.actions{display:flex;gap:12px;flex-wrap:wrap}

/* Callout e CTA tingido */
.callout{margin-top:6px;padding:18px 20px;border-radius:var(--r-xl);background:var(--tint-purple);border-left:3px solid var(--purple);font-size:17px;font-weight:500;color:var(--ink);max-width:72ch}
.cta{margin-top:24px;padding:40px 32px;border-radius:var(--r-xl);background:var(--tint-purple);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.cta .msg{font-size:26px;line-height:34px;font-weight:500;color:var(--ink);max-width:28ch}
.cta .support{font-size:16px;line-height:24px;color:var(--muted);max-width:620px}
.cta .act{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:var(--r-md);font-weight:500;font-size:14px;color:var(--primary-fg);background:var(--primary);white-space:nowrap}

/* Linha-com-nós */
.roadmap{margin-top:6px;padding:8px 4px 0}.track{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}.track::before{content:"";position:absolute;top:9px;left:6%;right:6%;height:2px;background:var(--line)}.node{position:relative;text-align:center;padding:0 6px}.node .dot{width:18px;height:18px;border-radius:50%;background:var(--purple);border:3px solid var(--bg);margin:0 auto 12px;position:relative;z-index:1}.node:last-child .dot{background:var(--orange)}.node .ph{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.node .nm{font-size:14px;font-weight:500;margin-top:2px}

/* Quote, awards */
.quote{margin-top:6px;padding:24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.quote p{margin:0;font-size:18px;line-height:28px;font-weight:500;color:var(--ink);max-width:66ch}.quote .cite{margin-top:10px;color:var(--faint)}
.awards{margin-top:14px;text-align:center;color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}

/* Code block */
.codeblock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-family:var(--font-mono)}
.codeblock .bar{display:flex;justify-content:space-between;padding:10px 16px;background:var(--surface-2);font-size:13px;line-height:20px;letter-spacing:.03em;color:var(--muted)}
.codeblock .bar .copy{color:var(--purple-light)}
.codeblock pre{margin:0;padding:16px;font-size:14px;line-height:20px;color:var(--ink);white-space:pre;overflow-x:auto}
.codeblock .key{color:var(--purple-light)}.codeblock .str{color:var(--orange-soft)}.codeblock .num{color:var(--blue-light)}.codeblock .com{color:var(--muted)}

/* FAQ / accordion (primeiro item aberto) */
.faq{max-width:800px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-weight:500;font-size:14px;line-height:20px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-top:4px;flex-shrink:0}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:8px}
.faq details p{margin:12px 0 0;font-size:14px;line-height:20px;color:var(--muted)}

/* Chips */
.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;line-height:18px;letter-spacing:.03em;padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--input);color:var(--muted);text-transform:uppercase}
.chip.pill{border-radius:var(--r-full);border-color:var(--line);background:var(--surface);color:var(--ink);text-transform:none}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--purple)}

/* Medidor */
.meter{height:6px;border-radius:3px;background:var(--secondary);overflow:hidden}.meter>i{display:block;height:100%;border-radius:3px;background:var(--purple)}
.meter.cost>i{background:var(--orange)}.meter.route>i{background:var(--blue)}

/* Glows e malha (fundo de hero/diagrama) */
.glow{position:relative;overflow:hidden;isolation:isolate}
.glow::before,.glow::after{content:"";position:absolute;z-index:-1;width:67%;aspect-ratio:1.37;pointer-events:none}
.glow::before{left:-33%;top:-40%;background:radial-gradient(closest-side,var(--glow-purple),transparent)}
.glow::after{right:-33%;top:-37%;background:radial-gradient(closest-side,var(--glow-orange),transparent)}
.mesh{background-image:radial-gradient(circle,var(--mesh) 1.25px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.22),#000 50%,rgba(0,0,0,.22));mask-image:linear-gradient(90deg,rgba(0,0,0,.22),#000 50%,rgba(0,0,0,.22))}

@media (max-width:620px){.cards,.stats{grid-template-columns:1fr}.track{grid-template-columns:1fr!important;gap:14px}.track::before{display:none}.node{display:flex;gap:12px;text-align:left;align-items:center}.node .dot{margin:0}.section-intro .title{font-size:28px;line-height:34px}.h-5xl{font-size:34px;line-height:38px}}
@media print{.page{max-width:none;padding:0}.card,.quote{box-shadow:none}.glow::before,.glow::after,.card.feature::before{display:none}}


/* ---- page layout (MKT) ---- */
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;line-height:1.5}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--container),calc(100% - 40px));margin:auto}
h1,h2,h3{font-weight:500;color:var(--ink)}
/* promo bar: mono, sem gradiente */
.promo{display:flex;align-items:center;justify-content:center;gap:24px;padding:11px 22px;background:var(--surface-2);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--muted)}
.promo a{padding:6px 14px;border:1px solid var(--input);border-radius:var(--r-md);font-size:12px;color:var(--ink);white-space:nowrap}
.promo a:hover{border-color:var(--purple)}
/* header */
.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{height:30px;width:auto}
.nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}
.nav a:hover{color:var(--ink)}
/* hero: glows radiais MKT, sem gradiente linear */
.hero-bg{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.hero-bg::before,.hero-bg::after{content:"";position:absolute;z-index:-1;width:67%;aspect-ratio:1.37;pointer-events:none}
.hero-bg::before{left:-33%;top:-40%;background:radial-gradient(closest-side,var(--glow-purple),transparent)}
.hero-bg::after{right:-33%;top:-37%;background:radial-gradient(closest-side,var(--glow-orange),transparent)}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:center;min-height:640px;padding:96px 0}
.hero h1{font-size:clamp(40px,4.6vw,58px);line-height:1.08;letter-spacing:-.01em;max-width:16ch;margin:0}
.claim-status{color:var(--muted);font-family:var(--font-mono);font-size:11px;line-height:1.5;margin:18px 0 0}
.thesis{display:flex;gap:14px;align-items:center;width:max-content;max-width:100%;margin:30px 0 0;padding:12px 19px;border:1px solid var(--input);border-radius:var(--r-md);background:var(--surface);text-align:left}
.thesis .check{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--primary);color:var(--primary-fg);font-weight:500}
.thesis p{margin:0;font-size:15px;line-height:1.25;color:var(--muted)}
.thesis strong{color:var(--ink)}
.lede{font-size:18px;line-height:1.58;color:var(--muted);max-width:52ch;margin:28px 0}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.text-link{color:var(--purple-light);font-weight:500;font-size:14px}
.tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:28px}
/* visual do relatorio: painel escuro MKT */
.visual{position:relative;min-height:520px;display:grid;place-items:center}
.visual::before{content:"";position:absolute;right:-10%;top:8%;width:60%;aspect-ratio:1.37;background:radial-gradient(closest-side,var(--glow-deep),transparent);pointer-events:none}
.report{position:relative;z-index:1;width:min(380px,88%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:28px;transform:rotate(2deg)}
.report-top{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--kicker)}
.report h3{font-size:24px;line-height:1.15;margin:24px 0}
.quadrant{height:250px;position:relative;border:1px solid var(--line);border-radius:var(--r-sm)}
.quadrant::before,.quadrant::after{content:"";position:absolute;background:var(--line)}
.quadrant::before{width:1px;top:8%;bottom:8%;left:50%}
.quadrant::after{height:1px;left:8%;right:8%;top:50%}
.dot{position:absolute;right:20%;top:20%;width:17px;height:17px;border-radius:50%;background:var(--orange);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--purple)}
.ql{position:absolute;font-family:var(--font-mono);font-size:8px;letter-spacing:.03em;color:var(--muted)}
.tl{left:8px;top:8px}.tr{right:8px;top:8px}.bl{left:8px;bottom:8px}.br{right:8px;bottom:8px}
.placeholder{text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;margin-top:16px}
/* proof: stat cards */
.proof{position:relative;z-index:2;margin-top:-40px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--shadow)}
.proof>div{display:flex;gap:16px;padding:28px}
.proof>div+div{border-left:1px solid var(--line)}
.number{font-family:var(--font-mono);font-size:12px;color:var(--kicker)}
.proof p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.proof strong{display:block;color:var(--ink);font-size:15px;font-weight:500;margin-bottom:4px}
/* secoes: intro com medida travada */
.section{padding:104px 0}
.section-intro{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:48px}
.section-intro .kicker{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:13px;line-height:20px;color:var(--kicker);margin:0}
.section-intro h2{font-size:36px;line-height:40px;letter-spacing:-.5px;max-width:800px;margin:0}
.section-intro>p{font-size:18px;line-height:28px;color:var(--muted);max-width:640px;margin:0}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow)}
.icon{font-size:20px;color:var(--purple-light)}
.card h3{font-size:20px;line-height:28px;margin:14px 0 8px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:20px}
/* fluxo: diagrama em painel escuro */
.flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center}
.flow-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;min-height:165px}
.flow-box.focus{border:1px solid var(--purple)}
.flow-box strong{display:block;font-size:18px;font-weight:500;margin:12px 0 8px}
.flow-box small{color:var(--muted);font-size:13px;line-height:1.5}
.flow-arrow{text-align:center;color:var(--purple);font-size:22px}
.band{display:flex;gap:16px;align-items:center;background:var(--tint-purple);border:1px solid var(--line);border-radius:var(--r-xl);padding:21px 26px;margin-top:24px}
.band .icon{color:var(--purple-light)}
.band strong,.band span.d{display:block}
.band span.d{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;margin-top:6px}
.band strong{font-weight:500}
blockquote.quote{margin:24px 0 0;padding:24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
blockquote.quote p{margin:0;font-size:18px;line-height:28px;font-weight:500;color:var(--ink);max-width:66ch}
/* split + valores */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}
.split>div:first-child{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.split .kicker{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--kicker);margin:0}
.split h2{font-size:36px;line-height:40px;letter-spacing:-.5px;max-width:800px;margin:0}
.split>div>p{font-size:18px;line-height:28px;color:var(--muted);max-width:640px;margin:0}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.value{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;min-height:165px;box-shadow:var(--shadow)}
.value h3{font-size:18px;margin:12px 0 8px}
.value p{color:var(--muted);font-size:14px;line-height:20px;margin:0}
/* audiencias */
.audiences{border-top:1px solid var(--line)}
.audience{display:grid;grid-template-columns:52px 250px 1fr 25px;gap:20px;align-items:center;padding:24px 3px;border-bottom:1px solid var(--line)}
.audience .number{font-size:12px}
.audience h3{font-size:17px;margin:0}
.audience p{margin:0;color:var(--muted);font-size:14px;line-height:20px}
.audience b{color:var(--purple-light);font-size:20px;font-weight:400}
/* secao do relatorio */
.report-section{display:grid;grid-template-columns:1fr .86fr;gap:80px;align-items:center}
.report-section>p,.report-section div>p{color:var(--muted);font-size:18px;line-height:28px}
.note{font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--muted);opacity:.85}
.form{background:var(--surface);color:var(--ink);padding:32px;border-radius:var(--r-2xl);border:1px solid var(--line);box-shadow:var(--shadow)}
.form h3{font-size:24px;margin:0 0 8px}
.form>p{font-size:14px;color:var(--muted);margin:0 0 21px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:block;font-size:12px;font-weight:500;margin-bottom:14px}
.form input,.form select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid var(--input);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);font-family:var(--font-sans)}
.form .button{width:100%;border:0}
/* botoes MKT (raio md, primary + primary-fg) */
.button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;border-radius:var(--r-md);background:var(--primary);color:var(--primary-fg);font-weight:500;font-size:14px;border:1px solid transparent;white-space:nowrap}
.button.outline{background:transparent;border-color:var(--input);color:var(--ink)}
.button:hover{opacity:.9}
/* faq */
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:500;font-size:14px;line-height:20px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-top:4px;flex-shrink:0}
details[open] summary::after{transform:rotate(-135deg);margin-top:8px}
details p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:20px}
/* cta tingido */
.final{padding:96px 20px}
.cta{max-width:960px;margin:0 auto;padding:64px 48px;border-radius:var(--r-xl);background:var(--tint-purple);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.cta .kicker{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--kicker);margin:0}
.cta h2{font-size:30px;line-height:36px;max-width:28ch;margin:0}
.cta p{font-size:16px;line-height:24px;color:var(--muted);max-width:620px;margin:0}
.cta .actions{justify-content:center;margin-top:8px}
/* footer */
footer{display:grid;grid-template-columns:170px 1fr auto;gap:30px;padding:42px 0;color:var(--muted);font-size:11px;line-height:1.5;border-top:1px solid var(--line)}
footer p{margin:0}
footer div{display:flex;gap:15px}
footer strong{color:var(--ink)}
@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;padding:72px 0}.proof{grid-template-columns:1fr;margin-top:-25px}.proof>div+div{border-left:0;border-top:1px solid var(--line)}.cards,.split,.report-section,.faq,.value-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);padding:10px}.audience{grid-template-columns:45px 1fr 25px}.audience p{grid-column:2/4}footer{grid-template-columns:1fr}}
@media(max-width:600px){.promo{flex-direction:column;gap:8px;text-align:center}.wrap{width:min(100% - 32px,1160px)}.header{height:70px}.hero h1{font-size:36px}.section{padding:72px 0}.row{grid-template-columns:1fr}.form{padding:23px}.final{padding:56px 16px}}
.mq-graphic{position:relative;z-index:1;width:min(460px,100%);margin:0}.mq-graphic img{display:block;width:100%;height:auto;background:#fff;border-radius:var(--r-md)}.mq-graphic figcaption{margin-top:12px;font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--muted)}
.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:10px;font-size:11px;line-height:1.6;color:var(--muted)}
.legal p{margin:0}
.attribution{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--muted);margin-top:18px}