:root{
  --bg:#06110d; --bg-2:#0a1712; --surface:#0d1f18; --surface-2:#11281f; --ink:#effaf3; --muted:#9fb8aa;
  --line:rgba(213,255,229,.12); --lime:#b8ff58; --green:#50e58a; --yellow:#ffd769; --red:#ff7a7a; --black:#031008;
  --radius-sm:14px; --radius-md:24px; --radius-lg:36px; --shadow:0 24px 80px rgba(0,0,0,.34); --shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden}a{color:inherit}p,h1,h2,h3{margin-top:0}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:1000;transform:translateY(-200%);background:var(--lime);color:var(--black);padding:10px 14px;border-radius:10px;font-weight:800}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,17,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lime),#65f59c 70%,#4bd1ff);box-shadow:0 8px 30px rgba(184,255,88,.18)}.brand-mark>span{width:17px;height:17px;border:3px solid var(--black);border-right-color:transparent;border-radius:50%;transform:rotate(-28deg);position:relative}.brand-mark>span:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--black);right:-2px;bottom:0}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:19px;letter-spacing:-.03em}.brand-copy small{color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:5px}.desktop-nav{display:flex;gap:24px;margin-left:auto}.desktop-nav a{font-size:13px;text-decoration:none;color:#cce0d4}.desktop-nav a:hover{color:var(--lime)}.lang-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px}.lang-switch a{font-size:11px;font-weight:800;text-decoration:none;color:var(--muted);padding:6px 8px;border-radius:999px}.lang-switch a[aria-current="page"]{background:rgba(184,255,88,.12);color:var(--lime)}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;position:relative;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -20% -55% 28%;height:85%;background:radial-gradient(circle at 50% 40%,rgba(103,244,150,.18),rgba(103,244,150,0) 65%);z-index:-1}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);z-index:-2}.hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:56px;align-items:center;padding-block:72px 88px}.kicker{font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--lime);margin-bottom:18px}.hero h1{font-size:clamp(48px,6.4vw,88px);line-height:.95;letter-spacing:-.065em;max-width:790px;margin-bottom:28px}.hero-lead{font-size:clamp(17px,1.7vw,21px);max-width:680px;color:#b7cdc0;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{min-height:52px;padding:0 20px;border-radius:16px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:800;font-size:13px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--lime);color:var(--black);border-color:var(--lime);box-shadow:0 16px 42px rgba(184,255,88,.13)}.btn.ghost{background:rgba(255,255,255,.025);color:#d8e9de}.trust-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:34px;color:#849c8f;font-size:11px}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row span:before{content:"";width:5px;height:5px;border-radius:50%;background:#3ed982;box-shadow:0 0 0 4px rgba(62,217,130,.08)}.hero-stage{position:relative;min-height:650px;display:grid;place-items:center}.phone-frame{position:relative;z-index:4;width:min(410px,86%);border:1px solid rgba(227,255,237,.19);background:linear-gradient(180deg,rgba(15,36,27,.98),rgba(6,17,13,.98));border-radius:42px;padding:14px;box-shadow:0 50px 120px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);transform:rotate(2deg)}.phone-frame:before{content:"";position:absolute;width:34%;height:6px;border-radius:999px;background:#020604;top:8px;left:33%}.phone-top{display:flex;align-items:center;gap:12px;padding:18px 12px 13px;border-bottom:1px solid var(--line)}.phone-top div{display:grid}.phone-top strong{font-size:13px}.phone-top small{font-size:9px;color:#8fa89b}.mini-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,var(--lime),var(--green));display:grid;place-items:center}.mini-mark i{width:13px;height:13px;border:2px solid #031008;border-right-color:transparent;border-radius:50%;display:block}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 0 6px rgba(80,229,138,.08)}.chat-area{padding:20px 8px 14px;display:flex;flex-direction:column;gap:13px}.chat{max-width:82%;padding:11px 13px;border-radius:16px}.chat small{display:block;font-size:9px;color:#8ba091;margin-bottom:4px}.chat p{font-size:12px;line-height:1.5;margin:0}.chat.in{background:#132a20;border:1px solid rgba(255,255,255,.05);align-self:flex-start;border-bottom-left-radius:5px}.chat.out{background:linear-gradient(135deg,rgba(184,255,88,.17),rgba(80,229,138,.08));border:1px solid rgba(184,255,88,.16);align-self:flex-end;border-bottom-right-radius:5px}.chat.owner{background:#0a1712;border:1px dashed rgba(255,215,105,.32);align-self:flex-start;margin-top:3px}.policy-card{border:1px solid rgba(80,229,138,.28);border-radius:14px;padding:10px 12px;background:rgba(80,229,138,.06)}.policy-card span{font-size:8px;letter-spacing:.14em;color:var(--green);font-weight:900}.policy-card p{margin:3px 0 0;font-size:10px;color:#9eb5a8}.phone-foot{font-size:9px;color:#8da297;border-top:1px solid var(--line);padding:11px;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.orbit{position:absolute;border:1px solid rgba(184,255,88,.12);border-radius:50%;z-index:1}.orbit-a{width:480px;height:480px}.orbit-b{width:610px;height:610px;border-style:dashed;opacity:.55}.signal{position:absolute;z-index:5;padding:8px 11px;border-radius:999px;font-size:9px;letter-spacing:.12em;font-weight:900;background:rgba(4,13,9,.92);border:1px solid var(--line);display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.signal i{width:8px;height:8px;border-radius:50%}.signal-green{top:14%;right:2%;color:var(--green)}.signal-green i{background:var(--green)}.signal-yellow{left:1%;top:42%;color:var(--yellow)}.signal-yellow i{background:var(--yellow)}.signal-red{right:0;bottom:18%;color:var(--red)}.signal-red i{background:var(--red)}.hero-caption{position:absolute;bottom:3%;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#718a7d}.section{padding:120px 0}.section-head{max-width:760px}.section-head h2,.control-copy h2,.audience-box h2,.final-box h2{font-size:clamp(38px,5.2vw,68px);line-height:1.03;letter-spacing:-.055em;margin-bottom:24px}.section-head>p:last-child,.control-copy>p,.audience-box>div>p:last-child,.final-box>p{font-size:17px;color:#9eb4a7;line-height:1.75}.problem{background:#08150f}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.problem-card{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));position:relative;overflow:hidden}.problem-card:after{content:"";position:absolute;inset:auto -30% -50% 20%;height:70%;background:radial-gradient(circle,rgba(184,255,88,.07),transparent 66%)}.problem-card .num{font-size:10px;letter-spacing:.14em;color:var(--lime);font-weight:900}.problem-card h3{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:90px 0 14px;max-width:220px}.problem-card p{font-size:13px;color:#8fa69a;margin:0}.how{background:#06110d}.how-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px}.sticky-head{position:sticky;top:120px;align-self:start}.brand-ribbon{margin-top:36px;padding:15px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;max-width:360px;background:rgba(255,255,255,.02)}.ribbon-mark{width:36px;height:36px;border-radius:12px;background:var(--lime);grid-row:1/3}.brand-ribbon strong{font-size:13px}.brand-ribbon small{color:#7f978a;font-size:9px}.flow-list{border-left:1px solid rgba(184,255,88,.17);padding-left:30px}.flow-step{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:10px 0 54px;position:relative}.flow-step:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:-35px;top:17px;background:var(--lime);box-shadow:0 0 0 8px #06110d,0 0 0 9px rgba(184,255,88,.18)}.flow-step>span{font-size:11px;color:var(--lime);font-weight:900;letter-spacing:.14em}.flow-step h3{font-size:30px;letter-spacing:-.035em;margin-bottom:10px}.flow-step p{color:#8fa69a;font-size:14px;margin:0;max-width:530px}.autonomy{background:#0a1712;position:relative}.autonomy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(184,255,88,.05),transparent 40%);pointer-events:none}.section-head.center{text-align:center;margin-inline:auto}.autonomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}.autonomy-card{border-radius:30px;padding:28px;min-height:500px;background:#0b1a14;border:1px solid var(--line);position:relative;overflow:hidden}.autonomy-card:before{content:"";position:absolute;inset:0 0 auto;height:3px}.autonomy-card.green:before{background:var(--green)}.autonomy-card.yellow:before{background:var(--yellow)}.autonomy-card.red:before{background:var(--red)}.autonomy-top{display:flex;justify-content:space-between;align-items:center}.autonomy-top span{font-size:10px;color:#788f83;font-weight:900}.autonomy-top i{width:10px;height:10px;border-radius:50%}.green .autonomy-top i{background:var(--green)}.yellow .autonomy-top i{background:var(--yellow)}.red .autonomy-top i{background:var(--red)}.autonomy-card h3{font-size:44px;letter-spacing:-.05em;margin:70px 0 0}.autonomy-card .sub{margin:0 0 28px;color:#879f92;font-size:13px}.autonomy-card ul{list-style:none;padding:0;margin:0}.autonomy-card li{padding:12px 0;border-top:1px solid var(--line);font-size:13px;color:#aec2b7}.autonomy-card li:before{content:"+";margin-right:10px;color:#71897c}.control{background:#06110d}.control-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.control-copy>p{max-width:560px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.metric-grid div{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.018)}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:12px}.metric-grid span{font-size:10px;color:#7d9588;margin-top:5px}.dashboard{background:linear-gradient(180deg,#0c1d16,#08130f);border:1px solid rgba(229,255,236,.15);border-radius:32px;padding:18px;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 18px}.dash-top>div{display:flex;align-items:center;gap:9px}.dash-top strong{font-size:13px}.dash-top small{font-size:9px;color:#7f978a}.dash-mark{width:25px;height:25px;border-radius:8px;background:var(--lime)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.dash-stats div{padding:14px;background:#10241b;border:1px solid var(--line);border-radius:14px}.dash-stats span,.dash-stats small{display:block}.dash-stats span{font-size:25px;letter-spacing:-.04em}.dash-stats small{font-size:8px;color:#81998c}.dash-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.dash-row{display:grid;grid-template-columns:1.05fr 1fr 1.3fr .7fr}.dash-row span{padding:13px 10px;border-top:1px solid rgba(255,255,255,.045);font-size:9px;color:#a8beb2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-head span{font-size:8px;color:#6f887a;border-top:0;background:#0c1a14}.state{justify-self:start;margin:9px 6px;padding:4px 7px!important;border-radius:999px;height:max-content;border:0!important}.state.green{color:var(--green);background:rgba(80,229,138,.09)}.state.yellow{color:var(--yellow);background:rgba(255,215,105,.09)}.security{background:#0a1712}.security-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px}.security-list{display:grid;gap:10px}.security-item{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.security-icon{width:42px;height:42px;border-radius:14px;border:1px solid rgba(184,255,88,.22);position:relative}.security-icon:before{content:"";position:absolute;width:14px;height:18px;border:2px solid var(--lime);border-radius:8px 8px 10px 10px;left:12px;top:11px}.security-icon:after{content:"";position:absolute;width:8px;height:6px;border:2px solid var(--lime);border-bottom:0;border-radius:8px 8px 0 0;left:15px;top:6px;background:#0a1712}.security-item h3{font-size:16px;margin-bottom:6px}.security-item p{font-size:12px;color:#81988c;margin:0}.audience{background:#06110d}.audience-box{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;padding:54px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,rgba(184,255,88,.035),transparent 60%)}.audience-chips{display:flex;align-content:center;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.audience-chips span{border:1px solid var(--line);padding:11px 14px;border-radius:999px;font-size:11px;color:#a7beb2;background:rgba(255,255,255,.02)}.final-cta{padding-top:20px;background:#06110d}.final-box{position:relative;overflow:hidden;padding:70px;border-radius:40px;background:var(--lime);color:#07130f}.final-box .kicker{color:#26341e}.final-box h2{max-width:850px}.final-box>p{color:#35452f;max-width:720px}.final-watermark{position:absolute;right:-20px;bottom:-150px;font-size:480px;font-weight:950;line-height:1;color:rgba(3,16,8,.07);letter-spacing:-.14em}.btn.primary.light{background:#07130f;color:#f2fff5;border-color:#07130f}.btn.light-ghost{border-color:rgba(3,16,8,.18);color:#07130f;background:rgba(255,255,255,.16)}.site-footer{padding:38px 0;border-top:1px solid var(--line);background:#04100b}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.footer-brand{opacity:.92}.footer-inner>div:nth-child(2){text-align:center}.footer-inner p{margin:0;font-size:11px;color:#9ab0a4}.footer-inner small{font-size:9px;color:#5f786b}.footer-inner>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--lime)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{display:none}.hero-layout,.how-layout,.control-layout,.security-layout,.audience-box{grid-template-columns:1fr}.hero-layout{padding-top:54px}.hero-stage{min-height:570px}.sticky-head{position:static}.how-layout,.control-layout,.security-layout{gap:52px}.problem-grid,.autonomy-grid{grid-template-columns:1fr}.problem-card{min-height:250px}.problem-card h3{margin-top:62px}.audience-chips{justify-content:flex-start}.dashboard{transform:none}.section{padding:94px 0}}
