:root{--bg-deep: #030306;--bg-elevated: rgba(12, 12, 20, .72);--border-subtle: rgba(148, 163, 184, .12);--cyan: #22d3ee;--violet: #a855f7;--fuchsia: #e879f9;--emerald: #34d399;--text: #e2e8f0;--text-muted: #94a3b8;--radius: 1rem;--font-display: "Syne", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.85}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.25),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(34,211,238,.12),transparent),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(52,211,153,.08),transparent),var(--bg-deep)}.mesh-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");opacity:1}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent)}.page{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:0 1.5rem 5rem}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(to bottom,#030306eb,#03030699);border-bottom:1px solid var(--border-subtle);margin-inline:-1.5rem;padding-inline:1.5rem}.nav__brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--text)}.nav__brand-mark{width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,#22d3ee40,#a855f759);border:1px solid rgba(34,211,238,.35);display:grid;place-items:center}.nav__links{display:none;gap:1.5rem;font-size:.8125rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}@media(min-width:768px){.nav__links{display:flex}}.nav__links a{color:var(--text-muted)}.nav__links a:hover{color:var(--cyan);opacity:1}.nav__cta{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--bg-deep);background:linear-gradient(120deg,var(--cyan),var(--violet));border:none;border-radius:9999px;cursor:pointer;box-shadow:0 0 24px #22d3ee40;transition:transform .2s ease,box-shadow .2s ease}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 0 32px #a855f759}.hero{padding:2.5rem 0 4rem}@media(min-width:768px){.hero{padding:4rem 0 5rem}}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--emerald);margin-bottom:1.25rem}.hero__eyebrow:before{content:"";width:8px;height:8px;border-radius:9999px;background:var(--emerald);box-shadow:0 0 12px var(--emerald);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.hero h1{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0 0 1.5rem;background:linear-gradient(120deg,#f8fafc,#cbd5e1 40%,#22d3ee 75%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{max-width:38rem;font-size:1.125rem;color:var(--text-muted);margin:0 0 2rem}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:28rem;margin-top:2.5rem}.hero__stat{padding:1rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.hero__stat-value{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--cyan)}.hero__stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.section{padding:3.5rem 0;border-top:1px solid var(--border-subtle)}.section__head{margin-bottom:2rem}.section__label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--violet);margin-bottom:.5rem}.section h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;color:#f1f5f9}.section__intro{color:var(--text-muted);max-width:42rem;margin:0}.prose p{color:var(--text-muted);max-width:42rem}.prose p+p{margin-top:1rem}.cards{display:grid;gap:1rem;margin-top:2rem}@media(min-width:640px){.cards--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cards--3{grid-template-columns:repeat(3,1fr)}}.card{position:relative;padding:1.5rem;border-radius:calc(var(--radius) + 2px);background:var(--bg-elevated);border:1px solid var(--border-subtle);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.35),transparent 50%,rgba(168,85,247,.25));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.card:hover{border-color:#22d3ee40;transform:translateY(-2px)}.card__icon{width:2.5rem;height:2.5rem;margin-bottom:1rem;display:grid;place-items:center;border-radius:.75rem;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);color:var(--cyan)}.card h3{font-family:var(--font-display);font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#f8fafc}.card p{font-size:.9375rem;margin:0;color:var(--text-muted)}.feature-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.75rem}@media(min-width:640px){.feature-list{grid-template-columns:repeat(2,1fr)}}.feature-list li{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius);background:#0f172a66;border:1px solid var(--border-subtle);font-size:.9375rem;color:var(--text-muted)}.feature-list li strong{color:#e2e8f0;font-weight:600}.feature-list__dot{flex-shrink:0;width:6px;height:6px;margin-top:.45rem;border-radius:9999px;background:linear-gradient(var(--cyan),var(--violet))}.check-list{list-style:none;margin:1.5rem 0 0;padding:0}.check-list li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;color:var(--text-muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--emerald);font-size:.875rem}.compare{margin-top:2rem;border-radius:var(--radius);border:1px solid var(--border-subtle);overflow:hidden;background:#0f172a59}.compare__row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-subtle)}.compare__cell{padding:1rem 1.25rem;background:#030306d9;font-size:.875rem}.compare__cell--head{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.compare__cell--highlight{color:var(--cyan);font-weight:500}.footer{margin-top:4rem;padding:2.5rem 0;border-top:1px solid var(--border-subtle);text-align:center}.footer__wordmark{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.footer p{margin:.75rem 0 0;font-size:.875rem;color:var(--text-muted)}
