:root{--navy:#1b2a4a;--navy-2:#22345a;--navy-deep:#12203c;--accent:#4a6fa5;--accent-2:#6f9bd6;--ink:#1c2333;--muted:#5b6577;--line:#e4e8f0;--bg:#fff;--bg-alt:#f5f7fb;--card:#fff;--good:#1f9d64;--warn:#c9902a;--bad:#c0453b;--maxw:1120px;--radius:16px;--shadow:0 1px 3px rgba(27,42,74,.06),0 8px 30px rgba(27,42,74,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;line-height:1.1;margin:0}.section{padding:84px 0}.section.alt{background:var(--bg-alt)}.section.navy{background:linear-gradient(160deg,var(--navy) 0,var(--navy-deep) 100%);color:#fff}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;text-wrap:balance;line-height:1.5}.navy .eyebrow{color:var(--accent-2)}.h-sec{font-size:clamp(26px,4vw,40px);font-weight:800;color:var(--navy);text-wrap:balance}.navy .h-sec{color:#fff}.lead{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:640px}.navy .lead{color:hsla(0,0%,100%,.82)}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;font-size:15px;border:none;border-radius:12px;padding:14px 24px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:#fff;box-shadow:0 8px 22px rgba(74,111,165,.34)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,111,165,.42)}.btn-ghost{background:transparent;color:var(--navy);border:1.6px solid var(--line)}.navy .btn-ghost{color:#fff;border-color:hsla(0,0%,100%,.3)}.btn-ghost:hover{border-color:var(--accent)}.btn-lg{padding:16px 30px;font-size:16px}.grid{display:grid;grid-gap:20px;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.navy .card{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.card{transition:transform .2s ease,box-shadow .2s ease}.card:not(.float-card):hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(27,42,74,.13)}.card:hover .play-btn{transform:scale(1.1)}.hero-bar{transform-origin:bottom;animation:barGrow 1s cubic-bezier(.2,.8,.2,1) both}@keyframes barGrow{0%{transform:scaleY(.02)}to{transform:scaleY(1)}}.float-card{animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-visual{position:relative;width:100%;max-width:460px;margin:0 auto}.hv-edge{stroke-dasharray:5 9;animation:hvflow 5s linear infinite}@keyframes hvflow{to{stroke-dashoffset:-140}}.hv-node{animation:hvpulse 3s ease-in-out infinite}@keyframes hvpulse{0%,to{opacity:.5}50%{opacity:1}}.hv-ring{transform-box:fill-box;transform-origin:center;animation:hvring 3.4s ease-out infinite}@keyframes hvring{0%{transform:scale(.7);opacity:.7}to{transform:scale(2.5);opacity:0}}.hv-spark{transform-box:fill-box;transform-origin:center;animation:hvspark 9s linear infinite}@keyframes hvspark{to{transform:rotate(1turn)}}.hero-visual-tag{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);padding:6px 15px;border-radius:999px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}@media (prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.float-card,.hero-bar,.hv-edge,.hv-node,.hv-ring,.hv-spark,.mech .orb-pulse{animation:none}.card,.card:hover{transition:none;transform:none}}.badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.03em;padding:5px 12px;border-radius:999px;background:#eef2f8;color:var(--accent)}.up{color:var(--good);font-weight:800}.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mech .pipeline{position:relative;display:flex;gap:16px;align-items:flex-start;margin-top:52px}.mech .spine{position:absolute;top:31px;left:12%;right:12%;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(111,155,214,.15) 8%,var(--accent-2) 50%,rgba(111,155,214,.15) 92%,transparent);box-shadow:0 0 18px rgba(111,155,214,.5)}.mech .node{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;min-width:0}.mech .icon-orb{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(135deg,#5b82c0,#2f4f86);border:1px solid hsla(0,0%,100%,.28);box-shadow:0 10px 30px rgba(47,79,134,.55),inset 0 1px 0 hsla(0,0%,100%,.35)}.mech .orb-pulse{position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent-2);opacity:.6;animation:orbPulse 2.8s ease-out infinite}.mech .orb-step{display:none}.mech .node-card{position:relative;width:100%;background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.13);border-radius:14px;padding:18px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.mech .ghost-num{position:absolute;top:-16px;right:6px;font-size:86px;font-weight:900;line-height:1;color:hsla(0,0%,100%,.06);pointer-events:none}@keyframes orbPulse{0%{transform:scale(1);opacity:.55}to{transform:scale(1.55);opacity:0}}.mech.light .spine{background:linear-gradient(90deg,transparent,rgba(74,111,165,.15) 8%,var(--accent) 50%,rgba(74,111,165,.15) 92%,transparent);box-shadow:0 0 12px rgba(74,111,165,.28)}.mech.light .node-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.mech.light .ghost-num{color:rgba(27,42,74,.06)}.cards-3{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.cards-3>*{flex:1 1 280px;max-width:calc((100% - 40px)/3)}@media(max-width:860px){.cards-3>*{max-width:calc((100% - 20px)/2)}}@media(max-width:560px){.cards-3>*{max-width:100%}}@media (max-width:860px){.mech .pipeline{flex-direction:column;gap:12px;margin-top:34px}.mech .spine{display:none}.mech .node{flex-direction:row;align-items:flex-start;text-align:left;gap:16px}.mech .icon-orb{margin-bottom:0;flex-shrink:0}.mech .node-card{flex:1 1}.mech .ghost-num{font-size:64px}.nav-desktop{display:none!important}.nav-burger{display:block!important}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.mech-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.demo-kpis{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:720px){.section{padding:60px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.fg-2,.hero-grid,.mech-grid,.split-grid{grid-template-columns:1fr!important}}