@media(max-width:640px){:root{--shell:min(100% - 28px,1180px)}.header-inner{min-height:70px}.brand-copy small{display:none}.lang-switch{margin-left:auto}.hero{min-height:auto}.hero-layout{display:flex;flex-direction:column;padding:46px 0 58px;gap:34px}.hero h1{font-size:50px}.hero-lead{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.trust-row{display:grid;grid-template-columns:1fr 1fr;margin-top:26px}.hero-stage{width:100%;min-height:590px}.phone-frame{width:88%;border-radius:34px}.orbit-a{width:360px;height:360px}.orbit-b{width:460px;height:460px}.signal-yellow{left:-4%}.signal-green{right:-3%}.signal-red{right:-2%}.hero-caption{bottom:0;text-align:center;width:100%;font-size:8px}.section{padding:80px 0}.section-head h2,.control-copy h2,.audience-box h2,.final-box h2{font-size:42px}.problem-grid{margin-top:38px}.problem-card{padding:24px}.flow-list{padding-left:24px}.flow-step{grid-template-columns:42px 1fr;padding-bottom:42px}.flow-step:before{left:-29px}.flow-step h3{font-size:24px}.autonomy-card{min-height:auto;padding:24px}.autonomy-card h3{margin-top:45px}.metric-grid{grid-template-columns:1fr}.dashboard{padding:12px}.dash-row{grid-template-columns:1fr .9fr 1.1fr}.dash-row span:nth-child(3){display:none}.dash-row span{padding:11px 7px}.state{margin:7px 4px}.security-item{grid-template-columns:38px 1fr;padding:18px}.security-icon{width:36px;height:36px}.security-icon:before{left:9px;top:9px}.security-icon:after{left:12px;top:4px}.audience-box{padding:30px;border-radius:28px}.final-box{padding:42px 26px;border-radius:30px}.final-watermark{font-size:320px;bottom:-90px}.footer-inner{grid-template-columns:1fr auto}.footer-inner>div:nth-child(2){grid-column:1/3;grid-row:2;text-align:left}.footer-inner p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}

.creator-badge{margin-top:26px;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));max-width:520px}
.creator-badge img{width:84px;height:84px;object-fit:contain;border-radius:18px;display:block;background:rgba(255,255,255,.02)}
.creator-badge strong{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}.creator-badge small{display:block;color:#99b0a4;font-size:12px;line-height:1.5}
.conversation-switch{position:absolute;top:2%;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:7;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(4,13,9,.72);backdrop-filter:blur(12px)}
.conversation-chip{appearance:none;border:0;border-radius:999px;background:transparent;color:#a7beb2;padding:9px 12px;font-size:11px;font-weight:900;letter-spacing:.14em;cursor:pointer}.conversation-chip.is-active{background:rgba(184,255,88,.12);color:var(--lime)}
.conversation-note{position:absolute;top:11%;left:50%;transform:translateX(-50%);z-index:7;margin:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#80998c;text-align:center;width:100%}
.chat-scene{display:none;flex-direction:column;gap:13px}.chat-scene.is-active{display:flex}

@media(max-width:640px){.creator-badge{grid-template-columns:64px 1fr;padding:12px}.creator-badge img{width:64px;height:64px}.conversation-switch{top:1%;}.conversation-note{top:9%;font-size:9px}.chat p{font-size:11.5px}}

/* v1.1 — Clara Synapse.ai interactive refinement */
.matrix-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;opacity:.17;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.06);mask-image:linear-gradient(to bottom,rgba(0,0,0,.90),rgba(0,0,0,.72) 45%,rgba(0,0,0,.84));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.90),rgba(0,0,0,.72) 45%,rgba(0,0,0,.84))}
.cursor-aura{position:fixed;left:0;top:0;width:30px;height:30px;border-radius:50%;z-index:999;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);background:radial-gradient(circle,rgba(184,255,88,.30) 0%,rgba(80,229,138,.15) 38%,rgba(75,209,255,.05) 58%,transparent 72%);box-shadow:0 0 13px rgba(184,255,88,.17),0 0 28px rgba(80,229,138,.07);filter:blur(.5px);transition:opacity .18s ease}
body.pointer-active .cursor-aura{opacity:.72}
.nav-cta{color:var(--lime)!important}

