/* boraADS landing — marketing layer over the DS tokens */
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans,'Host Grotesk',sans-serif);font-size:14px;line-height:1.55;font-weight:400;overflow-x:clip}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-hover)}
/* links .btn*: a{} unlayered vence @layer components — forçar tinta do CTA */
a.btn{text-decoration:none}
a.btn-primary,a.btn-primary:hover,a.btn-primary:focus{color:var(--acc-ink)}
a.btn-secondary,a.btn-secondary:hover,a.btn-secondary:focus{color:var(--fg-0)}
a.btn-ghost,a.btn-ghost:hover,a.btn-ghost:focus{color:var(--fg-1)}
a.btn-ghost:hover{color:var(--fg-0)}
/* Magic UI Shimmer Button */
a.shimmer-btn,a.shimmer-btn:hover,a.shimmer-btn:focus{color:var(--acc-ink);text-decoration:none}
a.shimmer-btn-secondary,a.shimmer-btn-secondary:hover,a.shimmer-btn-secondary:focus{color:var(--fg-0)}
.shimmer-btn{
  --spread:90deg;--shimmer-color:#fff;--radius:10px;--speed:3s;--cut:.05em;--bg:var(--acc);
  position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;
  overflow:hidden;isolation:isolate;cursor:pointer;border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);padding:0 18px;height:40px;white-space:nowrap;
  color:var(--acc-ink);background:var(--bg);font:inherit;font-size:13.5px;font-weight:550;
  letter-spacing:-.01em;transform:translateZ(0);transition:transform .2s var(--ease),background .15s var(--ease),border-color .15s var(--ease);
}
.shimmer-btn-secondary{
  color:var(--fg-0);border-color:var(--line);
}
.shimmer-btn-secondary:hover{border-color:var(--line-strong)}
.shimmer-btn-secondary .shimmer-btn-highlight{box-shadow:inset 0 -8px 10px color-mix(in oklab,var(--acc) 12%,transparent)}
.shimmer-btn-secondary:hover .shimmer-btn-highlight{box-shadow:inset 0 -6px 10px color-mix(in oklab,var(--acc) 20%,transparent)}
.shimmer-btn-lg{height:44px;padding:0 22px;font-size:14.5px}
.shimmer-btn-md{height:36px;padding:0 16px;font-size:13px}
.shimmer-btn-block{width:100%}
.shimmer-btn:active{transform:translateY(1px)}
.shimmer-btn-content{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px}
.shimmer-btn-spark{position:absolute;inset:0;z-index:-30;overflow:visible;filter:blur(2px);container-type:size}
.shimmer-btn-slide{position:absolute;inset:0;aspect-ratio:1;height:100cqh;animation:shimmer-slide var(--speed) ease-in-out infinite alternate}
.shimmer-btn-spin{
  position:absolute;inset:-100%;width:auto;translate:0 0;rotate:0;
  background:conic-gradient(from calc(270deg - (var(--spread) * .5)),transparent 0,var(--shimmer-color) var(--spread),transparent var(--spread));
  animation:spin-around calc(var(--speed) * 2) linear infinite;
}
.shimmer-btn-highlight{
  position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 -8px 10px #ffffff1f;transition:box-shadow .3s var(--ease);
}
.shimmer-btn:hover .shimmer-btn-highlight{box-shadow:inset 0 -6px 10px #ffffff3f}
.shimmer-btn:active .shimmer-btn-highlight{box-shadow:inset 0 -10px 10px #ffffff3f}
.shimmer-btn-backdrop{position:absolute;inset:var(--cut);z-index:-20;border-radius:var(--radius);background:var(--bg)}
@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%),0)}}
@keyframes spin-around{
  0%{transform:translateZ(0) rotate(0)}
  15%,35%{transform:translateZ(0) rotate(90deg)}
  65%,85%{transform:translateZ(0) rotate(270deg)}
  100%{transform:translateZ(0) rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){
  .shimmer-btn-slide,.shimmer-btn-spin{animation:none}
}
.lp{position:relative;z-index:1;overflow-x:clip}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px}
section{position:relative}
.sec{padding:104px 0}
.sec+.sec{border-top:1px solid var(--line-soft)}
.eyebrow{font-family:var(--font-mono,'Geist Mono',monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:8px;margin:0 0 14px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--acc-line)}
.sec-head--center{text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head--center .eyebrow{justify-content:center}
.sec-head--center .h2{max-width:min(820px,100%);margin-left:auto;margin-right:auto}
.sec-head--center .lead{max-width:min(640px,100%);margin-left:auto;margin-right:auto;text-wrap:pretty}
/* Magic UI Animated Shiny Text */
.shiny-text{
  --shiny-width:100px;
  display:inline-block;
  background-image:linear-gradient(
    90deg,
    color-mix(in oklab,var(--acc) 55%,transparent) 0%,
    color-mix(in oklab,var(--acc) 55%,transparent) calc(50% - var(--shiny-width) / 2),
    var(--fg-0) 50%,
    color-mix(in oklab,var(--acc) 55%,transparent) calc(50% + var(--shiny-width) / 2),
    color-mix(in oklab,var(--acc) 55%,transparent) 100%
  );
  background-size:calc(250% + var(--shiny-width)) 100%;
  background-repeat:no-repeat;
  background-position:100% 0;
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:shiny-text 8s cubic-bezier(.6,.6,0,1) infinite;
}
.hero-badge-shiny.shiny-text{
  background-image:linear-gradient(
    90deg,
    color-mix(in oklab,var(--fg-1) 90%,transparent) 0%,
    color-mix(in oklab,var(--fg-1) 90%,transparent) calc(50% - var(--shiny-width) / 2),
    var(--fg-0) 50%,
    color-mix(in oklab,var(--fg-1) 90%,transparent) calc(50% + var(--shiny-width) / 2),
    color-mix(in oklab,var(--fg-1) 90%,transparent) 100%
  );
}
@keyframes shiny-text{
  0%,90%,100%{background-position:100% 0}
  30%,60%{background-position:0% 0}
}
@media (prefers-reduced-motion:reduce){
  .shiny-text{animation:none;-webkit-text-fill-color:var(--acc);background:none;color:var(--acc)}
  .hero-badge-shiny.shiny-text{-webkit-text-fill-color:var(--fg-0);color:var(--fg-0)}
}
.h2{font-size:36px;line-height:1.15;letter-spacing:-.02em;font-weight:600;margin:0 0 16px;text-wrap:balance;max-width:820px}
.lead{color:var(--fg-1);font-size:15.5px;max-width:760px;margin:0}
.lead b,.lead strong{color:var(--fg-0);font-weight:600}
.mono{font-family:var(--font-mono,'Geist Mono',monospace)}
/* reveal-on-scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease,cubic-bezier(.2,.7,.2,1)),transform .65s var(--ease,cubic-bezier(.2,.7,.2,1));transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}
.rv-l{transform:translateX(-26px)}.rv-r{transform:translateX(26px)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* topbar */
.lp-top{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease)}
.lp-top.scrolled{background:color-mix(in oklab,var(--bg-0) 82%,transparent);backdrop-filter:blur(12px);border-color:var(--line-soft)}
.lp-top-in{max-width:1360px;margin:0 auto;padding:0 40px;height:60px;display:flex;align-items:center;gap:28px}
.lp-top-in img{height:26px;display:block}
.lp-nav{display:flex;gap:4px;margin-left:8px}
.lp-nav a{color:var(--fg-1);font-size:13px;padding:6px 10px;border-radius:6px;transition:color .15s var(--ease),background .15s var(--ease)}
.lp-nav a:hover{color:var(--fg-0);background:var(--bg-2)}
.lp-top-cta{margin-left:auto;display:flex;align-items:center;gap:8px}
.lp-logo{flex:none;display:flex;align-items:center;min-width:0}
.lp-signup-short{display:none}
.lp-burger{display:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--bg-1);color:var(--fg-1);align-items:center;justify-content:center;cursor:pointer;padding:0}
.lp-burger:hover{border-color:var(--line-strong);color:var(--fg-0);background:var(--bg-2)}
.lp-drawer{display:none}
body.lp-menu-open{overflow:hidden;touch-action:none}
/* hero */
.hero{padding:150px 0 90px;min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
/* Magic UI Animated Grid Pattern — hero only */
.agp{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;fill:color-mix(in oklab,var(--fg-2) 22%,transparent);stroke:color-mix(in oklab,var(--fg-2) 22%,transparent);color:var(--acc)}
.hero-agp{
  inset:-10% 0 -20%;height:130%;
  transform:skewY(-12deg);
  -webkit-mask-image:radial-gradient(560px circle at 50% 40%,#000 20%,transparent 72%);
  mask-image:radial-gradient(560px circle at 50% 40%,#000 20%,transparent 72%);
}
.agp-squares{overflow:visible}
.agp-square{fill:currentColor;stroke:none;opacity:0;animation:agpPulse var(--agp-dur,3s) ease-in-out forwards}
@keyframes agpPulse{
  0%,100%{opacity:0}
  50%{opacity:var(--agp-op,.12)}
}
@media (prefers-reduced-motion:reduce){
  .agp-square{animation:none;opacity:0}
}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--acc-line);background:var(--acc-soft);color:var(--fg-0);border-radius:999px;padding:5px 12px 5px 7px;font-size:12px;margin-bottom:22px}
.hero-badge .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--acc);color:var(--acc-ink);border-radius:999px;padding:2px 7px}
.h1{font-size:52px;line-height:1.06;letter-spacing:-.03em;font-weight:600;margin:0 0 20px;text-wrap:balance}
.h1 .acc{color:var(--acc)}
/* Magic UI Aurora Text */
.aurora-text{position:relative;display:inline}
.aurora-text .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aurora-text-fx{
  position:relative;display:inline;
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation-name:aurora;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;
}
@keyframes aurora{
  0%{background-position:0% 50%;transform:rotate(-1.5deg) scale(.985)}
  25%{background-position:50% 100%;transform:rotate(1.5deg) scale(1.02)}
  50%{background-position:100% 50%;transform:rotate(-1deg) scale(.99)}
  75%{background-position:50% 0%;transform:rotate(1deg) scale(1.015)}
  100%{background-position:0% 50%;transform:rotate(-1.5deg) scale(.985)}
}
@media (prefers-reduced-motion:reduce){
  .aurora-text-fx{animation:none;background-position:50% 50%;transform:none}
}
.hero-sub{color:var(--fg-1);font-size:16px;max-width:620px;margin:0 0 28px}
.hero-sub b{color:var(--fg-0);font-weight:600}
.hero-ctas{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--fg-2);font-size:12.5px}
.hero-trust span{display:inline-flex;align-items:center;gap:6px}
.hero-trust svg{color:var(--pos)}
/* hero console mock */
.mock{position:relative}
.mock-frame{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden}
.mock-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:var(--bg-2)}
.mock-head .ttl{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-1)}
.mock-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--pos)}
.mock-body{padding:16px;min-height:328px;display:flex;flex-direction:column;gap:12px;position:relative}
.mock-card{transition:opacity .3s var(--ease),transform .3s var(--ease)}
.mock-card.out{opacity:0;transform:translateY(-14px)}
.mock-card.enter{opacity:0;transform:translateY(16px)}
.mock-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line-soft);background:var(--bg-2);font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}
.mock-foot .sum{margin-left:auto;color:var(--pos);font-size:12px}
/* sem glow no card HITL do hero */
.mock .prop.executing,
.mock .proposal.executing{box-shadow:none}
.cursor-dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid var(--acc);background:var(--acc-soft);z-index:5;pointer-events:none;opacity:0;transition:opacity .2s var(--ease),transform .55s var(--ease)}
.cursor-dot.on{opacity:1}
.cursor-dot.click{animation:cursorClick .28s var(--ease)}
@keyframes cursorClick{50%{transform:scale(.7)}}
/* demo */
.demo-sec{position:relative;overflow:hidden;padding:120px 0 112px}
.demo-glow{
  position:absolute;left:50%;top:18%;translate:-50% 0;width:min(920px,80%);height:58%;
  pointer-events:none;z-index:0;border-radius:50%;
  background:radial-gradient(ellipse at center, color-mix(in oklab,var(--acc) 24%,transparent), transparent 68%);
}
.demo-wrap{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}
.demo-wrap .sec-head{width:100%}
.demo-stage{width:min(1080px,100%);margin:36px auto 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.demo-player{
  position:relative;width:100%;border:1px solid color-mix(in oklab,var(--acc) 28%,var(--line));
  border-radius:18px;background:var(--bg-1);aspect-ratio:16/9;overflow:hidden;
  box-shadow:
    0 0 0 1px color-mix(in oklab,var(--acc) 10%,transparent),
    0 28px 80px -36px color-mix(in oklab,var(--acc) 45%,transparent),
    var(--shadow-2);
}
.demo-player .grid-bg2{position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:44px 44px;opacity:.35;mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,black 30%,transparent 75%)}
.demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.demo-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,15,.22) 0%,rgba(7,9,15,.1) 40%,rgba(7,9,15,.5) 100%);pointer-events:none}
.demo-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;z-index:1}
.demo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.demo-play .btn-circ{
  width:84px;height:84px;border-radius:50%;background:var(--acc);color:var(--acc-ink);
  display:flex;align-items:center;justify-content:center;padding-left:3px;
  box-shadow:0 0 0 0 var(--acc-glow),0 16px 40px -12px color-mix(in oklab,var(--acc) 70%,transparent);
  animation:playPulse 2.4s var(--ease) infinite;transition:transform .15s var(--ease),background .15s var(--ease);
}
.demo-player:hover .btn-circ{transform:scale(1.06);background:var(--acc-hover)}
@keyframes playPulse{0%{box-shadow:0 0 0 0 var(--acc-glow),0 16px 40px -12px color-mix(in oklab,var(--acc) 70%,transparent)}70%{box-shadow:0 0 0 28px transparent,0 16px 40px -12px color-mix(in oklab,var(--acc) 40%,transparent)}100%{box-shadow:0 0 0 0 transparent,0 16px 40px -12px color-mix(in oklab,var(--acc) 70%,transparent)}}
.demo-play .dur{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fg-0);
  background:color-mix(in oklab,var(--bg-0) 72%,transparent);border:1px solid var(--line);
  backdrop-filter:blur(8px);border-radius:999px;padding:6px 12px;
}
.demo-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}
.stat{background:var(--bg-1);padding:26px 24px}
.stat .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:36px;letter-spacing:-.02em;color:var(--fg-0)}
.stat .v em{font-style:normal;color:var(--acc)}
.stat .l{color:var(--fg-1);font-size:12.5px;margin-top:6px}
.stat .l b{color:var(--fg-0)}
/* pain cards */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.pain{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s var(--ease),background .15s var(--ease),transform .2s var(--ease)}
.pain:hover{border-color:var(--line-strong);background:var(--bg-2);transform:translateY(-2px)}
.pain .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--neg);display:flex;align-items:center;gap:7px}
.pain .k svg{flex:none}
.pain p{margin:0;color:var(--fg-1);font-size:13px}
/* agents — grade 3×3 + painel, bloco único centralizado */
.agents-showcase{margin-top:48px;display:flex;flex-direction:column;gap:22px;max-width:920px;margin-left:auto;margin-right:auto;width:100%}
.agents-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.agents-chip{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 16px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg-1);cursor:pointer;text-align:left;font:inherit;color:var(--fg-2);overflow:hidden;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.agents-chip:hover{border-color:var(--line-strong);background:var(--bg-2);color:var(--fg-0);transform:translateY(-1px)}
.agents-chip.on{border-color:var(--acc-line);background:linear-gradient(180deg,color-mix(in oklab,var(--acc) 10%,var(--bg-1)),var(--bg-1));color:var(--fg-0);box-shadow:var(--shadow-1)}
.agents-chip-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line-soft);color:var(--fg-2);flex:none;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}
.agents-chip:hover .agents-chip-icon{color:var(--fg-0);border-color:var(--line)}
.agents-chip.on .agents-chip-icon{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc)}
.agents-chip-name{font-size:13.5px;font-weight:550;letter-spacing:-.01em;line-height:1.25;color:inherit}
.agents-chip-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line-soft);overflow:hidden}
.agents-chip-prog i{display:block;height:100%;width:0;background:var(--acc);animation:agProg var(--ag-dur,5.2s) linear forwards}
@keyframes agProg{to{width:100%}}
.agents-panel{position:relative;background:var(--bg-1);border:1px solid var(--line);border-radius:18px;padding:28px 32px;box-shadow:var(--shadow-2);overflow:hidden;min-height:280px}
.agents-panel-glow{position:absolute;top:-40%;right:-10%;width:55%;height:140%;background:radial-gradient(ellipse at center,var(--acc-soft),transparent 68%);pointer-events:none}
.agent-detail{position:relative;z-index:1;animation:agIn .35s var(--ease)}
@keyframes agIn{from{opacity:0;transform:translateY(10px)}}
.agents-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.agent-head{display:flex;align-items:center;gap:14px}
.agent-head .t{font-size:22px;font-weight:600;letter-spacing:-.02em}
.agent-head .s{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);margin-top:3px}
.agents-panel-body{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.agent-one{color:var(--acc);font-family:var(--font-mono);font-size:12.5px;margin:0 0 12px}
.agent-desc{color:var(--fg-1);font-size:15px;line-height:1.55;margin:0 0 18px;max-width:520px}
.agents-panel-note{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);line-height:1.5}
.agent-sample{border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-2);padding:16px 18px;font-family:var(--font-mono);font-size:12px;color:var(--fg-1);display:flex;flex-direction:column;gap:10px}
.agent-sample-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:2px}
.agent-sample .row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.agent-sample-rest{color:var(--fg-2)}
.agent-sample .del{color:var(--neg)}
.agent-sample .add{color:var(--pos)}
.agent-sample .c-dim{color:var(--fg-3)}
.agent-sample .c-warn{color:var(--warn)}
/* LLM marquee (MCP) */
.llm-marquee-wrap{margin-top:32px}
.llm-marquee-label{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);text-align:center}
.llm-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);border:1px solid var(--line-soft);border-radius:14px;background:color-mix(in oklab,var(--bg-1) 80%,transparent);padding:4px 0}
.llm-track{display:flex;align-items:center;gap:8px;width:max-content;padding:10px 0;animation:llmFeed 38s linear infinite}
.llm-marquee:hover .llm-track{animation-play-state:paused}
.llm-item{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;margin:0 6px;border-radius:999px;border:1px solid var(--line);background:var(--bg-1);color:var(--fg-1);font-size:13px;font-weight:500;white-space:nowrap;transition:border-color .15s var(--ease),color .15s var(--ease),background .15s var(--ease)}
.llm-item:hover{border-color:var(--line-strong);color:var(--fg-0);background:var(--bg-2)}
.llm-item img{width:20px;height:20px;display:block;flex:none;opacity:.85}
.llm-item:hover img{opacity:1}
@keyframes llmFeed{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
.llm-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding:12px}
.llm-marquee{mask-image:none;-webkit-mask-image:none}
}
/* split feature (builder / mcp) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:8px}
.bullets{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.bullets li{display:flex;gap:11px;color:var(--fg-1);font-size:13.5px}
.bullets li b{color:var(--fg-0);font-weight:600}
.bullets li svg{flex:none;margin-top:2px;color:var(--acc)}
.panel{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden}
.panel-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line-soft);background:var(--bg-2);font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}
.panel-body{padding:18px}
/* Campaign Builder — animação (port do design) */
.builder-split{align-items:stretch;grid-template-columns:0.92fr 1.18fr}
.builder-anim-wrap{min-width:0;overflow:hidden}
.cb-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:16px}
.cb-glow{position:absolute;top:-40%;right:-20%;width:70%;height:80%;background:radial-gradient(circle,var(--acc-soft),transparent 62%);pointer-events:none;z-index:0}
.cb-frame{position:relative;z-index:1;background:var(--bg-1);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden;display:flex;flex-direction:column;min-height:480px}
.cb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:11.5px}
.cb-head-l{display:flex;align-items:center;gap:8px;color:var(--fg-0);min-width:0}
.cb-head-l svg{color:var(--acc);flex:none}
.cb-head .dim{color:var(--fg-3)}
.cb-badge{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:999px;background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in oklab, var(--warn) 32%, transparent);white-space:nowrap}
.cb-progress{display:flex;gap:6px;padding:12px 16px 10px}
.cb-progress-seg{flex:1;height:4px;border-radius:999px;background:var(--bg-4,#222A3D);overflow:hidden}
.cb-progress-seg>div{height:100%;background:var(--acc);border-radius:999px;box-shadow:0 0 8px var(--acc-glow,oklch(0.68 0.21 255 / .45))}
.cb-body{display:flex;flex:1;min-height:0;border-top:1px solid transparent}
.cb-rail{width:168px;flex:none;border-right:1px solid var(--line-soft);padding:10px 8px;overflow:hidden}
.cb-step{position:relative;display:flex;align-items:flex-start;gap:8px;padding:8px 8px;border-radius:8px;margin-bottom:2px}
.cb-step-bg{position:absolute;inset:0;border-radius:8px;background:var(--bg-3,#1A2030);border:1px solid var(--acc-line);opacity:var(--active,0);pointer-events:none}
.cb-step-dot{position:relative;width:16px;height:16px;flex:none;margin-top:1px}
.cb-step-dot .idle{position:absolute;inset:2px;border-radius:999px;border:1.5px solid var(--line-strong,#3A4258)}
.cb-step-dot .active{position:absolute;inset:4px;border-radius:999px;background:var(--acc);box-shadow:0 0 8px var(--acc-glow,oklch(0.68 0.21 255 / .5))}
.cb-step-dot .done{position:absolute;inset:0;border-radius:999px;background:var(--acc);color:#fff;display:grid;place-items:center}
.cb-step-dot .done svg{width:10px;height:10px}
.cb-step-txt{position:relative;min-width:0;flex:1}
.cb-step-txt .lab{font-size:11.5px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-step-txt .meta{font-size:9.5px;color:var(--fg-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:12px}
.cb-main{flex:1;min-width:0;padding:14px 16px 12px;overflow:hidden}
.cb-foot{display:flex;align-items:center;gap:7px;padding:10px 16px;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}
.cb-foot b{color:var(--warn);font-weight:500;display:inline-block}
.cb-foot .dim{color:var(--fg-3)}
.cb-toast{position:absolute;top:54px;right:12px;width:220px;padding:10px 12px;background:var(--bg-3,#1A2030);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-3,0 20px 40px rgba(0,0,0,.5));display:flex;gap:10px;z-index:5}
.cb-toast-ico{width:22px;height:22px;border-radius:999px;background:var(--pos-soft);border:1px solid color-mix(in oklab, var(--pos) 30%, transparent);color:var(--pos);display:grid;place-items:center;flex:none}
.cb-toast .t{font-size:12px;font-weight:500;color:var(--fg-0)}
.cb-toast .s{font-size:10.5px;color:var(--fg-2);margin-top:2px}
.cb-pane{height:100%;display:flex;flex-direction:column;min-height:0}
.cb-pane-head{flex:none;margin-bottom:12px}
.cb-eye{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--acc);text-transform:uppercase}
.cb-pane-title{font-size:15px;font-weight:600;color:var(--fg-0);margin-top:4px;letter-spacing:-.02em;line-height:1.25}
.cb-pane-sub{font-size:11.5px;color:var(--fg-2);margin-top:4px;line-height:1.4}
.cb-chip{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:var(--bg-3,#1A2030);color:var(--fg-1);white-space:nowrap}
.cb-chip-acc{background:var(--acc-soft);color:var(--acc);border-color:var(--acc-line)}
.cb-chip-pos{background:var(--pos-soft);color:var(--pos);border-color:color-mix(in oklab, var(--pos) 30%, transparent)}
.cb-chip-mute{background:var(--bg-3,#1A2030);color:var(--fg-1);border-color:var(--line)}
.cb-idle{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.cb-idle-orb{width:64px;height:64px;border-radius:999px;background:var(--acc-soft);display:grid;place-items:center}
.cb-idle-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-2);border:1px solid var(--acc-line);display:grid;place-items:center;color:var(--acc);box-shadow:0 0 20px -6px var(--acc-glow,oklch(0.68 0.21 255 / .5))}
.cb-idle-title{font-size:15px;font-weight:600;color:var(--fg-0);letter-spacing:-.02em}
.cb-idle-dots{display:flex;gap:5px}
.cb-idle-dots i{width:6px;height:6px;border-radius:999px;background:var(--acc)}
.cb-url{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--fg-0);margin-bottom:10px}
.cb-url.is-focus{border-color:var(--acc-line);box-shadow:0 0 0 3px var(--acc-soft)}
.cb-url svg{color:var(--fg-3);flex:none}
.cb-caret{display:inline-block;width:1.5px;height:13px;background:var(--acc);vertical-align:-2px;margin-left:1px;animation:caret 1s steps(2) infinite}
.cb-land-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:10px;flex:1;min-height:0}
.cb-scan-box{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px;overflow:hidden}
.cb-scan-inner{position:relative;height:140px}
.cb-scan-block{position:absolute;left:0;border-radius:4px;background:var(--bg-4,#222A3D);border:1px solid var(--line-soft)}
.cb-scan-line{position:absolute;left:-4px;right:-4px;height:2px;background:var(--acc);box-shadow:0 0 12px 2px var(--acc-glow,oklch(0.68 0.21 255 / .5))}
.cb-scan-foot{font-size:10px;color:var(--fg-2);margin-top:8px}
.cb-fit{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.cb-ring{position:relative;display:grid;place-items:center}
.cb-ring span{position:absolute;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--fg-0)}
.cb-fit-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.cb-kw-grid,.cb-ads-grid,.cb-budget-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;flex:1;min-height:0}
.cb-kw-list,.cb-heads,.cb-ad-preview,.cb-budget-card,.cb-proj{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px}
.cb-kw-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--fg-2);padding-bottom:8px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}
.cb-kw-head .acc,.cb-group .acc{color:var(--acc)}
.cb-kw-row{display:flex;align-items:center;gap:6px;padding:5px 2px}
.cb-kw-row .term{flex:1;font-size:10.5px;color:var(--fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-kw-row .vol{font-size:10px;color:var(--fg-2)}
.cb-kw-groups{display:flex;flex-direction:column;gap:7px}
.cb-group{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--fg-0)}
.cb-heads{display:flex;flex-direction:column;gap:5px}
.cb-head-row{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;background:var(--bg-1);border:1px solid var(--line-soft);border-radius:6px;font-size:11.5px}
.cb-head-row.typing{border-color:var(--acc-line)}
.cb-head-row .idx{font-size:10px;color:var(--fg-3);width:18px}
.cb-head-row .txt{flex:1;color:var(--fg-0);white-space:nowrap;overflow:hidden}
.cb-head-row .len{font-size:10px;color:var(--fg-3)}
.cb-head-row .len.ok{color:var(--pos)}
.cb-head-row.done svg{color:var(--pos);flex:none}
.cb-heads-more{display:flex;gap:6px;margin-top:4px}
.cb-ad-preview{display:flex;flex-direction:column;gap:8px}
.cb-ad-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:8px;padding:10px}
.cb-ad-top{display:flex;gap:8px;font-size:10px;color:var(--fg-2);margin-bottom:6px}
.cb-ad-top b{color:var(--fg-1)}
.cb-ad-title{font-size:13px;color:#8ab4f8;line-height:1.3}
.cb-ad-desc{font-size:11px;color:var(--fg-1);margin-top:6px;line-height:1.45}
.cb-neg-count{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--fg-1)}
.cb-neg-count svg{color:var(--neg)}
.cb-neg-count b{color:var(--neg);font-weight:600}
.cb-neg-wrap{display:flex;flex-wrap:wrap;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;flex:1;align-content:flex-start}
.cb-neg-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;padding:5px 9px;border-radius:7px;background:var(--neg-soft);color:var(--neg);border:1px solid color-mix(in oklab, var(--neg) 30%, transparent)}
.cb-budget-main{display:flex;flex-direction:column;gap:8px}
.cb-budget-val{font-size:28px;font-weight:600;color:var(--fg-0);margin-top:6px;letter-spacing:-.02em}
.cb-budget-val small{font-size:12px;color:var(--fg-2);font-weight:400}
.cb-budget-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--fg-0)}
.cb-budget-strat{font-size:12.5px;margin-top:2px}
.cb-toggle{width:32px;height:18px;border-radius:999px;background:var(--pos);position:relative;flex:none}
.cb-toggle::after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:999px;background:#fff}
.pos{color:var(--pos)}
.cb-proj .cb-spark{margin:10px 0 6px;height:40px}
.cb-proj .cb-spark svg{width:100%;height:40px;display:block}
.cb-proj-val{font-size:18px;font-weight:600;color:var(--fg-0)}
.cb-proj-val small{font-size:11px;color:var(--fg-2);font-weight:400}
.cb-recap{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1;align-content:start}
.cb-recap-item{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}
.cb-recap-check{width:18px;height:18px;border-radius:999px;background:var(--acc);color:#fff;display:grid;place-items:center;flex:none}
.cb-recap-item .lab{font-size:11.5px;font-weight:500;color:var(--fg-0)}
.cb-recap-item .meta{font-size:10px;color:var(--fg-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-publish-row{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.cb-publish-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;background:var(--acc);color:var(--acc-ink,#fff);font-size:12.5px;font-weight:600;box-shadow:0 8px 20px -10px var(--acc-glow,oklch(0.68 0.21 255 / .5))}
.cb-publish-btn.is-paused{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in oklab, var(--warn) 32%, transparent);box-shadow:none}
.cb-publish-row>span{font-size:10.5px;color:var(--fg-2)}
.cb-reset{position:relative;height:100%;min-height:280px}
.cb-reset>div{position:absolute;inset:0}
@media (max-width:1100px){
  .cb-rail{width:140px}
  .cb-land-grid,.cb-kw-grid,.cb-ads-grid,.cb-budget-grid{grid-template-columns:1fr}
  .cb-fit,.cb-kw-groups,.cb-ad-preview,.cb-proj{display:none}
}
/* chat mock (mcp) */
.chat{display:flex;flex-direction:column;gap:12px}
.msg{max-width:86%;padding:10px 14px;border-radius:12px;font-size:12.5px;line-height:1.5}
.msg.u{align-self:flex-end;background:var(--acc);color:var(--acc-ink);border-bottom-right-radius:4px}
.msg.a{align-self:flex-start;background:var(--bg-2);border:1px solid var(--line-soft);color:var(--fg-1);border-bottom-left-radius:4px}
.msg.a .tool{font-family:var(--font-mono);font-size:10.5px;color:var(--info);display:block;margin-bottom:6px}
.msg-route{align-self:stretch;border:1px dashed var(--acc-line);border-radius:10px;background:var(--acc-soft);padding:10px 14px;font-size:12px;color:var(--fg-0);display:flex;align-items:center;gap:10px}
.msg-route svg{color:var(--acc);flex:none}
/* MCP chat — typing + enter (estilo Cursor) */
.mcp-chat{display:flex;flex-direction:column;overflow:hidden}
.mcp-chat-body{display:flex;flex-direction:column;min-height:340px}
.mcp-chat-log{flex:1;padding:16px 16px 12px;overflow-y:auto;max-height:280px;scroll-behavior:smooth}
.mcp-thinking .mcp-dots{display:inline-flex;gap:4px;align-items:center;height:14px;margin-top:2px}
.mcp-dots i{width:5px;height:5px;border-radius:50%;background:var(--fg-3);animation:mcpDot 1.2s ease-in-out infinite}
.mcp-dots i:nth-child(2){animation-delay:.15s}
.mcp-dots i:nth-child(3){animation-delay:.3s}
@keyframes mcpDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.mcp-stream-caret{display:inline-block;width:7px;height:13px;margin-left:2px;background:var(--acc);vertical-align:-2px;animation:caret 1s steps(2) infinite}
.mcp-composer{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line-soft);background:var(--bg-2);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.mcp-composer.is-enter{box-shadow:inset 0 0 0 1px var(--acc-line)}
.mcp-composer-in{flex:1;min-height:40px;display:flex;align-items:center;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1);font-size:12.5px;color:var(--fg-0);line-height:1.45}
.mcp-composer.is-enter .mcp-composer-in{border-color:var(--acc)}
.mcp-composer-text{white-space:pre-wrap;word-break:break-word}
.mcp-ph{color:var(--fg-3)}
.mcp-caret{width:7px;height:14px;background:var(--fg-0);flex:none;animation:caret 1.05s steps(2) infinite}
.mcp-caret.idle{opacity:.45}
.mcp-enter{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:var(--bg-1);transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease)}
.mcp-enter.on{color:var(--acc-ink);background:var(--acc);border-color:var(--acc);transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){
  .mcp-caret,.mcp-stream-caret,.mcp-dots i{animation:none}
}
/* how it works — 4 fases premium */
.flow{margin-top:48px;display:flex;flex-direction:column;gap:22px}
.flow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.flow-phase{position:relative;display:flex;align-items:center;gap:14px;padding:18px 18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--bg-1);cursor:pointer;text-align:left;font:inherit;color:var(--fg-2);overflow:hidden;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.flow-phase:hover{border-color:var(--line-strong);color:var(--fg-0);transform:translateY(-1px)}
.flow-phase.on{border-color:var(--acc-line);background:linear-gradient(180deg,color-mix(in oklab,var(--acc) 10%,var(--bg-1)),var(--bg-1));color:var(--fg-0);box-shadow:var(--shadow-1)}
.flow-phase-n{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--fg-3);line-height:1}
.flow-phase.on .flow-phase-n{color:var(--acc)}
.flow-phase-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.flow-phase-code{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.flow-phase.on .flow-phase-code{color:var(--acc)}
.flow-phase-title{font-size:16px;font-weight:600;letter-spacing:-.015em;color:inherit}
.flow-phase-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line-soft);overflow:hidden}
.flow-phase-prog i{display:block;height:100%;width:0;background:var(--acc);animation:agProg var(--flow-dur,5.2s) linear forwards}
.flow-stage{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:stretch;border:1px solid var(--line);border-radius:18px;background:var(--bg-1);padding:28px;box-shadow:var(--shadow-2);overflow:hidden}
.flow-copy{display:flex;flex-direction:column;justify-content:center;animation:agIn .35s var(--ease)}
.flow-one{margin:0 0 12px;color:var(--acc);font-family:var(--font-mono);font-size:12.5px}
.flow-desc{margin:0 0 22px;color:var(--fg-1);font-size:15px;line-height:1.55;max-width:46ch}
.flow-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.flow-points li{display:flex;gap:10px;align-items:flex-start;color:var(--fg-1);font-size:13.5px}
.flow-points li svg{flex:none;margin-top:2px;color:var(--acc)}
.flow-term{position:relative;margin:0;min-height:0;animation:agIn .35s var(--ease)}
.flow-term .term-body{min-height:220px}
.flow-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}
.flow-stat{background:var(--bg-1);padding:18px 20px;text-align:center}
.flow-stat em{display:block;font-style:normal;font-family:var(--font-mono);font-size:22px;letter-spacing:-.02em;color:var(--acc);margin-bottom:4px}
.flow-stat span{font-size:12px;color:var(--fg-2)}
.term{background:#0A0D14;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);overflow:hidden}
.term-head{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line-soft);align-items:center}
.term-head i{width:10px;height:10px;border-radius:50%;background:var(--bg-4)}
.term-head .t{margin-left:8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}
.term-body{padding:16px;font-family:var(--font-mono);font-size:12px;line-height:1.9;min-height:220px;color:var(--fg-1);white-space:pre-wrap}
.term-body .c-acc{color:var(--acc)}.term-body .c-pos{color:var(--pos)}.term-body .c-dim{color:var(--fg-3)}.term-body .c-warn{color:var(--warn)}
.term-caret{display:inline-block;width:7px;height:14px;background:var(--acc);vertical-align:-2px;animation:caret 1s steps(2) infinite}
@keyframes caret{50%{opacity:0}}
/* security — feature grid com hover effects */
.seg-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;position:relative;z-index:1;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-1)}
.seg-feature{position:relative;display:flex;flex-direction:column;padding:36px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.seg-feature:nth-child(3n){border-right:none}
.seg-feature:nth-child(n+4){border-bottom:none}
.seg-feature-wash{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s var(--ease)}
.seg-feature-top .seg-feature-wash{background:linear-gradient(to top,var(--bg-3),transparent)}
.seg-feature-bot .seg-feature-wash{background:linear-gradient(to bottom,var(--bg-3),transparent)}
.seg-feature:hover .seg-feature-wash{opacity:1}
.seg-feature-icon{position:relative;z-index:1;margin-bottom:16px;color:var(--fg-2);display:flex;transition:color .2s var(--ease)}
.seg-feature:hover .seg-feature-icon{color:var(--acc)}
.seg-feature-title{position:relative;z-index:1;margin-bottom:10px;padding-left:14px}
.seg-feature-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 999px 999px 0;background:var(--line-strong);transition:height .2s var(--ease),background .2s var(--ease)}
.seg-feature:hover .seg-feature-bar{height:30px;background:var(--acc)}
.seg-feature-name{display:inline-block;font-size:15.5px;font-weight:600;letter-spacing:-.015em;color:var(--fg-0);transition:transform .2s var(--ease)}
.seg-feature:hover .seg-feature-name{transform:translateX(6px)}
.seg-feature-desc{position:relative;z-index:1;margin:0;padding-left:14px;max-width:34ch;color:var(--fg-1);font-size:13px;line-height:1.55}
/* personas */
.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.persona{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--bg-1);transition:border-color .15s var(--ease),transform .2s var(--ease)}
.persona:hover{border-color:var(--acc-line);transform:translateY(-2px)}
.persona .t{font-size:14.5px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:9px}
.persona .t svg{color:var(--acc)}
.persona p{margin:0;color:var(--fg-1);font-size:12.5px}
/* plans — layout insp. pricing cards, ID visual boraADS */
.planos-sec{position:relative}
.lp-particles{pointer-events:none}
.lp-particles canvas{display:block;width:100%;height:100%}
.planos-wrap{position:relative;z-index:1}
.bill-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--bg-1);margin-top:22px}
.bill-toggle button{border:none;background:transparent;color:var(--fg-1);font:inherit;font-size:12.5px;padding:7px 18px;border-radius:999px;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}
.bill-toggle button.on{background:var(--acc);color:var(--acc-ink)}
.bill-toggle .save{font-family:var(--font-mono);font-size:10px;color:var(--pos);margin-left:6px}
.bill-toggle button.on .save{color:color-mix(in oklab,var(--acc-ink) 85%, var(--pos))}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;align-items:stretch}
.plan{
  position:relative;display:flex;flex-direction:column;gap:0;
  padding:28px 26px 26px;border-radius:20px;overflow:hidden;
  background:color-mix(in oklab,var(--bg-2) 70%, transparent);
  border:1px solid color-mix(in oklab,var(--fg-0) 10%, transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 1px 0 color-mix(in oklab,var(--fg-0) 4%, transparent) inset;
  transition:border-color .2s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);
}
.plan:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--fg-0) 18%, transparent)}
.plan.hot{
  border-color:transparent;
  background:
    radial-gradient(120% 80% at 50% -10%, color-mix(in oklab,var(--acc) 18%, transparent), transparent 55%),
    color-mix(in oklab,var(--bg-1) 92%, transparent);
  box-shadow:var(--shadow-2);
}
.plan.hot:hover{transform:translateY(-5px)}
/* Borda gradiente animada (estilo Shine Border / Magic UI) */
.plan-shine{
  position:absolute;inset:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;
  background:
    conic-gradient(
      from var(--plan-shine-angle,0deg),
      transparent 0%,
      color-mix(in oklab,var(--acc) 55%, transparent) 12%,
      var(--acc) 22%,
      var(--info) 32%,
      var(--acc) 42%,
      transparent 55%,
      transparent 100%
    );
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:planShineSpin 4.5s linear infinite;
}
@property --plan-shine-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
@keyframes planShineSpin{to{--plan-shine-angle:360deg}}
.plan-hot-particles{
  position:absolute;inset:0;z-index:0;opacity:1;pointer-events:none;
  /* só canto superior direito */
  -webkit-mask-image:radial-gradient(ellipse 55% 48% at 100% 0%,#000 0%,#000 28%,transparent 68%);
  mask-image:radial-gradient(ellipse 55% 48% at 100% 0%,#000 0%,#000 28%,transparent 68%);
}
.plan-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}
.plan .pop{
  position:absolute;top:16px;right:16px;z-index:4;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  padding:5px 10px;border-radius:999px;white-space:nowrap;
  background:var(--acc-soft);color:var(--acc);border:1px solid var(--acc-line);
  backdrop-filter:blur(6px);
}
.plan-top{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:22px}
.plan.hot .plan-top{padding-right:108px}
@media (prefers-reduced-motion:reduce){
  .plan-shine{animation:none;--plan-shine-angle:40deg}
}
.plan .nm{font-size:13px;font-weight:500;color:var(--fg-2);letter-spacing:.01em}
.plan .price{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px;
  margin-top:14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;
  color:var(--fg-0);letter-spacing:-.03em;line-height:1;
}
.plan .price .cur{font-size:18px;font-weight:500;color:var(--fg-1);margin-right:2px}
.plan .price .amt{font-size:40px;font-weight:600}
.plan .price .per{font-size:14px;font-weight:400;color:var(--fg-2);margin-left:2px}
.plan .who{margin:14px 0 0;color:var(--fg-1);font-size:13.5px;line-height:1.45;max-width:28ch}
.plan .annual{margin:8px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);min-height:15px}
.plan .plan-cta{margin-top:4px}
.plan-feats{margin-top:22px;flex:1;display:flex;flex-direction:column}
.plan-feats-label{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);
}
.plan-feats-label::before,.plan-feats-label::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.plan-feats-label span{flex:none}
.plan-feats ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.plan-feats li{display:flex;align-items:flex-start;gap:11px;color:var(--fg-1);font-size:13px;line-height:1.4}
.plan-check{
  width:20px;height:20px;flex:none;margin-top:1px;border-radius:999px;
  display:grid;place-items:center;
  background:color-mix(in oklab,var(--fg-0) 8%, transparent);
  border:1px solid color-mix(in oklab,var(--fg-0) 14%, transparent);
  color:var(--fg-0);
}
.plan.hot .plan-check{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc)}
.plans-foot{text-align:center;color:var(--fg-2);font-family:var(--font-mono);font-size:11.5px;margin-top:28px}
.plans-foot a{color:var(--acc)}
/* faq */
.faq{max-width:880px;margin:44px auto 0;display:flex;flex-direction:column;gap:10px}
.faq-item{
  position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in oklab,var(--bg-2) 82%,transparent),var(--bg-1));
  transition:border-color .25s var(--ease),box-shadow .3s var(--ease);
}
.faq-item:hover{border-color:var(--line-strong)}
.faq-item.open{
  border-color:color-mix(in oklab,var(--acc) 38%,var(--line));
  box-shadow:0 14px 38px -20px color-mix(in oklab,var(--acc) 40%,transparent);
}
/* wash de accent que acende no item aberto */
.faq-item::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(460px circle at 34px 30px,color-mix(in oklab,var(--acc) 10%,transparent),transparent 62%);
  transition:opacity .45s var(--ease);
}
.faq-item.open::before{opacity:1}
.faq-q{
  position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:14px;
  background:transparent;border:none;color:var(--fg-0);font:inherit;font-size:14.5px;
  font-weight:550;letter-spacing:-.01em;text-align:left;padding:16px 18px;cursor:pointer;
}
.faq-ic{
  flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  color:var(--fg-1);background:var(--bg-2);border:1px solid var(--line);
  transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.faq-item:hover .faq-ic{color:var(--acc);border-color:var(--acc-line)}
.faq-item.open .faq-ic{
  color:var(--acc-ink);background:var(--acc);border-color:var(--acc);
  box-shadow:0 6px 18px -6px color-mix(in oklab,var(--acc) 65%,transparent);
}
.faq-q-text{flex:1;min-width:0}
.faq-plus{
  margin-left:auto;flex:none;width:28px;height:28px;border-radius:999px;
  display:grid;place-items:center;color:var(--fg-2);border:1px solid transparent;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .25s var(--ease),
    border-color .25s var(--ease),background .25s var(--ease);
}
.faq-item:hover .faq-plus{color:var(--fg-0)}
.faq-item.open .faq-plus{transform:rotate(135deg);color:var(--acc);border-color:var(--acc-line);background:var(--acc-soft)}
/* abertura suave: grid-rows 0fr→1fr (sem max-height mágico) */
.faq-a{
  position:relative;z-index:1;display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1);
}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a-in{min-height:0;overflow:hidden}
.faq-a p{
  margin:0;padding:2px 48px 18px 66px;color:var(--fg-1);font-size:13.5px;line-height:1.65;max-width:760px;
  opacity:0;transform:translateY(-6px);
  transition:opacity .4s var(--ease),transform .5s cubic-bezier(.22,1,.36,1);
}
.faq-item.open .faq-a p{opacity:1;transform:none;transition-delay:.07s}
@media (prefers-reduced-motion:reduce){
  .faq-a,.faq-a p,.faq-plus{transition:none}
  .faq-item.open .faq-a p{transition-delay:0s}
}
/* final cta */
.final{padding:130px 0;text-align:center;position:relative;overflow:hidden}
.final-in{position:relative;z-index:1}
.final .h2{max-width:920px;margin:0 auto 18px;font-size:40px}
.final .lead{margin:0 auto 32px}
.final-agp{/* reutiliza máscara/skew do hero-agp */}
.final .ctas{display:flex;justify-content:center;gap:12px;margin-bottom:18px}
.final .sub{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2)}
/* footer */
.lp-foot{border-top:1px solid var(--line-soft);padding:44px 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.lp-foot img{height:24px}
.lp-foot .tag{color:var(--fg-2);font-size:12.5px;max-width:420px}
.lp-foot .links{margin-left:auto;display:flex;gap:18px;font-size:12.5px}
.lp-foot .links a{color:var(--fg-2)}
.lp-foot .links a:hover{color:var(--fg-0)}
/* ─── responsive ─── */
.wrap,.hero-grid,.split,.flow-stage,.builder-split,.plans,.cb-body,.cb-main{min-width:0}
.hero-grid>*,.split>*,.flow-stage>*,.builder-split>*{min-width:0;max-width:100%}
.h1,.h2,.lead,.hero-sub{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.hero-badge{max-width:100%;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px}
.hero-badge .tag{flex:none;white-space:nowrap}
.hero-badge-shiny{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:1100px){
.agents-panel-body{grid-template-columns:1fr;gap:22px}
.agents-panel{padding:24px}
.builder-split{grid-template-columns:1fr}
.cb-rail{width:148px}
}

@media (max-width:980px){
.wrap,.lp-top-in{padding:0 20px}
.sec{padding:72px 0}
.hero{padding:108px 0 56px;min-height:auto;align-items:flex-start}
.hero-grid,.split,.flow-stage,.builder-split{grid-template-columns:1fr;gap:28px}
.flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow-foot{grid-template-columns:1fr}
.h1{font-size:clamp(30px,8.2vw,38px);letter-spacing:-.028em}
.h2{font-size:clamp(24px,6.2vw,28px)}
.lead,.hero-sub{font-size:14.5px}
.hero-ctas,.final .ctas{flex-direction:column;align-items:stretch;gap:10px}
.hero-ctas .shimmer-btn,.final .ctas .shimmer-btn{width:100%;justify-content:center}
.hero-trust{flex-direction:column;gap:10px}
.stats{grid-template-columns:repeat(2,1fr)}
.persona-grid{grid-template-columns:1fr}
.pain-grid,.plans{grid-template-columns:1fr;gap:12px}
.plan{padding:22px 18px}
.plan .price .amt{font-size:34px}
.plan.hot .plan-top{padding-right:0}
.plan .pop{top:12px;right:12px}
.seg-features{grid-template-columns:1fr;border-radius:12px}
.seg-feature{border-right:none;padding:24px 18px}
.seg-feature:nth-child(n+4){border-bottom:1px solid var(--line)}
.seg-feature:last-child{border-bottom:none}
.agents-rail{grid-template-columns:1fr}
.agents-showcase{max-width:100%}
.lp-nav{display:none}
.lp-top-cta .lp-login{display:none!important}
.lp-burger{display:inline-flex}
.lp-signup-full{display:none}
.lp-signup-short{display:inline}
.lp-drawer{
  display:flex;flex-direction:column;gap:8px;
  position:fixed;inset:60px 0 0 0;z-index:49;
  padding:12px 20px 28px;background:color-mix(in oklab,var(--bg-0) 94%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--line-soft);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
  overflow-y:auto;
}
.lp-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.lp-drawer-nav{display:flex;flex-direction:column;gap:2px;padding:8px 0 16px}
.lp-drawer-nav a{
  display:block;padding:14px 12px;border-radius:10px;
  color:var(--fg-0);font-size:16px;font-weight:500;
  border:1px solid transparent;
}
.lp-drawer-nav a:hover,.lp-drawer-nav a:active{background:var(--bg-2);border-color:var(--line-soft)}
.lp-drawer-cta{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft)}
.lp-drawer-login{justify-content:center;height:44px}
.flow-term{position:static}
.demo-sec{padding:88px 0 80px}
.demo-stage{margin-top:28px;gap:14px}
.demo-player{aspect-ratio:16/9;border-radius:14px}
.demo-play .btn-circ{width:68px;height:68px}
.demo-wrap .sec-head--center .h2{font-size:28px}
.demo-wrap .sec-head--center .lead{font-size:14px}
.mock-body{min-height:0;padding:12px}
.mock-frame{border-radius:14px}
.cb-frame{min-height:0}
.cb-rail{display:none}
.cb-body{flex-direction:column}
.cb-main{padding:14px 14px 12px}
.cb-head{padding:10px 12px;font-size:10.5px;gap:6px}
.cb-head-l span:last-child{display:none}
.cb-progress{padding:10px 12px 8px}
.cb-foot{padding:10px 12px;font-size:10.5px;flex-wrap:wrap}
.cb-pane-title{font-size:14px}
.cb-land-grid,.cb-kw-grid,.cb-ads-grid,.cb-budget-grid,.cb-recap{grid-template-columns:1fr}
.cb-fit,.cb-kw-groups,.cb-ad-preview,.cb-proj{display:none}
.mcp-chat-body{min-height:280px}
.mcp-chat-log{max-height:220px;padding:12px}
.panel-head{flex-wrap:wrap;gap:6px;font-size:10.5px}
.panel-head .mono{font-size:10px}
.msg{max-width:92%;font-size:12px}
.final{padding:80px 0}
.final .h2{font-size:clamp(26px,7vw,34px)}
.final .ctas{flex-direction:column}
.lp-foot{padding:32px 0}
.lp-foot .wrap{flex-direction:column;align-items:flex-start;gap:16px}
.lp-foot .links{margin-left:0;flex-wrap:wrap;gap:14px}
.bill-toggle{margin-top:18px}
.faq-q{font-size:13.5px;padding:14px 14px;gap:12px}
.faq-ic{width:30px;height:30px;border-radius:9px}
.faq-a p{padding:0 14px 16px 56px;font-size:12.5px}
/* aurora: sem scale/rotate no mobile (evita overflow visual) */
.aurora-text-fx{animation:auroraSoft 10s ease-in-out infinite alternate}
@keyframes auroraSoft{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
}

/* tablet: respira melhor entre mobile e desktop */
@media (min-width:720px) and (max-width:980px){
.wrap,.lp-top-in{padding:0 28px}
.hero-grid{grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.hero-ctas{flex-direction:column;align-items:stretch}
.hero-ctas .shimmer-btn{width:100%}
.stats{grid-template-columns:repeat(4,1fr)}
.pain-grid{grid-template-columns:repeat(2,1fr)}
.plans{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
.seg-features{grid-template-columns:repeat(2,1fr)}
.seg-feature{border-right:1px solid var(--line)}
.seg-feature:nth-child(2n){border-right:none}
.flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.cb-rail{display:none}
.persona-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:480px){
.wrap,.lp-top-in{padding:0 16px}
.sec{padding:56px 0}
.hero{padding:96px 0 40px}
.lp-top-in{height:56px;gap:10px}
.lp-top-in img{height:22px}
.lp-drawer{inset:56px 0 0 0;padding:10px 16px 24px}
.h1{font-size:28px;line-height:1.12;margin-bottom:14px}
.h2{font-size:22px}
.hero-badge{font-size:11px;padding:4px 10px 4px 6px;margin-bottom:16px;width:100%}
.hero-badge-shiny{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35;max-width:100%}
.hero-sub{font-size:14px;margin-bottom:20px}
.stats{grid-template-columns:1fr 1fr}
.stat{padding:18px 14px}
.stat .v{font-size:28px}
.flow-rail{grid-template-columns:1fr}
.shimmer-btn-lg{height:42px;font-size:13.5px}
.plan .price .amt{font-size:30px}
.cb-idle{min-height:220px}
.mcp-chat-body{min-height:240px}
}

@media (max-width:360px){
.lp-signup-short{font-size:12px}
.stat .v{font-size:24px}
}
/* theme toggle button */
.lp-theme{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--bg-1);color:var(--fg-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease),background .15s var(--ease)}
.lp-theme:hover{border-color:var(--line-strong);color:var(--fg-0);background:var(--bg-2)}
/* Magic UI Animated Theme Toggler — View Transitions */
::view-transition-old(root),
::view-transition-new(root){
  animation:none;
  mix-blend-mode:normal;
}
html[data-magicui-theme-vt="active"]::view-transition-new(root){
  clip-path:var(--magicui-theme-vt-clip-from);
}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none}
}
/* terminal stays dark in both themes (dark chrome regardless of page theme) */
.term{background:#0A0D14}
.term-head i{background:#222A3D}
.term-head .t{color:#6A7287}
.term-body{color:#9CA4B5}
.term-body .c-acc{color:#4D8DFF}
.term-body .c-pos{color:#4ADE80}
.term-body .c-warn{color:#F5B544}
.term-body .c-dim{color:#485066}
.term-caret{background:#4D8DFF}

/* ============================================================
   GSAP motion layer (src/scripts/lp-motion.ts)
   `html.lp-gsap` = GSAP assumiu os reveals; mata as transições CSS
   pro Reveal original não brigar com os tweens.
   ============================================================ */
html.lp-gsap .rv{transition:none;transition-delay:0ms}
/* botões magnéticos: transform vira responsabilidade do GSAP */
html.lp-gsap .hero-ctas .shimmer-btn,
html.lp-gsap .final .ctas .shimmer-btn{transition:background .15s var(--ease),border-color .15s var(--ease)}
html.lp-gsap .lp-top{will-change:transform}

/* Lenis smooth scroll */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* Cursor personalizado */
html.lp-cursor,html.lp-cursor *{cursor:none!important}
html.lp-cursor video{cursor:auto!important}
.lp-cursor-dot,.lp-cursor-ring{
  position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;
  z-index:9999;opacity:0;will-change:transform;
}
.lp-cursor-dot{width:7px;height:7px;background:var(--acc)}
.lp-cursor-ring{
  width:34px;height:34px;
  border:1.5px solid color-mix(in oklab,var(--acc) 55%,transparent);
  transition:border-color .25s var(--ease),background-color .25s var(--ease);
}
.lp-cursor-ring.is-hot{
  border-color:color-mix(in oklab,var(--acc) 85%,transparent);
  background:color-mix(in oklab,var(--acc) 10%,transparent);
}
@media (pointer:coarse){.lp-cursor-dot,.lp-cursor-ring{display:none}}
@media (prefers-reduced-motion:reduce){.lp-cursor-dot,.lp-cursor-ring{display:none}}

/* Grid animado do hero também na seção de planos */
.planos-sec{overflow:hidden}
.planos-agp{
  -webkit-mask-image:radial-gradient(620px circle at 50% 14%,#000 20%,transparent 72%);
  mask-image:radial-gradient(620px circle at 50% 14%,#000 20%,transparent 72%);
}