:root{--color-charcoal-100: oklch(56.6% .011 267.3);--color-charcoal-200: oklch(46.7% .003 264.5);--color-charcoal-300: oklch(43.5% .004 264.5);--color-charcoal-400: oklch(39% .004 264.5);--color-charcoal-500: oklch(33.3% .004 264.5);--color-charcoal-600: oklch(30.9% .004 264.5);--color-charcoal-800: oklch(27.7% .004 264.5);--color-charcoal-900: oklch(25.5% .002 247.9);--color-charcoal-1100: oklch(21.8% .004 264.5);--color-charcoal-1200: oklch(20% .006 271.1);--color-gray-100: oklch(98.3% .003 48.7);--color-gray-200: oklch(96.9% .006 59.7);--color-gray-300: oklch(93.5% .009 52.1);--color-gray-400: oklch(83.4% .016 54.9);--color-gray-500: oklch(72.8% .026 51);--color-gray-600: oklch(69.3% .028 54.4);--color-gray-700: oklch(56.4% .01 44.8);--color-gray-800: oklch(27.4% .003 48.6);--color-gray-900: oklch(20.2% .005 67.5);--color-white: #fff;--color-black: #000;--color-amber-300: oklch(89% .12 90);--color-amber-400: oklch(80% .13 85);--color-amber-500: oklch(71% .135 80);--color-amber-600: oklch(62% .14 75);--color-blue-300: oklch(84.5% .095 255);--color-blue-400: oklch(72% .11 255);--color-blue-500: oklch(63% .13 256);--color-blue-600: oklch(55% .15 257);--color-green-300: oklch(85% .1 148);--color-green-400: oklch(75% .12 148);--color-green-500: oklch(67% .13 149);--color-green-600: oklch(60% .14 150);--color-red-300: oklch(83.1% .096 12);--color-red-400: oklch(72% .115 13.5);--color-red-500: oklch(65% .125 14);--color-red-600: oklch(57.4% .137 15);--color-violet-300: oklch(84.8% .082 295.5);--color-violet-400: oklch(74.8% .103 295);--color-violet-500: oklch(64.3% .123 294.3);--color-violet-600: oklch(56% .135 294);--spacing: .25rem;--radius: .5rem;--radius-card: .75rem;--radius-pill: 9999px;--header-height: 4.375rem;--duration: .15s;--easing: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--container-3xl: 48rem;--container-5xl: 64rem;--container-hero: 72rem;--font-display: "Gasoek One", ui-sans-serif, system-ui, sans-serif;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, 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-hero: clamp(2.5rem, 7vw, 5rem);--text-hero-split: clamp(2rem, 6vw, 4.5rem);--leading-tight: 1.25;--leading-display: 1.08;--tracking-display: -.01em;--leading-snug: 1.375;--leading-relaxed: 1.625}:root,[data-surface=light]{--background: var(--color-gray-200);--foreground: var(--color-gray-900);--surface: var(--color-white);--surface-foreground: var(--color-gray-900);--card: var(--color-gray-100);--card-foreground: var(--color-gray-900);--border: var(--color-gray-400);--muted: var(--color-gray-300);--muted-foreground: color-mix(in oklab, var(--color-gray-900) 50%, transparent);--muted-icon: var(--color-gray-600);--ring: var(--color-gray-700);--accent: var(--color-amber-300);--accent-edge: var(--color-amber-500);--accent-text: var(--color-amber-600);--accent-foreground: var(--color-gray-900);--info: var(--color-blue-300);--info-edge: var(--color-blue-500);--info-text: var(--color-blue-600);--success: var(--color-green-300);--success-edge: var(--color-green-600);--success-text: var(--color-green-600);--destructive: var(--color-red-300);--destructive-edge: var(--color-red-600);--destructive-text: var(--color-red-600);--support: var(--color-violet-300);--support-edge: var(--color-violet-500);--support-text: var(--color-violet-600);--brand-ground: var(--color-blue-300);--ghost-ink: color-mix(in oklab, var(--color-gray-900) 55%, transparent);--nav-hover: color-mix(in oklab, var(--color-gray-900) 5%, transparent);--row-hover: color-mix(in oklab, var(--color-gray-900) 3%, transparent);--row-selected: color-mix(in oklab, var(--color-gray-900) 5%, transparent);--scrim: color-mix(in oklab, var(--color-black) 35%, transparent);--scroll-shadow: color-mix(in oklab, var(--color-black) 12%, transparent)}[data-surface=dark]{--background: var(--color-charcoal-900);--foreground: var(--color-white);--surface: var(--color-charcoal-600);--surface-foreground: var(--color-white);--card: var(--color-charcoal-800);--card-foreground: var(--color-white);--border: var(--color-charcoal-1100);--muted: var(--color-charcoal-900);--muted-foreground: color-mix(in oklab, var(--color-white) 50%, transparent);--muted-icon: var(--color-charcoal-100);--ring: var(--color-charcoal-100);--ghost-ink: color-mix(in oklab, var(--color-white) 55%, transparent);--accent-text: var(--color-amber-400);--info-text: var(--color-blue-400);--success-text: var(--color-green-400);--destructive-text: var(--color-red-400);--support-text: var(--color-violet-400);--nav-hover: color-mix(in oklab, var(--color-charcoal-1200) 25%, transparent);--row-hover: color-mix(in oklab, var(--color-charcoal-1200) 15%, transparent);--row-selected: color-mix(in oklab, var(--color-charcoal-1200) 30%, transparent);--scrim: color-mix(in oklab, var(--color-black) 50%, transparent);--scroll-shadow: color-mix(in oklab, var(--color-black) 30%, transparent)}*{font-synthesis:none}h1,h2,h3,h4,h5,h6{font-weight:400}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.display-sm{font-family:var(--font-sans);font-weight:700;line-height:var(--leading-snug);letter-spacing:-.015em}.price{font-family:var(--font-sans);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ghost{color:var(--ghost-ink)}:root{--color-ink-950: oklch(15% .01 265);--color-ink-900: oklch(19% .012 265);--color-ink-800: oklch(24% .012 265);--color-ink-700: oklch(32% .012 265);--color-ink-600: oklch(45% .01 265);--color-paper-50: oklch(99% .002 106);--color-paper-100: oklch(98.2% .003 106);--color-paper-200: oklch(96.6% .004 106);--color-paper-300: oklch(93.4% .005 100);--color-paper-400: oklch(87.5% .006 100);--color-paper-500: oklch(72% .008 100);--color-paper-600: oklch(58% .008 100);--color-lime-300: oklch(91% .19 122);--color-lime-400: oklch(86% .21 124);--color-lime-500: oklch(75% .19 127);--color-lime-600: oklch(50% .13 130);--color-corn-200: oklch(90% .045 255);--color-corn-300: oklch(81% .08 255);--color-corn-500: oklch(62% .13 258);--color-corn-600: oklch(52% .15 260);--color-orange-300: oklch(84% .1 58);--color-orange-400: oklch(74% .17 48);--color-orange-500: oklch(67% .19 44);--color-orange-600: oklch(57% .18 40);--color-mint-300: oklch(88% .08 168);--color-mint-500: oklch(66% .12 168);--color-mint-600: oklch(50% .1 168);--color-red-300x: oklch(85% .075 20);--color-red-500x: oklch(62% .19 25);--color-red-600x: oklch(54% .19 25);--color-lav-300: oklch(87% .06 300);--color-lav-500: oklch(64% .13 300);--color-lav-600: oklch(52% .14 300)}:root,[data-surface=light]{--background: var(--color-paper-200);--foreground: var(--color-ink-900);--surface: var(--color-white);--surface-foreground: var(--color-ink-900);--card: var(--color-paper-100);--card-foreground: var(--color-ink-900);--border: var(--color-paper-400);--muted: var(--color-paper-300);--muted-foreground: color-mix(in oklab, var(--color-ink-900) 58%, transparent);--muted-icon: var(--color-paper-600);--ring: var(--color-ink-700);--accent: var(--color-lime-300);--accent-edge: var(--color-lime-500);--accent-text: var(--color-lime-600);--accent-foreground: var(--color-ink-950);--logo-youtube: #ff0000;--logo-instagram: #ff0069;--logo-tiktok: var(--color-ink-950);--logo-twitch: #9146ff;--logo-kick: #2fbf0e;--logo-spotify: #1db954;--logo-applepodcasts: #9933cc;--info: var(--color-corn-300);--info-edge: var(--color-corn-500);--info-text: var(--color-corn-600);--success: var(--color-mint-300);--success-edge: var(--color-mint-500);--success-text: var(--color-mint-600);--destructive: var(--color-red-300x);--destructive-edge: var(--color-red-500x);--destructive-text: var(--color-red-600x);--support: var(--color-lav-300);--support-edge: var(--color-lav-500);--support-text: var(--color-lav-600);--highlight: var(--color-orange-300);--highlight-edge: var(--color-orange-500);--highlight-text: var(--color-orange-600);--highlight-fill: var(--color-orange-400);--brand-ground: var(--color-corn-300);--brand-glow: var(--color-corn-200);--ghost-ink: color-mix(in oklab, var(--color-ink-900) 55%, transparent);--nav-hover: color-mix(in oklab, var(--color-ink-900) 5%, transparent);--row-hover: color-mix(in oklab, var(--color-ink-900) 3%, transparent);--row-selected: color-mix(in oklab, var(--color-orange-400) 9%, transparent);--scrim: color-mix(in oklab, var(--color-ink-950) 45%, transparent);--scroll-shadow: color-mix(in oklab, var(--color-ink-950) 12%, transparent)}[data-surface=dark]{--background: var(--color-ink-900);--foreground: var(--color-paper-100);--surface: var(--color-ink-800);--surface-foreground: var(--color-paper-100);--card: var(--color-ink-800);--card-foreground: var(--color-paper-100);--border: color-mix(in oklab, var(--color-paper-100) 12%, transparent);--muted: var(--color-ink-700);--muted-foreground: color-mix(in oklab, var(--color-paper-100) 60%, transparent);--muted-icon: var(--color-paper-500);--ring: var(--color-lime-300);--ghost-ink: color-mix(in oklab, var(--color-paper-100) 55%, transparent);--accent-text: var(--color-lime-300);--info-text: var(--color-corn-300);--success-text: var(--color-mint-300);--destructive-text: var(--color-red-300x);--support-text: var(--color-lav-300);--highlight-text: var(--color-orange-300);--nav-hover: color-mix(in oklab, var(--color-paper-100) 8%, transparent);--row-hover: color-mix(in oklab, var(--color-paper-100) 5%, transparent);--scrim: color-mix(in oklab, var(--color-black) 55%, transparent);--scroll-shadow: color-mix(in oklab, var(--color-black) 35%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--spacing) * 4)}body{margin:0;min-height:100dvh;font-size:var(--text-base);text-rendering:optimizeLegibility;overflow-x:clip}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}p,h1,h2,h3,h4,ul,ol,dl,figure{margin:0}a{color:inherit}::selection{background:var(--accent);color:var(--accent-foreground)}.container{width:100%;max-width:var(--container-5xl);margin-inline:auto;padding-inline:calc(var(--spacing) * 5)}.container--hero{max-width:var(--container-hero)}.container--narrow{max-width:var(--container-3xl)}.section{background:var(--background);color:var(--foreground);padding-block:calc(var(--spacing) * 20)}.section+.section{padding-top:0}.section__head{display:grid;gap:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 10);max-width:44rem}.section__head--center{margin-inline:auto;text-align:center;justify-items:center}.section__lede{color:var(--muted-foreground);font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:38rem}.section__foot{display:flex;justify-content:center;margin-top:calc(var(--spacing) * 8)}@media(max-width:560px){.section{padding-block:calc(var(--spacing) * 14)}}.display--hero{font-size:var(--text-hero-split)}.display--section{font-size:clamp(2rem,4vw,2.75rem)}.display-line{display:block}html,body{overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:calc(var(--spacing) * 4);top:-100px;z-index:100;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);background:var(--surface);border:1px solid var(--ring);border-radius:var(--radius)}.skip-link:focus{top:calc(var(--spacing) * 2)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.thanks{display:grid;justify-items:start;gap:calc(var(--spacing) * 5);min-height:50dvh;align-content:center}.thanks__ref{font-size:var(--text-sm);color:var(--muted-foreground)}.thanks__help{display:grid;gap:calc(var(--spacing) * 3);justify-items:start;font-size:var(--text-sm)}.thanks__help a{font-weight:600;text-underline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);min-height:44px;padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 5);border-radius:var(--radius);border:1px solid transparent;font-weight:600;font-size:var(--text-sm);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--duration) var(--easing),box-shadow var(--duration) var(--easing),transform var(--duration) var(--easing),border-color var(--duration) var(--easing)}.btn--primary{background:var(--accent);border-color:var(--accent-edge);color:var(--accent-foreground);box-shadow:0 1px 2px color-mix(in oklab,var(--accent-edge) 40%,transparent)}.btn--primary:hover{background:color-mix(in oklab,var(--accent) 88%,var(--accent-edge))}.btn--primary:active{box-shadow:none;transform:translateY(1px)}.btn--ink{background:var(--foreground);border-color:var(--foreground);color:var(--background);box-shadow:0 1px 2px color-mix(in oklab,var(--foreground) 30%,transparent)}.btn--ink:hover{background:color-mix(in oklab,var(--foreground) 86%,var(--background))}.btn--ink:active{box-shadow:none;transform:translateY(1px)}.btn--outline{background:var(--surface);border-color:var(--border);color:var(--foreground)}.btn--outline:hover{background:color-mix(in oklab,var(--surface) 92%,var(--foreground));border-color:var(--ring)}.btn--outline:active{transform:translateY(1px)}.btn--lg{font-size:var(--text-base);padding:calc(var(--spacing) * 3.5) calc(var(--spacing) * 7)}.btn--unavailable{background:var(--muted);border-color:var(--border);color:var(--muted-foreground);cursor:default}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--foreground);cursor:pointer}.icon-btn:hover{background:var(--nav-hover)}.text-link{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1.5);font-weight:600;text-decoration:none}.text-link svg{transition:transform var(--duration) var(--easing)}a.text-link:hover{text-decoration:underline;text-underline-offset:4px}a.text-link:hover svg{transform:translate(3px)}.card{padding:calc(var(--spacing) * 6);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--surface-foreground);transition:transform var(--duration) var(--easing),box-shadow var(--duration) var(--easing),border-color var(--duration) var(--easing)}@media(hover:hover){.card--lift:hover,.cat-card:hover{transform:translateY(-3px);border-color:var(--ring);box-shadow:0 10px 28px var(--scroll-shadow)}}.chip{min-height:36px;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--foreground);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration) var(--easing),border-color var(--duration) var(--easing)}.chip:hover{border-color:var(--ring)}.chip[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.kicker{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.eyebrow{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 3);border:1px solid color-mix(in oklab,var(--foreground) 18%,transparent);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface) 70%,transparent);font-size:var(--text-sm);font-weight:600}.badge{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * .5) calc(var(--spacing) * 2);border:1px solid;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;color:var(--foreground)}.badge--success{background:var(--success);border-color:var(--success-edge)}.badge--info{background:var(--info);border-color:var(--info-edge)}.badge--support{background:var(--support);border-color:var(--support-edge)}.badge--danger{background:var(--destructive);border-color:var(--destructive-edge)}.badge--highlight{background:var(--highlight);border-color:var(--highlight-edge)}.slab{display:inline-block;padding:0 .12em;background:var(--surface);color:var(--foreground);transform:rotate(-1.2deg);box-shadow:.08em .08em 0 var(--highlight-edge)}.wave{display:block;width:100%;height:110px;margin-bottom:-1px;pointer-events:none}.wave--flip{transform:scaleY(-1);margin-bottom:0;margin-top:-1px}.wave--bare{position:relative;z-index:1;margin-top:calc(var(--spacing) * 10)}.wave__echo{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.wave__stop{stop-color:var(--wave-echo)}.wave__stop--out{stop-opacity:0}@media(max-width:560px){.wave{height:64px}}.contour{position:relative;isolation:isolate}.contour:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--foreground);opacity:.09;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='72' viewBox='0 0 240 72'%3E%3Cpath d='M0 36C30 22 30 22 60 36S90 50 120 36 150 22 180 36 210 50 240 36' fill='none' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E") repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='72' viewBox='0 0 240 72'%3E%3Cpath d='M0 36C30 22 30 22 60 36S90 50 120 36 150 22 180 36 210 50 240 36' fill='none' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E") repeat;pointer-events:none}.band{position:relative;background:radial-gradient(70% 60% at 50% 0%,color-mix(in oklab,var(--brand-glow) 90%,transparent),transparent 70%),var(--brand-ground);color:var(--foreground);overflow:clip}.wave+.band{background:radial-gradient(55% 60% at 50% 50%,color-mix(in oklab,var(--brand-glow) 75%,transparent),transparent 70%),var(--brand-ground)}.band .ghost{color:var(--ghost-ink)}.prose{max-width:68ch;line-height:var(--leading-relaxed)}.prose>*+*{margin-top:calc(var(--spacing) * 4)}.prose h2{margin-top:calc(var(--spacing) * 10);font-size:var(--text-2xl)}.prose h2,.prose h3{font-family:var(--font-sans);font-weight:700;letter-spacing:-.015em;line-height:var(--leading-tight)}.prose h3{margin-top:calc(var(--spacing) * 6);font-size:var(--text-lg)}.prose ul{padding-left:1.25rem}.prose li+li{margin-top:calc(var(--spacing) * 1.5)}.prose a{text-underline-offset:3px}.card-grid{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--spacing) * 5);grid-template-columns:1fr}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-grid>li{display:grid;align-content:start;gap:calc(var(--spacing) * 2)}.card-grid h2{margin:0;font-size:var(--text-lg)}.card-grid p{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-snug)}[data-js]:not([data-motion=off]):not([data-motion=reduced]) [data-intro]:not([data-revealed]),[data-js]:not([data-motion=off]):not([data-motion=reduced]) [data-reveal]:not([data-revealed]){opacity:0}[data-tilt]{transform-style:preserve-3d;will-change:transform}.scroll-progress{position:fixed;inset:0 0 auto;z-index:80;height:3px;background:var(--accent);box-shadow:0 0 12px color-mix(in oklab,var(--accent-edge) 70%,transparent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none;display:none}.scroll-progress[data-active]{display:block}.header{transition:box-shadow var(--duration) var(--easing)}.header[data-scrolled]{box-shadow:0 8px 24px var(--scroll-shadow)}@keyframes wave-pulse{50%{transform:scaleY(.7)}}.waveform.is-playing span{animation:wave-pulse .9s var(--easing) infinite}.waveform.is-playing span:nth-child(3n){animation-delay:-.3s}.waveform.is-playing span:nth-child(3n+1){animation-delay:-.6s}@media(prefers-reduced-motion:reduce){.waveform.is-playing span{animation:none}}.ripple-host{position:relative;overflow:hidden;isolation:isolate}.ripple-ring{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;border:2px solid color-mix(in oklab,currentColor 45%,transparent);background:radial-gradient(circle,color-mix(in oklab,currentColor 14%,transparent) 0%,transparent 62%);transform:scale(0)}.play-btn{position:relative}.play-btn[aria-pressed=true]:before,.play-btn[aria-pressed=true]:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--highlight-fill);pointer-events:none;animation:water-ring 2.4s cubic-bezier(.22,1,.36,1) infinite}.play-btn[aria-pressed=true]:after{animation-delay:1.2s}@keyframes water-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){.play-btn[aria-pressed=true]:before,.play-btn[aria-pressed=true]:after{display:none}}