/* Synapse.ai identity */
.brand-ribbon{grid-template-columns:64px 1fr;max-width:420px;padding:12px 16px;overflow:hidden}
.synapse-ribbon-logo{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid rgba(231,190,83,.20);box-shadow:0 10px 28px rgba(190,129,34,.13)}
.brand-ribbon>div{display:grid;align-content:center;gap:4px}.brand-ribbon>div strong{font-size:14px}.brand-ribbon>div small{font-size:10px;color:#8ca396}
.creator-badge img{object-fit:cover;border:1px solid rgba(231,190,83,.18)}

/* Holographic language control */
.holo-language{--hx:50%;--hy:50%;--h-rx:0deg;--h-ry:0deg;overflow:hidden;isolation:isolate;transform:translateX(-50%) perspective(520px) rotateX(var(--h-rx)) rotateY(var(--h-ry));transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease;background:linear-gradient(145deg,rgba(5,19,14,.78),rgba(11,35,26,.62));border-color:rgba(184,255,88,.20);box-shadow:0 0 0 1px rgba(80,229,138,.04),0 12px 34px rgba(0,0,0,.30),inset 0 0 28px rgba(82,235,157,.025)}
.holo-language:before{content:"";position:absolute;inset:-55%;z-index:-1;background:radial-gradient(circle at var(--hx) var(--hy),rgba(184,255,88,.24),rgba(73,221,255,.11) 15%,rgba(200,108,255,.05) 29%,transparent 46%);transform:rotate(8deg);transition:opacity .18s ease;opacity:.62}
.holo-language:after{content:"";position:absolute;inset:1px;border-radius:999px;pointer-events:none;background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.08) 44%,transparent 64%);transform:translateX(-70%);animation:holoSweep 7s ease-in-out infinite}
.holo-language:hover{border-color:rgba(184,255,88,.36);box-shadow:0 0 20px rgba(184,255,88,.07),0 16px 42px rgba(0,0,0,.35)}
.conversation-chip{position:relative;z-index:2}.conversation-chip.is-active{box-shadow:0 0 16px rgba(184,255,88,.08),inset 0 0 14px rgba(184,255,88,.05)}
@keyframes holoSweep{0%,72%,100%{transform:translateX(-80%);opacity:.15}82%{transform:translateX(65%);opacity:.62}}

