/* Uniso · bundled: scrollcraft engine CSS (MIT, nateherkai/scroll-craft) + brand tokens + site */

:root {
  --sc-canvas:      #08090b;   
  --sc-surface:     #101217;   
  --sc-ink:         #f4f2ef;   
  --sc-ink-soft:    #9a9ba1;   
  --sc-accent:      #d8ff3e;   
  --sc-accent-ink:  #08090b;   
  --sc-hairline:    color-mix(in oklab, var(--sc-ink) 12%, transparent);
  --sc-hairline-strong: color-mix(in oklab, var(--sc-ink) 22%, transparent);
  --sc-font-display: "Instrument Sans", "Geist", system-ui, sans-serif;
  --sc-font-text:    "Geist", system-ui, sans-serif;
  --sc-font-mono:    "Geist Mono", ui-monospace, monospace;
  --sc-t-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem);
  --sc-t-sm:   clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);
  --sc-t-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --sc-t-lg:   clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --sc-t-xl:   clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem);
  --sc-t-2xl:  clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);
  --sc-t-3xl:  clamp(2.8rem, 1.9rem + 4.2vw, 5rem);
  --sc-t-4xl:  clamp(3.4rem, 1.9rem + 6.6vw, 7.5rem);
  --sc-track-tight:  -0.035em;
  --sc-track-snug:   -0.02em;
  --sc-track-normal: -0.005em;
  --sc-track-wide:    0.08em;
  --sc-leading-none: 0.94;
  --sc-leading-tight: 1.06;
  --sc-leading-body: 1.62;
  --sc-measure: 62ch;
  --sc-1: 0.25rem;  --sc-2: 0.5rem;   --sc-3: 0.75rem;  --sc-4: 1rem;
  --sc-5: 1.5rem;   --sc-6: 2rem;     --sc-7: 3rem;     --sc-8: 4rem;
  --sc-9: 6rem;     --sc-10: 8rem;    --sc-11: 12rem;
  --sc-section: clamp(4.5rem, 9vw, 11rem);
  --sc-gutter:  clamp(1.25rem, 5vw, 5.5rem);
  --sc-maxw:    82rem;
  --sc-r-sm: 6px;  --sc-r-md: 12px;  --sc-r-lg: 20px;  --sc-r-pill: 999px;
  --sc-shadow-color: 220 40% 2%;
  --sc-e1: 0 1px 2px hsl(var(--sc-shadow-color) / 0.28),
           0 2px 6px -1px hsl(var(--sc-shadow-color) / 0.20);
  --sc-e2: 0 2px 4px hsl(var(--sc-shadow-color) / 0.24),
           0 8px 18px -4px hsl(var(--sc-shadow-color) / 0.30);
  --sc-e3: 0 4px 8px hsl(var(--sc-shadow-color) / 0.22),
           0 18px 40px -8px hsl(var(--sc-shadow-color) / 0.38),
           0 48px 90px -24px hsl(var(--sc-shadow-color) / 0.30);
  --sc-edge: inset 0 1px 0 color-mix(in oklab, var(--sc-ink) 10%, transparent);
  --sc-ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --sc-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --sc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sc-d-fast: 160ms;  --sc-d-base: 240ms;  --sc-d-slow: 420ms;
  --sc-z-stage: 1; --sc-z-copy: 20; --sc-z-chrome: 60;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--sc-canvas);
  color: var(--sc-ink);
  font-family: var(--sc-font-text);
  font-size: var(--sc-t-base);
  line-height: var(--sc-leading-body);
  letter-spacing: var(--sc-track-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-synthesis-weight: none;
  overflow-x: clip;
}
img, video, canvas, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--sc-accent); color: var(--sc-accent-ink); }
:root { caret-color: var(--sc-accent); accent-color: var(--sc-accent); }
:focus-visible {
  outline: 2px solid var(--sc-accent);
  outline-offset: 3px;
  border-radius: var(--sc-r-sm);
}
:where(a) { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
@supports (scrollbar-color: auto) {
  html { scrollbar-color: color-mix(in oklab, var(--sc-ink) 26%, transparent) transparent; scrollbar-width: thin; }
}
:where(table, .sc-nums, [data-sc-count]) { font-variant-numeric: tabular-nums; }
.sc-display {
  font-family: var(--sc-font-display);
  font-weight: 500;
  line-height: var(--sc-leading-none);
  letter-spacing: var(--sc-track-tight);
  text-wrap: balance;
  margin: 0;
}
.sc-display--xl { font-size: var(--sc-t-4xl); }
.sc-display--lg { font-size: var(--sc-t-3xl); }
.sc-display--md { font-size: var(--sc-t-2xl); letter-spacing: var(--sc-track-snug); }
.sc-lede {
  font-size: var(--sc-t-lg);
  line-height: 1.44;
  letter-spacing: var(--sc-track-snug);
  color: var(--sc-ink);
  max-width: 46ch;
  text-wrap: pretty;
  margin: 0;
}
.sc-body { max-width: var(--sc-measure); color: var(--sc-ink-soft); text-wrap: pretty; margin: 0; }
.sc-label {
  font-family: var(--sc-font-mono);
  font-size: var(--sc-t-xs);
  letter-spacing: var(--sc-track-wide);
  text-transform: uppercase;
  color: var(--sc-ink-soft);
}
.sc-wrap { width: 100%; max-width: var(--sc-maxw); margin-inline: auto; padding-inline: var(--sc-gutter); }
.sc-section { padding-block: var(--sc-section); }
.sc-stack > * + * { margin-top: var(--sc-4); }
.sc-stack > :is(h1,h2,h3) { margin-top: var(--sc-7); }
.sc-stack > :is(h1,h2,h3):first-child { margin-top: 0; }
.sc-rule { height: 1px; border: 0; background: var(--sc-hairline); margin: 0; }
.sc-act--pinned { position: relative; }
.sc-stage {
  position: sticky; top: 0;
  height: 100vh; height: 100svh;
  overflow: clip;
  z-index: var(--sc-z-stage);
}
.sc-stage :is(video[data-sc-scrub], canvas[data-sc-sequence], .sc-stage__poster) {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
video[data-sc-scrub] { opacity: 0; transition: opacity 380ms var(--sc-ease-out); }
.sc-has-clip video[data-sc-scrub] { opacity: 1; }
.sc-stage__poster { z-index: 0; transition: opacity 380ms var(--sc-ease-out); }
.sc-has-clip .sc-stage__poster { opacity: 0; }
.sc-scrim {
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(
    var(--sc-scrim-angle, 180deg),
    color-mix(in oklab, var(--sc-canvas) var(--sc-scrim-a, 78%), transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
    transparent 68%);
}
.sc-scrim--bottom { --sc-scrim-angle: 0deg; }
.sc-scrim--left   { --sc-scrim-angle: 90deg; }
.sc-scrim--right  { --sc-scrim-angle: 270deg; }
.sc-scrim--lead {
  background: linear-gradient(to top right,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%,
    transparent 72%);
}
.sc-scrim--trail {
  background: linear-gradient(to top left,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%,
    transparent 72%);
}
.sc-scrim--band {
  background: linear-gradient(to top,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
    transparent 58%);
}
.sc-scrim--vignette {
  background: radial-gradient(120% 90% at 50% 45%, transparent 40%,
              color-mix(in oklab, var(--sc-canvas) 70%, transparent) 100%);
}
.sc-copy {
  position: absolute; z-index: var(--sc-z-copy);
  inset-inline: var(--sc-gutter);
  max-width: min(46rem, 76vw);
  will-change: opacity, transform;
}
.sc-copy--lead   { left: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); }
.sc-copy--center { inset-inline: auto; left: 50%; top: 50%; translate: -50% -50%; text-align: center; }
.sc-copy--trail  { inset-inline: auto; right: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); text-align: right; }
[data-sc-cue] { opacity: 0; will-change: opacity, transform; }
.sc-ready [data-sc-cue] { transition: none; }
.sc-split { display: inline-block; overflow: hidden; vertical-align: top; }
.sc-split--line { display: block; padding-bottom: 0.14em; margin-bottom: -0.14em; }
.sc-split__i { display: inline-block; will-change: transform, opacity; }
.sc-is-split { opacity: 1 !important; }
[data-sc-pan] { display: flex; will-change: transform; }
[data-sc-reveal] { will-change: clip-path; }
[data-sc-parallax] { will-change: transform; }
[data-sc-in], [data-sc-stagger] > * {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 620ms var(--sc-ease-out), transform 620ms var(--sc-ease-out);
}
[data-sc-in].sc-in, [data-sc-stagger] > .sc-in { opacity: 1; transform: none; }
[data-sc-tilt] { transform-style: preserve-3d; will-change: transform; }
[data-sc-magnet] { will-change: transform; }
[data-sc-spotlight] { isolation: isolate; }
:where([data-sc-spotlight]) { position: relative; }
[data-sc-spotlight]::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background: radial-gradient(
    28rem 28rem at calc(var(--sc-mx, 0.5) * 100%) calc(var(--sc-my, 0.5) * 100%),
    color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 70%);
  opacity: 0; transition: opacity var(--sc-d-slow) var(--sc-ease-out);
}
[data-sc-spotlight]:hover::after { opacity: 1; }
[data-sc-mode="worldflight"] { position: relative; }
.sc-world {
  position: fixed; inset: 0;
  overflow: clip;
  z-index: var(--sc-z-stage);
  background: var(--sc-canvas);
}
.sc-world__seg {
  position: absolute; inset: 0;
  opacity: 0;
  will-change: opacity;
}
.sc-world__seg > :is(video, img, canvas) {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.sc-world__poster {
  z-index: 0;
  transform-origin: 50% 50%;
  transition: opacity 420ms var(--sc-ease-out);
}
.sc-world__seg > video { z-index: 1; }
.sc-world__seg.sc-has-clip .sc-world__poster { opacity: 0; }
video[data-sc-scrub].sc-has-clip { opacity: 1; }
.sc-world__copy {
  position: fixed; inset: 0;
  z-index: var(--sc-z-copy);
  pointer-events: none;
}
.sc-world__scrim { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
[data-sc-copy] {
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform;
}
.sc-ready [data-sc-copy] { transition: none; }
.sc-world__spacer { pointer-events: none; }
[data-sc-progress] {
  position: fixed; inset: 0 0 auto 0; height: 2px; z-index: var(--sc-z-chrome);
  background: var(--sc-accent); transform-origin: 0 50%; transform: scaleX(0);
  will-change: transform;
}
.sc-grain { position: fixed; inset: 0; pointer-events: none; z-index: 3; opacity: 0.045; }
.sc-grain::before {
  content: ""; position: absolute; inset: -50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");
}
@media (prefers-reduced-motion: reduce) {
  [data-sc-in], [data-sc-stagger] > * { transform: none; transition-duration: 220ms; }
  [data-sc-parallax], [data-sc-pan], .sc-split__i { transform: none !important; }
  [data-sc-reveal] { clip-path: none !important; }
  [data-sc-act="pan"] .sc-stage,
  [data-sc-act="pan"] [data-sc-stage] {
    overflow-x: auto; overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
  }
  [data-sc-pan] > * { scroll-snap-align: center; }
  [data-sc-spotlight]::after { display: none; }
  .sc-world__poster, [data-sc-copy] { transform: none !important; }
}
@media (max-width: 860px) {
  .sc-copy { inset-inline: var(--sc-gutter); max-width: none; }
  .sc-copy--trail { text-align: left; }
  .sc-stage { height: 100svh; }
  .sc-scrim--trail {
    background: linear-gradient(to top,
      color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%,
      color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
      transparent 58%);
  }
}
:root {
  --uni-ink: #101616;
  --uni-paper: #F4F5EF;
  --uni-citron: #DAF975;
  --uni-mint: #B8E8D0;
  --uni-deep-mint: #1E7A5A;
  --uni-neutral-0: #FFFFFF;
  --uni-neutral-50: #F4F5EF;
  --uni-neutral-100: #E6E7E1;
  --uni-neutral-200: #D2D4CF;
  --uni-neutral-300: #B4B6B2;
  --uni-neutral-400: #8F938F;
  --uni-neutral-500: #737775;
  --uni-neutral-600: #5A5F5D;
  --uni-neutral-700: #424846;
  --uni-neutral-800: #2E3433;
  --uni-neutral-900: #1E2323;
  --uni-neutral-950: #101616;
  --uni-mint-50: #EBF9F2;
  --uni-mint-100: #D8F2E5;
  --uni-mint-200: #B8E8D0;
  --uni-mint-300: #9BD1B7;
  --uni-mint-400: #7EBB9F;
  --uni-mint-500: #61A587;
  --uni-mint-600: #428F70;
  --uni-mint-700: #1E7A5A;
  --uni-mint-800: #1E5A44;
  --uni-mint-900: #1B3D31;
  --uni-mint-950: #162823;
  --uni-citron-50: #F5FEE0;
  --uni-citron-100: #EDFDC3;
  --uni-citron-200: #E3FB9F;
  --uni-citron-300: #DAF975;
  --uni-citron-400: #C2DE65;
  --uni-citron-500: #A6C153;
  --uni-citron-600: #8CA442;
  --uni-citron-700: #728831;
  --uni-citron-800: #5D7022;
  --uni-citron-900: #4B5D15;
  --uni-citron-950: #2A3714;
  --uni-amber-50: #F9EDD9;
  --uni-amber-100: #F2E0C9;
  --uni-amber-200: #E5C9AA;
  --uni-amber-300: #D4AD85;
  --uni-amber-400: #C49260;
  --uni-amber-500: #B37739;
  --uni-amber-600: #A35F00;
  --uni-amber-700: #835014;
  --uni-amber-800: #64411A;
  --uni-amber-900: #47331B;
  --uni-amber-950: #2E261A;
  --uni-red-50: #FCE6E2;
  --uni-red-100: #F7D7D1;
  --uni-red-200: #EFBAB0;
  --uni-red-300: #E2978A;
  --uni-red-400: #D47365;
  --uni-red-500: #C44D3F;
  --uni-red-600: #B42318;
  --uni-red-700: #91271C;
  --uni-red-800: #6F261D;
  --uni-red-900: #4F231C;
  --uni-red-950: #331E1A;
  --uni-blue-50: #E3ECF9;
  --uni-blue-100: #D3E0F3;
  --uni-blue-200: #B5C9E6;
  --uni-blue-300: #91AFD7;
  --uni-blue-400: #6E94C7;
  --uni-blue-500: #4B7AB7;
  --uni-blue-600: #2A62A8;
  --uni-blue-700: #255288;
  --uni-blue-800: #204269;
  --uni-blue-900: #1B334C;
  --uni-blue-950: #162633;
  --uni-font-sans: 'Manrope', 'Helvetica Neue', Arial, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --uni-font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --uni-text-display-size: 2.75rem; --uni-text-display-size-lg: 4.5rem; --uni-text-display-lh: 1.056; --uni-text-display-weight: 800; --uni-text-display-tracking: -0.025em;
  --uni-text-h1-size: 2.375rem; --uni-text-h1-size-lg: 3.5rem; --uni-text-h1-lh: 1.107; --uni-text-h1-weight: 800; --uni-text-h1-tracking: -0.02em;
  --uni-text-h2-size: 1.875rem; --uni-text-h2-size-lg: 2.5rem; --uni-text-h2-lh: 1.200; --uni-text-h2-weight: 700; --uni-text-h2-tracking: -0.015em;
  --uni-text-h3-size: 1.5rem; --uni-text-h3-size-lg: 1.875rem; --uni-text-h3-lh: 1.267; --uni-text-h3-weight: 700; --uni-text-h3-tracking: -0.015em;
  --uni-text-h4-size: 1.25rem; --uni-text-h4-size-lg: 1.5rem; --uni-text-h4-lh: 1.333; --uni-text-h4-weight: 700; --uni-text-h4-tracking: -0.01em;
  --uni-text-h5-size: 1.125rem; --uni-text-h5-size-lg: 1.25rem; --uni-text-h5-lh: 1.400; --uni-text-h5-weight: 600; --uni-text-h5-tracking: -0.005em;
  --uni-text-h6-size: 1rem; --uni-text-h6-size-lg: 1rem; --uni-text-h6-lh: 1.500; --uni-text-h6-weight: 600; --uni-text-h6-tracking: 0em;
  --uni-text-body-lg-size: 1.125rem; --uni-text-body-lg-size-lg: 1.125rem; --uni-text-body-lg-lh: 1.667; --uni-text-body-lg-weight: 400; --uni-text-body-lg-tracking: 0em;
  --uni-text-body-size: 1rem; --uni-text-body-size-lg: 1rem; --uni-text-body-lh: 1.625; --uni-text-body-weight: 400; --uni-text-body-tracking: 0em;
  --uni-text-body-sm-size: 0.875rem; --uni-text-body-sm-size-lg: 0.875rem; --uni-text-body-sm-lh: 1.571; --uni-text-body-sm-weight: 400; --uni-text-body-sm-tracking: 0em;
  --uni-text-label-size: 0.875rem; --uni-text-label-size-lg: 0.875rem; --uni-text-label-lh: 1.429; --uni-text-label-weight: 600; --uni-text-label-tracking: 0em;
  --uni-text-caption-size: 0.75rem; --uni-text-caption-size-lg: 0.75rem; --uni-text-caption-lh: 1.333; --uni-text-caption-weight: 500; --uni-text-caption-tracking: 0.01em;
  --uni-text-overline-size: 0.75rem; --uni-text-overline-size-lg: 0.75rem; --uni-text-overline-lh: 1.333; --uni-text-overline-weight: 700; --uni-text-overline-tracking: 0.08em;
  --uni-space-0: 0rem;
  --uni-space-px: 0.0625rem;
  --uni-space-0_5: 0.125rem;
  --uni-space-1: 0.25rem;
  --uni-space-2: 0.5rem;
  --uni-space-3: 0.75rem;
  --uni-space-4: 1rem;
  --uni-space-5: 1.25rem;
  --uni-space-6: 1.5rem;
  --uni-space-8: 2rem;
  --uni-space-10: 2.5rem;
  --uni-space-12: 3rem;
  --uni-space-16: 4rem;
  --uni-space-20: 5rem;
  --uni-space-24: 6rem;
  --uni-space-32: 8rem;
  --uni-radius-none: 0px;
  --uni-radius-xs: 4px;
  --uni-radius-sm: 8px;
  --uni-radius-md: 12px;
  --uni-radius-lg: 16px;
  --uni-radius-xl: 24px;
  --uni-radius-2xl: 32px;
  --uni-radius-full: 9999px;
  --uni-container: 1200px; --uni-gutter: 24px; --uni-margin: 20px;
  --uni-duration-fast: 120ms;
  --uni-duration-base: 200ms;
  --uni-duration-slow: 320ms;
  --uni-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --uni-ease-exit: cubic-bezier(0.4, 0, 1, 1);
}
@media (min-width: 768px) { :root { --uni-margin: 40px; } }
@media (min-width: 1280px) { :root { --uni-margin: 80px; } }
@media (min-width: 1024px) { :root {
  --uni-text-display-size: var(--uni-text-display-size-lg);
  --uni-text-h1-size: var(--uni-text-h1-size-lg);
  --uni-text-h2-size: var(--uni-text-h2-size-lg);
  --uni-text-h3-size: var(--uni-text-h3-size-lg);
  --uni-text-h4-size: var(--uni-text-h4-size-lg);
  --uni-text-h5-size: var(--uni-text-h5-size-lg);
  --uni-text-h6-size: var(--uni-text-h6-size-lg);
  --uni-text-body-lg-size: var(--uni-text-body-lg-size-lg);
  --uni-text-body-size: var(--uni-text-body-size-lg);
  --uni-text-body-sm-size: var(--uni-text-body-sm-size-lg);
  --uni-text-label-size: var(--uni-text-label-size-lg);
  --uni-text-caption-size: var(--uni-text-caption-size-lg);
  --uni-text-overline-size: var(--uni-text-overline-size-lg);
} }
:root, [data-theme="light"] {
  color-scheme: light;
  --uni-color-bg: #F4F5EF;
  --uni-color-bg-subtle: #E6E7E1;
  --uni-color-surface: #FFFFFF;
  --uni-color-surface-raised: #FFFFFF;
  --uni-color-surface-inverse: #101616;
  --uni-color-surface-brand: #B8E8D0;
  --uni-color-text: #101616;
  --uni-color-text-muted: #424846;
  --uni-color-text-subtle: #5A5F5D;
  --uni-color-text-inverse: #F4F5EF;
  --uni-color-text-on-accent: #FFFFFF;
  --uni-color-border: #D2D4CF;
  --uni-color-border-strong: #8F938F;
  --uni-color-border-focus: #1E7A5A;
  --uni-color-accent: #1E7A5A;
  --uni-color-accent-hover: #1E5A44;
  --uni-color-accent-pressed: #1B3D31;
  --uni-color-accent-subtle: #EBF9F2;
  --uni-color-link: #1E7A5A;
  --uni-color-primary: #101616;
  --uni-color-primary-hover: #2E3433;
  --uni-color-on-primary: #F4F5EF;
  --uni-color-success: #1E7A5A;
  --uni-color-success-bg: #EBF9F2;
  --uni-color-success-border: #9BD1B7;
  --uni-color-warning: #835014;
  --uni-color-warning-bg: #F9EDD9;
  --uni-color-warning-border: #D4AD85;
  --uni-color-error: #B42318;
  --uni-color-error-bg: #FCE6E2;
  --uni-color-error-border: #E2978A;
  --uni-color-info: #2A62A8;
  --uni-color-info-bg: #E3ECF9;
  --uni-color-info-border: #91AFD7;
  --uni-shadow-xs: 0 1px 2px rgba(16, 22, 22, 0.06);
  --uni-shadow-sm: 0 1px 3px rgba(16, 22, 22, 0.08), 0 1px 2px rgba(16, 22, 22, 0.04);
  --uni-shadow-md: 0 4px 12px rgba(16, 22, 22, 0.08), 0 2px 4px rgba(16, 22, 22, 0.04);
  --uni-shadow-lg: 0 12px 32px rgba(16, 22, 22, 0.12), 0 4px 8px rgba(16, 22, 22, 0.04);
  --uni-shadow-xl: 0 24px 56px rgba(16, 22, 22, 0.16);
  --uni-focus-ring: 0 0 0 3px #F4F5EF, 0 0 0 5px #1E7A5A;
  --uni-chart-1: #1E7A5A;
  --uni-chart-2: #101616;
  --uni-chart-3: #728831;
  --uni-chart-4: #2A62A8;
  --uni-chart-5: #B37739;
  --uni-chart-6: #428F70;
  --uni-chart-7: #5A5F5D;
  --uni-chart-grid: #D2D4CF; --uni-chart-axis: #5A5F5D; --uni-chart-label: #424846;
}
[data-theme="dark"] {
  color-scheme: dark;
  --uni-color-bg: #101616;
  --uni-color-bg-subtle: #171D1D;
  --uni-color-surface: #1D2322;
  --uni-color-surface-raised: #262C2B;
  --uni-color-surface-inverse: #F4F5EF;
  --uni-color-surface-brand: #1B3D31;
  --uni-color-text: #F4F5EF;
  --uni-color-text-muted: #B4B6B2;
  --uni-color-text-subtle: #8F938F;
  --uni-color-text-inverse: #101616;
  --uni-color-text-on-accent: #101616;
  --uni-color-border: #303635;
  --uni-color-border-strong: #4F5453;
  --uni-color-border-focus: #DAF975;
  --uni-color-accent: #DAF975;
  --uni-color-accent-hover: #E3FB9F;
  --uni-color-accent-pressed: #C2DE65;
  --uni-color-accent-subtle: #242C22;
  --uni-color-link: #DAF975;
  --uni-color-primary: #DAF975;
  --uni-color-primary-hover: #E3FB9F;
  --uni-color-on-primary: #101616;
  --uni-color-success: #B8E8D0;
  --uni-color-success-bg: #212B29;
  --uni-color-success-border: #428F70;
  --uni-color-warning: #D4AD85;
  --uni-color-warning-bg: #262520;
  --uni-color-warning-border: #B37739;
  --uni-color-error: #EFBAB0;
  --uni-color-error-bg: #282220;
  --uni-color-error-border: #C44D3F;
  --uni-color-info: #B5C9E6;
  --uni-color-info-bg: #1B252B;
  --uni-color-info-border: #4B7AB7;
  --uni-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --uni-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
  --uni-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --uni-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
  --uni-shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.6);
  --uni-focus-ring: 0 0 0 3px #101616, 0 0 0 5px #DAF975;
  --uni-chart-1: #DAF975;
  --uni-chart-2: #B8E8D0;
  --uni-chart-3: #F4F5EF;
  --uni-chart-4: #7EBB9F;
  --uni-chart-5: #91AFD7;
  --uni-chart-6: #D4AD85;
  --uni-chart-7: #737775;
  --uni-chart-grid: #303635; --uni-chart-axis: #8F938F; --uni-chart-label: #B4B6B2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --uni-color-bg: #101616;
    --uni-color-bg-subtle: #171D1D;
    --uni-color-surface: #1D2322;
    --uni-color-surface-raised: #262C2B;
    --uni-color-surface-inverse: #F4F5EF;
    --uni-color-surface-brand: #1B3D31;
    --uni-color-text: #F4F5EF;
    --uni-color-text-muted: #B4B6B2;
    --uni-color-text-subtle: #8F938F;
    --uni-color-text-inverse: #101616;
    --uni-color-text-on-accent: #101616;
    --uni-color-border: #303635;
    --uni-color-border-strong: #4F5453;
    --uni-color-border-focus: #DAF975;
    --uni-color-accent: #DAF975;
    --uni-color-accent-hover: #E3FB9F;
    --uni-color-accent-pressed: #C2DE65;
    --uni-color-accent-subtle: #242C22;
    --uni-color-link: #DAF975;
    --uni-color-primary: #DAF975;
    --uni-color-primary-hover: #E3FB9F;
    --uni-color-on-primary: #101616;
    --uni-color-success: #B8E8D0;
    --uni-color-success-bg: #212B29;
    --uni-color-success-border: #428F70;
    --uni-color-warning: #D4AD85;
    --uni-color-warning-bg: #262520;
    --uni-color-warning-border: #B37739;
    --uni-color-error: #EFBAB0;
    --uni-color-error-bg: #282220;
    --uni-color-error-border: #C44D3F;
    --uni-color-info: #B5C9E6;
    --uni-color-info-bg: #1B252B;
    --uni-color-info-border: #4B7AB7;
    --uni-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --uni-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --uni-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --uni-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
    --uni-shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.6);
    --uni-focus-ring: 0 0 0 3px #101616, 0 0 0 5px #DAF975;
    --uni-chart-1: #DAF975;
    --uni-chart-2: #B8E8D0;
    --uni-chart-3: #F4F5EF;
    --uni-chart-4: #7EBB9F;
    --uni-chart-5: #91AFD7;
    --uni-chart-6: #D4AD85;
    --uni-chart-7: #737775;
    --uni-chart-grid: #303635; --uni-chart-axis: #8F938F; --uni-chart-label: #B4B6B2;
  }
}
html { font-family: var(--uni-font-sans); background: var(--uni-color-bg); color: var(--uni-color-text); -webkit-font-smoothing: antialiased; }
body { font-size: var(--uni-text-body-size); line-height: var(--uni-text-body-lh); }
h1 { font-size: var(--uni-text-h1-size); line-height: var(--uni-text-h1-lh); font-weight: var(--uni-text-h1-weight); letter-spacing: var(--uni-text-h1-tracking); }
h2 { font-size: var(--uni-text-h2-size); line-height: var(--uni-text-h2-lh); font-weight: var(--uni-text-h2-weight); letter-spacing: var(--uni-text-h2-tracking); }
h3 { font-size: var(--uni-text-h3-size); line-height: var(--uni-text-h3-lh); font-weight: var(--uni-text-h3-weight); letter-spacing: var(--uni-text-h3-tracking); }
h4 { font-size: var(--uni-text-h4-size); line-height: var(--uni-text-h4-lh); font-weight: var(--uni-text-h4-weight); letter-spacing: var(--uni-text-h4-tracking); }
h5 { font-size: var(--uni-text-h5-size); line-height: var(--uni-text-h5-lh); font-weight: var(--uni-text-h5-weight); letter-spacing: var(--uni-text-h5-tracking); }
h6 { font-size: var(--uni-text-h6-size); line-height: var(--uni-text-h6-lh); font-weight: var(--uni-text-h6-weight); letter-spacing: var(--uni-text-h6-tracking); }
a { color: var(--uni-color-link); text-underline-offset: 0.18em; }
:focus-visible { outline: none; box-shadow: var(--uni-focus-ring); border-radius: var(--uni-radius-sm); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
@font-face{font-family:'Manrope';src:url('/assets/fonts/manrope-var.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{
  --ink:#101616;--ink-2:#171D1D;--ink-3:#1D2322;--ink-line:rgba(244,245,239,.1);
  --paper:#F4F5EF;--paper-2:#ECEDE6;--citron:#DAF975;--mint:#B8E8D0;--deep:#1E7A5A;--deep-2:#1E5A44;--forest:#1B3D31;
  --muted-d:#B4B6B2;--muted-l:#4A504E;--line-l:#D9DBD4;
  --r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --container:1240px;
  --pad:clamp(20px,5vw,80px);
  --sec:clamp(80px,11vw,160px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--ink);overflow-x:clip}
body{margin:0;font-family:var(--uni-font-sans);color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.ic{width:1.15em;height:1.15em;flex:none}
.container{width:100%;max-width:calc(var(--container) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--citron);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:16px}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px;border-radius:8px;box-shadow:none}
.dark :focus-visible,.nav-wrap :focus-visible{outline-color:var(--citron)}
.display{font-weight:800;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:1.02;letter-spacing:-.035em}
.display--sm{font-size:clamp(2.4rem,5.4vw,4.6rem)}
h2{font-weight:800;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
h3{font-weight:700;font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}
.lead{font-size:clamp(1.08rem,1.4vw,1.3rem);line-height:1.6;max-width:36em}
.overline{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--deep);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.overline::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.overline--citron{color:var(--citron)}
.section__sub{color:var(--muted-l);font-size:1.1rem;max-width:40em;margin-top:18px}
.dark .section__sub{color:var(--muted-d)}
.dark{background:var(--ink);color:var(--paper)}
.paper{background:var(--paper)}
.mint{background:#E6F4EC}
.section{padding:var(--sec) 0;position:relative}
.section__head{margin-bottom:clamp(40px,6vw,72px);max-width:860px}
.section__head--split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.section__head--split>div{max-width:720px}
.section__head--split .section__sub{max-width:420px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;text-decoration:none;border-radius:999px;padding:14px 22px;font-size:1rem;line-height:1;transition:transform .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease),color .2s;white-space:nowrap;position:relative;isolation:isolate}
.btn .ic{transition:transform .25s var(--ease)}
.btn:hover .ic{transform:translate(2px,-2px)}
.btn--sm{padding:11px 16px;font-size:.92rem}
.btn--lg{padding:17px 26px;font-size:1.04rem}
.btn--xl{padding:21px 32px;font-size:1.12rem}
.btn--citron{background:var(--citron);color:var(--ink);box-shadow:inset 0 -2px 0 rgba(16,22,22,.12)}
.btn--citron:hover{background:#E3FB9F;box-shadow:0 10px 24px -12px rgba(5,10,9,.6),inset 0 -2px 0 rgba(16,22,22,.12);transform:translateY(-1px)}
.btn--ghost{color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn--line{color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(244,245,239,.3)}
.btn--line:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
.magnetic{will-change:transform}
.magnetic>span{display:inline-block;transition:transform .3s var(--ease)}
.dark .btn--ghost{box-shadow:inset 0 0 0 1.5px rgba(244,245,239,.35)}
.btn--ghost:hover{background:rgba(244,245,239,.08)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:var(--forest);transform:translateY(-1px)}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;font-size:.88rem;font-weight:600}
.chip--dark{background:rgba(244,245,239,.06);box-shadow:inset 0 0 0 1px rgba(244,245,239,.14);color:var(--paper)}
.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--citron);}
.concept-tag{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(218,249,117,.12);color:var(--citron);box-shadow:inset 0 0 0 1px rgba(218,249,117,.35)}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--ink);color:var(--paper)}
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .35s var(--ease),border-color .35s,transform .4s var(--ease);border-bottom:1px solid transparent}
.nav-wrap.is-scrolled{background:rgba(16,22,22,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--ink-line)}
.nav-wrap.is-hidden{transform:translateY(-100%)}
.nav{max-width:calc(var(--container) + var(--pad)*2);margin:0 auto;display:flex;align-items:center;gap:20px;padding:14px var(--pad);color:var(--paper)}
.nav__logo{display:flex;align-items:center;margin-right:auto;border-radius:10px}
.nav__logo img{height:44px;width:auto;margin:-6px 0 -6px -8px}
.nav__links{display:flex;gap:4px}
.nav__links a{position:relative;display:block;text-decoration:none;font-weight:600;font-size:.94rem;padding:10px 12px;color:rgba(244,245,239,.78);transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1.5px;background:var(--citron);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav__links a:hover,.nav__links a[aria-current="true"]{color:var(--paper)}
.nav__links a:hover::after,.nav__links a[aria-current="true"]::after{transform:scaleX(1)}
.nav__toggle{display:none;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(244,245,239,.2)}
.nav__toggle .ic{width:22px;height:22px}
.sheet{position:fixed;inset:0;z-index:-1;background:var(--ink);color:var(--paper);padding:110px var(--pad) 40px;display:flex;flex-direction:column;gap:28px;overflow:auto}
.sheet[hidden]{display:none}
.sheet ul a{display:block;font-size:1.9rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--ink-line)}
.sheet .btn{align-self:flex-start;white-space:normal}
.sheet__mail a{color:var(--citron);font-weight:700}
@media (max-width:960px){.nav__links{display:none}.nav__toggle{display:inline-flex}}
@media (max-width:480px){.nav__cta{display:none}}
:root{--aw-paper:#F7F8F3;--aw-card:#FCFCFA;--aw-ink:#0E1413;--aw-soft:#5A5F5D;--aw-soft-2:#4A504E;--on-dark-soft:#C9CCC6;--on-dark-soft-2:#B9BDB7;--aw-shadow:0 30px 60px -24px rgba(5,10,9,.7),0 2px 6px rgba(5,10,9,.25)}
.act{position:relative;background:var(--ink);color:var(--paper)}
.act__anchor{position:absolute;left:0;top:calc(100svh * .55);width:1px;height:1px}
.act__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;isolation:isolate}
.act__photo,.act__photo img{position:absolute;inset:0;width:100%;height:100%}
.act__photo img{object-fit:cover;object-position:62% 50%;transform-origin:76% 44%;scale:var(--ph-s,1);translate:0 var(--ph-y,0)}
.act__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,15,14,.9) 0%,rgba(10,15,14,.72) 30%,rgba(10,15,14,.18) 58%,rgba(10,15,14,0) 70%),
             linear-gradient(180deg,rgba(10,15,14,.55) 0%,rgba(10,15,14,0) 22%),
             linear-gradient(0deg,rgba(10,15,14,.6) 0%,rgba(10,15,14,0) 26%);
  opacity:var(--scrim,.92)}
