:root{--bg:#070b18;--bg2:#0b1124;--c:#e8ebf7;--m:#98a2c3;--a:#22d3ee;--b:#7c5cff;--line:rgba(255,255,255,.08);--f:'Inter',system-ui,sans-serif;--h:'Plus Jakarta Sans',var(--f)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font:16px/1.65 var(--f);background:var(--bg);color:var(--c);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--h);letter-spacing:-.02em;margin:0 0 .4em}
.wrap{max-width:1180px;margin:auto;padding:0 24px}.narrow{max-width:820px}.row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:999;border-radius:6px}
.nav{position:fixed;inset:0 0 auto;z-index:50;padding:18px 0;transition:.3s}.nav.scrolled{background:rgba(7,11,24,.7);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;font:800 1.25rem var(--h)}.logo>span:last-child>span{color:var(--a)}.mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--b),var(--a));color:#fff;font-size:1rem}
#menu{display:flex;align-items:center;gap:28px}#menu a{color:var(--m);font-weight:500;font-size:.95rem}#menu a:hover{color:#fff}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}.burger span{display:block;height:2px;background:#fff;margin:7px 8px;transition:.3s}
.btn{display:inline-flex;gap:8px;align-items:center;background:linear-gradient(135deg,var(--b),var(--a));color:#fff!important;padding:14px 26px;border-radius:12px;font-weight:600;border:0;cursor:pointer;font-size:1rem;box-shadow:0 10px 30px -10px rgba(124,92,255,.7);transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(124,92,255,.9)}.btn.sm{padding:9px 18px;font-size:.9rem}.btn.ghost{background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:none}
.hero{position:relative;overflow:hidden;min-height:92vh;display:flex;align-items:center;padding:140px 0 90px}#mesh{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;animation:float 14s ease-in-out infinite alternate}.g1{width:520px;height:520px;background:var(--b);top:-120px;right:-80px}.gl2{width:420px;height:420px;background:var(--a);bottom:-160px;left:-100px;animation-delay:-6s;opacity:.3}
@keyframes float{to{transform:translate(-60px,50px) scale(1.1)}}.hero-in{position:relative}
.pill{display:inline-flex;gap:10px;align-items:center;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:.85rem;color:var(--m)}.dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}
h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.05;margin:24px 0 20px;font-weight:800}
.grad{background:linear-gradient(90deg,var(--a),var(--b),#e879f9,var(--a));background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s linear infinite}@keyframes sh{to{background-position:300%}}
.lead{color:var(--m);font-size:1.2rem;max-width:640px}.ctas{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.hero-points{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:22px;color:var(--m);font-size:.92rem}.hero-points li:before{content:"✓";color:var(--a);margin-right:8px}
.strip{padding:34px 0;border-block:1px solid var(--line);background:var(--bg2)}.strip p{text-align:center;color:var(--m);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px}
.marquee{overflow:hidden;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.track{display:flex;gap:56px;width:max-content;animation:mq 30s linear infinite}.track span{font:700 1.2rem var(--h);color:#5d6890;white-space:nowrap}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:100px 0}.alt{background:var(--bg2)}.head{max-width:720px;margin-bottom:48px}h2{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.15}
.eyebrow{color:var(--a);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px}.sub{color:var(--m);font-size:1.08rem}
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:30px;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.4);box-shadow:0 20px 50px -20px rgba(34,211,238,.25)}.card p{color:var(--m);margin:0}
.ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,92,255,.25),rgba(34,211,238,.15));border:1px solid var(--line);color:var(--a);margin-bottom:20px}.ic svg{width:24px;height:24px}
.chips{display:flex;flex-wrap:wrap;gap:12px}.chips span{border:1px solid var(--line);padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.03);font-weight:500}
.model ul{list-style:none;padding:0;margin:20px 0 0;color:var(--c);font-size:.93rem}.model li{padding:6px 0}.model li:before{content:"✓";color:var(--a);margin-right:10px}
.featured{border-color:rgba(124,92,255,.6);background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(255,255,255,.02))}.badge{position:absolute;top:20px;right:20px;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--b)}
.steps{list-style:none;padding:0;margin:0}.steps li{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}.steps b{display:block;font:800 2rem var(--h);background:linear-gradient(135deg,var(--b),var(--a));-webkit-background-clip:text;color:transparent;margin-bottom:10px}.steps p{color:var(--m);margin:0}
.thumb{height:180px;border-radius:14px;margin-bottom:20px}.t1{background:linear-gradient(135deg,#1e3a8a,#7c5cff)}.t2{background:linear-gradient(135deg,#0e7490,#22d3ee)}.t3{background:linear-gradient(135deg,#6d28d9,#e879f9)}.case h3{color:var(--m);font-size:1.1rem}
.stack{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.stack div{background:var(--bg2);padding:28px}.stack h3{font-size:1rem}.stack p{color:var(--m);margin:0}
.about{align-items:center;gap:60px}.about p{color:var(--m)}.values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.values div{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.values h3{font-size:1.05rem}.values p{margin:0;font-size:.93rem}
.cta-band{padding:70px 0}.cta-band .row{padding:50px;border-radius:28px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.35),transparent 60%),radial-gradient(circle at 100% 100%,rgba(34,211,238,.25),transparent 60%),var(--bg2);border:1px solid var(--line)}.cta-band p{color:var(--m);margin:0}
details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:600 1.08rem var(--h);list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--a);font-size:1.4rem;transition:.3s}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--m);margin:12px 0 0}
.info{list-style:none;padding:0;margin-top:30px}.info li{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid var(--line)}.info b{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--m);font-weight:600}
.form label{display:block;margin-bottom:16px;font-size:.88rem;color:var(--m);font-weight:500}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input,select,textarea{width:100%;margin-top:8px;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:#fff;font:inherit;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--a);outline:none;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--a);outline-offset:3px;border-radius:6px}#ok{color:#34d399;margin-top:12px}
footer{border-top:1px solid var(--line);padding:70px 0 0;color:var(--m)}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer h4{color:#fff;font-size:.95rem}footer a:not(.logo){display:block;padding:4px 0;font-size:.93rem}footer a:hover{color:#fff}.fbot{border-top:1px solid var(--line);margin-top:50px;padding:24px;font-size:.88rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.g3,.g4,.g2,.stack,.fgrid{grid-template-columns:1fr}.burger{display:block}#menu{position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 24px;background:rgba(7,11,24,.97);border-bottom:1px solid var(--line);transform:translateY(-120%);transition:.3s;visibility:hidden}#menu.open{transform:none;visibility:visible}#menu a{padding:10px 0}
.burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
section{padding:72px 0}.hero{min-height:auto;padding:120px 0 70px}.cta-band .row{flex-direction:column;align-items:flex-start;padding:32px}.two{grid-template-columns:1fr}.about{gap:30px}.values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.hp{position:absolute;left:-9999px}.head{margin:0 auto 52px;text-align:center}.head .sub{margin:0 auto}
section{padding:96px 0}.chips{justify-content:center}.about .eyebrow,.about h2{text-align:left}
.grid>*{min-width:0}.info a{color:var(--a)}.cta-band{padding:0 0 96px}.cta-band .row{gap:32px}
.steps li{height:100%}.model{display:flex;flex-direction:column}
@media(max-width:900px){section{padding:72px 0}.cta-band{padding:0 0 72px}.hero h1 br{display:none}.ctas .btn{width:100%;justify-content:center}.head{margin-bottom:36px}}

/* ===== light corporate theme ===== */
:root{--bg:#ffffff;--bg2:#f5f7fb;--c:#0f1b3d;--m:#4a5677;--a:#1d4ed8;--b:#1d4ed8;--line:#e3e8f2}
body{background:var(--bg);color:var(--c)}
.nav{background:#fff;border-bottom:1px solid var(--line);padding:16px 0}.nav.scrolled{background:rgba(255,255,255,.92);box-shadow:0 2px 12px rgba(15,27,61,.06);padding:12px 0}
#menu a:hover{color:var(--a)}.burger span{background:var(--c)}.mark{background:var(--a)}.logo>span:last-child>span{color:var(--a)}
.btn{background:var(--a);box-shadow:none;border-radius:8px}.btn:hover{background:#1e40af;box-shadow:0 6px 18px rgba(29,78,216,.25)}
.btn.ghost{background:#fff;color:var(--c)!important;border:1px solid #cdd5e4}.btn.ghost:hover{border-color:var(--a);color:var(--a)!important;background:#fff}
.hero{min-height:auto;padding:170px 0 110px;background:linear-gradient(180deg,#f5f8ff,#fff);border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:45%;background-image:radial-gradient(#c7d3ee 1.2px,transparent 1.2px);background-size:22px 22px;mask:linear-gradient(90deg,transparent,#000 60%);opacity:.7;pointer-events:none}
.pill{background:#eef3ff;border-color:#d6e1fb;color:var(--a);font-weight:600}.hl{color:var(--a)}h1{font-weight:800;max-width:900px}
.strip{background:#fff}.track span{color:#8a94ad;font-weight:600}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(15,27,61,.04)}.card:hover{transform:translateY(-3px);border-color:#c5d3f3;box-shadow:0 12px 30px rgba(15,27,61,.08)}
.ic{background:#eef3ff;border:0;color:var(--a);border-radius:10px}
.chips span{background:#fff;border-color:var(--line);color:var(--c)}
.model li:before,.steps b{color:var(--a)}.steps b{background:none;-webkit-text-fill-color:var(--a)}.featured{background:#fff;border-color:var(--a);border-top:3px solid var(--a)}
.steps li{background:#fff;border-radius:12px}
.stack{border-radius:12px}.stack div{background:#fff}
.values div{background:#fff;border-radius:12px}
.cta-band .row{background:#0f1b3d;border:0;border-radius:16px;color:#fff}.cta-band p{color:#c3cbe0}.cta-band .eyebrow{color:#93b4ff}.cta-band .btn{background:#fff;color:var(--c)!important}
input,select,textarea{background:#fff;border:1px solid #cdd5e4;color:var(--c)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(29,78,216,.15)}
#ok{color:#047857}footer{background:#0f1b3d;color:#b7c0d8;border:0}footer h4,footer .logo{color:#fff}footer .logo>span:last-child>span{color:#93b4ff}footer a:hover{color:#fff}.fbot{border-color:rgba(255,255,255,.1)}
.info b{color:var(--m)}
.cta-band .row{max-width:1132px;margin:0 auto}@media(max-width:900px){.cta-band .row{margin:0 24px}}

/* logo */
.logo{gap:11px}.lm{width:38px;height:38px;flex:none}.wm{display:flex;flex-direction:column;line-height:1}.w1{font:800 1.28rem var(--h);letter-spacing:-.02em;color:var(--c)}.w1 span{color:var(--a)}.w2{font:600 .58rem var(--f);letter-spacing:.32em;color:var(--m);margin-top:4px}
footer .w1{color:#fff}footer .w1 span{color:#93b4ff}footer .w2{color:#8d98b8}
.mark{display:none}
/* toggle */
.nav .row{position:relative}.theme{order:2;margin-left:16px;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--c);display:grid;place-items:center;cursor:pointer;flex:none}.theme:hover{border-color:var(--a);color:var(--a)}
.theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme .moon{fill:currentColor;stroke:none}.theme .sun{display:none}
[data-theme=dark] .theme .sun{display:block}[data-theme=dark] .theme .moon{display:none}
.nav .row{display:flex}#menu{margin-left:auto}.burger{order:3}
/* surfaces */
:root{--surface:#fff;--soft:#eef3ff;--input:#cdd5e4;--heroA:#f5f8ff;--dots:#c7d3ee}
.nav{background:var(--surface)}.card,.chips span,.steps li,.stack div,.values div,.featured,.btn.ghost,.strip,input,select,textarea{background:var(--surface)}
.ic,.pill{background:var(--soft)}input,select,textarea,.btn.ghost{border-color:var(--input)}.btn.ghost{color:var(--c)!important}
.hero{background:linear-gradient(180deg,var(--heroA),var(--bg))}.hero:after{background-image:radial-gradient(var(--dots) 1.2px,transparent 1.2px)}
body,.nav,.card,.alt{transition:background-color .25s,border-color .25s,color .25s}
/* dark */
[data-theme=dark]{--bg:#0b1220;--bg2:#0f172a;--c:#e5e9f2;--m:#9aa6c4;--a:#3b82f6;--b:#3b82f6;--line:#1e293b;--surface:#111a2e;--soft:#16213b;--input:#2a3650;--heroA:#0f1a33;--dots:#1f2c48;color-scheme:dark}
[data-theme=dark] .nav.scrolled{background:rgba(11,18,32,.92);box-shadow:0 2px 12px rgba(0,0,0,.35)}
[data-theme=dark] .pill{border-color:#1e3a8a;color:#93b4ff}[data-theme=dark] .hl,[data-theme=dark] .eyebrow,[data-theme=dark] .info a,[data-theme=dark] .w1 span{color:#60a5fa}
[data-theme=dark] .steps b{-webkit-text-fill-color:#60a5fa}[data-theme=dark] .ic{color:#60a5fa}
[data-theme=dark] .card:hover{border-color:#2c4a8a;box-shadow:0 12px 30px rgba(0,0,0,.4)}
[data-theme=dark] .cta-band .row{background:#14223f;border:1px solid #1e3a6a}[data-theme=dark] footer{background:#070c17;border-top:1px solid var(--line)}
[data-theme=dark] .track span{color:#5f6c8c}[data-theme=dark] #ok{color:#34d399}
@media(max-width:900px){.theme{margin-left:auto}#menu{background:var(--surface)!important}}
.logo>span.wm>span.w1{color:var(--c)}.logo .w1 span{color:var(--a)}[data-theme=dark] .logo .w1 span{color:#60a5fa}.logo>span.wm>span.w2{color:var(--m)}
footer .logo>span.wm>span.w1{color:#fff}footer .logo .w1 span{color:#93b4ff}
@media(max-width:900px){#menu a.btn{padding:10px 20px;margin-top:8px}}