/* Free evaluation form */
.evaluation{background:#08150f;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evaluation:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;left:-260px;bottom:-420px;background:radial-gradient(circle,rgba(184,255,88,.07),transparent 68%);pointer-events:none}
.evaluation-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:start}
.evaluation-copy{position:sticky;top:118px}.evaluation-copy h2{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}.evaluation-copy>p:last-of-type{font-size:17px;line-height:1.75;color:#9eb4a7;max-width:610px}
.evaluation-brand{margin-top:32px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:20px;padding:12px 14px;max-width:340px;background:rgba(255,255,255,.018)}
.evaluation-brand img{width:64px;height:64px;border-radius:14px;object-fit:cover}.evaluation-brand>span{font-size:16px;font-weight:850}.evaluation-brand small{display:block;font-size:10px;color:#829b8e;font-weight:600;margin-top:4px;letter-spacing:.06em}
.evaluation-form{border:1px solid rgba(222,255,233,.15);background:linear-gradient(180deg,rgba(14,34,26,.98),rgba(7,19,14,.98));border-radius:32px;padding:28px;box-shadow:0 34px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)}
.form-head{margin-bottom:22px}.form-head .kicker{margin-bottom:8px}.form-head h3{font-size:32px;letter-spacing:-.04em;line-height:1.05;margin:0}
.field{display:grid;gap:8px;margin-bottom:16px}.field>span{font-size:11px;font-weight:800;color:#bed2c7;letter-spacing:.02em}
.field input,.field select{width:100%;min-height:54px;border:1px solid rgba(223,255,233,.13);border-radius:15px;background:#091812;color:var(--ink);padding:0 15px;font:inherit;font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.field select{appearance:auto}.field input::placeholder{color:#657e71}.field input:focus,.field select:focus{border-color:rgba(184,255,88,.55);box-shadow:0 0 0 4px rgba(184,255,88,.07);background:#0b1d16}.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:rgba(255,122,122,.62);box-shadow:0 0 0 4px rgba(255,122,122,.06)}
.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit{width:100%;border:0;cursor:pointer;margin-top:4px}.form-submit:disabled{opacity:.68;cursor:wait;transform:none}.form-privacy{font-size:10px;color:#6f897c;line-height:1.55;margin:13px 2px 0}.form-status{min-height:21px;font-size:12px;margin:10px 2px 0;color:#aac1b5}.form-status.is-success{color:var(--green)}.form-status.is-error{color:#ffaaa3}
.hp-wrap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;left:-9999px!important}

@media(max-width:980px){.evaluation-layout{grid-template-columns:1fr;gap:48px}.evaluation-copy{position:static}.brand-ribbon{max-width:100%}}
@media(max-width:640px){.cursor-aura{display:none}.matrix-canvas{opacity:.13}.phone-grid{grid-template-columns:1fr}.evaluation-form{padding:22px;border-radius:26px}.evaluation-copy h2{font-size:42px}.synapse-ribbon-logo{width:54px;height:54px}.brand-ribbon{grid-template-columns:54px 1fr}.holo-language{max-width:calc(100vw - 54px)}}
@media(prefers-reduced-motion:reduce){.holo-language:after{animation:none}.matrix-canvas{display:none}.cursor-aura{display:none}}


/* v1.1.1 — HERO AI atmosphere: subtle code rain + visible holographic language projector */
.hero{background:linear-gradient(180deg,#06110d 0%,#06110d 72%,#071710 100%)}
.hero-layout{position:relative;z-index:4}
.hero-grid-bg{z-index:2;opacity:.60;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(6,17,13,.90) 0%,rgba(6,17,13,.67) 34%,rgba(6,17,13,.20) 63%,rgba(6,17,13,.48) 100%),linear-gradient(180deg,rgba(6,17,13,.12),rgba(6,17,13,.24) 78%,rgba(6,17,13,.74));}
.matrix-canvas{z-index:1!important;opacity:.62!important;mix-blend-mode:screen;filter:drop-shadow(0 0 3px rgba(110,255,162,.05));mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.78) 58%,rgba(0,0,0,.16) 94%,transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.78) 58%,rgba(0,0,0,.16) 94%,transparent)}

/* Holographic PT/EN/ES selector: intentionally legible but still restrained. */
.holo-language{z-index:9!important;min-width:174px;border:1px solid rgba(138,255,205,.46)!important;background:linear-gradient(180deg,rgba(10,31,24,.58),rgba(4,17,13,.46))!important;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:0 0 0 1px rgba(95,238,255,.08),0 0 20px rgba(86,255,176,.10),0 15px 38px rgba(0,0,0,.38),inset 0 0 22px rgba(111,255,204,.045)!important;filter:drop-shadow(0 0 7px rgba(101,255,195,.07));}
.holo-language:before{inset:0!important;z-index:0!important;opacity:.90!important;transform:none!important;background:radial-gradient(circle at var(--hx) var(--hy),rgba(175,255,209,.25) 0%,rgba(70,232,255,.10) 23%,transparent 48%),repeating-linear-gradient(180deg,rgba(164,255,214,.045) 0 1px,transparent 1px 5px)!important;}
.holo-language:after{inset:-1px!important;z-index:1!important;border-radius:999px!important;background:linear-gradient(100deg,transparent 18%,rgba(148,255,211,.05) 36%,rgba(195,255,230,.35) 49%,rgba(90,224,255,.11) 58%,transparent 76%)!important;animation:holoSweepVisible 5.8s ease-in-out infinite!important;mix-blend-mode:screen;}
.holo-language .conversation-chip{z-index:3;color:#b8d3c6;text-shadow:0 0 10px rgba(135,255,203,.12);}
.holo-language .conversation-chip.is-active{color:#d9ffe8;background:linear-gradient(180deg,rgba(184,255,88,.19),rgba(91,244,158,.10));box-shadow:0 0 16px rgba(184,255,88,.12),inset 0 0 14px rgba(184,255,88,.07);text-shadow:0 0 10px rgba(194,255,150,.28)}
.holo-language:hover{border-color:rgba(160,255,216,.72)!important;box-shadow:0 0 0 1px rgba(80,229,255,.12),0 0 26px rgba(104,255,191,.15),0 18px 42px rgba(0,0,0,.42),inset 0 0 24px rgba(109,255,199,.07)!important}
.holo-projector-beam{position:absolute;top:6.5%;left:50%;width:245px;height:95px;z-index:6;pointer-events:none;transform:translateX(-50%);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(114,255,194,.13),rgba(75,226,255,.045) 48%,transparent 90%);filter:blur(3px);opacity:.55;animation:holoBeam 4.4s ease-in-out infinite;}
.holo-projector-beam:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(153,255,214,.08) 0 1px,transparent 1px 7px);mix-blend-mode:screen}
.holo-projector-beam span:first-child{position:absolute;left:18%;right:18%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,rgba(130,255,205,.58),transparent);box-shadow:0 0 10px rgba(108,255,190,.28)}
.holo-projector-beam span:last-child{position:absolute;left:49.5%;top:7px;width:1px;height:70%;background:linear-gradient(180deg,rgba(135,255,209,.34),transparent);opacity:.55}
.conversation-note{z-index:8!important;text-shadow:0 0 12px rgba(91,255,176,.12)}
@keyframes holoSweepVisible{0%,63%,100%{transform:translateX(-90%);opacity:.12}74%{transform:translateX(10%);opacity:.75}85%{transform:translateX(80%);opacity:.18}}
@keyframes holoBeam{0%,100%{opacity:.36;transform:translateX(-50%) scaleX(.94)}50%{opacity:.62;transform:translateX(-50%) scaleX(1.03)}}