.act__copy{position:absolute;inset:0;display:flex;align-items:center;padding-top:72px;z-index:2}
.intro{max-width:44rem;will-change:opacity}
.intro__title{font-weight:800;font-size:clamp(2.6rem,5.3vw,5.75rem);line-height:.98;letter-spacing:-.04em;color:var(--paper);text-wrap:balance}
.intro__title .ln{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.intro__title .ln > span{display:inline-block}
.intro__lead{margin-top:clamp(20px,2.4vw,30px);max-width:31em;font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.6;color:var(--on-dark-soft)}
.intro__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(24px,3vw,36px)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:rgba(244,245,239,.4);transition:text-decoration-color .2s var(--ease)}
.link-arrow:hover{text-decoration-color:var(--citron)}
.beats{display:none}
.js .beats{display:block;position:absolute;left:var(--pad);top:50%;translate:0 -42%;width:min(31rem,40vw);pointer-events:none}
.js .beat{position:absolute;left:0;top:0;width:100%;translate:0 -50%}
.beat__title{font-weight:800;font-size:clamp(2.4rem,4.6vw,4.75rem);line-height:1;letter-spacing:-.04em;color:var(--paper)}
.beat p{margin-top:18px;font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.6;color:var(--on-dark-soft);max-width:28em}
.beat--close .btn{margin-top:28px;pointer-events:auto}
.beat--close .beat__title{font-size:clamp(2.2rem,3.8vw,4rem)}
@media (min-width:1500px){.js .beats{left:calc((100vw - var(--container)) / 2)}}
.aw{position:absolute;z-index:3;right:clamp(20px,4.4vw,72px);bottom:clamp(20px,6vh,64px);width:clamp(340px,29vw,420px);color:var(--ink);font-size:13px;translate:var(--aw-x,0) var(--aw-y,0);scale:var(--aw-s,1);transform-origin:100% 100%}
.aw__panel{background:var(--aw-paper);border-radius:22px;padding:14px 14px 8px;box-shadow:var(--aw-shadow);border:1px solid rgba(255,255,255,.6)}
.aw__head{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.aw__brand{font-weight:800;letter-spacing:-.02em;font-size:15px}
.aw__crumb{margin-right:auto;color:var(--aw-soft);font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw__cart{position:relative;display:inline-flex;color:var(--ink)}
.aw__cart .ic{width:18px;height:18px}
.aw__cart em{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--deep);color:var(--paper);font-size:10px;font-weight:800;font-style:normal;display:grid;place-items:center;transition:scale .3s var(--ease)}
.aw[data-phase="sold"] .aw__cart em{scale:1.15}
.aw__rows{display:grid}
.aw__row{grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.aw__row li{background:var(--aw-card);border-radius:12px;padding:5px 5px 8px;line-height:1.25;box-shadow:0 1px 0 rgba(16,22,22,.06);transition:opacity .45s var(--ease),translate .6s var(--ease),box-shadow .3s var(--ease)}
.aw__row img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:var(--paper-2);margin-bottom:6px}
.aw__row b{display:block;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.aw__row span{font-size:11.5px;color:var(--aw-soft-2);padding:0 2px}
.aw__row--b li{opacity:0;translate:28px 0}
.aw__row--b li:nth-child(2){transition-delay:.06s}.aw__row--b li:nth-child(3){transition-delay:.12s}
:is([data-phase="show"],[data-phase="listen2"],[data-phase="sold"]) .aw__row--a li{opacity:0;translate:-20px 0}
:is([data-phase="show"],[data-phase="listen2"],[data-phase="sold"]) .aw__row--b li{opacity:1;translate:0 0}
[data-phase="sold"] .aw__row--b li[data-pick]{box-shadow:0 0 0 2px var(--deep)}
.aw__talk{margin:10px -6px 0;background:var(--aw-ink);color:var(--paper);border-radius:16px 16px 0 0;padding:14px 16px 4px;min-height:78px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.aw__you{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--paper);min-height:1.4em;transition:opacity .25s var(--ease)}
[data-phase="idle"] .aw__you{opacity:0}
.aw__bot{font-size:13px;color:var(--on-dark-soft-2)}
.caret{display:inline-block;width:2px;height:1.05em;vertical-align:-3px;margin-left:2px;background:var(--citron);opacity:0}
:is([data-phase="listen"],[data-phase="listen2"]) .caret{opacity:1;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.aw__ctrl{display:flex;align-items:center;gap:12px;margin:0 -6px;background:var(--aw-ink);border-radius:0 0 16px 16px;padding:8px 16px 14px}
.aw__mic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--citron);color:var(--ink);transition:box-shadow .3s var(--ease)}
.aw__mic .ic{width:17px;height:17px}
:is([data-phase="listen"],[data-phase="listen2"]) .aw__mic{box-shadow:0 0 0 5px rgba(218,249,117,.16)}
.aw__wave{flex:1;display:flex;align-items:center;gap:3px;height:26px}
.aw__wave i{flex:1;max-width:3px;height:22px;border-radius:2px;background:var(--mint);scale:1 .14;transform-origin:50% 50%;transition:scale .3s var(--ease)}
:is([data-phase="listen"],[data-phase="listen2"]) .aw__wave i{animation:awv .9s var(--ease) infinite alternate}
.aw__wave i:nth-child(3n){animation-delay:-.3s}.aw__wave i:nth-child(3n+1){animation-delay:-.55s}.aw__wave i:nth-child(4n){animation-delay:-.15s;animation-duration:.7s}.aw__wave i:nth-child(5n){animation-duration:1.1s}
@keyframes awv{0%{scale:1 .18}100%{scale:1 1}}
.aw__va{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-soft-2);white-space:nowrap}
.aw__toast{position:absolute;top:96px;right:calc(100% - 30px);display:flex;width:max-content;white-space:nowrap;align-items:center;gap:10px;background:var(--aw-card);color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 18px 36px -14px rgba(5,10,9,.55);font-size:12px;opacity:0;translate:0 8px;transition:opacity .35s var(--ease),translate .5s var(--ease)}
[data-phase="sold"] .aw__toast{opacity:1;translate:0 0}
.aw__toast .ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--deep);color:var(--paper)}
.aw__toast b{display:block;font-size:13px}
.act__cap{position:absolute;z-index:2;left:var(--pad);bottom:clamp(18px,3.4vh,32px);display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,245,239,.78)}
@media (min-width:1500px){.act__cap{left:calc((100vw - var(--container)) / 2)}}
.act__cap .dot{width:6px;height:6px;border-radius:50%;background:var(--citron)}
html:not(.js) .act__stage{height:auto;min-height:100svh}
html:not(.js) .act__copy{position:relative;padding:140px 0 60px}
html:not(.js) .aw{position:relative;right:auto;bottom:auto;margin:0 var(--pad) 80px auto}
@media (max-width:860px){
  .act__photo img{object-position:50% 50%;transform-origin:50% 40%}
  .act__scrim{background:linear-gradient(180deg,rgba(10,15,14,.92) 0%,rgba(10,15,14,.78) 34%,rgba(10,15,14,.15) 58%,rgba(10,15,14,.1) 70%,rgba(10,15,14,.75) 100%)}
  .act__copy{align-items:flex-start;padding-top:clamp(84px,12svh,110px)}
  .intro__title{font-size:clamp(2.45rem,10.4vw,4rem)}
  .intro__lead{font-size:1rem;margin-top:16px}
  .intro__ctas{margin-top:22px;gap:12px 22px}
  .intro__ctas .btn{padding:15px 20px;font-size:.98rem}
  .intro__ctas .link-arrow{display:none}
  .aw__panel{padding:10px 10px 6px;border-radius:18px}
  .aw__head{padding:2px 4px 8px}
  .aw__talk{min-height:64px;padding:10px 14px 2px}
  .aw__ctrl{padding:6px 14px 10px}
  .js .beats{top:clamp(84px,12svh,110px);translate:none;width:auto;right:var(--pad)}
  .js .beat{translate:none}
  .beat__title{font-size:clamp(2.2rem,9vw,3.4rem)}
  .beat p{font-size:1rem;margin-top:12px}
  .aw{left:12px;right:12px;bottom:12px;width:auto;max-width:440px;margin:0 auto;translate:none}
  .aw__row img{aspect-ratio:1/1}
  .aw__toast{left:auto;right:10px;top:-18px}
  .act__cap{display:none}
}
@media (max-width:860px) and (max-height:760px){.intro__lead{display:none}}
@media (max-width:380px){.aw__va{display:none}}
@media (prefers-reduced-motion:reduce){
  .act__photo img{scale:1;translate:none}
  .aw{translate:none}
  .aw__row li,.aw__toast{transition:opacity .15s linear;translate:none!important}
  .aw__wave i{animation:none!important;scale:1 .5}
  .caret{animation:none!important}
}
.aw__pause{position:absolute;top:-40px;right:0;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:rgba(10,15,14,.55);backdrop-filter:blur(6px);transition:background-color .2s var(--ease)}
.aw__pause:hover{background:rgba(10,15,14,.8)}
.aw__pause:active{transform:translateY(1px)}
.aw__pause .ic{width:14px;height:14px}
.aw__pause [data-i="play"]{display:none}
.aw__pause[aria-pressed="true"] [data-i="play"]{display:inline}
.aw__pause[aria-pressed="true"] [data-i="pause"]{display:none}
.aw__tag{display:none}
@media (max-width:860px){
  .aw__pause{top:-36px}
  .aw__tag{display:flex;align-items:center;gap:6px;position:absolute;top:-30px;left:4px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,245,239,.85)}
  .aw__tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--citron)}
  .aw__toast{top:44px;right:12px;left:auto}
}
.is-paused .aw__wave i,.is-paused .caret{animation-play-state:paused}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{position:relative;background:#fff;border-radius:var(--r-xl);padding:26px 28px 32px;box-shadow:0 1px 0 rgba(16,22,22,.04),0 30px 60px -40px rgba(16,22,22,.25);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.step:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(16,22,22,.04),0 40px 70px -40px rgba(16,22,22,.35)}
.step__icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--ink);margin:10px 0 56px}
.step__icon .ic{width:22px;height:22px}
.art{width:min(46%,150px);height:auto;position:relative;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45));transition:transform .5s var(--ease)}
.step:hover .art,.svc:hover .art{transform:translateY(-4px) rotate(-3deg) scale(1.04)}
.step__num{font-size:.8rem;font-weight:800;color:var(--deep);letter-spacing:.1em;margin-bottom:6px}
.step h3{font-size:2rem;letter-spacing:-.035em;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.step p:last-child{color:var(--muted-l)}
.rules{margin-top:20px;display:flex;gap:20px;align-items:flex-start;padding:26px 28px;border-radius:var(--r-xl);background:var(--ink);color:var(--paper)}
.rules__icon{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--citron);color:var(--ink)}
.rules__icon .ic{width:26px;height:26px}
.rules__title{margin-bottom:6px}
.rules p{color:var(--muted-d);max-width:62em}
@media (max-width:900px){.steps{grid-template-columns:1fr}.step__icon{margin-bottom:28px}}
.demo{overflow:hidden}
.demo__tabs{display:inline-flex;padding:5px;border-radius:999px;background:rgba(244,245,239,.06);box-shadow:inset 0 0 0 1px var(--ink-line)}
.demo__tabs button{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;font-size:.94rem;color:var(--muted-d);transition:background-color .2s,color .2s}
.demo__tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink)}
.browser{position:relative;border-radius:var(--r-lg);background:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(244,245,239,.1),0 50px 120px -40px rgba(0,0,0,.8);overflow:hidden}
.browser__bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--ink-line)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:rgba(244,245,239,.18)}
.browser__store{flex:1;font-weight:700;font-size:.88rem;letter-spacing:-.01em;color:var(--paper)}
.browser__body{display:grid;grid-template-columns:1fr 380px;min-height:520px}
.site-mock{position:relative;background:var(--paper);color:var(--ink);padding:18px 22px;overflow:hidden}
.site-mock__nav{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line-l)}
.site-mock__nav b{font-weight:800;letter-spacing:-.02em;margin-right:auto}
.site-mock__nav span{width:44px;height:8px;border-radius:4px;background:#DCDED7}
.cart{position:relative;display:inline-flex;font-style:normal}
.cart em{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;border-radius:9px;background:var(--deep);color:#fff;font-size:.65rem;font-weight:800;font-style:normal;display:grid;place-items:center;transition:transform .3s var(--ease)}
.cart em.bump{transform:scale(1.4)}
.site-mock__hero{padding:16px 0 12px;font-size:.82rem;font-weight:600;color:var(--muted-l)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pcard{border-radius:14px;background:#fff;padding:8px 8px 10px;box-shadow:0 1px 0 rgba(16,22,22,.05);transition:transform .45s var(--ease),box-shadow .45s var(--ease),opacity .45s;font-size:.8rem}
.pcard__img{aspect-ratio:4/3.4;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden}
.pcard__img{display:grid;place-items:center;color:rgba(255,255,255,.75)}
.pcard__img .ic{width:42%;height:42%;stroke-width:1.4;filter:drop-shadow(0 8px 10px rgba(0,0,0,.15))}
.pcard__img::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 50%)}
.pcard b{display:block;font-weight:700}
.pcard span{color:var(--muted-l)}
.pcard.dim{opacity:.35;transform:scale(.97)}
.pcard.pick{box-shadow:0 0 0 2px var(--deep),0 20px 40px -20px rgba(30,122,90,.6);transform:translateY(-4px)}
.sheet-mock{position:absolute;inset:auto 16px 16px 16px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 30px 60px -20px rgba(16,22,22,.35);font-size:.84rem;transform:translateY(20px);opacity:0;transition:transform .5s var(--ease),opacity .5s}
.sheet-mock.show{transform:none;opacity:1}
.sheet-mock h3{margin:0 0 10px;font-size:.95rem}
.sizes{display:flex;gap:6px;margin:8px 0}
.sizes span{padding:6px 10px;border-radius:8px;background:var(--paper);font-weight:700}
.sizes span.on{background:var(--ink);color:var(--paper)}
.sheet-mock table{width:100%;border-collapse:collapse;font-size:.78rem}
.sheet-mock td,.sheet-mock th{padding:5px 6px;border-bottom:1px solid #EEF0EA;text-align:left}
.sheet-mock tr.on td{background:#EBF9F2;font-weight:700}
.assistant{display:flex;flex-direction:column;background:linear-gradient(180deg,#1A2120,#141A1A);border-left:1px solid var(--ink-line)}
.assistant__head{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--ink-line)}
.assistant__head b{display:block;font-size:.95rem}
.assistant__head small{display:block;color:var(--muted-d);font-size:.76rem;line-height:1.35}
.assistant__log{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;justify-content:flex-end;min-height:340px}
.msg{max-width:88%;padding:10px 13px;border-radius:16px;font-size:.88rem;line-height:1.45;animation:msgin .45s var(--ease) both}
.msg--user{align-self:flex-end;background:var(--paper);color:var(--ink);border-bottom-right-radius:6px}
.msg--bot{align-self:flex-start;background:rgba(244,245,239,.07);box-shadow:inset 0 0 0 1px var(--ink-line);border-bottom-left-radius:6px}
.msg--sys{align-self:center;font-size:.76rem;color:var(--citron);background:rgba(218,249,117,.08);box-shadow:inset 0 0 0 1px rgba(218,249,117,.25);border-radius:999px;padding:6px 12px;display:inline-flex;gap:6px;align-items:center}
.msg--sys .ic{width:14px;height:14px}
.msg__voice{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);margin-bottom:3px}
@keyframes msgin{from{opacity:0;transform:translateY(10px)}}
.assistant__input{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--ink-line)}
.mic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--citron);color:var(--ink);flex:none;box-shadow:0 0 0 0 rgba(218,249,117,.4)}
.assistant.listening .mic{animation:micpulse 1.4s infinite}
@keyframes micpulse{50%{box-shadow:0 0 0 10px rgba(218,249,117,0)}}
.assistant__wave{flex:1;display:flex;align-items:center;gap:4px;height:28px}
.assistant__wave i{flex:1;max-width:4px;height:20%;border-radius:4px;background:rgba(184,232,208,.5);transition:height .15s}
.assistant.listening .assistant__wave i{animation:wv .9s ease-in-out infinite;background:var(--mint)}
.assistant__wave i:nth-child(odd){animation-delay:-.3s!important}.assistant__wave i:nth-child(3n){animation-delay:-.6s!important}
@keyframes wv{0%,100%{height:20%}50%{height:100%}}
.assistant__kbd{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted-d);white-space:nowrap}
.assistant__kbd .ic{width:15px;height:15px}
.demo__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.demo__note{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted-d)}
.demo__note .ic{width:16px;height:16px}
@media (max-width:980px){.browser__body{grid-template-columns:1fr}.assistant{border-left:0;border-top:1px solid var(--ink-line)}.assistant__log{min-height:280px}}
@media (max-width:560px){.cards{grid-template-columns:repeat(2,1fr)}.cards .pcard:nth-child(3){display:none}.site-mock{padding:14px}.browser__body{min-height:0}.assistant__kbd{display:none}}
.verticals{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vcard{border-radius:var(--r-xl);background:#fff;overflow:hidden;box-shadow:0 30px 60px -45px rgba(16,22,22,.3);display:flex;flex-direction:column}
.vcard__art{aspect-ratio:16/9;display:grid;place-items:center;position:relative;overflow:hidden}
.vcard__art::after{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(30,122,90,.25);right:-20%;top:-30%}
.mini{position:relative;z-index:1;width:min(78%,330px);background:#fff;border-radius:18px;padding:14px;box-shadow:0 30px 60px -25px rgba(16,22,22,.35);font-size:.84rem;transition:transform .5s var(--ease)}
.vcard:hover .mini{transform:translateY(-6px) rotate(-1deg)}
.mini__img{aspect-ratio:16/8;border-radius:12px;background:linear-gradient(135deg,#1E5A44,#1E7A5A);display:grid;place-items:center;margin-bottom:10px}
.mini__img{color:rgba(255,255,255,.8)}.mini__img .ic{width:22%;height:auto;stroke-width:1.4}
.mini__row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mini__row em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--deep);background:#EBF9F2;padding:3px 8px;border-radius:999px}
.mini__chips{display:flex;gap:6px;margin-top:10px}
.mini__chips span{padding:5px 10px;border-radius:8px;background:var(--paper);font-weight:700;font-size:.78rem}
.mini__chips span.on{background:var(--ink);color:var(--paper)}
.mini__say{position:absolute;right:-14px;bottom:-16px;display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 13px;font-weight:600;font-size:.8rem;box-shadow:0 14px 30px -10px rgba(16,22,22,.5)}
.mini__say .ic{width:14px;height:14px;color:var(--citron)}
.mini__days{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.mini__days li{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;background:var(--paper)}
.mini__days li i{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#fff;font-weight:800;font-size:.72rem}
.mini__days li.on{background:#EBF9F2;box-shadow:inset 0 0 0 1.5px var(--deep);font-weight:700}
.mini__days li.on i{background:var(--deep);color:#fff}
.vcard__body{padding:28px 30px 32px}
.vcard__kicker{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--deep);font-size:.9rem;margin-bottom:10px}
.vcard h3{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.ticks{display:flex;flex-direction:column;gap:10px;color:var(--muted-l)}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks .ic{color:var(--deep);margin-top:4px;width:17px;height:17px}
.later{margin-top:20px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--r-lg);border:1px dashed #B4B6B2;color:var(--muted-l);flex-wrap:wrap}
.later b{color:var(--ink)}
@media (max-width:900px){.verticals{grid-template-columns:1fr}}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{position:relative;background:#fff;border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:10px;overflow:hidden;box-shadow:0 20px 40px -36px rgba(16,22,22,.4)}
.tile--wide{grid-column:span 2}
.tile--ink{background:var(--ink);color:var(--paper)}
.tile--ink p{color:var(--muted-d)!important}
.tile__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#EBF9F2;color:var(--deep);margin-bottom:8px}
.tile--ink .tile__icon{background:var(--citron);color:var(--ink)}
.tile__icon .ic{width:24px;height:24px}
.tile p{color:var(--muted-l)}
.tile__wave{margin-top:auto;height:44px;opacity:.9}
.tile__wave svg{width:100%;height:100%}
.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.platforms li{padding:8px 14px;border-radius:999px;background:var(--paper);font-weight:700;font-size:.88rem;box-shadow:inset 0 0 0 1px var(--line-l)}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.bento{grid-template-columns:1fr}.tile--wide{grid-column:auto}}
.pilot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;counter-reset:p}
.pilot::before{content:"";position:absolute;top:44px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--deep) 0 8px,transparent 8px 16px);opacity:.4}
.pilot__step{position:relative;background:#fff;border-radius:var(--r-xl);padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 60px -45px rgba(16,22,22,.3)}
.pilot__n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--citron);font-weight:800;font-size:1.05rem;margin-bottom:10px;box-shadow:0 0 0 8px var(--paper)}
.pilot__step h3{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.pilot__step p{color:var(--muted-l)}
.pilot__meta{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;color:var(--deep)}
.pilot__cta{margin-top:36px;display:flex;justify-content:center}
@media (max-width:900px){.pilot{grid-template-columns:1fr}.pilot::before{display:none}}
.services{overflow:hidden}
.svc-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:start}
.svc-photo{margin:0;position:sticky;top:110px;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5}
.svc-photo img{width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.svc-list{border-top:1px solid var(--ink-line)}
.svc-list li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--ink-line);transition:padding .35s var(--ease)}
.svc-list li:hover{padding-left:10px}
.svc-n{font-weight:800;color:var(--citron);font-size:.9rem;letter-spacing:.08em;padding-top:6px}
.svc-list h3{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.svc-list p{color:var(--muted-d);max-width:40em}
.svc-cta{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:var(--r-xl);background:var(--citron);color:var(--ink)}
.svc-cta p{max-width:44em;font-size:1.05rem}
.svc-cta .btn{background:var(--ink);color:var(--paper)}
.svc-cta .btn:focus-visible{outline-color:var(--ink)}
@media (max-width:900px){.svc-layout{grid-template-columns:1fr}.svc-photo{position:relative;top:0;aspect-ratio:16/10}}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.faq__head{position:sticky;top:120px}
.faq__head a{color:var(--deep);font-weight:700}
.faq__list details{border-bottom:1px solid var(--line-l)}
.faq__list details:first-child{border-top:1px solid var(--line-l)}
.faq__list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-weight:700;font-size:1.14rem;cursor:pointer;letter-spacing:-.01em}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary .ic{width:34px;height:34px;padding:8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-l);transition:transform .3s var(--ease),background-color .2s}
.faq__list details[open] summary .ic{transform:rotate(45deg);background:var(--ink);color:var(--paper)}
.faq__list details p{padding:0 56px 26px 0;color:var(--muted-l);max-width:44em}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq__head{position:static}.faq__list details p{padding-right:0}}
.final{position:relative;overflow:hidden;padding:clamp(100px,12vw,170px) 0 clamp(60px,7vw,90px)}
.final__title{font-weight:800;font-size:clamp(2.8rem,8vw,7.6rem);line-height:.95;letter-spacing:-.055em;margin:22px 0 40px;max-width:12ch}
.final__row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.final .lead{color:var(--muted-d);max-width:30em}
.final .lead a{color:var(--citron);font-weight:700}
.final__wave{height:60px;margin-top:clamp(60px,8vw,110px);opacity:.5}
.final__wave svg{width:100%;height:100%}
.footer{padding:56px 0 28px;border-top:1px solid var(--ink-line)}
.footer__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--ink-line)}
.footer__line{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;letter-spacing:-.025em;max-width:16em}
.footer__mail{display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;color:var(--citron);text-decoration:none;border-bottom:2px solid rgba(218,249,117,.35);padding-bottom:4px}
.footer__mail:hover{border-color:var(--citron)}
.footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:32px;padding:40px 0}
.footer__h{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d);margin-bottom:14px}
.footer__cols ul{display:flex;flex-direction:column;gap:8px}
.footer__cols a{text-decoration:none;color:rgba(244,245,239,.85);font-weight:500}
.footer__cols a:hover{color:var(--citron)}
.footer__mark{margin:10px 0 18px;opacity:.95}
.footer__mark img{width:100%;height:auto;margin-left:-1.2%}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;font-size:.88rem;color:var(--muted-d);padding-top:20px;border-top:1px solid var(--ink-line)}
.footer__top-link{display:inline-flex;gap:6px;align-items:center;text-decoration:none}
.footer__top-link:hover{color:var(--paper)}
@media (max-width:640px){.footer__cols{grid-template-columns:1fr 1fr}}
.js [data-reveal]{opacity:0;transform:translateY(28px)}
.js [data-hero]{opacity:0;transform:translateY(20px)}
.no-motion [data-reveal],.no-motion [data-hero]{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-reveal],.js [data-hero]{opacity:1;transform:none}
}
.vcard__art--photo{aspect-ratio:16/10;position:relative;overflow:hidden;background:#dfe2db}
.vcard__art--photo::after{display:none}
.vcard__art--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.vcard:hover .vcard__art--photo img{transform:scale(1.04)}
.vcard__cap{position:absolute;left:14px;top:14px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(16,22,22,.55);backdrop-filter:blur(6px);padding:6px 10px;border-radius:8px}
.tile--photo{color:var(--paper);background:var(--ink);min-height:280px;justify-content:flex-end}
.tile--photo .tile__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 45%;z-index:0}
.tile--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(16,22,22,.92) 10%,rgba(16,22,22,.35) 60%,rgba(16,22,22,.1))}
.tile--photo>*:not(.tile__bg){position:relative;z-index:2}
.tile--photo p{color:#D2D4CF}
.tile--photo .tile__icon{background:var(--citron);color:var(--ink);margin-bottom:auto}
.tile--photo .platforms li{background:rgba(244,245,239,.12);color:var(--paper);box-shadow:inset 0 0 0 1px rgba(244,245,239,.2)}
.pcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
::selection{background:var(--citron);color:var(--ink)}
@keyframes lnUp{from{transform:translateY(105%)}to{transform:none}}
@keyframes riseIn{from{transform:translateY(18px)}to{transform:none}}
@keyframes awIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
.js .intro__title .ln > span{animation:lnUp 1.15s cubic-bezier(.16,1,.3,1) both}
.js .intro__title .ln:nth-child(2) > span{animation-delay:.08s}
.js .intro__title .ln:nth-child(3) > span{animation-delay:.16s}
.js .intro__lead{animation:riseIn 1s cubic-bezier(.16,1,.3,1) .3s both}
.js .intro__ctas{animation:riseIn 1s cubic-bezier(.16,1,.3,1) .38s both}
.js .aw{animation:awIn 1.1s cubic-bezier(.16,1,.3,1) .45s both}
@media (prefers-reduced-motion:reduce){.js .intro__title .ln > span,.js .intro__lead,.js .intro__ctas{animation:none}.js .aw{animation:awIn .3s linear both}}