@layer components{.landing-root{--landing-accent:#4f46e5;--landing-accent-2:#0ea5e9;--landing-accent-3:#a855f7;--landing-glass:#ffffffb8;--landing-glass-border:#6366f12e;--landing-stage-bg:#f6f7fb;--fs:var(--font-scale,1);background:var(--background);color:var(--foreground);overflow-x:clip}.dark .landing-root,.landing-root:is(.dark *){--landing-accent:#818cf8;--landing-accent-2:#38bdf8;--landing-accent-3:#c084fc;--landing-glass:#0f172a9e;--landing-glass-border:#818cf838;--landing-stage-bg:#030614}.landing-container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1rem}.landing-section{padding-block:3.5rem;position:relative}@media (min-width:640px){.landing-container{padding-inline:1.5rem}.landing-section{padding-block:4.5rem}}@media (min-width:1024px){.landing-container{padding-inline:2rem}.landing-section{padding-block:6rem}}@media (min-width:1280px){.landing-container{padding-inline:2.5rem}.landing-section{padding-block:6.5rem}}.landing-backdrop{isolation:isolate;position:relative}.landing-backdrop:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in oklab, var(--landing-accent) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--landing-accent) 9%, transparent) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 75%)}.landing-eyebrow{font-size:calc(.75rem * var(--fs));letter-spacing:.12em;text-transform:uppercase;color:var(--landing-accent);align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.landing-h2{font-size:calc(clamp(1.75rem, 1.25rem + 2vw, 3.25rem) * var(--fs));letter-spacing:-.025em;color:var(--foreground);text-wrap:balance;font-weight:900;line-height:1.1}.landing-lead{font-size:calc(.9375rem * var(--fs));color:var(--muted-foreground);text-wrap:pretty;line-height:1.65}@media (min-width:640px){.landing-lead{font-size:calc(1.125rem * var(--fs))}}.landing-gradient-text{background:linear-gradient(100deg, var(--landing-accent), var(--landing-accent-2) 55%, var(--landing-accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-glass{background:var(--landing-glass);border:1px solid var(--landing-glass-border);-webkit-backdrop-filter:blur(12px)saturate(140%);position:relative;box-shadow:0 20px 50px -24px #0f172a59}.landing-card{border:1px solid color-mix(in oklab, var(--border) 80%, transparent);background:color-mix(in oklab, var(--card) 78%, transparent);border-radius:1.25rem;padding:1.25rem;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative}@media (min-width:640px){.landing-card{border-radius:1.5rem;padding:1.5rem}}@media (min-width:1024px){.landing-card{padding:1.75rem}}@media (hover:hover){.landing-card:is(a,button,[data-interactive]):hover{border-color:color-mix(in oklab, var(--landing-accent) 45%, transparent);box-shadow:0 24px 50px -30px color-mix(in oklab, var(--landing-accent) 60%, transparent);transform:translateY(-2px)}}.landing-card:is(a,button,[data-interactive]):active{transform:scale(.99)}.landing-chip{font-size:calc(.75rem * var(--fs));color:var(--foreground);background:var(--landing-glass);border:1px solid var(--landing-glass-border);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-weight:800;display:inline-flex}@media (min-width:640px){.landing-chip{font-size:calc(.8125rem * var(--fs))}}.landing-tag{font-size:calc(.75rem * var(--fs));color:var(--foreground);background:color-mix(in oklab, var(--landing-accent) 10%, transparent);border:1px solid color-mix(in oklab, var(--landing-accent) 22%, transparent);border-radius:999px;align-items:center;padding:.3rem .7rem;font-weight:700;display:inline-flex}.landing-btn-primary,.landing-btn-ghost{min-height:2.875rem;font-size:calc(.875rem * var(--fs));touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.625rem;padding:0 1.25rem;font-weight:800;line-height:1;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}@media (min-width:640px){.landing-btn-primary,.landing-btn-ghost{min-height:3.25rem;font-size:calc(.9375rem * var(--fs));border-radius:1rem;padding:0 1.5rem}}@media (min-width:1024px){.landing-btn-primary,.landing-btn-ghost{min-height:3.5rem;font-size:calc(1rem * var(--fs));padding:0 1.75rem}}.landing-btn-primary{color:#fff;background-color:#090d16;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0003,0 6px 18px -4px #00000059}.dark .landing-btn-primary,.landing-btn-primary:is(.dark *){color:#fff;-webkit-backdrop-filter:blur(12px);background-color:#0a0f1ceb;border:1px solid #818cf859;box-shadow:inset 0 1px #ffffff24,0 2px 8px #0006,0 8px 24px -6px #00000080}@media (hover:hover){.landing-btn-primary:hover{background-color:#0f172a;border-color:#6366f1b3;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 0 20px -3px #6366f166,0 4px 14px #00000059}.dark .landing-btn-primary:hover,.landing-btn-primary:is(.dark *):hover{background-color:#0f172afa;border-color:#818cf8d9;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 24px -2px #6366f180,0 6px 18px #0000008c}.landing-btn-ghost:hover{background-color:color-mix(in oklab, var(--card) 85%, var(--foreground) 10%);border-color:#6366f18c;transform:translateY(-1px);box-shadow:0 0 16px -4px #6366f14d}}.landing-btn-ghost{color:var(--foreground);background:var(--landing-glass);border:1px solid var(--landing-glass-border);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d}.landing-btn-primary:active,.landing-btn-ghost:active{transform:scale(.98)}.landing-btn-primary:focus-visible,.landing-btn-ghost:focus-visible{outline:2px solid var(--landing-accent-2);outline-offset:3px}.landing-stage{background:radial-gradient(ellipse 70% 45% at 50% 0%, color-mix(in oklab, var(--landing-accent) 16%, transparent), transparent 70%), radial-gradient(ellipse 50% 40% at 85% 75%, color-mix(in oklab, var(--landing-accent-3) 10%, transparent), transparent 70%), var(--landing-stage-bg)}.landing-horizon{background:radial-gradient(ellipse 55% 50% at 50% 50%, color-mix(in oklab, var(--landing-accent-2) 22%, transparent), transparent 70%);filter:blur(8px)}.landing-node{white-space:nowrap;font-size:calc(.8125rem * var(--fs));color:var(--foreground);background:var(--landing-glass);border:1px solid var(--landing-glass-border);box-shadow:0 10px 30px -14px color-mix(in oklab, var(--landing-accent) 70%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-weight:800;display:inline-flex}.landing-node:before{content:"";background:var(--landing-accent-2);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--landing-accent-2) 25%, transparent);border-radius:999px;animation:2.4s ease-in-out infinite landing-pulse}.landing-plate{-webkit-backdrop-filter:blur(14px);backface-visibility:hidden;background:linear-gradient(135deg,#ffffffb8 0%,#f0f5ff7a 100%);border:1px solid #6366f147;box-shadow:inset 0 1px 1px #fffc,0 16px 36px -12px #6366f12e}.dark .landing-plate{-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#0f172a85 0%,#0a0f1ead 100%);border:1px solid #818cf852;box-shadow:inset 0 1px 1px #ffffff26,0 20px 42px -15px #000000a6}.landing-plate-tag{font-size:calc(.625rem * var(--fs));letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;z-index:10;background:linear-gradient(110deg,#4f46e5,#0ea5e9);border-radius:999px;padding:.22rem .68rem;font-weight:800;position:absolute;top:-.7rem;left:.85rem;box-shadow:0 4px 14px -2px #4f46e58c}@media (pointer:coarse){.landing-glass,.landing-chip,.landing-node,.landing-btn-ghost{-webkit-backdrop-filter:none}.landing-root{--landing-glass:#ffffffe6}.dark .landing-root,.landing-root:is(.dark *){--landing-glass:#0f172ae0}}.landing-beam{stroke-dasharray:12 88;animation:3.6s linear infinite landing-dash}.landing-flow{stroke-dasharray:3 5;animation:1.4s linear infinite landing-dash-short}.landing-blink{animation:2.8s ease-in-out infinite landing-blink}.landing-float{animation:8s ease-in-out infinite landing-float}.landing-fade-in{animation:.9s ease-out .35s both landing-fade}.landing-bob{animation:1.8s ease-in-out infinite landing-bob}.landing-rise{animation:.6s cubic-bezier(.22,1,.36,1) both landing-rise}@supports (animation-timeline:view()){.landing-reveal{animation:linear both landing-reveal;animation-timeline:view();animation-range:entry entry 55%}}@media (prefers-reduced-motion:reduce){.landing-beam,.landing-flow,.landing-blink,.landing-float,.landing-fade-in,.landing-bob,.landing-rise,.landing-reveal,.landing-node:before{animation:none}}}@keyframes landing-dash{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes landing-dash-short{to{stroke-dashoffset:-8px}}@keyframes landing-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-fade{0%{opacity:0}}@keyframes landing-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes landing-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklab, var(--landing-accent-2) 30%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in oklab, var(--landing-accent-2) 0%, transparent)}}@keyframes landing-reveal{0%{opacity:0;transform:translateY(28px)}}@keyframes landing-rise{0%{opacity:.01;transform:translateY(14px)}}@keyframes spark-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}