/* Slight, refined pointer shadow — visual echo of the Synapse nodes. */
.cursor-aura{width:38px!important;height:38px!important;background:radial-gradient(circle,rgba(184,255,88,.20) 0%,rgba(73,236,161,.10) 36%,rgba(73,221,255,.035) 58%,transparent 74%)!important;box-shadow:0 0 10px rgba(184,255,88,.11),0 0 22px rgba(80,229,138,.045)!important;filter:blur(.7px)!important}
body.pointer-active .cursor-aura{opacity:.62!important}

@media(max-width:640px){.matrix-canvas{opacity:.42!important}.holo-projector-beam{top:5.8%;width:215px;height:82px;opacity:.44}.hero:after{background:linear-gradient(180deg,rgba(6,17,13,.40),rgba(6,17,13,.14) 50%,rgba(6,17,13,.62))}}
@media(prefers-reduced-motion:reduce){.holo-language:after,.holo-projector-beam{animation:none!important}.holo-projector-beam{opacity:.28}.matrix-canvas{display:none!important}}


/* v1.1.2 — Visible-but-subtle Matrix code rain in HERO */
.hero{background:linear-gradient(180deg,#04100b 0%,#06110d 68%,#071710 100%)}
.hero .matrix-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  opacity:.78!important;
  pointer-events:none!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 2px rgba(83,255,131,.10));
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.45) 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.45) 90%,transparent 100%);
}
.hero .hero-grid-bg{z-index:0!important;opacity:.34!important}
.hero:after{
  z-index:2!important;
  background:
    radial-gradient(circle at 66% 43%,rgba(6,17,13,.04) 0%,rgba(6,17,13,.14) 34%,rgba(6,17,13,.24) 62%,rgba(6,17,13,.42) 100%),
    linear-gradient(90deg,rgba(6,17,13,.50) 0%,rgba(6,17,13,.31) 34%,rgba(6,17,13,.08) 64%,rgba(6,17,13,.20) 100%)!important;
}
.hero .hero-layout{z-index:4!important}
@media(max-width:640px){
  .hero .matrix-canvas{opacity:.58!important}
  .hero:after{background:linear-gradient(180deg,rgba(6,17,13,.19),rgba(6,17,13,.12) 58%,rgba(6,17,13,.48))!important}
}
@media(prefers-reduced-motion:reduce){.hero .matrix-canvas{display:none!important}}


