/* ══ Sorya Guardian LP · identidade violeta/lavanda · estrutura premium ══ */
:root{
  --bg:#F7F6FA; --bg-alt:#FFFFFF; --soft:#F3F1F8; --lavender:#F0E9FF; --lavender-2:#E4D8FB;
  --violet:#7451BA; --violet-strong:#5C3D9B; --violet-glow:#8E6ED3; --violet-soft:rgba(116,81,186,.10); --violet-line:rgba(116,81,186,.22);
  --sec-base:#FFFFFF; --sec-alt:#F0F0F5; --sec-alt-2:#E8E8EE;
  --ink:#1A1A20; --ink-2:#4B4B57; --ink-3:#63636F; --ink-4:#8E8E9C;
  --line:rgba(23,23,32,.09); --line-2:rgba(23,23,32,.14); --line-strong:rgba(23,23,32,.22);
  --ok:#4F9163; --warn:#C99A34; --danger:#C0504B; --info:#2F5FD0;
  --dark:#0E0E12; --dark-2:#17171D; --dark-3:#202027; --dark-line:rgba(255,255,255,.10); --dark-text:#ECEAEF; --dark-muted:#9A95A6;
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --w:1240px; --w-text:1120px; --w-narrow:820px;
  --ease:cubic-bezier(.22,1,.36,1); --ease-2:cubic-bezier(.4,0,.2,1);
  --shadow-s:0 2px 10px rgba(31,20,60,.05); --shadow-m:0 14px 44px rgba(43,27,80,.10); --shadow-l:0 34px 90px rgba(43,27,80,.16);
  --fh:"Archivo",system-ui,sans-serif; --fb:"Manrope",system-ui,sans-serif; --fm:"JetBrains Mono",ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{font-family:var(--fb);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1,h2,h3,h4,h5{font-family:var(--fh);font-weight:600;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700}
h2{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.06}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.2}
p{text-wrap:pretty}
.mono{font-family:var(--fm);font-feature-settings:"tnum" 1}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
::selection{background:var(--violet);color:#fff}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
.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}
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:var(--violet);color:#fff;padding:11px 18px;border-radius:0 0 10px 10px;font-weight:600;transition:top .2s}
.skip:focus{top:0}
/* ═══ progress + moldura de hairlines com "+" (assinatura) ═══ */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--violet),var(--lavender-2));z-index:300;transition:width .1s linear}
.frame{position:relative;width:100%;max-width:var(--w);margin:0 auto;padding:0 30px}
.frame::before,.frame::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.frame::before{left:29px}.frame::after{right:29px}
.rule{position:relative;max-width:var(--w);margin:0 auto;height:1px;background:var(--line)}
.rule::before,.rule::after{content:"+";position:absolute;top:50%;left:0;transform:translate(-50%,-52%);font-family:var(--fm);font-size:15px;line-height:1;color:var(--line-strong);background:transparent}
.rule::after{left:100%}
.section{padding:clamp(72px,9vw,132px) 0;position:relative}
.section--alt{background:var(--bg-alt)}
.shell{max-width:var(--w-text);margin:0 auto}
.lead{color:var(--ink-3);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;max-width:640px}
.center{text-align:center;margin-inline:auto}
@media(max-width:1200px){.frame::before,.frame::after{display:none}.rule::before,.rule::after{display:none}}

/* ═══ reveal on scroll ═══ */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}
[data-motion="off"] .reveal{opacity:1;transform:none;transition:none}

