@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-bg-primary: #08090d;--color-bg-secondary: #0f1117;--color-bg-elevated: #161922;--color-bg-overlay: rgba(8, 9, 13, .85);--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-text-inverse: #08090d;--color-accent: #14f195;--color-on-accent: #041a12;--color-accent-muted: rgba(20, 241, 149, .12);--color-accent-secondary: #9945ff;--color-accent-secondary-muted: rgba(153, 69, 255, .15);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-focus-ring: rgba(20, 241, 149, .45);--color-success: #14f195;--color-warning: #fbbf24;--color-error: #f87171;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: clamp(2.5rem, 5vw, 4rem);--text-hero: clamp(2.75rem, 6vw, 5rem);--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.03em;--tracking-wide: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-section: clamp(4rem, 10vw, 7rem);--container-max: 1200px;--container-narrow: 720px;--header-height: 4.5rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(20, 241, 149, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-reveal: .8s;--z-header: 100;--z-overlay: 200;--z-modal: 300}[data-theme=light]{--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-elevated: #f4f4f5;--color-bg-overlay: rgba(250, 250, 250, .9);--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-text-inverse: #fafafa;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-accent-muted: rgba(20, 241, 149, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .12)}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee__track{display:flex;gap:var(--space-12);animation:marquee 30s linear infinite;white-space:nowrap}.float-slow{animation:float 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;border-radius:var(--radius-full);border:1px solid transparent;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-glow)}.btn--primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn--secondary:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.btn--ghost{color:var(--color-text-secondary);padding-inline:var(--space-4)}.btn--ghost:hover{color:var(--color-text-primary)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary)}.badge--accent{background:var(--color-accent-muted);border-color:#14f19540;color:var(--color-accent)}.badge--purple{background:var(--color-accent-secondary-muted);border-color:#9945ff40;color:var(--color-accent-secondary)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.card__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-5);color:var(--color-accent)}.card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.card__text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.stat{text-align:center}.stat__value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-accent)}.stat__label{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-8)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);height:var(--header-height);display:flex;align-items:center;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:min(100% - var(--space-8),var(--container-max));margin-inline:auto}.logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.logo__mark{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.logo__img{width:100%;height:100%;object-fit:cover;object-position:center}.nav{display:flex;align-items:center;gap:var(--space-6)}.nav a:not(.btn){font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast)}.nav a:not(.btn):hover{color:var(--color-text-primary)}.theme-toggle{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:border-color var(--duration-fast),color var(--duration-fast)}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-16);margin-top:var(--space-section)}.footer__grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:var(--space-12)}.footer__brand p{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);max-width:28ch}.footer__col h4{font-family:var(--font-display);font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text-primary)}.footer__col a{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);transition:color var(--duration-fast)}.footer__col a:hover{color:var(--color-accent)}.footer__bottom{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height)}.hero__content{position:relative;z-index:1;max-width:52rem}.hero__title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-snug);margin-bottom:var(--space-10);max-width:42ch}.cta-band{background:linear-gradient(135deg,var(--color-accent-muted),var(--color-accent-secondary-muted));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);text-align:center}.cta-band h2{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cta-band p{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:40ch;margin-inline:auto}.steps{display:grid;gap:var(--space-6)}.step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:start;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.step__num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.step__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}.step__text{color:var(--color-text-secondary);font-size:var(--text-sm)}.ds-section{margin-bottom:var(--space-16)}.ds-section h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.color-swatch{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.color-swatch__preview{height:4rem}.color-swatch__meta{padding:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.type-scale>*{margin-bottom:var(--space-4)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-muted)}.icon-cell img{width:48px;height:48px;border-radius:var(--radius-md)}@media(max-width:768px){.nav .nav__link{display:none}.footer__grid{grid-template-columns:1fr}.hero__title{font-size:var(--text-4xl)}.how-grid{grid-template-columns:1fr!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:min(100% - var(--space-8),var(--container-max));margin-inline:auto}.container--narrow{width:min(100% - var(--space-8),var(--container-narrow));margin-inline:auto}.section{padding-block:var(--space-section)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.gradient-text{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-glow:before{content:"";position:absolute;top:-20%;left:50%;translate:-50% 0;width:80%;height:60%;background:radial-gradient(ellipse,rgba(20,241,149,.12) 0%,rgba(153,69,255,.06) 40%,transparent 70%);animation:glow-pulse 8s ease-in-out infinite}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent);pointer-events:none}[data-theme=light] .grid-bg{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}.prose h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h3{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p,.prose li{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.prose ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.prose a:not(.btn){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.prose a.btn{text-decoration:none}.prose a.btn--primary{color:var(--color-on-accent)}.prose a.btn--secondary{color:var(--color-text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}