:root,:root[data-theme=light]{color-scheme:light;--c-canvas: 246 247 249;--c-surface: 255 255 255;--c-sunken: 241 243 246;--c-fg: 16 24 40;--c-fg-muted: 71 84 103;--c-fg-subtle: 102 112 133;--c-on-brand: 255 255 255;--a-tint-1: .025;--a-tint-2: .045;--a-tint-3: .075;--a-line-subtle: .07;--a-line: .11;--a-line-strong: .2;--shadow-sm: 0 1px 2px rgb(16 24 40 / .06);--shadow-md: 0 1px 2px rgb(16 24 40 / .05), 0 4px 12px -2px rgb(16 24 40 / .08);--shadow-lg: 0 2px 4px rgb(16 24 40 / .04), 0 16px 32px -8px rgb(16 24 40 / .14);--shadow-hover: 0 2px 4px rgb(16 24 40 / .05), 0 20px 40px -12px rgb(16 24 40 / .2);--ring-focus: 0 0 0 3px rgb(var(--brand-rgb, 47 91 234) / .25)}:root[data-theme=dark]{color-scheme:dark;--c-canvas: 10 12 16;--c-surface: 18 21 28;--c-sunken: 13 15 21;--c-fg: 236 239 244;--c-fg-muted: 160 167 180;--c-fg-subtle: 112 120 137;--c-on-brand: 255 255 255;--a-tint-1: .03;--a-tint-2: .055;--a-tint-3: .09;--a-line-subtle: .07;--a-line: .11;--a-line-strong: .2;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 1px 2px rgb(0 0 0 / .35), 0 6px 16px -4px rgb(0 0 0 / .5);--shadow-lg: 0 2px 4px rgb(0 0 0 / .3), 0 20px 40px -10px rgb(0 0 0 / .6);--shadow-hover: 0 2px 4px rgb(0 0 0 / .3), 0 24px 48px -12px rgb(0 0 0 / .7)}:root{--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .4s;--space-section: clamp(4.5rem, 9vw, 7rem);--container: 72rem;--on-accent-rgb: 255 255 255}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;background:rgb(var(--c-canvas));color:rgb(var(--c-fg));font-family:var(--font-sans);font-feature-settings:"ss01","cv11";letter-spacing:-.006em;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden;background:rgb(var(--c-canvas))}section[id],main[id]{scroll-margin-top:84px}::selection{background:rgb(var(--brand-rgb) / .22)}:focus-visible{outline:2px solid rgb(var(--brand-rgb));outline-offset:2px}.font-mono,[class*=tabular]{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--c-fg) / .16);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--c-fg) / .28)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.thin-scroll::-webkit-scrollbar{width:4px;height:4px}.surface{background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line-subtle));border-radius:var(--radius-lg)}.surface-strong{background:rgb(var(--c-sunken));border:1px solid rgb(var(--c-fg) / var(--a-line-subtle));border-radius:var(--radius-lg)}.bento-card,.titanium-border{background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.glass{background:rgb(var(--c-surface) / .92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border:1px solid rgb(var(--c-fg) / var(--a-line))}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:560;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base),transform var(--dur-fast),box-shadow var(--dur-base)}.btn-primary{color:rgb(var(--c-on-brand));background:rgb(var(--brand-rgb));border:1px solid rgb(var(--brand-rgb));box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{color:rgb(var(--c-fg));background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line-strong))}.btn-secondary:hover{background:rgb(var(--c-fg) / var(--a-tint-2))}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.input-clean{width:100%;padding:8px 11px;border-radius:var(--radius-lg);background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line-strong));color:rgb(var(--c-fg));font-size:.8125rem;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input-clean::placeholder{color:rgb(var(--c-fg-subtle))}.input-clean:focus{border-color:rgb(var(--brand-rgb));box-shadow:var(--ring-focus)}.clean-slider{width:100%;height:4px;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:rgb(var(--c-fg) / .12)}.clean-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:rgb(var(--c-surface));border:2px solid rgb(var(--brand-rgb));box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--dur-fast)}.clean-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.clean-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgb(var(--c-surface));border:2px solid rgb(var(--brand-rgb));cursor:pointer}.kbd{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;color:rgb(var(--c-fg-muted));background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line-strong));border-bottom-width:2px}.table-dense th{padding:9px 12px;font-size:.6875rem;font-weight:560;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--c-fg-subtle));border-bottom:1px solid rgb(var(--c-fg) / var(--a-line))}.table-dense td{padding:11px 12px;font-size:.8125rem;color:rgb(var(--c-fg-muted));border-bottom:1px solid rgb(var(--c-fg) / var(--a-line-subtle))}.table-dense tr:hover td{background:rgb(var(--c-fg) / var(--a-tint-1));color:rgb(var(--c-fg))}.badge-clean{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:560;padding:2px 7px;border-radius:6px;border:1px solid transparent}.badge-success{background:rgb(var(--success-rgb) / .12);color:rgb(var(--success-rgb));border-color:rgb(var(--success-rgb) / .25)}.badge-info{background:rgb(var(--info-rgb) / .12);color:rgb(var(--info-rgb));border-color:rgb(var(--info-rgb) / .25)}.badge-warn{background:rgb(var(--warning-rgb) / .14);color:rgb(var(--warning-rgb));border-color:rgb(var(--warning-rgb) / .3)}.badge-error{background:rgb(var(--danger-rgb) / .12);color:rgb(var(--danger-rgb));border-color:rgb(var(--danger-rgb) / .25)}.badge-neutral{background:rgb(var(--c-fg) / var(--a-tint-2));color:rgb(var(--c-fg-muted));border-color:rgb(var(--c-fg) / var(--a-line))}:root[data-theme=light] .badge-warn{color:#9a5f00}:root[data-theme=light] .badge-success{color:#157a52}.tap-card{--accent-rgb: 47, 91, 234;--rx: 0deg;--ry: 0deg;--ty: 0px;--sc: 1;--mx: 50%;--my: 0%;position:relative;isolation:isolate;cursor:pointer;border-radius:var(--radius-2xl);background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line));box-shadow:var(--shadow-sm);transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--ty)) scale(var(--sc));transition:transform .28s var(--ease-out),box-shadow .3s ease,border-color .3s ease;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation}.tap-card.is-tracking{transition:transform .08s linear,box-shadow .3s ease,border-color .3s ease}.tap-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(var(--accent-rgb),.08),transparent 55%)}.tap-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(var(--accent-rgb),.75),rgba(var(--accent-rgb),.25) 50%,transparent 75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude}.tap-card:hover,.tap-card:focus-visible{--ty: -3px;box-shadow:var(--shadow-hover)}.tap-card:hover:before,.tap-card:hover:after,.tap-card:focus-visible:before,.tap-card:focus-visible:after{opacity:1}.tap-card:active{--sc: .985;--ty: -1px;transition-duration:.12s}.tap-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;border:1px solid rgb(var(--c-fg) / var(--a-line-strong));color:rgb(var(--c-fg-muted));background:rgb(var(--c-surface));transition:transform .3s var(--ease-out),background .2s ease,color .2s ease,border-color .2s ease}.tap-arrow svg{transform:rotate(-45deg);transition:transform .3s var(--ease-out)}.tap-card:hover .tap-arrow{background:rgb(var(--accent-rgb));border-color:transparent;color:#fff}.tap-card:hover .tap-arrow svg{transform:rotate(0)}.tap-card:active .tap-arrow{transform:scale(.92)}.tap-icon{transition:transform .35s var(--ease-out)}.tap-card:hover .tap-icon{transform:translateY(-1px) scale(1.05)}.press{transition:transform var(--dur-base) var(--ease-out),background var(--dur-base),border-color var(--dur-base);-webkit-tap-highlight-color:transparent}.press:hover{background:rgb(var(--c-fg) / var(--a-tint-2));border-color:rgb(var(--c-fg) / var(--a-line-strong))}.press:active{transform:scale(.98)}.spotlight-card{position:relative;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-fg) / var(--a-line));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s var(--ease-out)}.spotlight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.bg-grid-pattern,.bg-dot-pattern{background-image:linear-gradient(to right,rgb(var(--c-fg) / .045) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--c-fg) / .045) 1px,transparent 1px);background-size:48px 48px}.dot-lit{background-image:linear-gradient(to right,rgb(var(--c-fg) / .05) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--c-fg) / .05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}.aurora{display:none}.text-shine,.text-gradient{color:rgb(var(--brand-rgb))}@keyframes marquee{to{transform:translate(-50%)}}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,rgb(var(--c-fg) / .04) 25%,rgb(var(--c-fg) / .09),rgb(var(--c-fg) / .04) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.4);opacity:0}}.pulse-ring{position:relative}.pulse-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:currentColor;animation:pulse-ring 1.8s var(--ease-out) infinite}@keyframes dash-flow{to{stroke-dashoffset:-24}}.dash-flow{stroke-dasharray:4 8;animation:dash-flow 1.2s linear infinite}@keyframes bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-in{transform-origin:bottom;animation:bar-in .7s var(--ease-out) both}@keyframes blink{50%{opacity:.35}}.blink{animation:blink 1.1s ease-in-out infinite}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:pop .2s var(--ease-out) both}@media(hover:none){.tap-card:hover{--ty: 0px}}@media(prefers-reduced-motion:reduce){.marquee-track,.blink,.shimmer,.dash-flow,.pulse-ring:after{animation:none}.tap-card,.tap-card:hover,.tap-card:active{transform:none}}