/* ═══ botões ═══ */
.btn{display:inline-flex;align-items:center;gap:9px;border-radius:var(--r-pill);padding:14px 24px;font-family:var(--fb);font-weight:600;font-size:.95rem;letter-spacing:-.01em;transition:transform .3s var(--ease),background .3s,box-shadow .3s,color .3s,border-color .3s;white-space:nowrap}
.btn svg{transition:transform .3s var(--ease)}
.btn--primary{background:var(--violet);color:#fff;box-shadow:0 12px 30px rgba(116,81,186,.32)}
.btn--primary:hover{background:var(--violet-strong);transform:translateY(-2px);box-shadow:0 18px 40px rgba(116,81,186,.42)}
.btn--primary:hover svg{transform:translateX(4px)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.btn--ghost:hover{border-color:var(--violet);color:var(--violet);background:var(--violet-soft);transform:translateY(-2px)}
.btn--dark{background:var(--dark);color:#fff}
.btn--dark:hover{background:var(--dark-3);transform:translateY(-2px)}
.btn--light{background:#fff;color:var(--dark);border:1px solid rgba(255,255,255,.2)}
.btn--light:hover{background:var(--lavender);color:var(--violet-strong);transform:translateY(-2px)}
.btn--sm{padding:11px 18px;font-size:.875rem}
.btn--block{width:100%;justify-content:center}

/* ═══ NAV (barra preta) ═══ */
.nav{position:fixed;top:0;left:0;right:0;z-index:120;background:var(--dark);color:#fff;border-bottom:1px solid var(--dark-line);transition:padding .35s var(--ease),background .35s,box-shadow .35s}
.nav-inner{max-width:var(--w);margin:0 auto;padding:16px 30px;display:flex;align-items:center;gap:28px;transition:padding .35s var(--ease)}
.nav.scrolled{background:rgba(14,14,18,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.34)}
.nav.scrolled .nav-inner{padding-block:11px}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--fh);font-weight:700;font-size:1.16rem;letter-spacing:-.03em}
.brand .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--violet-glow),var(--violet));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.brand .mark svg{width:19px;height:19px;color:#fff}
.brand b{color:var(--lavender-2);font-weight:700}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-links a{padding:9px 14px;border-radius:var(--r-pill);font-size:.9rem;font-weight:500;color:rgba(255,255,255,.72);transition:color .2s,background .2s}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-right{display:flex;align-items:center;gap:12px}
.lang{display:flex;align-items:center;background:rgba(255,255,255,.07);border:1px solid var(--dark-line);border-radius:var(--r-pill);padding:3px}
.lang button{padding:6px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:rgba(255,255,255,.62);transition:.2s}
.lang button[aria-pressed="true"]{background:var(--violet);color:#fff}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--dark-line);align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;transition:.3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;border-radius:2px;transition:.3s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.nav.open .burger span{background:transparent}
.nav.open .burger span::before{top:0;transform:rotate(45deg)}
.nav.open .burger span::after{top:0;transform:rotate(-45deg)}
.mobile-menu{display:none}
@media(max-width:960px){
  .nav-links,.nav-right .lang,.nav-right .btn{display:none}
  .burger{display:flex}
  .mobile-menu{display:block;position:fixed;inset:0;z-index:110;background:var(--dark);padding:110px 30px 40px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
  .nav.open .mobile-menu{opacity:1;pointer-events:auto;transform:none}
  .mobile-menu nav{display:flex;flex-direction:column;gap:6px}
  .mobile-menu a{padding:16px 6px;font-family:var(--fh);font-size:1.5rem;font-weight:600;color:#fff;border-bottom:1px solid var(--dark-line)}
  .mobile-menu .mm-foot{margin-top:28px;display:flex;flex-direction:column;gap:16px}
}
/* ═══ HERO ═══ */
.hero{position:relative;padding-top:150px;background:var(--bg);overflow:hidden}
.hero-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}
.hero-aurora .a1{width:640px;height:640px;top:-220px;left:50%;transform:translateX(-58%);background:radial-gradient(circle,rgba(194,162,244,.85),transparent 62%)}
.hero-aurora .a2{width:520px;height:520px;top:-120px;right:-140px;background:radial-gradient(circle,rgba(142,110,211,.55),transparent 62%)}
.hero-aurora .a3{width:480px;height:480px;top:-40px;left:-160px;background:radial-gradient(circle,rgba(116,81,186,.34),transparent 62%)}
.hero-aurora::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--bg))}
.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;max-width:900px;margin:0 auto}
.pill{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.7);border:1px solid var(--violet-line);border-radius:var(--r-pill);padding:7px 8px 7px 14px;font-size:.82rem;font-weight:500;color:var(--ink-2);box-shadow:var(--shadow-s);backdrop-filter:blur(8px)}
.pill .tag{background:var(--violet);color:#fff;font-family:var(--fm);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,145,99,.45)}70%{box-shadow:0 0 0 9px rgba(79,145,99,0)}100%{box-shadow:0 0 0 0 rgba(79,145,99,0)}}
.hero h1{max-width:15ch}
.hero h1 .accent{display:block;color:var(--violet);min-height:1.08em}
.word{display:inline-block;overflow:hidden;vertical-align:bottom}
.word>i{display:inline-block;font-style:normal;transform:translateY(102%);animation:wordUp .9s var(--ease) forwards;animation-delay:calc(var(--i,0)*60ms + 200ms)}
@keyframes wordUp{to{transform:translateY(0)}}
.phrase-rot>span{display:block;animation:phraseIn .7s var(--ease) both}
@keyframes phraseIn{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
.hero .lead{max-width:600px;color:var(--ink-2);margin-inline:auto}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hero-micro{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;font-size:.83rem;color:var(--ink-3);font-family:var(--fm)}
.hero-micro span{display:inline-flex;align-items:center;gap:7px}
.hero-micro svg{width:15px;height:15px;color:var(--violet)}
/* ═══ CENA DE VIDRO (hero operation scene) ═══ */
.scene{position:relative;z-index:1;isolation:isolate;margin:66px auto 0;padding:74px 64px 78px;max-width:1080px;perspective:1500px}
.scene-wash{position:absolute;z-index:-2;inset:70px 8% 40px;background:radial-gradient(circle,#d8c9ee,transparent 70%);opacity:.7;filter:blur(64px);border-radius:50%}
.scene-orbits{position:absolute;z-index:-3;inset:-30px 0 0;transform:rotateX(62deg) rotateZ(-6deg);pointer-events:none}
.scene-orbits i{position:absolute;border:1px solid var(--violet-line);border-radius:50%}
.scene-orbits i::after{content:"";position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--violet-glow)}
.scene-back{position:absolute;z-index:-1;inset:88px 56px 84px;transform:rotate(-2deg);border:1px solid #fff;background:rgba(242,237,249,.55);border-radius:24px;box-shadow:0 4px 30px rgba(116,81,186,.06)}
.glass{position:relative;z-index:1;background:rgba(255,255,255,.72);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid #fff;border-radius:var(--r-lg);padding:0 26px;box-shadow:0 26px 80px rgba(116,81,186,.16),0 0 0 1px rgba(225,216,237,.45),inset 0 1px 0 #fff;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .3s var(--ease)}
.glass-top{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;border-bottom:1px solid var(--violet-line);font-family:var(--fm);font-size:.74rem;color:#74627f}
.glass-top .l{display:flex;align-items:center;gap:9px}.glass-top .l svg{width:16px;height:16px;color:var(--violet)}
.glass-top .r{background:rgba(255,255,255,.6);border:1px solid #e8e0f1;border-radius:6px;padding:3px 9px}
.glass-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}
.glass-head h3{font-size:1.5rem;letter-spacing:-.04em;margin-top:5px}
.glass-head .micro{font-family:var(--fm);font-size:.72rem;color:#74627f}
.status{display:inline-flex;align-items:center;gap:7px;background:var(--lavender);color:var(--violet);border:1px solid #e1d4ef;border-radius:var(--r-pill);padding:6px 11px;font-size:.76rem;font-weight:600;white-space:nowrap}
.status svg{width:15px;height:15px}
.status.is-fail{color:#a83f3a;background:#fff1ef;border-color:#f2d4d0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}
.node{position:relative;display:flex;align-items:center;gap:9px;padding:15px 12px;border:1px solid #e2d9ee;background:rgba(255,255,255,.66);border-radius:var(--r-sm);font-size:.875rem;font-weight:600;transition:background .4s,border-color .4s}
.node:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 1px);top:50%;width:24px;height:1px;background:#c9b5e1}
.node:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 1px);top:calc(50% - 1px);width:5px;height:3px;background:var(--violet);border-radius:2px}
.node svg{width:19px;height:19px;color:var(--violet);flex:none}
.node .st{margin-left:auto;color:#a089b8;display:flex}
.node.fail{background:#fff7f6;border-color:#eab8b2}.node.fail svg,.node.fail .st{color:#bc5952}
.node.wait{background:#f8f7fa;color:#776c82}.node.wait svg{color:#9d91aa}
.glass-log{border:1px solid #e6dfed;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.6)}
.glass-log .head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e8e1f0;font-family:var(--fm);font-size:.72rem;color:#74627f;background:rgba(246,243,250,.55)}
.glass-log .head .mono{margin-left:auto}
.glass-log .entry{display:flex;align-items:center;gap:12px;padding:14px 12px;font-family:var(--fm);font-size:.8rem;animation:logIn .45s var(--ease) both}
.glass-log .entry .n{color:#b6a6c8}.glass-log .entry code{color:#3d3350}.glass-log .entry svg{margin-left:auto;width:16px;height:16px;color:var(--violet)}
@keyframes logIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.glass-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;font-size:.74rem;color:#74627f}
.phases{display:flex;gap:4px;background:rgba(255,255,255,.55);border:1px solid #e8e0f1;border-radius:var(--r-pill);padding:3px}
.phases button{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:#857a95;transition:.2s}
.phases button .mono{font-size:.68rem;opacity:.7}
.phases button[aria-pressed="true"]{background:var(--violet);color:#fff}
/* ═══ cards flutuantes + dock ═══ */
.sat{position:absolute;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #fff;border-radius:var(--r-md);box-shadow:var(--shadow-m);padding:13px 15px;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sat .si{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lavender);color:var(--violet);margin-bottom:7px}
.sat .si svg{width:18px;height:18px}
.sat .sl{font-family:var(--fm);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}
.sat strong{display:block;font-family:var(--fh);font-size:.95rem;letter-spacing:-.02em;margin-top:2px}
.sat p{font-size:.8rem;color:var(--ink-3);margin-top:4px;line-height:1.5}
.sat.fl-alert{top:40px;right:-34px;width:236px}
.sat.fl-insight{bottom:26px;left:-34px;width:250px}
.sat.is-fail .si{background:#fff1ef;color:#bc5952}
.sat.is-ready .si{background:#eaf5ee;color:var(--ok)}
.ctx-tags{display:flex;align-items:center;gap:6px;margin-top:9px;font-family:var(--fm);font-size:.66rem;color:var(--ink-4)}
.ctx-tags span{border:1px solid var(--line);border-radius:5px;padding:2px 7px}
.ctx-tags svg{width:13px;height:13px;color:var(--ok)}
.dock{position:absolute;z-index:3;bottom:-18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px;box-shadow:var(--shadow-m)}
.dock .act{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-pill);font-size:.83rem;font-weight:600;color:var(--ink-2);transition:.2s}
.dock .act svg{width:15px;height:15px;color:var(--violet)}
.dock .act:hover{background:var(--violet-soft);color:var(--violet)}
.dock .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);transition:.2s}
.dock .ic:hover{background:var(--soft);color:var(--violet)}
.dock .sep{width:1px;height:22px;background:var(--line)}
@media(max-width:1080px){.sat.fl-alert{right:8px;top:20px}.sat.fl-insight{left:8px}}
@media(max-width:760px){
  .scene{padding:52px 14px 96px;margin-top:46px}
  .sat.fl-alert{position:relative;right:auto;top:auto;width:auto;margin-bottom:14px;animation:none}
  .sat.fl-insight{position:relative;left:auto;bottom:auto;width:auto;margin-top:14px;animation:none}
  .flow{grid-template-columns:1fr 1fr;gap:10px}
  .node:not(:last-child)::after,.node:not(:last-child)::before{display:none}
  .glass-head{flex-direction:column;align-items:start;gap:12px}.glass-head h3{font-size:1.25rem}
  .glass-foot{flex-direction:column;align-items:start;gap:10px}
  .phases{width:100%;justify-content:space-between}.phases button{padding:7px 9px}
  .dock{width:calc(100% - 20px);justify-content:center;bottom:-16px;flex-wrap:wrap}
}
/* ═══ TICKER ═══ */
.ticker{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;gap:16px;width:max-content;animation:marquee 40s linear infinite}
.ticker.rev .ticker-track{animation-direction:reverse}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--bg-alt);border-radius:var(--r-pill);padding:11px 20px;font-family:var(--fh);font-weight:600;font-size:.95rem;letter-spacing:-.02em;white-space:nowrap;color:var(--ink-2);transition:.25s}
.chip:hover{border-color:var(--violet-line);color:var(--violet);background:var(--lavender)}
.chip i{width:9px;height:9px;border-radius:50%;background:var(--violet-glow)}
[data-motion="off"] .ticker-track{animation-play-state:paused}
/* ═══ cabeçalho de seção ═══ */
.sec-head{display:flex;flex-direction:column;gap:16px;max-width:720px}
.sec-head.center{margin-inline:auto;align-items:center;text-align:center}
.sec-head h2{margin-top:2px}
.sec-head .lead{margin-top:6px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
/* ═══ cards de problema ═══ */
.pcard{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.pcard:hover{transform:translateY(-6px);border-color:var(--violet-line);box-shadow:var(--shadow-m)}
.pcard .num{font-family:var(--fm);font-size:.78rem;font-weight:600;color:var(--violet);letter-spacing:.1em}
.pcard h3{letter-spacing:-.03em}
.pcard p{color:var(--ink-3);font-size:.96rem}
.pcard .icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--lavender);color:var(--violet)}
.pcard .icon svg{width:22px;height:22px}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
/* ═══ produto: abas + galeria ═══ */
.tabs{display:inline-flex;gap:4px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px;margin:30px auto 0}
.tabs button{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:var(--r-pill);font-weight:600;font-size:.9rem;color:var(--ink-3);transition:.25s}
.tabs button svg{width:17px;height:17px}
.tabs button[aria-selected="true"]{background:var(--violet);color:#fff;box-shadow:0 8px 20px rgba(116,81,186,.28)}
.panel{display:none;margin-top:26px}
.panel.active{display:block;animation:fade .5s var(--ease) both}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.panel .desc{max-width:760px;margin:0 auto 22px;text-align:center;color:var(--ink-3)}
.screen{position:relative;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-alt);box-shadow:var(--shadow-l);overflow:hidden}
.screen-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
.screen-bar .l{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--ink-3);font-weight:600}
.screen-bar .l svg{width:15px;height:15px;color:var(--violet)}
.screen-bar .r{font-family:var(--fm);font-size:.74rem;color:var(--ink-4)}
.screen-view{position:relative;background:var(--soft)}
.screen-view img{width:100%;height:auto;display:block}
.screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;font-size:.8rem;color:var(--ink-3);border-top:1px solid var(--line);background:var(--bg-alt);flex-wrap:wrap}
.sel{display:flex;gap:6px;margin-top:16px;justify-content:center;flex-wrap:wrap}
.sel button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg-alt);border-radius:var(--r-pill);padding:9px 15px;font-size:.82rem;font-weight:600;color:var(--ink-3);transition:.2s}
.sel button .mono{color:var(--ink-4)}
.sel button[aria-pressed="true"]{border-color:var(--violet);color:var(--violet);background:var(--lavender)}
.detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.detail-strip article{display:flex;flex-direction:column;gap:11px;padding:26px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-alt)}
.detail-strip .ico{width:42px;height:42px;border-radius:12px;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center}
.detail-strip .ico svg{width:20px;height:20px}
.detail-strip h3{font-size:1.12rem}
.detail-strip p{color:var(--ink-3);font-size:.92rem}
@media(max-width:900px){.detail-strip{grid-template-columns:1fr}}
/* lightbox */
.lightbox{position:fixed;inset:0;z-index:200;display:none;background:rgba(10,8,16,.82);backdrop-filter:blur(8px);padding:32px}
.lightbox.open{display:flex;flex-direction:column;gap:16px}
.lightbox .lb-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}
.lightbox .lb-head strong{font-family:var(--fh);font-size:1.1rem}
.lightbox .lb-head .x{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;display:grid;place-items:center}
.lightbox .lb-head .x:hover{background:rgba(255,255,255,.12)}
.lightbox .lb-body{flex:1;overflow:auto;border-radius:var(--r-md);background:#000;display:grid;place-items:center}
.lightbox img{width:min(1400px,100%);height:auto}
/* ═══ AI Agents: faixa escura ═══ */
.band{position:relative;background:var(--dark);color:var(--dark-text);border-radius:var(--r-xl);padding:clamp(32px,5vw,64px);overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;inset:-40% 20% auto;height:520px;background:radial-gradient(circle,rgba(142,110,211,.4),transparent 62%);filter:blur(30px);z-index:-1}
.band::after{content:"";position:absolute;left:-10%;bottom:-40%;width:60%;height:420px;background:radial-gradient(circle,rgba(47,95,208,.28),transparent 62%);filter:blur(40px);z-index:-1}
.band .eyebrow{color:var(--lavender-2)}
.band h2,.band h3{color:#fff}
.band .lead{color:var(--dark-muted)}
.dev-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(194,162,244,.4);background:rgba(194,162,244,.12);color:var(--lavender-2);border-radius:var(--r-pill);padding:6px 13px;font-family:var(--fm);font-size:.72rem;font-weight:600}
.dev-pill svg{width:14px;height:14px}
.band-head{display:flex;flex-direction:column;gap:16px;max-width:700px}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:34px 0 22px}
.pstep{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--dark-line);border-radius:var(--r-md);background:rgba(255,255,255,.04);transition:.35s}
.pstep .pi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--dark-muted)}
.pstep .pi svg{width:19px;height:19px}
.pstep .pn{font-family:var(--fm);font-size:.68rem;color:var(--dark-muted)}
.pstep b{font-family:var(--fh);font-size:.98rem;color:#fff;letter-spacing:-.02em}
.pstep.done{border-color:rgba(79,145,99,.5);background:rgba(79,145,99,.1)}
.pstep.done .pi{background:rgba(79,145,99,.2);color:#9bd6ad}
.pstep.active{border-color:var(--violet-glow);background:rgba(142,110,211,.16);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.pstep.active .pi{background:var(--violet);color:#fff}
.band-panel{border:1px solid var(--dark-line);border-radius:var(--r-md);background:rgba(255,255,255,.03);padding:20px;display:flex;flex-direction:column;gap:14px}
.band-panel .top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.band-panel .top .msg{font-size:1rem;color:#fff;font-weight:600}
.band-panel .top .sub{font-size:.82rem;color:var(--dark-muted)}
.state{font-family:var(--fm);font-size:.7rem;font-weight:600;letter-spacing:.08em;border:1px solid var(--dark-line);border-radius:var(--r-pill);padding:5px 11px;color:var(--dark-muted)}
.state.run{color:#9bd6ad;border-color:rgba(79,145,99,.5)}
.state.approve{color:var(--lavender-2);border-color:rgba(194,162,244,.5)}
.diff{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.code{border:1px solid var(--dark-line);border-radius:var(--r-sm);overflow:hidden;background:#0a0a0d}
.code .ch{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--dark-line);font-family:var(--fm);font-size:.72rem;color:var(--dark-muted)}
.code .ch svg{width:14px;height:14px}
.code .ch .mono{margin-left:auto}
.code .ln{display:flex;gap:12px;padding:8px 13px;font-family:var(--fm);font-size:.78rem;color:#cdc7dd}
.code .ln .n{color:#5b5568;width:16px;text-align:right;flex:none}
.code .add{background:rgba(79,145,99,.14)}.code .add code{color:#a9e0bb}
.code .rem{background:rgba(192,80,75,.14)}.code .rem code{color:#eaa7a3}
.violet{color:#b79be8}
.checks{display:flex;flex-direction:column;gap:10px}
.checks .micro{font-family:var(--fm);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dark-muted)}
.checks .row{display:flex;align-items:center;gap:10px;font-size:.86rem;color:#ded9ea}
.checks .row svg{width:16px;height:16px;color:#9bd6ad;flex:none}
.checks .row.pending{color:var(--dark-muted)}.checks .row.pending svg{color:#8a8397}
.band-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ownership{display:flex;align-items:center;gap:18px;margin-top:26px;padding:22px;border:1px solid var(--dark-line);border-radius:var(--r-md);background:rgba(255,255,255,.03)}
.ownership svg.big{width:30px;height:30px;color:var(--lavender-2);flex:none}
.ownership h3{font-size:1.12rem}
.ownership p{color:var(--dark-muted);font-size:.9rem;margin-top:4px}
.ownership .scope{margin-left:auto;font-size:.78rem;color:var(--dark-muted);max-width:230px;border-left:1px solid var(--dark-line);padding-left:18px}
@media(max-width:1040px){.pipeline{grid-template-columns:repeat(2,1fr)}.diff{grid-template-columns:1fr}}
@media(max-width:640px){.pipeline{grid-template-columns:1fr}.ownership{flex-direction:column;align-items:start}.ownership .scope{margin-left:0;border-left:0;padding-left:0;max-width:none}}
/* ═══ como funciona ═══ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-alt)}
.steps article{padding:32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.steps article:last-child{border-right:0}
.steps .n{font-family:var(--fm);font-size:.9rem;font-weight:600;color:var(--violet);letter-spacing:.06em}
.steps h3{font-size:1.22rem}
.steps p{color:var(--ink-3);font-size:.94rem}
@media(max-width:900px){.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}}
/* ═══ faixa de métricas (contadores) ═══ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.stat{display:flex;flex-direction:column;gap:6px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-alt)}
.stat .v{font-family:var(--fh);font-weight:700;font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.05em;color:var(--violet);line-height:1}
.stat .v small{font-size:.5em;color:var(--ink-3);font-weight:600}
.stat .l{font-size:.86rem;color:var(--ink-3)}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stats{grid-template-columns:1fr}}
/* ═══ citação com texto revelado (scroll) ═══ */
.quote-wrap{max-width:1000px;margin:0 auto}
.quote-mark{font-family:var(--fh);font-size:4rem;line-height:0;color:var(--lavender-2);height:34px;display:block}
.reveal-text{font-family:var(--fh);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.35rem);line-height:1.32;letter-spacing:-.03em;margin-top:14px}
.reveal-text span.w{display:inline-block;white-space:nowrap}
.reveal-text span.c{color:#B7B3C4;transition:color .18s linear}
.quote-by{display:flex;align-items:center;gap:14px;margin-top:26px;color:var(--ink-3);font-size:.9rem}
.quote-by .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(150deg,var(--violet-glow),var(--violet));display:grid;place-items:center;color:#fff;font-family:var(--fh);font-weight:700}
.quote-by b{display:block;color:var(--ink);font-family:var(--fh);font-weight:600}
/* ═══ CENA OPERACIONAL (vidro, hero) ═══ */
.scene{position:relative;isolation:isolate;margin:56px auto 0;max-width:1080px;padding:74px 66px 84px;perspective:1400px}
.scene-wash{position:absolute;z-index:-2;inset:70px 13% 40px;background:var(--lavender-2);opacity:.7;border-radius:50%;filter:blur(70px)}
.scene-orbits{position:absolute;z-index:-3;inset:-30px -2% 0;transform:rotateX(62deg) rotateZ(-6deg);pointer-events:none}
.scene-orbits span{position:absolute;border:1px solid var(--violet-line);border-radius:50%}
.scene-orbits span::after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--violet-glow)}
.scene-back{position:absolute;z-index:-1;inset:86px 56px 88px;transform:rotate(-2deg);border:1px solid #fff;background:rgba(240,233,255,.5);border-radius:24px;box-shadow:0 4px 30px rgba(116,81,186,.07)}
.glass{position:relative;z-index:1;background:rgba(255,255,255,.72);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid #fff;border-radius:22px;padding:0 26px;box-shadow:0 30px 80px rgba(116,81,186,.16),0 0 0 1px rgba(225,216,237,.5),inset 0 1px 0 #fff;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .3s}
.glass-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;border-bottom:1px solid var(--violet-line);font-family:var(--fm);font-size:.72rem;color:var(--ink-3)}
.glass-top>span{display:flex;align-items:center;gap:9px}
.glass-top svg{width:17px;height:17px;color:var(--violet)}
.glass-top .badge{background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.glass-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}
.glass-head .micro{font-family:var(--fm);font-size:.72rem;color:var(--ink-3)}
.glass-head h3{font-size:1.5rem;margin-top:4px}
.status-pill{display:inline-flex;align-items:center;gap:7px;background:var(--lavender);color:var(--violet-strong);border:1px solid var(--violet-line);border-radius:var(--r-pill);padding:6px 11px;font-size:.75rem;font-weight:600;white-space:nowrap;transition:.4s}
.status-pill svg{width:15px;height:15px}
.status-pill.fail{background:#FFF1EF;color:#A8453F;border-color:#F2D4D0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:24px 0}
.node{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:15px 12px;border:1px solid var(--line-2);background:rgba(255,255,255,.66);border-radius:12px;font-size:.86rem;font-weight:600;color:var(--ink);box-shadow:0 3px 10px rgba(116,81,186,.04);transition:background .45s,border-color .45s,color .45s}
.node:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 1px);top:50%;width:22px;height:1px;background:var(--lavender-2)}
.node:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 1px);top:calc(50% - 1px);width:5px;height:3px;background:var(--violet);border-radius:2px}
.node-ico{display:flex;color:var(--violet)}
.node-ico svg{width:20px;height:20px}
.node-st{margin-left:auto;display:flex;color:var(--violet-glow)}
.node-st svg{width:13px;height:13px}
.node.failed{background:#FFF7F6;border-color:#EAB8B2;color:#8E3B36}
.node.failed .node-ico,.node.failed .node-st{color:var(--danger)}
.node.waiting{background:var(--soft);color:var(--ink-3);box-shadow:none}
.node.waiting .node-ico{color:var(--ink-4)}
.log{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.6)}
.log-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font-family:var(--fm);font-size:.72rem;color:var(--ink-3);background:rgba(243,241,248,.6)}
.log-head svg{width:15px;height:15px;color:var(--violet)}
.log-head .mono{margin-left:auto}
.log-entry{display:flex;align-items:center;gap:13px;padding:13px 12px;font-family:var(--fm);font-size:.78rem;color:var(--ink-2);animation:fadeIn .5s var(--ease)}
.log-entry code{color:var(--ink)}
.log-entry .ln{color:var(--ink-4)}
.log-entry svg{width:16px;height:16px;color:var(--violet);margin-left:auto}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.glass-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line);margin-top:2px}
.glass-foot .note{font-size:.74rem;color:var(--ink-4)}
.phases{display:flex;gap:4px}
.phases button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:var(--ink-3);border:1px solid transparent;transition:.25s}
.phases button:hover{background:var(--soft)}
.phases button[aria-pressed="true"]{background:var(--violet);color:#fff}
.phases .mono{font-size:.7rem;opacity:.7}
/* ═══ planos ═══ */
.bill-toggle{display:inline-flex;gap:4px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px;margin:26px auto 6px}
.bill-toggle button{padding:10px 20px;border-radius:var(--r-pill);font-weight:600;font-size:.88rem;color:var(--ink-3);transition:.25s}
.bill-toggle button[aria-pressed="true"]{background:var(--violet);color:#fff}
.bill-note{text-align:center;color:var(--ink-3);font-size:.84rem;margin-top:12px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;align-items:start}
.plan{display:flex;flex-direction:column;gap:18px;padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-alt);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
.plan.pro{border-color:var(--violet);box-shadow:0 26px 70px rgba(116,81,186,.2);position:relative;background:linear-gradient(180deg,#fff,var(--lavender) 240%)}
.plan .badge{position:absolute;top:-13px;left:30px;background:var(--violet);color:#fff;font-family:var(--fm);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:var(--r-pill)}
.plan .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.plan .top h3{font-size:1.4rem}
.plan .top .idx{font-family:var(--fm);font-size:.8rem;color:var(--ink-4)}
.plan .tag{font-family:var(--fh);font-weight:600;color:var(--violet);letter-spacing:-.02em}
.plan .aud{color:var(--ink-3);font-size:.9rem}
.plan .price{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.plan .price b{font-family:var(--fh);font-weight:700;font-size:2.5rem;letter-spacing:-.05em;line-height:1}
.plan .price span{color:var(--ink-3);font-size:.9rem}
.plan .billing{color:var(--ink-4);font-size:.8rem;min-height:32px}
.plan .inc{display:flex;flex-direction:column;gap:11px;padding-top:6px;border-top:1px solid var(--line);margin-top:2px}
.plan .inc .micro{font-family:var(--fm);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}
.plan .inc p{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink-2)}
.plan .inc svg{width:17px;height:17px;color:var(--violet);flex:none}
.plan-note{text-align:center;color:var(--ink-3);font-size:.86rem;margin-top:24px;max-width:760px;margin-inline:auto}
@media(max-width:960px){.plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
.sat{position:absolute;z-index:2;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid #fff;border-radius:16px;padding:13px 15px;box-shadow:0 20px 50px rgba(43,27,80,.16);display:flex;flex-direction:column;gap:2px;max-width:250px;transition:transform .4s var(--ease)}
.sat .sat-top{display:flex;align-items:center;gap:9px;font-family:var(--fm);font-size:.7rem;color:var(--ink-3)}
.sat .sat-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--lavender);color:var(--violet-strong)}
.sat .sat-ico svg{width:17px;height:17px}
.sat strong{font-family:var(--fh);font-weight:600;font-size:.95rem;color:var(--ink);letter-spacing:-.02em}
.sat small{font-family:var(--fm);font-size:.7rem;color:var(--ink-4)}
.sat--workflow{left:-26px;top:44px;transform:rotate(-2deg)}
.sat--alert{right:-26px;top:26px;transform:rotate(2deg)}
.sat--alert.has-fail .sat-ico{background:#FBECEA;color:var(--danger)}
.sat--insight{left:-20px;bottom:34px}
.sat--insight .ctx{display:flex;gap:6px;margin-top:7px;align-items:center}
.sat--insight .ctx span{font-family:var(--fm);font-size:.66rem;color:var(--violet-strong);background:var(--lavender);border-radius:var(--r-pill);padding:2px 8px}
.sat--insight .ctx .ok{background:var(--ok);color:#fff;padding:2px 5px}
.dock{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.scene-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;font-size:.84rem;font-weight:600;color:var(--ink-2);transition:.25s}
.scene-btn svg{width:16px;height:16px}
.scene-btn:hover{border-color:var(--violet);color:var(--violet-strong);transform:translateY(-1px)}
.icon-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;transition:.25s}
.icon-btn svg{width:16px;height:16px}
.icon-btn:hover{border-color:var(--violet);color:var(--violet-strong)}
@media(max-width:1024px){.scene{padding:66px 27px 106px}.sat--workflow{left:0;top:14px}.sat--alert{right:0;top:10px}.sat--insight{width:210px;bottom:16px;left:-4px}.node-st{display:none}.glass-foot{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:640px){.scene{padding:54px 0 0}.glass{padding:0 15px;border-radius:16px}.glass-head{flex-direction:column;align-items:flex-start;gap:10px}.flow{grid-template-columns:1fr 1fr;gap:10px}.node::before,.node::after{display:none}.sat{position:static;max-width:none;transform:none;margin:12px 0 0}.scene-wash{filter:blur(42px)}}

/* ═══ TICKER (stack monitorada) ═══ */
.ticker-sec{padding-block:56px}
.ticker-label{text-align:center;font-family:var(--fm);font-size:.8rem;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;margin-bottom:30px}
.ticker{position:relative;display:flex;overflow:hidden;gap:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;gap:16px;padding-right:16px;flex:none;animation:scroll-x var(--dur,42s) linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scroll-x{to{transform:translateX(-100%)}}
.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg-alt);white-space:nowrap;font-weight:600;font-size:.95rem;color:var(--ink-2);box-shadow:var(--shadow-s)}
.ticker-item .tdot{width:9px;height:9px;border-radius:50%;background:var(--violet);flex:none}
[data-motion="off"] .ticker-track{animation:none}
/* ═══ faq ═══ */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-alt);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.faq-item[open]{border-color:var(--violet-line);box-shadow:var(--shadow-s)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-family:var(--fh);font-weight:600;font-size:1.02rem;letter-spacing:-.02em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .plus{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;flex:none;transition:.3s;position:relative}
.faq-item .plus::before,.faq-item .plus::after{content:"";position:absolute;background:var(--violet);border-radius:2px;transition:.3s}
.faq-item .plus::before{width:11px;height:2px}
.faq-item .plus::after{width:2px;height:11px}
.faq-item[open] .plus{background:var(--violet);border-color:var(--violet)}
.faq-item[open] .plus::before,.faq-item[open] .plus::after{background:#fff}
.faq-item[open] .plus::after{transform:rotate(90deg)}
.faq-item .ans{padding:0 22px 22px;color:var(--ink-3);font-size:.94rem;animation:fade .4s var(--ease) both}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:30px}}
/* ═══ cta final ═══ */
.cta-card{position:relative;background:var(--violet);color:#fff;border-radius:var(--r-xl);padding:clamp(40px,6vw,80px);overflow:hidden;isolation:isolate;text-align:center}
.cta-card::before{content:"";position:absolute;inset:-30% auto auto -20%;width:70%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 60%);filter:blur(20px);z-index:-1}
.cta-card::after{content:"";position:absolute;right:-14%;bottom:-60%;width:55%;height:150%;background:radial-gradient(circle,rgba(194,162,244,.55),transparent 60%);filter:blur(24px);z-index:-1}
.cta-card h2{color:#fff;max-width:22ch;margin-inline:auto}
.cta-card .lead{color:rgba(255,255,255,.86);margin:18px auto 0;text-align:center}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
/* ═══ rodapé ═══ */
.footer{background:var(--dark);color:var(--dark-text);padding:70px 0 40px;margin-top:96px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.footer .brand{color:#fff;font-size:1.25rem}
.footer .brand b{color:var(--lavender-2)}
.footer .about{color:var(--dark-muted);font-size:.9rem;margin-top:16px;max-width:280px}
.footer h4{font-family:var(--fm);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-muted);margin-bottom:16px;font-weight:600}
.footer .col a{display:block;padding:7px 0;color:rgba(255,255,255,.72);font-size:.92rem;transition:.2s}
.footer .col a:hover{color:#fff}
.footer .contact a{color:var(--lavender-2)}
.footer .lang2{display:inline-flex;gap:6px;margin-top:14px;font-size:.85rem;color:var(--dark-muted)}
.footer .lang2 button{color:var(--dark-muted);padding:2px 4px}.footer .lang2 button[aria-pressed="true"]{color:#fff;text-decoration:underline}
.footer-word{font-family:var(--fh);font-weight:700;font-size:clamp(3rem,13vw,10rem);letter-spacing:-.06em;line-height:.9;color:rgba(255,255,255,.06);margin:48px 0 20px;user-select:none}
.footer-word b{color:rgba(194,162,244,.16)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--dark-line);color:var(--dark-muted);font-size:.83rem}
.motion-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--dark-line);border-radius:var(--r-pill);padding:8px 15px;color:var(--dark-muted);font-size:.8rem;transition:.2s}
.motion-btn:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.motion-btn svg{width:14px;height:14px}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr}}
/* ═══ back to top ═══ */
.totop{position:fixed;right:24px;bottom:24px;z-index:90;width:48px;height:48px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-m);opacity:0;pointer-events:none;transform:translateY(12px);transition:.35s var(--ease)}
.totop.show{opacity:1;pointer-events:auto;transform:none}
.totop svg{width:20px;height:20px}
/* ═══ motion / utilities ═══ */
[data-motion="off"] .sat,[data-motion="off"] .pill .dot{animation:none}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .word>i{transform:none!important}
}
/* ═══ POLISH · refinos fiéis ao inventário de efeitos (Framer) ═══ */
/* 1 · Entrada padrão: fade + subida de 60px, movimento tipo mola */
.reveal{transform:translateY(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms);will-change:opacity,transform}
/* 2 · Barra que cresce (846 → 1240) */
.nav-inner{max-width:846px;transition:max-width .6s cubic-bezier(.22,1,.36,1),padding .35s var(--ease)}
.nav.scrolled .nav-inner{max-width:1240px}
@media(max-width:1180px){.nav-inner{max-width:1240px}}
/* 3 · Ticker: marquee contínuo (-50%), com fade nas bordas */
.ticker{display:flex;gap:0}
.ticker-track{flex:none;animation:marquee 42s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
/* 4 · Botão: seta dupla em janela recortada (uma sai, outra entra) */
.btn__ico{position:relative;display:inline-flex;width:18px;height:18px;flex:none;overflow:hidden}
.btn__ico svg{position:absolute;inset:0;width:18px;height:18px;transition:transform .3s var(--ease)}
.btn__ico svg:nth-child(2){transform:translateX(-130%)}
.btn:hover .btn__ico svg:nth-child(1){transform:translateX(130%)}
.btn:hover .btn__ico svg:nth-child(2){transform:translateX(0)}
/* 5 · FAQ: altura animada (linear 0.2s) + ícone */
.faq-item .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s linear}
.faq-item[open] .ans{grid-template-rows:1fr}
.faq-item .ans>*{min-height:0;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .plus{transition:opacity .2s linear,transform .2s linear;opacity:.6}
.faq-item[open] summary .plus{opacity:1;transform:rotate(90deg)}
/* 6 · Dashboard Slider (3 telas em camadas) */
.dash{margin-top:48px}
.dash-stage{position:relative;height:clamp(300px,44vw,560px)}
.dash-slide{position:absolute;left:50%;top:50%;width:min(74%,920px);aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0E0E12;box-shadow:0 19px 48px rgba(23,23,32,.30);transition:transform 1.5s var(--ease),opacity 1.5s var(--ease),filter 1.5s var(--ease)}
.dash-slide img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.dash-slide[data-pos="front"]{transform:translate(-50%,-50%) scale(1);z-index:3;opacity:1;filter:none}
.dash-slide[data-pos="right"]{transform:translate(calc(-50% + 15.5%),-50%) scale(.86);z-index:2;opacity:.55;filter:blur(1.5px) saturate(.95)}
.dash-slide[data-pos="left"]{transform:translate(calc(-50% - 15.5%),-50%) scale(.86);z-index:2;opacity:.55;filter:blur(1.5px) saturate(.95)}
.dash-slide[data-pos="right"]:hover{transform:translate(calc(-50% + 15.5%),calc(-50% - 5px)) scale(.87);cursor:pointer}
.dash-slide[data-pos="left"]:hover{transform:translate(calc(-50% - 15.5%),calc(-50% - 5px)) scale(.87);cursor:pointer}
.dash-tag{position:absolute;left:16px;top:16px;z-index:5;display:inline-flex;align-items:center;gap:8px;background:rgba(14,14,18,.62);backdrop-filter:blur(10px);color:#fff;border-radius:var(--r-pill);padding:7px 14px;font-family:var(--fm);font-size:.72rem}
.dash-tag i{width:7px;height:7px;border-radius:50%;background:var(--lavender)}
.dash-dots{display:flex;gap:10px;justify-content:center;margin-top:30px}
.dash-dots button{width:40px;height:4px;border-radius:3px;background:var(--line-2);transition:.35s}
.dash-dots button[aria-pressed="true"]{background:var(--violet)}
@media(max-width:760px){.dash-stage{height:clamp(220px,60vw,360px)}.dash-slide{width:92%}.dash-slide[data-pos="left"],.dash-slide[data-pos="right"]{opacity:0;pointer-events:none}}
/* ═══ NAV flutuante clara (estilo Aiwork) ═══ */
.nav{top:14px;padding:0 20px;background:transparent;color:var(--ink);border-bottom:0;box-shadow:none}
.nav .nav-inner{max-width:calc(var(--w) - 58px);height:66px;padding:0 14px 0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(23,23,32,.08);border-radius:16px;box-shadow:0 8px 30px rgba(23,23,32,.07);transition:box-shadow .35s var(--ease),background .35s var(--ease)}
.nav.scrolled{background:transparent;box-shadow:none}
.nav.scrolled .nav-inner{max-width:calc(var(--w) - 58px);padding:0 14px 0 18px;box-shadow:0 14px 40px rgba(23,23,32,.14);background:rgba(255,255,255,.95)}
.nav .brand{grid-column:1;justify-self:start;color:var(--ink)}
.nav .nav-links{grid-column:2;justify-self:center;margin-left:0}
.nav .nav-right{grid-column:3;justify-self:end}
.nav .brand b{color:var(--violet)}
.nav .brand .mark{width:32px;height:32px;border-radius:9px;box-shadow:0 6px 16px rgba(116,81,186,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.nav .nav-links a{color:var(--ink-2)}
.nav .nav-links a:hover{color:var(--ink);background:var(--soft)}
.nav .lang{background:var(--soft);border-color:var(--line)}
.nav .lang button{color:var(--ink-3)}
.nav .lang button[aria-pressed="true"]{background:var(--violet);color:#fff}
.nav .burger{border-color:var(--line-2)}
.nav .burger span,.nav .burger span::before,.nav .burger span::after{background:var(--ink)}
.nav.open .burger span{background:transparent}
@media(max-width:960px){
  .mobile-menu{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .mobile-menu a{color:var(--ink);border-bottom-color:var(--line)}
  .mobile-menu a:hover{color:var(--violet)}
}
@media(max-width:720px){.nav{top:10px;padding:0 12px}.nav .nav-inner{height:60px}}

/* ══════════════════════════════════════════════════════════════════════════
   v2 · SEÇÕES CLARAS INTERCALADAS (branco ↔ nude) · ZERO PRETO
   · AI Agents: faixa escura → console claro tech/IA com micro-animações
   · rodapé preto → nude · lightbox/editor/frames sem preto
   ══════════════════════════════════════════════════════════════════════════ */
body{background:var(--sec-base)}
.section{background:var(--sec-base)}
.section--alt{background:var(--sec-alt)}
.hero{background:var(--sec-base);padding-bottom:clamp(56px,7vw,110px)}
.hero-aurora::after{background:linear-gradient(180deg,transparent 55%,var(--sec-base))}

/* ── AI Agents · console claro (tech/IA) ── */
.band{color:var(--ink);background-color:#FBFAFE;
  background-image:
    radial-gradient(rgba(116,81,186,.10) 1px,transparent 1.4px),
    radial-gradient(130% 85% at 50% -12%,rgba(194,162,244,.24),transparent 62%),
    linear-gradient(180deg,#FCFBFF,#F4F0FB);
  background-size:22px 22px,auto,auto;
  border:1px solid var(--violet-line);border-radius:var(--r-xl);
  box-shadow:0 26px 70px rgba(116,81,186,.14)}
.band::before{content:"";position:absolute;inset:-32% 8% auto;height:440px;background:radial-gradient(circle,rgba(142,110,211,.22),transparent 62%);filter:blur(44px);z-index:-1}
.band::after{content:"";position:absolute;right:-12%;bottom:-34%;width:52%;height:380px;background:radial-gradient(circle,rgba(116,81,186,.16),transparent 62%);filter:blur(46px);z-index:-1}
.band .eyebrow{color:var(--violet)}
.band h2,.band h3{color:var(--ink)}
.band .lead{color:var(--ink-3)}
.dev-pill{border:1px solid var(--violet-line);background:var(--lavender);color:var(--violet-strong)}
.dev-pill svg{color:var(--violet)}

/* pipeline clara + micro-animação (dado em trânsito / pulso) */
.pipeline{position:relative}
.pstep{border:1px solid var(--line);background:var(--sec-base);box-shadow:var(--shadow-s)}
.pstep .pi{background:var(--lavender);color:var(--violet)}
.pstep .pn{color:var(--ink-4)}
.pstep b{color:var(--ink)}
.pstep.done{border-color:rgba(79,145,99,.45);background:rgba(79,145,99,.06)}
.pstep.done .pi{background:rgba(79,145,99,.15);color:#3f7d54}
.pstep.active{border-color:var(--violet);background:linear-gradient(180deg,#fff,var(--lavender));box-shadow:0 14px 34px rgba(116,81,186,.22);animation:pstep-pulse 2.6s ease-in-out infinite}
.pstep.active .pi{background:var(--violet);color:#fff}
.pstep.active b{color:var(--violet-strong)}
@keyframes pstep-pulse{0%,100%{box-shadow:0 14px 34px rgba(116,81,186,.20)}50%{box-shadow:0 18px 44px rgba(116,81,186,.36)}}
.pstep:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:12px;height:1px;background:var(--line-2)}
.pstep:not(:last-child)::before{content:"";position:absolute;left:100%;top:calc(50% - 2.5px);width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px rgba(116,81,186,.75);opacity:0;animation:flow 3.2s linear infinite}
.pstep:nth-child(2)::before{animation-delay:.7s}
.pstep:nth-child(3)::before{animation-delay:1.4s}
.pstep:nth-child(4)::before{animation-delay:2.1s}
@keyframes flow{0%{left:100%;opacity:0}12%{opacity:1}86%{opacity:1}100%{left:calc(100% + 12px);opacity:0}}
[data-motion="off"] .pstep::before,[data-motion="off"] .pstep.active{animation:none}
@media(max-width:1040px){.pstep::before,.pstep::after{display:none}}

/* console interno */
.band-panel{border:1px solid var(--line);background:var(--sec-base);box-shadow:var(--shadow-s)}
.band-panel .top .msg{color:var(--ink)}
.band-panel .top .sub{color:var(--ink-3)}
.state{display:inline-flex;align-items:center;background:var(--soft);border-color:var(--line-2);color:var(--ink-3)}
.state.run{color:#3f7d54;border-color:rgba(79,145,99,.5);background:rgba(79,145,99,.08)}
.state.approve{color:var(--violet-strong);border-color:var(--violet-line);background:var(--lavender)}
.state.run::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.28}}
[data-motion="off"] .state.run::before{animation:none}

/* diff (editor claro — sem preto) */
.code{border:1px solid var(--line);background:#FAFAFC}
.code .ch{border-bottom:1px solid var(--line);color:var(--ink-3);background:var(--soft)}
.code .ln{color:var(--ink-2)}
.code .ln .n{color:var(--ink-4)}
.code .add{background:rgba(79,145,99,.13)}.code .add code{color:#2f6b45}
.code .rem{background:rgba(192,80,75,.10)}.code .rem code{color:#a8453f}
.violet{color:var(--violet)}
.checks .micro{color:var(--ink-4)}
.checks .row{color:var(--ink-2)}
.checks .row svg{color:#3f7d54}
.checks .row.pending{color:var(--ink-4)}.checks .row.pending svg{color:var(--ink-4)}
.band .btn--light{background:var(--soft);color:var(--ink);border:1px solid var(--line-2)}
.band .btn--light:hover{background:var(--lavender);color:var(--violet-strong);border-color:var(--violet-line)}
.ownership{border:1px solid var(--line);background:var(--sec-base);box-shadow:var(--shadow-s)}
.ownership svg.big{color:var(--violet)}
.ownership h3{color:var(--ink)}
.ownership p{color:var(--ink-3)}
.ownership .scope{color:var(--ink-3);border-left:1px solid var(--line)}

/* ── rodapé nude (era preto) ── */
.footer{background:var(--sec-alt);color:var(--ink-2)}
.footer .brand{color:var(--ink)}
.footer .brand b{color:var(--violet)}
.footer .about{color:var(--ink-3)}
.footer h4{color:var(--ink-4)}
.footer .col a{color:var(--ink-2)}
.footer .col a:hover{color:var(--violet)}
.footer .contact a{color:var(--violet)}
.footer .lang2{color:var(--ink-3)}
.footer .lang2 button{color:var(--ink-3)}
.footer .lang2 button[aria-pressed="true"]{color:var(--violet)}
.footer-word{color:rgba(23,23,32,.06)}
.footer-word b{color:rgba(116,81,186,.18)}
.footer-bottom{border-top:1px solid var(--line);color:var(--ink-3)}
.motion-btn{border:1px solid var(--line-2);color:var(--ink-3)}
.motion-btn:hover{color:var(--ink);border-color:var(--violet)}

/* ── nada de preto: frame do slider + lightbox claros ── */
.dash-slide{background:var(--sec-base)}
.dash-tag{background:rgba(255,255,255,.78);color:var(--ink);border:1px solid var(--line)}
.dash-tag i{background:var(--violet)}
.lightbox{background:rgba(244,240,233,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lightbox .lb-head{color:var(--ink)}
.lightbox .lb-head .x{border:1px solid var(--line-2);color:var(--ink)}
.lightbox .lb-head .x:hover{background:var(--soft)}
.lightbox .lb-body{background:var(--soft)}

/* ── ticker: alinhado ao frame central (chips não cortam nas bordas da viewport) ── */
.ticker{max-width:var(--w);margin-inline:auto;padding-inline:30px}
.ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
@media(max-width:760px){.ticker{padding-inline:18px}}

.lp-inline-0{--i:0}
.lp-inline-1{--d:120ms}
.lp-inline-2{--d:220ms}
.lp-inline-3{--d:320ms}
.lp-inline-4{inset:0}
.lp-inline-5{inset:60px 90px}
.lp-inline-6{padding-block:clamp(48px,6vw,80px)}
.lp-inline-7{text-align:center;font-family:var(--fm);font-size:.8rem;letter-spacing:.08em;color:var(--ink-3);margin-bottom:26px}
.lp-inline-8{margin-top:44px}
.lp-inline-9{--d:0ms}
.lp-inline-10{--d:120ms}
.lp-inline-11{--d:240ms}
.lp-inline-12{display:flex;justify-content:center}
.lp-inline-13{--d:0ms}
.lp-inline-14{--d:120ms}
.lp-inline-15{--d:240ms}
.lp-inline-16{margin-top:44px}
.lp-inline-17{display:flex;flex-direction:column;align-items:center}
.lp-inline-18{padding-top:0}
.lp-inline-19{color:rgba(255,255,255,.85)}
.lp-inline-20{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}
html:not([data-lp-ready]) .reveal{opacity:1;transform:none}