@source "../src";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-primary-glow:var(--primary-glow);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-surface:var(--surface);--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-sans:"Manrope",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}:root{--radius:0.875rem;--background:oklch(0 0 0);--foreground:oklch(1 0 0);--surface:oklch(0.13 0 0);--card:oklch(0.11 0 0/70%);--card-foreground:oklch(1 0 0);--popover:oklch(0.1 0 0);--popover-foreground:oklch(1 0 0);--primary:oklch(0.6 0.225 15.5);--primary-glow:oklch(0.7 0.2 15.5);--primary-foreground:oklch(1 0 0);--secondary:oklch(0.18 0 0);--secondary-foreground:oklch(1 0 0);--muted:oklch(0.18 0 0);--muted-foreground:oklch(0.72 0 0);--accent:oklch(0.2 0 0);--accent-foreground:oklch(1 0 0);--destructive:oklch(0.6 0.225 15.5);--destructive-foreground:oklch(1 0 0);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/14%);--ring:oklch(0.6 0.225 15.5);--light-intensity:0.55;--dur-fast:200ms;--dur-med:450ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--container:1240px;--shadow-glow:0 20px 60px -20px color-mix(in oklab,var(--primary) 55%,transparent);--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-glow))}@layer base{*{border-color:var(--color-border)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}section[id]{scroll-margin-top:80px}}@utility container-x{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}@utility eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-glow)}@utility display-xl{font-size:clamp(2.75rem,6.5vw,5.75rem);line-height:.98;font-weight:600}@utility display-lg{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.05;font-weight:600}@utility glass{background:color-mix(in oklab,var(--surface) 65%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border)}@utility tech-grid{background-image:linear-gradient(90deg,oklch(1 0 0/4%) 1px,transparent 0),linear-gradient(180deg,oklch(1 0 0/4%) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}@utility btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:999px;background:var(--gradient-primary);color:var(--primary-foreground);font-weight:600;box-shadow:var(--shadow-glow);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast);&:hover{transform:translateY(-2px)}}@utility btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:999px;border:1px solid var(--input);color:var(--foreground);font-weight:500;transition:border-color var(--dur-fast),background var(--dur-fast);&:hover{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,transparent)}}@utility light-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:var(--card);border:1px solid var(--border);transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med);&:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0),color-mix(in oklab,var(--primary) 22%,transparent),transparent 60%);transition:opacity var(--dur-med)}&:focus-within,&:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--primary) 45%,transparent)}&:focus-within:before,&:hover:before{opacity:1}}.light-env{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.light-orb{position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 60%,transparent),transparent 65%);opacity:var(--light-intensity);transform:translate(-50%,-50%);will-change:left,top,opacity;transition:left 1.4s var(--ease-out),top 1.4s var(--ease-out),opacity 1.4s var(--ease-out),width 1.4s var(--ease-out),height 1.4s var(--ease-out)}.light-orb.soft{background:radial-gradient(circle,oklch(1 0 0/10%),transparent 60%)}.reveal{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes codein{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes popin{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes travel-down{0%{transform:translate(-50%,-6px);opacity:0}15%,85%{opacity:1}to{transform:translate(-50%,44px);opacity:0}}@keyframes travel-up{0%{transform:translate(-50%,44px);opacity:0}15%,85%{opacity:1}to{transform:translate(-50%,-6px);opacity:0}}.packet-down{animation:travel-down 2.4s linear infinite}.packet-up{animation:travel-up 2.4s linear infinite}@keyframes codeloop{0%{opacity:0;transform:scaleX(0)}12%{opacity:1;transform:scaleX(1)}80%{opacity:1;transform:scaleX(1)}92%,to{opacity:0;transform:scaleX(1)}}@keyframes dotbeat{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in oklab,var(--primary) 35%,transparent)}50%{opacity:.5;box-shadow:0 0 0 6px transparent}}@keyframes rowsweep{0%{transform:translateX(-110%);opacity:0}12%{opacity:1}60%{opacity:1}72%,to{transform:translateX(240%);opacity:0}}@keyframes travel-lr{0%{left:6%;opacity:0}12%,85%{opacity:1}to{left:92%;opacity:0}}@keyframes travel-rl{0%{left:92%;opacity:0}12%,85%{opacity:1}to{left:6%;opacity:0}}.sweep-bar{position:absolute;top:0;bottom:0;left:0;width:45%;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 16%,transparent),transparent);animation:rowsweep 4.5s ease-in-out infinite}.dotbeat{animation:dotbeat 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.animate-\[float_5s_ease-in-out_infinite\],.animate-\[float_6s_ease-in-out_infinite\],.animate-\[float_7s_ease-in-out_infinite\],.animate-\[travel-lr_3s_linear_infinite\],.animate-\[travel-rl_3s_linear_infinite\],.dotbeat,.packet-down,.packet-up,.sweep-bar{animation:none}.animate-\[codeloop_5s_ease-in-out_infinite\]{animation:none;opacity:1;transform:none}}@keyframes ai-signal{0%,to{transform:scaleY(.25);opacity:.45}50%{transform:scaleY(1);opacity:1}}.ai-signal{animation:ai-signal 2s ease-in-out infinite}@keyframes support-scan{0%{left:0;opacity:.3}to{left:100%;opacity:1}}@keyframes support-stage{0%,30%{color:var(--primary);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}34%,to{color:var(--muted-foreground);border-color:var(--border);background:transparent}}.support-scan{animation:support-scan 3s linear infinite}.support-stage{animation:support-stage 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ai-cloud-mock *,.ai-cloud-mock :before,.support-mock *,.support-mock :before{animation:none!important}.ai-signal{transform:scaleY(.6)}}@keyframes logo-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(8px)}60%{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}to{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes pulse-slow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes fade-in-delayed{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-logo-reveal{animation:logo-reveal 1.2s cubic-bezier(.22,1,.36,1) forwards}.animate-shine{animation:shine 2.4s ease-in-out infinite;animation-delay:.8s}.animate-scan{animation:scan 2.2s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.animate-fade-in-delayed{animation:fade-in-delayed 1s ease-out .9s both}@keyframes once-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-once-shine{animation:once-shine 1.4s cubic-bezier(.76,0,.24,1) 1 forwards;animation-delay:.6s}@media (prefers-reduced-motion:reduce){.animate-once-shine{animation:none}}