:root{--black-50: oklch(98% 0 0);--black-100: oklch(95% 0 0);--black-200: oklch(90% 0 0);--black-300: oklch(80% 0 0);--black-400: oklch(70% 0 0);--black-500: oklch(50% 0 0);--black-600: oklch(40% 0 0);--black-700: oklch(30% 0 0);--black-800: oklch(20% 0 0);--black-900: oklch(10% 0 0);--black-950: oklch(5% 0 0);--purple-50: oklch(70% .15 296.97);--purple-100: oklch(65% .2 296.97);--purple-200: oklch(60% .25 296.97);--purple-300: oklch(55% .27 296.97);--purple-400: oklch(53.18% .28 296.97);--purple-500: oklch(50% .28 296.97);--purple-600: oklch(47.66% .28 296.97);--purple-700: oklch(45% .28 296.97);--purple-800: oklch(42% .28 296.97);--purple-900: oklch(38% .28 296.97);--purple-secondary-400: oklch(47.66% .246 305.88);--purple-secondary-600: oklch(42% .246 305.88);--purple-accent: oklch(69.02% .277 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-700);--bg-card-hover: var(--black-600);--text-primary: var(--black-900);--text-secondary: var(--black-700);--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);--border-primary: var(--black-200);--border-light: var(--black-100);--border-dark: var(--black-300);--border-purple-light: oklch(53.18% .28 296.97 / .2);--border-purple-medium: oklch(53.18% .28 296.97 / .3);--border-purple-hover: oklch(53.18% .28 296.97 / .4);--purple-tint-10: oklch(53.18% .28 296.97 / .1);--purple-tint-15: oklch(60% .28 296.97 / .15);--purple-tint-20: oklch(60% .28 296.97 / .2);--purple-tint-30: oklch(60% .28 296.97 / .3);--purple-glow-25: oklch(53.18% .28 296.97 / .25);--purple-glow-30: oklch(60% .28 296.97 / .3);--purple-glow-35: oklch(53.18% .28 296.97 / .35);--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 / .05);--black-10: oklch(0% 0 0 / .1);--black-15: oklch(0% 0 0 / .15);--black-20: oklch(0% 0 0 / .2);--black-25: oklch(0% 0 0 / .25);--black-30: oklch(0% 0 0 / .3);--black-35: oklch(0% 0 0 / .35);--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: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--black-5);--shadow-md: 0 4px 6px -1px var(--black-10), 0 2px 4px -2px var(--black-10);--shadow-lg: 0 10px 15px -3px var(--black-10), 0 4px 6px -4px var(--black-10);--shadow-xl: 0 20px 25px -5px var(--black-10), 0 8px 10px -6px var(--black-10);--shadow-button: 0 4px 12px 0 var(--purple-glow-25);--shadow-button-hover: 0 8px 20px 0 var(--purple-glow-35);--shadow-dark: 0 4px 16px var(--black-20);--shadow-darker: 0 8px 24px var(--black-30);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.25, .46, .45, .94);--container-max-width: 1280px;--section-padding: var(--spacing-3xl);--section-padding-mobile: var(--spacing-xl)}@media (prefers-color-scheme: dark){:root{--bg-main: oklch(19.37% .006 300.98);--bg-secondary: oklch(24% .006 300.98);--bg-primary: oklch(19.37% .006 300.98);--bg-hover: oklch(28% .006 300.98);--bg-active: oklch(32% .006 300.98);--text-primary: oklch(100% 0 0);--text-secondary: oklch(80% 0 0);--text-tertiary: oklch(60% 0 0);--text-inverse: oklch(19.37% .006 300.98);--border-primary: oklch(30% 0 0);--border-light: oklch(25% 0 0);--border-dark: oklch(40% 0 0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.1;color:var(--text-primary);margin:0;letter-spacing:-.03em}h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:700;letter-spacing:-.03em}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:-.02em}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-text{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;transition:color var(--transition-base)}.logo:hover .logo-text{color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.875rem 1.75rem;font-family:var(--font-family);font-size:1rem;font-weight:600;line-height:1.5;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--white-30);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0;pointer-events:none}.btn:active:before{width:300px;height:300px;opacity:1;transition:width .2s ease,height .2s ease,opacity .1s ease}.btn svg{flex-shrink:0;transition:transform var(--transition-base);width:20px;height:20px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-inverse);border-color:transparent;box-shadow:var(--shadow-button)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--secondary-hover) 100%);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background-color:var(--bg-main);color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-inverse);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.btn-secondary:hover svg{transform:translate(4px)}.btn-large{padding:1.125rem 2.25rem;font-size:1.125rem;border-radius:var(--border-radius-lg);font-weight:600}.btn-large svg{width:20px;height:20px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}@media (max-width: 768px){.btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.btn-large{padding:1rem 1.75rem;font-size:1rem}}.section{padding:var(--section-padding) 0}@media (max-width: 768px){.section{padding:var(--section-padding-mobile) 0}}.section-header{text-align:left;max-width:700px;margin-bottom:var(--spacing-3xl)}@media (min-width: 1024px){.section-header{margin-bottom:calc(var(--spacing-3xl) + 2rem)}}.section-label{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);margin-bottom:var(--spacing-md);padding:.375rem .875rem;background-color:var(--purple-tint-10);border-radius:var(--border-radius-full)}.section-title{margin-bottom:var(--spacing-lg);text-align:left;letter-spacing:-.03em;line-height:1.1}.section-description{font-size:1.125rem;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-2xl)}.section-title,.section-description{text-align:center}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-light);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-light) var(--bg-secondary)}