.page{position:relative;overflow-x:hidden}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(74,222,128,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(30,58,138,.15),transparent 45%),radial-gradient(ellipse 50% 35% at 0% 80%,rgba(16,185,129,.08),transparent 40%),var(--bg-deep)}.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max);margin:0 auto;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712b8;border-bottom:1px solid var(--stroke)}.nav__brand{display:flex;align-items:center;gap:.65rem;font-weight:600;font-size:1.05rem;letter-spacing:-.02em}.nav__brand span{font-family:var(--font-display)}.nav__links{display:flex;align-items:center;gap:.5rem}.nav__links a{padding:.5rem .85rem;border-radius:999px;font-size:.9375rem;font-weight:500;color:var(--muted);transition:color .2s,background .2s}.nav__links a:hover{color:var(--text);background:#94a3b814}.nav__links a.nav__app{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 0 1px #ffffff1f inset,0 4px 24px var(--accent-glow);transition:transform .15s ease,box-shadow .2s}.nav__links a.nav__app:hover{color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff1f inset,0 8px 32px var(--accent-glow)}.nav__links a.nav__app svg{width:1rem;height:1rem}main{max-width:var(--max);margin:0 auto;padding:0 1.5rem}.hero{padding:clamp(3rem,10vw,6rem) 0 clamp(4rem,12vw,7rem);text-align:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(74,222,128,.25);border-radius:999px}.hero h1{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.35rem,5.5vw,3.65rem);font-weight:600;line-height:1.08;letter-spacing:-.03em;max-width:16ch;margin-left:auto;margin-right:auto}.hero h1 em{font-style:italic;background:linear-gradient(120deg,#86efac,#4ade80 45%,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin:0 auto 2.25rem;max-width:38rem;font-size:1.125rem;color:var(--muted);line-height:1.65}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border:none;border-radius:999px;font-weight:600;font-size:1rem;color:var(--bg-deep);background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 4px 24px var(--accent-glow);transition:transform .15s ease}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.35rem;border-radius:999px;font-weight:600;font-size:1rem;color:var(--text);background:transparent;border:1px solid var(--stroke);transition:background .2s,border-color .2s}.btn-ghost:hover{background:#94a3b814;border-color:#94a3b840}.hero__mock{margin-top:clamp(3rem,8vw,5rem);position:relative;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(165deg,var(--bg-elevated) 0%,var(--bg) 100%);box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0a inset;overflow:hidden;aspect-ratio:16 / 9;max-height:420px}.hero__mock-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1.1fr;gap:0}@media(max-width:768px){.hero__mock-inner{grid-template-columns:1fr}}.mock-sidebar{padding:1.25rem;border-right:1px solid var(--stroke);background:#0003}.mock-sidebar__logo{width:2.25rem;height:2.25rem;border-radius:.6rem;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid var(--stroke);margin-bottom:1.5rem}.mock-bar{height:.5rem;border-radius:999px;background:#94a3b814;margin-bottom:.65rem}.mock-bar--short{width:55%}.mock-main{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mock-card{padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--stroke);background:#0f172a99}.mock-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}.mock-card__row strong{font-size:.9375rem;font-weight:600}.mock-card__row span{font-size:.8125rem;color:var(--muted)}.mock-tags{display:flex;flex-wrap:wrap;gap:.4rem}.mock-tag{padding:.2rem .55rem;font-size:.7rem;font-weight:600;border-radius:6px;background:var(--accent-dim);color:var(--accent)}.section{padding:clamp(3.5rem,8vw,5.5rem) 0;border-top:1px solid var(--stroke)}.section__head{max-width:36rem;margin-bottom:2.5rem}.section__head h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;letter-spacing:-.02em}.section__head p{margin:0;color:var(--muted);font-size:1.0625rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.feature{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:#11182780;transition:border-color .2s,transform .2s}.feature:hover{border-color:#4ade8040;transform:translateY(-2px)}.feature__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:.6rem;background:var(--accent-dim);color:var(--accent);font-size:1.15rem}.feature h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.feature p{margin:0;font-size:.9375rem;color:var(--muted);line-height:1.55}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;counter-reset:step}.step{position:relative;padding-left:3.5rem}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--bg-deep);background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:999px}.step h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.step p{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.55}.cta{margin:2rem 0 4rem;padding:clamp(2.5rem,6vw,3.5rem);border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(74,222,128,.25);background:linear-gradient(160deg,#4ade8014,#111827cc);box-shadow:0 24px 80px #00000059}.cta h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.cta p{margin:0 0 1.5rem;color:var(--muted);max-width:28rem;margin-left:auto;margin-right:auto}.footer{padding:2rem 1.5rem 3rem;max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;border-top:1px solid var(--stroke);font-size:.875rem;color:var(--muted)}.footer__brand{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text)}.footer a:hover{color:var(--accent)}:root{--bg-deep: #030712;--bg: #0b1120;--bg-elevated: #111827;--stroke: rgba(148, 163, 184, .12);--text: #e2e8f0;--muted: #94a3b8;--accent: #4ade80;--accent-dim: rgba(74, 222, 128, .15);--accent-glow: rgba(74, 222, 128, .35);--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--radius: 1rem;--radius-lg: 1.5rem;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--accent-dim);color:var(--text)}