/* v1.1.3 — site-wide Matrix atmosphere */
body{position:relative;isolation:isolate}
body>header,body>main,body>footer{position:relative;z-index:1}
.site-header{position:sticky}
.hero,.problem,.how,.autonomy,.control,.security,.audience,.final-cta,.site-footer{position:relative;background-clip:padding-box}
.problem{background:rgba(8,21,15,.74)}
.how{background:rgba(6,17,13,.76)}
.autonomy{background:rgba(10,23,18,.74)}
.control{background:rgba(6,17,13,.76)}
.security{background:rgba(10,23,18,.74)}
.audience{background:rgba(6,17,13,.76)}
.final-cta{background:rgba(6,17,13,.75)}
.site-footer{background:rgba(4,16,11,.84);backdrop-filter:blur(2px)}
.problem:before,.how:before,.autonomy:after,.control:before,.security:before,.audience:before,.final-cta:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(3,16,8,.16),transparent 22%,transparent 78%,rgba(3,16,8,.14))}
.problem>.shell,.how>.shell,.autonomy>.shell,.control>.shell,.security>.shell,.audience>.shell,.final-cta>.shell{position:relative;z-index:1}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,16,8,.26) 0%,rgba(3,16,8,.08) 44%,rgba(3,16,8,.15) 100%)}
@media(max-width:640px){.matrix-canvas{opacity:.13}.problem,.autonomy,.security{background-color:rgba(8,20,15,.79)}.how,.control,.audience,.final-cta{background-color:rgba(6,17,13,.80)}}

