@charset "UTF-8";:root{--color-neutral-0: #ffffff;--color-neutral-50: #f7f8fa;--color-neutral-100: #eef1f5;--color-neutral-200: #d9dfe8;--color-neutral-300: #b8c0ce;--color-neutral-400: #8e98aa;--color-neutral-500: #667085;--color-neutral-600: #475467;--color-neutral-700: #344054;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #070a10;--color-green-100: #d9ffb0;--color-green-200: #bcf56a;--color-green-300: #a3e622;--color-green-400: #8ccb1c;--color-green-500: #77ae17;--color-green-600: #5e8f10;--color-green-700: #4b730c;--color-green-800: #355306;--color-green-900: #233a03;--color-cyan-300: #7cf3fb;--color-cyan-400: #4fe7f5;--color-cyan-500: #22d3ee;--color-cyan-600: #14b8d4;--color-cyan-700: #0891b2;--color-shadow-200: #f5d0fe;--color-shadow-300: #e879f9;--color-shadow-400: #d946ef;--color-shadow-500: #c026d3;--color-shadow-600: #a21caf;--color-shadow-700: #86198f;--color-status-success-500: #22c55e;--color-status-warning-500: #f59e0b;--color-status-danger-500: #ef4444;--color-status-info-500: #3b82f6;--color-bg-canvas: var(--color-neutral-950);--color-bg-surface-1: var(--color-neutral-900);--color-bg-surface-2: var(--color-neutral-800);--color-bg-surface-3: #141b26;--color-bg-elevated: #182131;--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: #9ca3af;--color-text-onBrand: #070a10;--color-stroke-subtle: #1b2534;--color-stroke-default: #344054;--color-stroke-strong: #475467;--color-stroke-focus: var(--color-cyan-500);--color-fill-subtle: #111827;--color-fill-default: #1f2937;--color-fill-strong: #243248;--color-fill-disabled: #141b26;--color-brand-primary: var(--color-green-500);--color-brand-secondary: var(--color-cyan-500);--color-brand-shadow: var(--color-shadow-500);--color-interactive-link: var(--color-cyan-400);--color-interactive-selection: #77ae1738;--color-interactive-hoverOverlay: #ffffff0f;--color-interactive-pressedOverlay: #ffffff1a;--color-status-success-bg: #22c55e2e;--color-status-success-stroke: #22c55e73;--color-status-success-text: var(--color-status-success-500);--color-status-warning-bg: #f59e0b2e;--color-status-warning-stroke: #f59e0b73;--color-status-warning-text: var(--color-status-warning-500);--color-status-danger-bg: #ef44442e;--color-status-danger-stroke: #ef444473;--color-status-danger-text: var(--color-status-danger-500);--color-status-info-bg: #3b82f62e;--color-status-info-stroke: #3b82f673;--color-status-info-text: #3b82f6;--gradient-brand-primary: linear-gradient(90deg, #77AE17 0%, #AFEF21 100%);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--leading-loose: 2;--radius-1: 4px;--radius-2: 8px;--radius-3: 16px;--radius-pill: 999px;--radius-control: var(--radius-1);--radius-card: var(--radius-1);--radius-dialog: var(--radius-2);--spacing-space-0: 0px;--spacing-space-1: 4px;--spacing-space-2: 8px;--spacing-space-3: 12px;--spacing-space-4: 16px;--spacing-space-5: 20px;--spacing-space-6: 24px;--spacing-space-8: 32px;--spacing-space-10: 40px;--spacing-space-12: 48px;--spacing-space-16: 64px;--spacing-space-20: 80px;--spacing-space-24: 96px;--spacing-grid-columns: 4px;--spacing-grid-gutter: 16px;--spacing-grid-margin: 16px;--spacing-grid-containerMax: 100%;--stroke-hairline: 1px;--stroke-thin: 2px;--stroke-thick: 3px;--stroke-focus: 2px;--stroke-border: var(--stroke-thin);--stroke-divider: var(--stroke-thin);--stroke-focusRing: var(--stroke-focus);--text-xs: 12px;--text-xs-lineHeight: 16px;--text-sm: 14px;--text-sm-lineHeight: 20px;--text-base: 16px;--text-base-lineHeight: 24px;--text-lg: 18px;--text-lg-lineHeight: 28px;--text-xl: 20px;--text-xl-lineHeight: 28px;--text-2xl: 24px;--text-2xl-lineHeight: 32px;--text-3xl: 30px;--text-3xl-lineHeight: 36px;--text-4xl: 36px;--text-4xl-lineHeight: 40px;--text-5xl: 48px;--text-5xl-lineHeight: 48px;--text-6xl: 60px;--text-6xl-lineHeight: 60px;--text-7xl: 72px;--text-7xl-lineHeight: 72px;--text-8xl: 96px;--text-8xl-lineHeight: 96px;--text-9xl: 128px;--text-9xl-lineHeight: 128px;--typography-fontFamily-Web: Nunito Sans;--typography-fontWeight-regular: 400;--typography-fontWeight-medium: 500;--typography-fontWeight-semibold: 600;--typography-fontWeight-bold: 700;--typography-fontWeight-extrabold: 800;--typography-letterSpacing-tight: -.03em;--typography-letterSpacing-normal: 0em;--typography-letterSpacing-wide: .05em;--typography-letterSpacing-widest: .15em;--typography-textStyle-displayLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-displayLg-fontWeight: var(--typography-fontWeight-extrabold);--typography-textStyle-displayLg-fontSize: var(--text-5xl);--typography-textStyle-displayLg-lineHeight: var(--text-5xl-lineHeight);--typography-textStyle-displayLg-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-displayMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-displayMd-fontWeight: var(--typography-fontWeight-extrabold);--typography-textStyle-displayMd-fontSize: var(--text-4xl);--typography-textStyle-displayMd-lineHeight: var(--text-4xl-lineHeight);--typography-textStyle-displayMd-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h1-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h1-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h1-fontSize: var(--text-3xl);--typography-textStyle-h1-lineHeight: var(--text-3xl-lineHeight);--typography-textStyle-h1-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h2-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h2-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h2-fontSize: var(--text-2xl);--typography-textStyle-h2-lineHeight: var(--text-2xl-lineHeight);--typography-textStyle-h2-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h3-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h3-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h3-fontSize: var(--text-xl);--typography-textStyle-h3-lineHeight: var(--text-xl-lineHeight);--typography-textStyle-h3-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-h4-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h4-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h4-fontSize: var(--text-lg);--typography-textStyle-h4-lineHeight: var(--text-lg-lineHeight);--typography-textStyle-h4-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodyLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodyLg-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodyLg-fontSize: var(--text-base);--typography-textStyle-bodyLg-lineHeight: var(--text-base-lineHeight);--typography-textStyle-bodyLg-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodyMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodyMd-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodyMd-fontSize: var(--text-sm);--typography-textStyle-bodyMd-lineHeight: var(--text-sm-lineHeight);--typography-textStyle-bodyMd-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodySm-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodySm-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodySm-fontSize: var(--text-xs);--typography-textStyle-bodySm-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-bodySm-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-labelLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelLg-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelLg-fontSize: var(--text-base);--typography-textStyle-labelLg-lineHeight: var(--text-base-lineHeight);--typography-textStyle-labelLg-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-labelMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelMd-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelMd-fontSize: var(--text-sm);--typography-textStyle-labelMd-lineHeight: var(--text-sm-lineHeight);--typography-textStyle-labelMd-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-labelSm-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelSm-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelSm-fontSize: var(--text-xs);--typography-textStyle-labelSm-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-labelSm-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-caption-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-caption-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-caption-fontSize: var(--text-xs);--typography-textStyle-caption-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-caption-letterSpacing: var(--typography-letterSpacing-wide)}[data-theme=light]{--color-bg-canvas: var(--color-neutral-0);--color-bg-surface-1: var(--color-neutral-50);--color-bg-surface-2: var(--color-neutral-100);--color-bg-surface-3: #d9dfe8;--color-bg-elevated: #ffffff;--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-600);--color-text-disabled: #6b7280;--color-text-onBrand: #ffffff;--color-stroke-subtle: #eef1f5;--color-stroke-default: #d9dfe8;--color-stroke-strong: #b8c0ce;--color-stroke-focus: var(--color-cyan-600);--color-fill-subtle: #f7f8fa;--color-fill-default: #eef1f5;--color-fill-strong: #d9dfe8;--color-fill-disabled: #e5e7eb;--color-brand-primary: var(--color-green-500);--color-brand-secondary: var(--color-cyan-500);--color-brand-shadow: var(--color-shadow-500);--color-interactive-link: var(--color-cyan-700);--color-interactive-selection: #5e8f102e;--color-interactive-hoverOverlay: #1118270a;--color-interactive-pressedOverlay: #11182714;--color-status-success-bg: #22c55e1f;--color-status-success-stroke: #22c55e4d;--color-status-success-text: var(--color-neutral-900);--color-status-warning-bg: #f59e0b1f;--color-status-warning-stroke: #f59e0b4d;--color-status-warning-text: var(--color-neutral-900);--color-status-danger-bg: #ef44441f;--color-status-danger-stroke: #ef44444d;--color-status-danger-text: var(--color-neutral-900);--color-status-info-bg: #3b82f61f;--color-status-info-stroke: #3b82f64d;--color-status-info-text: var(--color-neutral-900);--gradient-brand-primary: linear-gradient(90deg, #77AE17 0%, #AFEF21 100%)}@media(min-width:768px){:root{--spacing-grid-columns: 12px;--spacing-grid-gutter: 24px;--spacing-grid-margin: 32px;--spacing-grid-containerMax: 100%;--typography-textStyle-displayLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-displayLg-fontWeight: var(--typography-fontWeight-extrabold);--typography-textStyle-displayLg-fontSize: var(--text-6xl);--typography-textStyle-displayLg-lineHeight: var(--text-6xl-lineHeight);--typography-textStyle-displayLg-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-displayMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-displayMd-fontWeight: var(--typography-fontWeight-extrabold);--typography-textStyle-displayMd-fontSize: var(--text-5xl);--typography-textStyle-displayMd-lineHeight: var(--text-5xl-lineHeight);--typography-textStyle-displayMd-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h1-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h1-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h1-fontSize: var(--text-4xl);--typography-textStyle-h1-lineHeight: var(--text-4xl-lineHeight);--typography-textStyle-h1-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h2-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h2-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h2-fontSize: var(--text-3xl);--typography-textStyle-h2-lineHeight: var(--text-3xl-lineHeight);--typography-textStyle-h2-letterSpacing: var(--typography-letterSpacing-tight);--typography-textStyle-h3-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h3-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h3-fontSize: var(--text-2xl);--typography-textStyle-h3-lineHeight: var(--text-2xl-lineHeight);--typography-textStyle-h3-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-h4-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-h4-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-h4-fontSize: var(--text-xl);--typography-textStyle-h4-lineHeight: var(--text-xl-lineHeight);--typography-textStyle-h4-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodyLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodyLg-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodyLg-fontSize: var(--text-base);--typography-textStyle-bodyLg-lineHeight: var(--text-base-lineHeight);--typography-textStyle-bodyLg-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodyMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodyMd-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodyMd-fontSize: var(--text-sm);--typography-textStyle-bodyMd-lineHeight: var(--text-sm-lineHeight);--typography-textStyle-bodyMd-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-bodySm-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-bodySm-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-bodySm-fontSize: var(--text-xs);--typography-textStyle-bodySm-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-bodySm-letterSpacing: var(--typography-letterSpacing-normal);--typography-textStyle-labelLg-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelLg-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelLg-fontSize: var(--text-base);--typography-textStyle-labelLg-lineHeight: var(--text-base-lineHeight);--typography-textStyle-labelLg-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-labelMd-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelMd-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelMd-fontSize: var(--text-sm);--typography-textStyle-labelMd-lineHeight: var(--text-sm-lineHeight);--typography-textStyle-labelMd-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-labelSm-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-labelSm-fontWeight: var(--typography-fontWeight-bold);--typography-textStyle-labelSm-fontSize: var(--text-xs);--typography-textStyle-labelSm-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-labelSm-letterSpacing: var(--typography-letterSpacing-wide);--typography-textStyle-caption-fontFamily: var(--typography-fontFamily-Web);--typography-textStyle-caption-fontWeight: var(--typography-fontWeight-regular);--typography-textStyle-caption-fontSize: var(--text-xs);--typography-textStyle-caption-lineHeight: var(--text-xs-lineHeight);--typography-textStyle-caption-letterSpacing: var(--typography-letterSpacing-wide)}}:root{--color-cyan: var(--color-cyan-500);--color-magenta: var(--color-shadow-400);--color-fill-deep: var(--color-bg-surface-1);--color-fill-deeper: var(--color-bg-canvas);--color-fill-surface: var(--color-bg-surface-2);--color-fill-elevated: var(--color-bg-elevated);--color-text-muted: var(--color-text-tertiary);--color-text-inverse: var(--color-text-onBrand);--font-primary: var(--typography-fontFamily-Web), system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-weight-regular: var(--typography-fontWeight-regular);--font-weight-semibold: var(--typography-fontWeight-semibold);--font-weight-bold: var(--typography-fontWeight-bold);--font-weight-extrabold: var(--typography-fontWeight-extrabold);--tracking-tight: var(--typography-letterSpacing-tight);--tracking-wide: var(--typography-letterSpacing-wide);--tracking-widest: var(--typography-letterSpacing-widest);--space-1: var(--spacing-space-1);--space-2: var(--spacing-space-2);--space-3: var(--spacing-space-3);--space-4: var(--spacing-space-4);--space-5: var(--spacing-space-5);--space-6: var(--spacing-space-6);--space-8: var(--spacing-space-8);--space-10: var(--spacing-space-10);--space-12: var(--spacing-space-12);--space-16: var(--spacing-space-16);--space-24: var(--spacing-space-24);--radius-sm: var(--radius-1);--radius-md: var(--radius-2);--radius-lg: var(--radius-3)}:root{--container-content: 1200px;--nav-height: 72px;--section-padding-y: clamp(80px, 12vw, 160px);--border-subtle: 1px solid var(--color-stroke-subtle);--border-default: 1px solid var(--color-stroke-default);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow-green: 0 0 24px rgba(140, 203, 28, .3);--ease-out: ease-out;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:auto}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-fill-deeper);overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}canvas{display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:clamp(var(--text-5xl),10vw,var(--text-9xl))}h2{font-size:clamp(var(--text-4xl),7vw,var(--text-7xl))}h3{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{max-width:65ch;line-height:var(--leading-relaxed)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-green-400)}.section-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted)}#nav{position:fixed;top:0;left:0;bottom:0;z-index:100;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-8) 0}@media(max-width:768px){#nav{bottom:auto;right:0;height:var(--nav-height);flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:transparent;transition:background .3s ease,backdrop-filter .3s ease}#nav.nav--scrolled{background:#080d14e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.nav__logo{padding:0 var(--space-5)}@media(max-width:768px){.nav__logo{padding:0}}.nav__logo-link{display:block;line-height:0}.nav__logo-link:focus-visible{outline-offset:4px}.nav__logo-img{height:40px;width:auto;display:block}@media(max-width:768px){.nav__logo-img{height:40px}}.nav__logo-text{font-family:var(--font-primary);font-weight:var(--font-weight-extrabold);font-size:var(--text-sm);color:var(--color-green-400);letter-spacing:.12em}@media(max-width:768px){.nav__logo-text{font-size:var(--text-lg);letter-spacing:.1em}}.nav__links{display:flex;flex-direction:column;gap:0;margin:auto 0;position:relative}.nav__links:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--color-stroke-subtle)}@media(max-width:768px){.nav__links{display:none}}.nav__link{display:flex;align-items:center;padding:clamp(8px,2.5vh,24px) var(--space-5) clamp(8px,2.5vh,24px) 0;gap:var(--space-3);cursor:pointer}.nav__link .nav__tick{display:block;height:1px;width:14px;background:#ffffff73;flex-shrink:0;transition:width .25s var(--ease-out-expo),background .25s ease,box-shadow .25s ease}.nav__link .nav__label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;white-space:nowrap;transition:color .2s ease,text-shadow .25s ease}.nav__link:hover .nav__tick{width:24px;background:var(--color-green-400);box-shadow:0 0 8px #a3e6228c,0 0 20px #a3e62233}.nav__link:hover .nav__label{color:var(--color-green-400);text-shadow:0 0 10px rgba(163,230,34,.5)}.nav__link.nav__link--active .nav__tick{width:36px;background:var(--color-green-400);animation:tickGlow 2.4s ease-in-out infinite}.nav__link.nav__link--active .nav__label{color:var(--color-green-400);text-shadow:0 0 10px rgba(163,230,34,.6)}@keyframes tickGlow{0%,to{box-shadow:0 0 6px #a3e6228c,0 0 18px #a3e62226}50%{box-shadow:0 0 14px #a3e622,0 0 36px #a3e62266}}.nav__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;z-index:110}@media(max-width:768px){.nav__hamburger{display:flex}}.nav__hamburger-line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:1px;transition:transform .3s var(--ease-out-expo),opacity .2s ease}.nav__hamburger--active .nav__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger--active .nav__hamburger-line:nth-child(2){opacity:0}.nav__hamburger--active .nav__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__progress{display:none}@media(max-width:768px){.nav__progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-stroke-subtle)}}.nav__progress-bar{height:100%;background:var(--color-green-400);transform:scaleX(0);transform-origin:left center;will-change:transform}.mobile-menu{position:fixed;inset:0;z-index:99;background:#080d14f7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out-expo),visibility .3s}.mobile-menu--open{opacity:1;visibility:visible}.mobile-menu__links{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.mobile-menu__link{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);transition:color var(--duration-fast) ease}.mobile-menu__link:hover{color:var(--color-green-400)}#cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}@media(pointer:coarse){#cursor{display:none}}.cursor__dot{width:6px;height:6px;background:var(--color-green-400);border-radius:50%;position:fixed;top:-3px;left:-3px;will-change:transform}.cursor__ring{width:40px;height:40px;border:1px solid var(--color-green-500);border-radius:50%;position:fixed;top:-20px;left:-20px;will-change:transform;display:flex;align-items:center;justify-content:center}.cursor__ring--view:after{content:"VIEW";font-size:12px;font-family:var(--font-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);color:var(--color-green-400);white-space:nowrap}@media(pointer:fine){body,a,button,[data-cursor]{cursor:none}}.section--hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-fill-deeper)}.section--hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.88) 100%);pointer-events:none;z-index:1}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--space-6)}.hero__label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-6)}.hero__title{display:flex;flex-direction:row;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:.32em;font-size:clamp(3rem,11vw,13rem);font-weight:var(--font-weight-extrabold);line-height:1;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-6);white-space:nowrap}@media(max-width:768px){.hero__title{flex-direction:column;align-items:center;gap:0;font-size:clamp(3rem,14vw,6rem);white-space:normal}}.hero__title-line{display:block;overflow:hidden}.hero__title-line .char{display:inline-block;will-change:transform,opacity}.hero__title-line--accent{overflow:visible;color:var(--color-green-400);text-shadow:0 0 18px rgba(163,230,34,.65),0 0 48px rgba(163,230,34,.2)}.hero__tagline{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:480px;margin-bottom:var(--space-16);line-height:var(--leading-relaxed)}.hero__scroll-cue{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:10}.hero__scroll-line{display:block;width:1px;height:60px;position:relative;overflow:hidden;background:var(--color-stroke-subtle)}.hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--color-green-400);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{top:-100%}50%{top:100%}50.01%{top:-100%}to{top:100%}}.hero__scroll-text{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted)}.section--origin{background:var(--color-fill-deeper);padding:0;min-height:auto;overflow:visible}.origin__cells{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-fill-deeper);overflow:hidden}.origin__cells-visual{display:flex;justify-content:center;align-items:center}.origin__hex-cluster{height:min(80vh,650px);width:auto;overflow:visible}@media(max-width:768px){.origin__hex-cluster{height:min(65vh,420px)}}.origin__hex{fill:none;stroke:var(--color-stroke-subtle);stroke-width:1.5}.origin__cells-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;padding:0 clamp(var(--space-6),8vw,var(--space-16));text-align:center;opacity:0;pointer-events:none}.origin__headline{font-size:clamp(2.5rem,7vw,var(--text-7xl));font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.origin__headline-accent{color:var(--color-green-400)}.origin__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.origin__para{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:60ch;line-height:var(--leading-relaxed)}.origin__garden{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-fill-deep);overflow:hidden}.origin__garden-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}.origin__garden-content{position:relative;z-index:2;max-width:var(--container-content);width:100%;padding:0 var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-10)}.origin__garden-heading{font-size:clamp(2rem,6vw,var(--text-6xl));font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-shadow:0 2px 24px rgba(0,0,0,.6)}.origin__garden-quote{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.origin__garden-line{font-size:clamp(1.1rem,3vw,var(--text-2xl));font-style:italic;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--leading-snug)}.origin__garden-line--reveal{overflow:hidden}.origin__timeline{width:100%;max-width:800px;position:relative}.origin__timeline-track{position:absolute;top:34px;left:0;right:0;height:1px;background:#ffffff1a}.origin__timeline-line{height:100%;background:var(--color-green-500);transform:scaleX(0);transform-origin:left center;will-change:transform}.origin__timeline-milestones{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:var(--space-6)}.origin__milestone{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.origin__hex-node{display:block;flex-shrink:0;transition:transform .4s ease}.origin__hex-node--xs{width:18px;height:18px}.origin__hex-node--sm{width:26px;height:26px}.origin__hex-node--md{width:38px;height:38px}.origin__hex-node--lg{width:52px;height:52px}.origin__hex-node--xl{width:68px;height:68px}.origin__hex-shape{fill:#1f293799;stroke:var(--color-stroke-default);stroke-width:4;transition:fill .5s ease,stroke .5s ease,filter .5s ease}.origin__milestone--active .origin__hex-shape{fill:var(--color-green-500);stroke:var(--color-green-300);stroke-width:3;filter:drop-shadow(0 0 6px rgba(140,203,28,.7)) drop-shadow(0 0 16px rgba(140,203,28,.35))}.origin__milestone-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;transition:color .4s ease;text-shadow:0 1px 8px rgba(0,0,0,.7)}.origin__milestone--active .origin__milestone-label{color:var(--color-green-400)}@media(max-width:480px){.origin__milestone-label{font-size:9px}}.section--logo{background:var(--color-fill-deeper);min-height:auto}.logo__hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center}.logo__hero-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(480px,80vw);height:min(480px,80vw)}.logo__hero-grid{position:absolute;inset:-14%;pointer-events:none;opacity:0}.logo__hero-grid svg{width:100%;height:100%}.logo__hero-img{position:relative;z-index:1;width:54%;height:auto}.logo__hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;padding:0 clamp(var(--space-6),8vw,var(--space-16));text-align:center;opacity:0;pointer-events:none}.logo__hero-text .logo__section-heading{text-align:center;margin-bottom:var(--space-6)}.logo__hero-text .logo__description{margin-bottom:0;text-align:center}@media(max-width:768px){.logo__hero .section-label{position:absolute;top:var(--space-6);left:50%;transform:translate(-50%);white-space:nowrap}.logo__hero-text .logo__description{font-size:var(--text-sm)}}.logo__content{padding:var(--section-padding-y) clamp(var(--space-8),8vw,120px)}.logo__description{max-width:960px;margin:0 auto var(--space-16);font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.logo__variants-section{max-width:960px;margin:0 auto var(--space-24);width:100%}.logo__variants{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:768px){.logo__variants{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.logo__variant-card{background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,transform .3s var(--ease-out-expo),box-shadow .3s ease}.logo__variant-card:hover{border-color:var(--color-green-500);transform:translateY(-4px);box-shadow:var(--shadow-md)}.logo__variant-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-10);min-height:180px;background:var(--color-fill-deep)}.logo__variant-preview img{width:auto;height:auto;max-width:82%;max-height:110px;object-fit:contain}.logo__variant-info{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.logo__variant-name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.logo__variant-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.logo__section-heading{display:block;max-width:960px;margin-inline:auto;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-10)}.logo__description+.logo__section-heading{margin-top:var(--space-16)}.logo__donts-section{max-width:960px;margin:0 auto var(--space-24);width:100%}.logo__donts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}@media(max-width:768px){.logo__donts-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.logo__donts-grid{grid-template-columns:repeat(2,1fr)}}.logo__dont-item{text-align:center}.logo__dont-item span:last-child{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.logo__dont-preview{aspect-ratio:1;background:var(--color-fill-surface);border:1px solid var(--color-stroke-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative}.logo__dont-img{width:56%;height:auto;display:block;flex-shrink:0}.logo__dont-x{position:absolute;top:var(--space-2);right:var(--space-2);color:#ef4444;font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:1}.logo__dont--rotate .logo__dont-img{transform:rotate(35deg)}.logo__dont--recolor .logo__dont-img{filter:hue-rotate(180deg) saturate(2)}.logo__dont--stretch .logo__dont-img{transform:scaleX(1.7)}.logo__dont--effects .logo__dont-img{filter:drop-shadow(0 0 10px rgba(163,230,34,.95)) drop-shadow(0 0 24px rgba(163,230,34,.6))}.logo__dont--busy{background:repeating-linear-gradient(45deg,var(--color-fill-surface),var(--color-fill-surface) 4px,var(--color-fill-elevated) 4px,var(--color-fill-elevated) 8px)}.logo__dont--crop{overflow:hidden}.logo__dont--crop .logo__dont-img{transform:translate(28%,28%)}.logo__downloads{max-width:960px;margin:0 auto;width:100%}.logo__badges-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6)}@media(max-width:768px){.logo__badges-rail{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.logo__badges-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-4);padding-bottom:var(--space-4);scrollbar-width:none}.logo__badges-rail::-webkit-scrollbar{display:none}}.logo__badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;background:none;border:none;padding:0;color:inherit}.logo__badge-item:hover .logo__badge-preview{border-color:var(--color-green-500);box-shadow:var(--shadow-glow-green);transform:translateY(-3px)}@media(max-width:480px){.logo__badge-item{flex-shrink:0;width:140px;scroll-snap-align:start}}.logo__badge-preview{background:var(--color-fill-surface);border:var(--border-default);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-out-expo);width:100%;aspect-ratio:1}.logo__badge-preview img{width:58%;height:auto}.logo__badge--app-icon{border-radius:18px}.logo__badge--favicon{border-radius:var(--radius-sm)}.logo__badge--favicon img{width:40%}.logo__badge--discord{border-radius:50%}.logo__badge--tournament{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:none}.logo__badge--print{border-radius:var(--radius-lg);border-width:2px}.logo__badge-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.logo__badge-size{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.section--color{background:var(--color-fill-deep);min-height:auto}.color__container{max-width:var(--container-content);margin:0 auto}.color__title{margin:var(--space-6) 0 var(--space-10)}.color__row-label{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-6);margin-top:var(--space-12)}.color__row-label:first-of-type{margin-top:0}.color__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}@media(max-width:768px){.color__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.color__grid{grid-template-columns:repeat(2,1fr)}}.color__card{border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default);cursor:pointer;transition:transform .3s var(--ease-out-expo),box-shadow .3s ease,border-color .3s ease;position:relative}.color__card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-green-500)}.color__swatch{aspect-ratio:4/3}.color__info{background:var(--color-fill-surface);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.color__name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.color__hex{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.color__card .color__copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-fill-deeper);color:var(--color-green-400);font-size:var(--text-xs);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);pointer-events:none;z-index:10}.color__gradients{display:flex;flex-direction:row;gap:var(--space-6)}@media(max-width:768px){.color__gradients{flex-direction:column;gap:var(--space-4)}}.color__gradient-card{flex:1;display:flex;border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default)}@media(max-width:480px){.color__gradient-card{flex-direction:column}}.color__gradient-swatch{width:60%;flex-shrink:0;min-height:140px}@media(max-width:480px){.color__gradient-swatch{width:100%;height:100px;min-height:unset}}.color__gradient-info{background:var(--color-fill-surface);padding:var(--space-6);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.color__gradient-info p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:none}.color__rules{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:768px){.color__rules{grid-template-columns:1fr}}.color__rule{border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default)}.color__rule-example{height:140px;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.color__rule-label{padding:var(--space-4) var(--space-6);background:var(--color-fill-surface);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.color__rule-icon{font-weight:var(--font-weight-bold);font-size:var(--text-lg);line-height:1}.color__rule-icon--do{color:var(--color-green-400)}.color__rule-icon--dont{color:#ef4444}.color__rule-mock-card{width:100%;max-width:160px;background:var(--color-fill-deep);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.color__rule-mock-accent{width:40px;height:4px;border-radius:2px;background:var(--color-green-400)}.color__rule-mock-lines{display:flex;flex-direction:column;gap:var(--space-2)}.color__rule-mock-lines span{display:block;height:3px;border-radius:2px;background:var(--color-stroke-subtle)}.color__rule-mock-lines span:nth-child(1){width:100%}.color__rule-mock-lines span:nth-child(2){width:80%}.color__rule-mock-lines span:nth-child(3){width:60%}.section--patterns{background:var(--color-fill-deeper);min-height:auto}.patterns__container{max-width:var(--container-content);margin:0 auto}.patterns__title{margin:var(--space-6) 0 var(--space-6)}.patterns__intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:70ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-12)}.patterns__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:768px){.patterns__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.patterns__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.patterns__tile{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default);transition:border-color .3s ease}.patterns__tile:hover{border-color:var(--color-green-500)}.patterns__tile img{width:100%;height:100%;object-fit:cover;display:block}.patterns__tile:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.55) 68%,rgba(0,0,0,.88) 100%);pointer-events:none;z-index:1}.patterns__tile:hover .patterns__tile-overlay{opacity:1}.patterns__tile-overlay{z-index:2}.patterns__tile-overlay{position:absolute;inset:0;background:#080d14d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);opacity:0;transition:opacity .3s ease;padding:var(--space-4);text-align:center}.patterns__tile-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.patterns__tile-usage{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:20ch}.patterns__usage-rule{margin-top:var(--space-12);border-left:3px solid var(--color-green-500);padding:var(--space-4) var(--space-6);background:var(--color-fill-surface);border-radius:0 var(--radius-md) var(--radius-md) 0}.patterns__usage-rule p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:none;line-height:var(--leading-relaxed)}.section--typography{background:var(--color-fill-deeper);min-height:auto;overflow-x:hidden}.type__container{max-width:var(--container-content);margin:0 auto}.type__section-heading{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-8);margin-top:var(--space-16)}.type__specimen{text-align:center;margin:var(--space-10) 0 var(--space-16)}.type__specimen-large{font-size:clamp(3rem,18vw,var(--text-9xl));font-weight:var(--font-weight-extrabold);color:var(--color-green-400);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.type__specimen-name{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);margin-top:var(--space-4);margin-bottom:var(--space-8)}.type__specimen-alphabet{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:.02em;line-height:var(--leading-snug);word-break:break-all}.type__specimen-numbers{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:.02em;margin-top:var(--space-2)}.type__scale-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-16)}@media(max-width:768px){.type__scale-layout{grid-template-columns:1fr;gap:var(--space-10)}}.type__scale-list{display:flex;flex-direction:column;gap:var(--space-6)}.type__scale-item{display:flex;align-items:baseline;gap:var(--space-4);border-bottom:var(--border-subtle);padding-bottom:var(--space-4);overflow:hidden}.type__scale-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);white-space:nowrap;min-width:80px}@media(max-width:768px){.type__scale-label{min-width:56px}}.type__scale-sample{font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.type__scale-px{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap}.type__weight-list{display:flex;flex-direction:column;gap:var(--space-6)}.type__weight-item{display:flex;flex-direction:column;gap:var(--space-1);border-bottom:var(--border-subtle);padding-bottom:var(--space-4)}.type__weight-sample{font-size:var(--text-4xl);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.type__weight-label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.type__usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:768px){.type__usage-grid{grid-template-columns:1fr}}.type__usage-card{background:var(--color-fill-surface);border-left:3px solid var(--color-green-500);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.type__usage-card h4{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-green-400)}.type__usage-card>p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:none;line-height:var(--leading-relaxed)}.type__usage-example{color:var(--color-text-primary);margin-top:auto}.type__secondary{margin-top:var(--space-16);background:var(--color-fill-surface);border-radius:var(--radius-lg);padding:var(--space-8)}.type__secondary h4{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.type__secondary>p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:none}.type__code-example{background:var(--color-fill-deep);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto}.type__code-example code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-green-300);line-height:var(--leading-relaxed);white-space:pre}.section--illustration{background:var(--color-fill-deeper);padding:0;min-height:auto}.illus__rules{display:grid;grid-template-columns:280px 1fr;gap:var(--space-16);max-width:var(--container-content);margin:0 auto;padding:var(--section-padding-y) var(--space-8)}@media(max-width:768px){.illus__rules{grid-template-columns:1fr;gap:var(--space-8)}}.illus__rules-sticky{position:sticky;top:calc(var(--nav-height) + 32px);align-self:start}@media(max-width:768px){.illus__rules-sticky{position:static}}.illus__rules-heading{margin-top:var(--space-4);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl))}.illus__rules-list{display:flex;flex-direction:column;gap:var(--space-16)}.illus__rule-card{display:flex;gap:var(--space-6);align-items:flex-start}@media(max-width:480px){.illus__rule-card{flex-direction:column}}.illus__rule-icon{flex-shrink:0;width:80px;height:80px;background:var(--color-fill-surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.illus__rule-icon svg{width:64px;height:64px}.illus__rule-text h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.illus__rule-text p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:55ch}.illus__colors{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:var(--container-content);margin:0 auto;padding:0 var(--space-8) var(--section-padding-y)}@media(max-width:768px){.illus__colors{grid-template-columns:1fr}}.illus__color-panel{border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default)}.illus__color-visual{height:240px;position:relative;overflow:hidden}.illus__color-panel--green .illus__color-visual{background:linear-gradient(135deg,#77ae1733,#a3e6221a)}.illus__color-panel--cyan .illus__color-visual{background:linear-gradient(135deg,#22d3ee26,#22d3ee0d)}.illus__color-panel--magenta .illus__color-visual{background:linear-gradient(135deg,#d946ef1a,#d946ef08)}.illus__color-shape{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.illus__color-shape--2,.illus__color-shape--3{display:none}.illus__color-panel--green .illus__color-shape--1{width:200px;height:200px;background:radial-gradient(circle,rgba(163,230,34,.92) 0%,rgba(140,203,28,.55) 35%,transparent 70%);filter:blur(28px)}.illus__color-panel--cyan .illus__color-shape--1{width:110px;height:110px;background:radial-gradient(circle,rgba(34,211,238,.95) 0%,rgba(34,211,238,.55) 35%,transparent 70%);filter:blur(18px)}.illus__color-panel--magenta .illus__color-shape--1{width:52px;height:52px;background:radial-gradient(circle,rgb(217,70,239) 0%,rgba(217,70,239,.6) 35%,transparent 70%);filter:blur(10px)}.illus__color-info{padding:var(--space-6);background:var(--color-fill-surface);display:flex;flex-direction:column;gap:var(--space-2)}.illus__color-info code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.illus__color-info p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:none}.illus__color-name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.illus__contrast{max-width:var(--container-content);margin:0 auto;padding:0 var(--space-8) var(--space-16)}.illus__contrast-heading{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-8);text-align:center}.illus__contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.illus__contrast-grid{grid-template-columns:1fr}}.illus__contrast-col{display:flex;flex-direction:column;gap:var(--space-3)}.illus__contrast-item{padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);display:flex;align-items:center}.illus__contrast-item--wrong{background:var(--color-fill-surface);border-left:3px solid #ef4444}.illus__contrast-item--right{background:var(--color-fill-surface);border-left:3px solid var(--color-green-500)}.illus__contrast-label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.illus__contrast-item--wrong .illus__contrast-label{color:var(--color-text-muted)}.illus__contrast-item--right .illus__contrast-label{color:var(--color-text-primary)}.section--voice{background:var(--color-fill-deep);min-height:auto}.voice__container{max-width:var(--container-content);margin:0 auto}.voice__title{margin:var(--space-6) 0 var(--space-6);max-width:18ch}.voice__intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:65ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-12)}.voice__pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.voice__pillars{grid-template-columns:1fr}}.voice__pillar{background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.voice__pillar-name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-green-400)}.voice__pillar-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:none}.voice__pillar-examples{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.voice__example{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-fill-deep)}.voice__example p{font-size:var(--text-sm);color:var(--color-text-primary);font-style:italic;max-width:none;line-height:var(--leading-normal)}.voice__example-icon{font-weight:var(--font-weight-bold);font-size:var(--text-lg);line-height:1;flex-shrink:0}.voice__example--do .voice__example-icon{color:var(--color-green-400)}.voice__example--dont .voice__example-icon{color:#ef4444}.voice__section-heading{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-top:var(--space-16);margin-bottom:var(--space-6)}.voice__table-wrap{overflow-x:auto}.voice__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.voice__table th{text-align:left;padding:var(--space-3) var(--space-6);background:var(--color-green-500);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide)}.voice__table th:first-child{border-radius:var(--radius-md) 0 0 0}.voice__table th:last-child{border-radius:0 var(--radius-md) 0 0}.voice__table td{padding:var(--space-3) var(--space-6);font-family:var(--font-mono);color:var(--color-text-primary);border-bottom:var(--border-subtle)}.voice__table tbody tr:nth-child(2n){background:var(--color-fill-surface)}.voice__table tbody tr:nth-child(odd){background:var(--color-fill-deep)}.voice__table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-md)}.voice__table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-md) 0}.voice__table td:first-child{color:var(--color-green-400);font-weight:var(--font-weight-semibold)}.voice__table td:last-child{color:var(--color-text-muted)}.section--components{background:var(--color-fill-deep);min-height:auto}.comp__container{max-width:var(--container-content);margin:0 auto}.comp__title{margin:var(--space-6) 0 var(--space-4)}.comp__intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:60ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-12)}.comp__group{padding:var(--space-12) 0;border-top:var(--border-subtle)}.comp__group[data-bg=deeper]{background:var(--color-fill-deeper);margin:0 calc(-1 * var(--space-8));padding-left:var(--space-8);padding-right:var(--space-8)}.comp__group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.comp__group-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);color:var(--color-text-muted)}.comp__inspect-toggle{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-green-400);border:1px solid var(--color-green-500);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);transition:background .2s ease}.comp__inspect-toggle:hover{background:#8ccb1c1a}.comp__showcase{position:relative}.comp__showcase.inspect .zy-btn,.comp__showcase.inspect .zy-card,.comp__showcase.inspect .zy-input,.comp__showcase.inspect .zy-badge,.comp__showcase.inspect .zy-checkbox,.comp__showcase.inspect .zy-toggle{outline:1px dashed var(--color-green-500);outline-offset:4px}.comp__button-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4)}.zy-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-bold);transition:all .2s var(--ease-out-expo);border:none;white-space:nowrap}.zy-btn--primary{background:linear-gradient(135deg,#77ae17,#a3e622);color:#0f172a}.zy-btn--primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-glow-green)}.zy-btn--primary:active{transform:scale(.97);filter:brightness(.95)}.zy-btn--secondary{background:var(--color-fill-surface);border:1px solid var(--color-stroke-default);color:var(--color-text-primary)}.zy-btn--secondary:hover{border-color:var(--color-green-500);background:var(--color-fill-elevated)}.zy-btn--ghost{background:transparent;border:1px solid var(--color-green-500);color:var(--color-green-400)}.zy-btn--ghost:hover{background:#8ccb1c1a}.zy-btn--icon{width:40px;height:40px;padding:0;border-radius:50%;background:var(--color-fill-surface);color:var(--color-green-400);font-size:var(--text-sm)}.zy-btn--icon:hover{background:var(--color-green-500);color:#0f172a}.zy-btn--sm{height:36px;padding:0 20px;font-size:var(--text-sm)}.comp__spec-table{width:100%;border-collapse:collapse;margin-top:var(--space-8);font-size:var(--text-sm)}.comp__spec-table th{text-align:left;padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);border-bottom:var(--border-default);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.comp__spec-table td{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-bottom:var(--border-subtle)}.comp__spec-table td:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.comp__spec-table td:nth-child(2){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.comp__cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}@media(max-width:768px){.comp__cards-grid{grid-template-columns:1fr;max-width:400px}}.zy-card{background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,transform .3s var(--ease-out-expo),box-shadow .3s ease}.zy-card:hover{border-color:var(--color-green-500);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.zy-card__header{padding:var(--space-8) var(--space-6) var(--space-6);background:#8ccb1c0d;border-bottom:var(--border-subtle)}.zy-card__tournament-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.zy-card__body{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.zy-card__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.zy-card__footer{padding:var(--space-4) var(--space-6);border-top:var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.zy-card--profile{padding:var(--space-6)}.zy-card__profile-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.zy-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--color-fill-elevated);flex-shrink:0}.zy-card__profile-info{display:flex;flex-direction:column;gap:var(--space-1)}.zy-card__player-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.zy-card__stats{font-size:var(--text-sm);color:var(--color-text-muted)}.zy-card--achievement{padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.zy-card__hex-badge{width:80px;height:80px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--color-fill-elevated);display:flex;align-items:center;justify-content:center}.zy-card__hex-badge--gold{background:linear-gradient(135deg,#b8860b,#daa520,gold)}.zy-card__badge-icon{font-size:var(--text-2xl);color:var(--color-green-400)}.zy-card__hex-badge--gold .zy-card__badge-icon{color:#0f172a}.zy-card__badge-label{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.comp__form-panel{background:var(--color-fill-surface);border-radius:var(--radius-lg);padding:var(--space-8);border:var(--border-default)}.comp__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:600px){.comp__form-grid{grid-template-columns:1fr}}.zy-field{display:flex;flex-direction:column;gap:var(--space-2)}.zy-field--row{flex-direction:row;align-items:center;justify-content:space-between}.zy-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.zy-field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.zy-input{height:44px;padding:0 var(--space-4);background:var(--color-fill-deep);border:1px solid var(--color-stroke-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.zy-input::placeholder{color:var(--color-text-muted)}.zy-input:hover{border-color:var(--color-stroke-strong)}.zy-input:focus{outline:none;border-color:var(--color-green-500);box-shadow:0 0 0 3px #8ccb1c26}.zy-input-wrap{position:relative}.zy-input-wrap--search .zy-input__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.zy-input--has-icon{padding-left:var(--space-10)}.zy-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-10)}.zy-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.zy-checkbox input{position:absolute;opacity:0;width:0;height:0}.zy-checkbox__box{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-stroke-default);background:var(--color-fill-deep);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.zy-checkbox__box:after{content:"\2713";font-size:12px;color:#0f172a;opacity:0;transition:opacity .15s ease}input:checked+.zy-checkbox__box{background:var(--color-green-400);border-color:var(--color-green-400)}input:checked+.zy-checkbox__box:after{opacity:1}input:focus-visible+.zy-checkbox__box{box-shadow:0 0 0 3px #8ccb1c26}.zy-checkbox__label{font-size:var(--text-sm);color:var(--color-text-primary)}.zy-toggle{position:relative;cursor:pointer}.zy-toggle input{position:absolute;opacity:0;width:0;height:0}.zy-toggle__track{display:block;width:44px;height:24px;border-radius:12px;background:var(--color-fill-elevated);transition:background .2s ease;position:relative}.zy-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-text-primary);transition:transform .2s var(--ease-out-expo)}input:checked+.zy-toggle__track{background:var(--color-green-500)}input:checked+.zy-toggle__track:after{transform:translate(20px)}input:focus-visible+.zy-toggle__track{box-shadow:0 0 0 3px #8ccb1c26}.comp__badge-row{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.zy-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);white-space:nowrap}.zy-badge--live{background:#dc2626;color:#fff}.zy-badge--open{background:var(--color-green-500);color:#0f172a}.zy-badge--closed{background:var(--color-fill-elevated);color:var(--color-text-muted)}.zy-badge--upcoming{background:transparent;border:1px solid var(--color-cyan);color:var(--color-cyan)}.zy-badge--champion{background:linear-gradient(135deg,#b8860b,gold);color:#0f172a}.zy-badge--elo{background:#8ccb1c26;color:var(--color-green-400)}.zy-badge__pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.3}}.comp__nav-preview{border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default)}.comp__nav-mock{height:var(--nav-height);background:#080d14f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.comp__nav-mock-logo{font-weight:var(--font-weight-extrabold);font-size:var(--text-base);color:var(--color-green-400);letter-spacing:.1em}.comp__nav-mock-links{display:flex;gap:var(--space-6)}@media(max-width:600px){.comp__nav-mock-links{display:none}}.comp__nav-mock-link{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:color .2s ease;cursor:default}.comp__nav-mock-link--active,.comp__nav-mock-link:hover{color:var(--color-green-400)}.comp__nav-mock-actions{display:flex;align-items:center;gap:var(--space-4)}.comp__nav-mock-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-fill-elevated)}.section--applications{background:var(--color-fill-deeper);padding:var(--section-padding-y) var(--space-8)}.apps__title{font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));text-align:center;margin-bottom:var(--space-16)}.apps__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:var(--space-6);max-width:var(--container-content);margin:0 auto var(--space-16)}@media(max-width:768px){.apps__grid{grid-template-columns:1fr}}.apps__panel{position:relative;background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);cursor:pointer}.apps__panel:hover{transform:scale(1.02);box-shadow:var(--shadow-glow-green)}.apps__panel:hover .apps__panel-label{opacity:1;transform:translateY(0)}.apps__panel-label{position:absolute;bottom:var(--space-4);left:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);opacity:0;transform:translateY(4px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);z-index:2}.apps__panel--tall{grid-row:span 2;min-height:480px;padding:var(--space-8)}.apps__phone{width:220px;background:var(--color-fill-deep);border:1px solid var(--color-stroke-default);border-radius:24px;padding:var(--space-2);position:relative;box-shadow:0 0 60px #8ccb1c1a}.apps__phone-notch{width:80px;height:6px;background:var(--color-fill-deeper);border-radius:3px;margin:var(--space-2) auto var(--space-3)}.apps__phone-screen{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-3) var(--space-3)}.apps__phone-status{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-1)}.apps__phone-card{background:var(--color-fill-surface);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.apps__phone-card strong{font-size:var(--text-sm);color:var(--color-text-primary)}.apps__phone-card small{font-size:var(--text-xs);color:var(--color-text-muted)}.apps__phone-nav{display:flex;justify-content:space-around;padding-top:var(--space-3);border-top:1px solid var(--color-stroke-subtle);font-size:10px;color:var(--color-text-muted)}.apps__phone-nav--active{color:var(--color-green-500)}.apps__panel--square{aspect-ratio:1;min-height:220px}.apps__discord{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.apps__discord-icon{width:80px;height:80px;border-radius:50%;background:var(--color-fill-deep);display:flex;align-items:center;justify-content:center;overflow:hidden}.apps__discord-icon img{width:48px;height:48px}.apps__discord-name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-widest)}.apps__panel--wide{grid-column:span 2;min-height:160px;padding:var(--space-6) var(--space-8)}@media(max-width:768px){.apps__panel--wide{grid-column:span 1}}.apps__banner{display:flex;align-items:center;gap:var(--space-6);width:100%;background:repeating-linear-gradient(90deg,rgba(140,203,28,.03) 0px,rgba(140,203,28,.03) 1px,transparent 1px,transparent 40px);padding:var(--space-4);border-radius:var(--radius-md)}.apps__banner-logo{flex-shrink:0}.apps__banner-text{display:flex;flex-direction:column;gap:var(--space-1)}.apps__banner-title{font-size:clamp(var(--text-lg),3vw,var(--text-2xl));font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-widest);color:var(--color-text-primary)}.apps__banner-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.apps__panel--card{min-height:220px;padding:var(--space-6)}.apps__id-card{width:300px;max-width:100%;background:var(--color-fill-deep);border:1px solid var(--color-stroke-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);background-image:repeating-linear-gradient(60deg,rgba(140,203,28,.02) 0px,rgba(140,203,28,.02) 1px,transparent 1px,transparent 20px)}.apps__id-header{display:flex;align-items:center;gap:var(--space-2)}.apps__id-org{font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);color:var(--color-green-400)}.apps__id-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-fill-surface);border:2px solid var(--color-stroke-default)}.apps__id-info{display:flex;flex-direction:column;gap:2px}.apps__id-name{font-size:var(--text-lg);color:var(--color-text-primary)}.apps__id-elo{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-green-400);font-weight:var(--font-weight-bold)}.apps__id-role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.apps__id-barcode{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--color-text-muted);opacity:.5;margin-top:auto}.apps__social{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-6)}.apps__social-trophy{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.apps__social-congrats{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--color-green-400);font-weight:var(--font-weight-bold)}.apps__social-name{font-size:var(--text-xl);color:var(--color-text-primary)}.apps__social-title{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.apps__social-logo{margin-top:var(--space-3);opacity:.5}.apps__panel--lanyard{min-height:360px;padding:var(--space-6)}.apps__lanyard{display:flex;flex-direction:column;align-items:center}.apps__lanyard-strap{width:24px;height:60px;background:var(--color-text-secondary);border-radius:2px 2px 0 0}.apps__lanyard-badge{background:var(--color-fill-deep);border:1px solid var(--color-stroke-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:160px;text-align:center}.apps__lanyard-name{font-size:var(--text-xl);letter-spacing:var(--tracking-widest);color:var(--color-green-400)}.apps__lanyard-person{font-size:var(--text-sm);color:var(--color-text-secondary)}.apps__lanyard-barcode{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--color-text-muted);opacity:.5}.apps__cap{display:flex;flex-direction:column;align-items:center}.apps__cap-brim{width:140px;height:12px;background:#1a1a2e;border-radius:0 0 70px 70px;border:1px solid var(--color-stroke-default);border-top:none;position:relative;top:1px;z-index:1}.apps__cap-crown{width:120px;height:72px;background:#1a1a2e;border-radius:60px 60px 0 0;border:1px solid var(--color-stroke-default);display:flex;align-items:center;justify-content:center}.apps__cap-logo{opacity:.9}.apps__panel--email{grid-column:span 2;min-height:80px;padding:0}@media(max-width:768px){.apps__panel--email{grid-column:span 1}}.apps__email{width:100%}.apps__email-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:2px solid var(--color-green-500);width:100%}.apps__email-wordmark{font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);color:var(--color-text-primary)}.apps__email-subject{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-muted)}.apps__motion{max-width:var(--container-content);margin:0 auto}.apps__motion-heading{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-8);text-align:center}.apps__motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:768px){.apps__motion-grid{grid-template-columns:1fr}}.apps__motion-card{background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.apps__motion-card h4{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-green-400);margin-bottom:var(--space-2)}.apps__motion-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.apps__motion-code{background:var(--color-fill-surface);border:var(--border-default);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto}.apps__motion-code code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.site-footer{background:var(--color-fill-deeper);border-top:1px solid var(--color-stroke-subtle);padding:120px var(--space-8)}.footer__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-8);max-width:var(--container-content);margin:0 auto var(--space-12)}@media(max-width:768px){.footer__inner{grid-template-columns:1fr;text-align:center}}.footer__brand{display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:768px){.footer__brand{align-items:center}}.footer__wordmark{font-size:var(--text-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-widest);color:var(--color-text-primary)}.footer__version{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:768px){.footer__nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}}.footer__nav a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.footer__nav a:hover{color:var(--color-text-primary)}.footer__meta{display:flex;flex-direction:column;gap:var(--space-2);text-align:right}@media(max-width:768px){.footer__meta{text-align:center}}.footer__meta p{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer__link{font-size:var(--text-sm);color:var(--color-green-400);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-green-300)}.footer__copyright{max-width:var(--container-content);margin:0 auto;padding-top:var(--space-8);border-top:1px solid var(--color-stroke-subtle);text-align:center}.footer__copyright p{font-size:var(--text-xs);color:var(--color-text-muted)}.section{min-height:100vh;padding:var(--section-padding-y) var(--space-8)}.section--hero{min-height:100dvh;padding:0}.section--origin,.section--logo,.section--illustration{padding:0;min-height:auto}.section--intermission{min-height:100vh;height:100vh;padding:0;overflow:hidden;position:relative}.intermission__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;will-change:transform}.section--components,.section--applications{display:none}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:1000;background:var(--color-green-500);color:var(--color-fill-deeper);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-bold);text-decoration:none}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--color-green-400);outline-offset:2px}html,body{overflow-x:hidden}@media(hover:none)and (pointer:coarse){html,body{overscroll-behavior:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}