:root{--bg: #070c16;--fg: #eef3fb;--muted: #9aabc0;--accent: #14b8a6;--accent-2: #5eead4;--panel: rgba(18, 28, 48, .72);--font: "Satoshi", "Geist", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--fg);background:radial-gradient(1200px 600px at 70% -10%,rgba(20,184,166,.22),transparent 55%),radial-gradient(900px 500px at 10% 20%,rgba(56,189,248,.12),transparent 50%),linear-gradient(180deg,#070c16,#0b1220 45%,#0a1628)}a{color:inherit;text-decoration:none}.hero{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:1.25rem clamp(1.25rem,4vw,3rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.nav{display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{font-weight:700;font-size:1.35rem;letter-spacing:-.03em}.brand span{color:var(--accent)}.nav-cta{display:flex;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#0d9488);color:#042f2e}.btn-ghost{border-color:#ffffff29;background:#ffffff0a}.hero-main{z-index:2;display:grid;align-content:center;gap:1.25rem;max-width:40rem;padding-bottom:4rem;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.hero h1{margin:0;font-size:clamp(2.6rem,7vw,4.6rem);line-height:.98;letter-spacing:-.045em}.hero p{margin:0;color:var(--muted);font-size:1.125rem;max-width:34rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.call-stage{position:absolute;right:clamp(1rem,6vw,5rem);bottom:8%;width:min(420px,90vw);aspect-ratio:4/3;border-radius:24px;background:linear-gradient(160deg,#0f172ae6,#0f172a8c);border:1px solid rgba(94,234,212,.25);box-shadow:0 30px 100px #0000008c;overflow:hidden;animation:floatIn 1.1s .15s cubic-bezier(.2,.8,.2,1) both}.call-stage .remote{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.35),transparent 45%),linear-gradient(160deg,#1e293b,#0f172a)}.call-stage .self{position:absolute;right:1rem;bottom:1rem;width:28%;aspect-ratio:3/4;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(160deg,#334155,#0f172a);animation:pulse 2.8s ease-in-out infinite}.call-stage .bar{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:flex;gap:.5rem;padding:.45rem .65rem;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-stage .dot{width:2.1rem;height:2.1rem;border-radius:50%;background:#ffffff1f}.call-stage .dot.hang{background:#ef4444}.section{padding:clamp(3.5rem,8vw,6rem) clamp(1.25rem,4vw,3rem);max-width:1100px;margin:0 auto}.section h2{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em}.section p.lead{margin:0 0 1.5rem;color:var(--muted);max-width:40rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{padding:1.25rem;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.06)}.tile h3{margin:0 0 .4rem;font-size:1.05rem}.tile p{margin:0;color:var(--muted);font-size:.95rem}.footer{padding:2rem clamp(1.25rem,4vw,3rem) 3rem;color:var(--muted);font-size:.9rem;border-top:1px solid rgba(255,255,255,.06)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes floatIn{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{box-shadow:0 0 #14b8a659}50%{box-shadow:0 0 0 10px #14b8a600}}@media(max-width:900px){.call-stage{position:relative;right:auto;bottom:auto;margin-top:2rem;width:100%}.hero-main{padding-bottom:1rem}}