/* v1.1.4 — RESTORED MATRIX: same visible code-rain across the complete site */
html,body{background:#03100a!important}
body{position:relative;isolation:isolate}
.matrix-canvas{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:0!important;
  opacity:.76!important;
  pointer-events:none!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 2px rgba(82,255,130,.12)) saturate(1.08)!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
body>header,body>main,body>footer{position:relative;z-index:1}

/* All page regions remain translucent so the SAME animated code remains visible while scrolling. */
.hero{
  background:linear-gradient(180deg,rgba(3,16,10,.52) 0%,rgba(4,17,12,.58) 68%,rgba(5,20,14,.62) 100%)!important;
}
.problem{background:rgba(8,21,15,.61)!important}
.how{background:rgba(6,17,13,.63)!important}
.autonomy{background:rgba(10,23,18,.62)!important}
.control{background:rgba(6,17,13,.63)!important}
.security{background:rgba(10,23,18,.62)!important}
.audience{background:rgba(6,17,13,.63)!important}
.final-cta{background:rgba(6,17,13,.64)!important}
.site-footer{background:rgba(4,16,11,.76)!important;backdrop-filter:blur(2px)}

/* Gentle sectional veils preserve readability but never erase the code rain. */
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0!important;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 40%,rgba(5,18,12,.02) 0%,rgba(5,18,12,.08) 42%,rgba(5,18,12,.18) 74%,rgba(5,18,12,.28) 100%),
    linear-gradient(90deg,rgba(3,16,8,.24) 0%,rgba(3,16,8,.09) 34%,rgba(3,16,8,.035) 66%,rgba(3,16,8,.12) 100%)!important;
}
.hero-grid-bg{z-index:1!important;opacity:.32!important}
.hero-layout{position:relative;z-index:3!important}
.problem:before,.how:before,.autonomy:after,.control:before,.security:before,.audience:before,.final-cta:before{
  opacity:.38!important;
}

