:root{color-scheme:light;--black-50: oklch(98.5% .005 85);--black-100: oklch(96.5% .004 85);--black-200: oklch(91% .003 85);--black-300: oklch(82% .002 85);--black-400: oklch(71% .002 85);--black-500: oklch(55% .002 260);--black-600: oklch(43% .002 260);--black-700: oklch(32% .002 260);--black-800: oklch(21% .002 260);--black-900: oklch(14% .002 260);--black-950: oklch(8% .002 260);--purple-50: oklch(72% .12 296.97);--purple-100: oklch(67% .16 296.97);--purple-200: oklch(62% .2 296.97);--purple-300: oklch(57% .22 296.97);--purple-400: oklch(53.18% .24 296.97);--purple-500: oklch(50% .24 296.97);--purple-600: oklch(47.66% .24 296.97);--purple-700: oklch(44% .24 296.97);--purple-800: oklch(40% .24 296.97);--purple-900: oklch(36% .24 296.97);--purple-secondary-400: oklch(47.66% .2 305.88);--purple-secondary-600: oklch(42% .2 305.88);--purple-accent: oklch(65% .22 332.77);--primary-color: var(--purple-400);--primary-hover: var(--purple-600);--primary-light: var(--purple-200);--primary-dark: var(--purple-700);--secondary-color: var(--purple-secondary-400);--secondary-hover: var(--purple-secondary-600);--accent-color: var(--purple-accent);--bg-main: var(--black-50);--bg-secondary: var(--black-100);--bg-tertiary: var(--black-200);--bg-hover: var(--black-100);--bg-active: var(--black-200);--bg-dark: var(--black-900);--bg-darker: var(--black-950);--bg-card-light: var(--black-800);--bg-card-hover: var(--black-700);--surface-card: var(--bg-main);--surface-card-border: var(--border-hairline);--surface-card-border-hover: var(--border-default);--surface-card-shadow: var(--shadow-sm);--surface-card-shadow-hover: var(--shadow-card);--text-primary: var(--black-900);--text-secondary: var(--black-600);--text-tertiary: var(--black-500);--text-quaternary: var(--black-400);--text-inverse: var(--black-50);--text-on-dark: var(--black-50);--text-on-dark-secondary: var(--black-300);--on-dark-fg: oklch(80% 0 0);--on-dark-fg-hover: oklch(95% 0 0);--on-dark-border: oklch(100% 0 0 / .12);--on-dark-border-hover: oklch(100% 0 0 / .22);--on-dark-bg-hover: oklch(100% 0 0 / .04);--on-dark-border-faint: oklch(100% 0 0 / .06);--on-dark-border-soft: oklch(100% 0 0 / .08);--on-dark-border-default: oklch(100% 0 0 / .1);--on-dark-bg-faint: oklch(100% 0 0 / .025);--on-dark-bg-soft: oklch(100% 0 0 / .04);--border-hairline: var(--black-100);--border-default: var(--black-200);--border-strong: var(--black-300);--border-primary: var(--border-default);--border-light: var(--border-default);--border-dark: var(--border-strong);--border-purple-light: oklch(53.18% .24 296.97 / .15);--border-purple-medium: oklch(53.18% .24 296.97 / .25);--border-purple-hover: oklch(53.18% .24 296.97 / .35);--purple-tint-10: oklch(53.18% .24 296.97 / .08);--purple-tint-15: oklch(60% .24 296.97 / .12);--purple-tint-20: oklch(60% .24 296.97 / .15);--purple-tint-30: oklch(60% .24 296.97 / .22);--purple-glow-25: oklch(53.18% .24 296.97 / .2);--purple-glow-30: oklch(60% .24 296.97 / .25);--purple-glow-35: oklch(53.18% .24 296.97 / .3);--white-10: oklch(100% 0 0 / .1);--white-15: oklch(100% 0 0 / .15);--white-20: oklch(100% 0 0 / .2);--white-25: oklch(100% 0 0 / .25);--white-30: oklch(100% 0 0 / .3);--white-40: oklch(100% 0 0 / .4);--white-60: oklch(100% 0 0 / .6);--white-90: oklch(100% 0 0 / .9);--white-95: oklch(100% 0 0 / .95);--black-5: oklch(0% 0 0 / .04);--black-10: oklch(0% 0 0 / .07);--black-15: oklch(0% 0 0 / .1);--black-20: oklch(0% 0 0 / .14);--black-25: oklch(0% 0 0 / .18);--black-30: oklch(0% 0 0 / .22);--black-35: oklch(0% 0 0 / .28);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .625rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--black-5);--shadow-md: 0 1px 2px 0 var(--black-5), 0 4px 8px -2px var(--black-10);--shadow-lg: 0 2px 4px 0 var(--black-10), 0 12px 24px -4px var(--black-15);--shadow-xl: 0 2px 4px 0 var(--black-10), 0 24px 48px -8px var(--black-20);--shadow-card: 0 1px 2px 0 var(--black-5), 0 6px 12px -4px var(--black-10);--shadow-card-hover: 0 1px 2px 0 var(--black-5), 0 16px 32px -8px var(--black-15);--shadow-button: 0 1px 3px 0 var(--purple-glow-25);--shadow-button-hover: 0 6px 16px -2px var(--purple-glow-30);--shadow-dark: 0 2px 8px var(--black-20);--shadow-darker: 0 4px 16px var(--black-25);--font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--tracking-tightest: -.04em;--tracking-tighter: -.025em;--tracking-tight: -.02em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94);--container-max-width: 1200px;--section-padding: var(--spacing-3xl);--section-padding-mobile: var(--spacing-xl);--header-height: 56px;--page-top-padding: calc(var(--section-padding) + 2rem);--page-top-padding-mobile: calc(var(--section-padding-mobile) + 1rem);--noise-paper: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-main);margin:0;padding:0;text-rendering:optimizeLegibility;overflow-x:clip}.tabular,[data-numeric]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.surface-paper{position:relative;isolation:isolate}.surface-paper:before{content:"";position:absolute;inset:0;background-image:var(--noise-paper);background-size:160px 160px;opacity:.35;mix-blend-mode:multiply;pointer-events:none;z-index:0}.surface-paper>*{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:1.15;color:var(--text-primary);margin:0;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,3.75rem);letter-spacing:-.025em}h2{font-size:clamp(1.875rem,4vw,2.75rem);letter-spacing:-.02em}h3{font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:-.015em}p{margin:0;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}@media(min-width:768px){.container{padding:0 var(--spacing-lg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.logo-icon{display:block;width:28px;height:28px;object-fit:contain}.logo-text{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;transition:color var(--transition-base)}.logo:hover .logo-text{color:var(--primary-color)}.section-header{text-align:left;max-width:640px;margin-bottom:var(--spacing-2xl)}@media(min-width:1024px){.section-header{margin-bottom:var(--spacing-3xl)}}.section-label{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--font-family-mono);font-size:.75rem;font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--primary-color);margin-bottom:var(--spacing-md)}.section-label:before{content:"";width:1.75rem;height:1px;background:currentColor;opacity:.55}.section-title{margin-bottom:var(--spacing-md);text-align:left;letter-spacing:-.02em;line-height:1.15}.section-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;text-align:left;letter-spacing:-.01em}@media(max-width:768px){.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title,.section-description{text-align:center}}.card{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--surface-card-shadow);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--surface-card-border-hover);box-shadow:var(--surface-card-shadow-hover)}.badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.25rem .75rem;border-radius:var(--border-radius-full);background:var(--purple-tint-10);color:var(--primary-color);border:1px solid var(--border-purple-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.625rem 1.25rem;font-family:var(--font-family);font-size:.9375rem;font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn svg{flex-shrink:0;transition:transform var(--transition-base);width:16px;height:16px}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-inverse);box-shadow:var(--shadow-button-hover)}.btn-primary:active{box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary:hover svg{transform:translate(2px)}.btn-secondary{background-color:var(--bg-main);color:var(--text-primary);border-color:var(--border-dark);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-secondary:active{box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-secondary:hover svg{transform:translate(2px)}.btn-large{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius-md)}.btn-large svg{width:18px;height:18px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.btn{width:100%;justify-content:center}.btn-large{padding:.75rem 1.25rem}}.section{padding:var(--section-padding) 0}@media(max-width:768px){.section{padding:var(--section-padding-mobile) 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--border-radius-sm);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-dark) var(--bg-secondary)}