:root{--bg:#070910;--panel:#121623;--muted:#b1bad0;--text:#eef3ff;--line:#ffffff24;--acc:#6d8dff;--acc2:#6ef3ff;--radius:20px}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(900px 500px at 0% -10%,#5271ff26,transparent),radial-gradient(800px 460px at 100% 0,#00d8ff22,transparent),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
.noise{position:fixed;inset:0;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:3px 3px;opacity:.25;pointer-events:none;z-index:0}
#graph-canvas{position:fixed;inset:0;z-index:0;opacity:.45;pointer-events:none}
.section,.nav,.footer{position:relative;z-index:2}.glass{background:linear-gradient(180deg,#ffffff14,#ffffff08);backdrop-filter:blur(8px);border:1px solid var(--line)}
.nav{position:sticky;top:12px;margin:12px auto;max-width:1220px;padding:10px 14px;border-radius:999px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand img{width:28px;height:28px}.nav nav{display:flex;gap:20px;align-items:center}.nav nav a{font-size:14px;color:#dbe5ff}
main{max-width:1220px;margin:auto;padding:0 18px}.section{padding:86px 0}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;min-height:88vh}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#c8d1e7}.pulse{animation:pulse 2.2s infinite}.hero h1{font-size:clamp(36px,8vw,74px);line-height:.98;margin:12px 0}.hero h1 span{background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2.2vw,22px);line-height:1.52;color:var(--muted)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{border-radius:999px;padding:14px 22px;border:1px solid transparent;font-weight:700}.btn--primary{background:linear-gradient(90deg,var(--acc),#84d6ff);color:#05121e}.btn--ghost{border-color:var(--line);background:#13192a;color:#d8e2fb}.btn--sm{padding:9px 14px;font-size:13px}
.hero__proof{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:8px 0 0}.hero__proof li{font-size:14px;color:#cad4ea}.hero__proof strong{font-size:22px;color:#fff}
.phone-shell{display:flex;justify-content:center}.phone{width:min(415px,92%);border-radius:50px;padding:14px;background:linear-gradient(180deg,#343d55,#131827)}.tilt{transform-style:preserve-3d}
.phone__screen{border-radius:38px;padding:20px;min-height:560px;background:radial-gradient(300px 240px at 75% -10%,#79a5ff4d,transparent),#070b14;position:relative}.live-dot{width:12px;height:12px;background:#19f79f;border-radius:50%;box-shadow:0 0 16px #19f79f;position:absolute;top:18px;right:18px;animation:pulse 1.2s infinite}
.metric-card{margin-top:10px;border:1px solid #ffffff2e;background:#ffffff12;border-radius:14px;padding:12px}.metric-card b{display:block;font-size:30px}.metric-card small,.metric-card span{color:#c6d0e9}
h2{font-size:clamp(30px,5vw,50px);margin:0 0 10px}.sub{font-size:18px;color:var(--muted);max-width:900px}.tech-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{padding:20px;border-radius:var(--radius)}.card h3{margin:0 0 10px}.card p{margin:0;color:#c5cfe5;line-height:1.52}
.ticker-wrap{margin-top:18px;border-radius:14px;overflow:hidden}.ticker{display:flex;gap:28px;padding:13px 0;white-space:nowrap;animation:ticker 18s linear infinite}.ticker span{font-weight:700;color:#dff2ff;opacity:.9}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.road{margin:14px 0 0;padding-left:18px;color:#c8d3ea;line-height:1.7}
.timeline{padding:20px;border-radius:16px;display:grid;gap:10px}.timeline div{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#ffffff0f}.timeline span{display:inline-flex;min-width:42px;justify-content:center;font-weight:800;color:#9ce9ff}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cards--3{grid-template-columns:repeat(3,1fr)}.pop:hover{transform:translateY(-6px);transition:.25s}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price{padding:22px;border-radius:16px}.price .num{font-size:30px;font-weight:900}.price ul{padding-left:18px;color:#c8d2e8}.popular{outline:2px solid #88ddff80;transform:scale(1.02)}
.contact{padding:24px;border-radius:22px}.contact p{color:#c2cce4}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff24;background:#0f1525;color:#eff3ff;font:inherit}textarea{margin:10px 0 14px}
.footer{position:relative;z-index:2;text-align:center;padding:26px;color:#9eabc7}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-45%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
@media(max-width:980px){.hero,.split,.pricing{grid-template-columns:1fr}.tech-grid,.cards--3,.cards{grid-template-columns:1fr 1fr}.nav nav a:not(.btn){display:none}.grid{grid-template-columns:1fr 1fr}.phone__screen{min-height:430px}}
@media(max-width:640px){.section{padding:62px 0}.tech-grid,.cards--3,.cards,.grid{grid-template-columns:1fr}.btn{width:100%}.hero__cta .btn--ghost{display:none}}