/* Cards/surfaces float above the rain while retaining visual depth. */
.problem-card,.autonomy-card,.dashboard,.security-item,.audience-box,.evaluation-form,.brand-ribbon{
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

@media(max-width:640px){
  .matrix-canvas{opacity:.60!important}
  .hero{background:rgba(4,16,11,.58)!important}
  .problem,.autonomy,.security{background:rgba(8,20,15,.66)!important}
  .how,.control,.audience,.final-cta{background:rgba(6,17,13,.67)!important}
}
@media(prefers-reduced-motion:reduce){
  .matrix-canvas{display:none!important}
}


/* v1.1.5 — mobile hero fix: visible Matrix + non-overlapping hologram */
@media(max-width:640px){
  .hero{
    overflow:visible;
  }
  .hero-layout{
    gap:28px!important;
    padding:34px 0 46px!important;
  }
  .hero-copy .creator-badge{
    margin-top:20px!important;
  }
  .hero-stage{
    min-height:760px!important;
    padding-top:124px!important;
    padding-bottom:44px!important;
    align-items:start!important;
  }
  .hero-grid-bg{
    opacity:.24!important;
  }
  .hero:after{
    background:
      radial-gradient(circle at 64% 28%,rgba(3,15,10,.02) 0%,rgba(3,15,10,.05) 32%,rgba(3,15,10,.13) 64%,rgba(3,15,10,.22) 100%),
      linear-gradient(180deg,rgba(3,14,9,.10) 0%,rgba(3,14,9,.06) 38%,rgba(3,14,9,.14) 74%,rgba(3,14,9,.30) 100%)!important;
  }
  .matrix-canvas{
    opacity:.86!important;
    filter:drop-shadow(0 0 3px rgba(82,255,130,.18)) saturate(1.12)!important;
  }
  .conversation-switch{
    top:8px!important;
    left:50%!important;
    transform:translateX(-50%) perspective(520px) rotateX(var(--h-rx)) rotateY(var(--h-ry))!important;
    min-width:210px!important;
    padding:8px!important;
    gap:10px!important;
  }
  .holo-language{
    border-color:rgba(164,255,214,.72)!important;
    box-shadow:0 0 0 1px rgba(117,255,213,.20),0 0 24px rgba(107,255,191,.18),0 18px 40px rgba(0,0,0,.42),inset 0 0 26px rgba(120,255,205,.10)!important;
  }
  .holo-language .conversation-chip{
    font-size:12px!important;
    padding:10px 13px!important;
  }
  .holo-language .conversation-chip.is-active{
    box-shadow:0 0 18px rgba(184,255,88,.16), inset 0 0 16px rgba(184,255,88,.10)!important;
  }
  .holo-projector-beam{
    top:56px!important;
    width:250px!important;
    height:96px!important;
    opacity:.68!important;
    filter:blur(2.2px)!important;
  }
  .conversation-note{
    top:88px!important;
    width:88%!important;
    font-size:10px!important;
    letter-spacing:.14em!important;
    opacity:.88!important;
  }
  .phone-frame{
    width:min(100%, 476px)!important;
    margin-top:28px!important;
    padding:16px!important;
    border-radius:36px!important;
    transform:none!important;
    background:linear-gradient(180deg,rgba(13,35,25,.95),rgba(6,17,13,.95))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07),0 0 30px rgba(78,255,148,.05)!important;
  }
  .phone-frame:before{
    top:10px!important;
  }
  .phone-top{
    padding:18px 12px 14px!important;
  }
  .phone-top strong{
    font-size:14px!important;
  }
  .phone-top small{
    font-size:10px!important;
  }
  .chat-area{
    padding:18px 8px 16px!important;
    gap:14px!important;
  }
  .chat{
    max-width:86%!important;
    padding:12px 14px!important;
  }
  .chat p{
    font-size:13px!important;
    line-height:1.55!important;
  }
  .hero-caption{
    bottom:10px!important;
    width:100%!important;
    padding:0 14px!important;
    font-size:8px!important;
  }
}