:root{--bg: #0B1220;--bg-alt: #07111F;--primary: #2F6BFF;--cyan: #00D1FF;--violet: #7C3AED;--text: #EAF2FF;--muted: #94A3B8;--glass-bg: rgba(255, 255, 255, .04);--glass-stroke: rgba(255, 255, 255, .08);--surface: rgba(255, 255, 255, .06);--surface-soft: rgba(255, 255, 255, .03);--surface-strong: rgba(255, 255, 255, .82);--border-soft: rgba(255, 255, 255, .12);--nav-bg-start: rgba(11, 18, 32, .85);--nav-bg-end: rgba(11, 18, 32, .3);--nav-bg-solid: rgba(11, 18, 32, .85);--nav-border: rgba(255, 255, 255, .06);--card-bg: rgba(11, 18, 32, .6);--card-shadow: rgba(0, 0, 0, .4);--body-gradient-a: rgba(124, 58, 237, .18);--body-gradient-b: rgba(0, 209, 255, .18);--body-gradient-c: rgba(47, 107, 255, .12);--card-blur: 14px;--radius: 14px;--container: 1200px}:root[data-theme=light]{--bg: #F6FBFF;--bg-alt: #E9F2FB;--text: #10233A;--muted: #5D6D82;--glass-bg: rgba(255, 255, 255, .74);--glass-stroke: rgba(16, 35, 58, .08);--surface: rgba(255, 255, 255, .92);--surface-soft: rgba(255, 255, 255, .74);--surface-strong: rgba(255, 255, 255, .96);--border-soft: rgba(16, 35, 58, .12);--nav-bg-start: rgba(250, 252, 255, .94);--nav-bg-end: rgba(250, 252, 255, .76);--nav-bg-solid: rgba(250, 252, 255, .96);--nav-border: rgba(16, 35, 58, .08);--card-bg: rgba(255, 255, 255, .92);--card-shadow: rgba(54, 78, 110, .16);--body-gradient-a: rgba(47, 107, 255, .12);--body-gradient-b: rgba(0, 209, 255, .1);--body-gradient-c: rgba(124, 58, 237, .06);color-scheme:light}:root:not([data-theme=light]){color-scheme:dark}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 80% -10%,var(--body-gradient-a),transparent 50%),radial-gradient(900px 600px at -10% 20%,var(--body-gradient-b),transparent 50%),radial-gradient(900px 700px at 88% 72%,var(--body-gradient-c),transparent 58%),linear-gradient(180deg,var(--bg),var(--bg-alt));color:var(--text);transition:background .35s ease,color .35s ease}h1,h2,h3,h4{font-family:Sora,ui-sans-serif,system-ui;letter-spacing:-.02em}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.25rem}.section{padding:84px 0}.subtle{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;border:1px solid transparent;font-weight:600;transition:all .25s ease;cursor:pointer;text-decoration:none}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--cyan));color:#fff;box-shadow:0 10px 30px #2f6bff40,0 0 0 1px #ffffff0f inset;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #2f6bff59,0 0 0 1px #ffffff14 inset}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 15%,transparent 30%);transform:translate(-120%);transition:transform .6s ease}.btn-primary:hover:after{transform:translate(120%)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-soft)}.btn-ghost:hover{background:var(--surface-soft);transform:translateY(-2px)}.glass{background:var(--glass-bg);border:1px solid var(--glass-stroke);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--radius)}.grid{display:grid;gap:24px}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--glass-stroke);background:var(--surface-soft)}:target:before{content:"";display:block;height:84px;margin-top:-84px;visibility:hidden}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 #2f6bff59}50%{box-shadow:0 0 0 12px #2f6bff00}to{box-shadow:0 0 #2f6bff00}}[data-reveal]{opacity:0;transform:translateY(14px)}[data-reveal].in{opacity:1;transform:none;transition:transform .6s cubic-bezier(.2,.6,.2,1),opacity .6s cubic-bezier(.2,.6,.2,1)}:root[data-theme=light] .mockup-header,:root[data-theme=light] .kpi,:root[data-theme=light] .step,:root[data-theme=light] .feat,:root[data-theme=light] .cta-inner,:root[data-theme=light] .footer,:root[data-theme=light] .pipeline,:root[data-theme=light] .svc:hover{background:var(--surface-soft);border-color:var(--glass-stroke)}:root[data-theme=light] .card{background:var(--card-bg);border-color:var(--glass-stroke);box-shadow:0 14px 34px var(--card-shadow)}:root[data-theme=light] .ring{border-color:#10233a14;box-shadow:0 0 34px #2f6bff14 inset}:root[data-theme=light] .num{color:#10233a14}:root[data-theme=light] .orb{opacity:.45}:root[data-theme=light] .particles{opacity:.7}
