/* GENERATED by tools/theme-light.py from assets/alt/alt.css (+ tools/theme-light-extras/alt-light.css). Do not edit by hand. */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    html[data-theme="light"] *,
html[data-theme="light"] ::backdrop,
html[data-theme="light"] :after,
html[data-theme="light"] :before { --tw-gradient-from: rgba(11,11,11,0); --tw-gradient-via: rgba(11,11,11,0); --tw-gradient-to: rgba(11,11,11,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-inset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0); --tw-ring-offset-color: #0b0b0b; --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); }
  }
}
@layer theme {
  html[data-theme="light"] :host,
html[data-theme="light"] { --font-sans: var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif; --font-mono: var(--font-geist-mono),ui-monospace,monospace; --color-black: #f7f7f7; --color-white: #0b0b0b; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-ink: #f1f1f1; --color-ink-2: #ebebeb; --color-fg: #0b0b0b; --color-fg-2: #4a4a4a; --color-fg-3: #626262; --color-line: rgba(11,11,11,0.071); --color-line-strong: rgba(11,11,11,0.14); --color-accent: #607c00; }
}
@layer base {
  html[data-theme="light"] button,
html[data-theme="light"] input,
html[data-theme="light"] optgroup,
html[data-theme="light"] select,
html[data-theme="light"] textarea { background-color: rgba(247,247,245,0); }
  html[data-theme="light"] ::file-selector-button { background-color: rgba(247,247,245,0); }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    html[data-theme="light"] ::placeholder { color: currentColor; }
    @supports (color:color-mix(in lab,red,red)) {
      html[data-theme="light"] ::placeholder { color: color-mix(in oklab,currentcolor 50%,transparent); }
    }
  }
}
@layer components {
  html[data-theme="light"] .eyebrow { color: var(--color-fg-3); }
  html[data-theme="light"] .accent-depth,
html[data-theme="light"] .accent-depth.rotator>span:before { color: rgba(11,11,11,0); background: linear-gradient(#0b0b0b 8%,#0b0b0b 45%,#c4c4c4); -webkit-background-clip: text; background-clip: text; }
  html[data-theme="light"] .btn { border-radius: var(--radius-pill); }
  html[data-theme="light"] .btn-primary { color: var(--color-ink); background: linear-gradient(#0b0b0b,#0b0b0b); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.36),0 10px 30px -12px rgba(0,0,0,0.209); }
  html[data-theme="light"] .btn-primary:hover { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.48),0 14px 40px -10px rgba(0,0,0,0.271); }
  html[data-theme="light"] .btn-primary:after { background: linear-gradient(110deg,rgba(247,247,245,0) 30%,rgba(11,11,11,0.456) 50%,rgba(247,247,245,0) 70%); }
  html[data-theme="light"] .btn-ghost { color: var(--color-fg); border: 1px solid var(--color-line); background: rgba(11,11,11,0.022); }
  html[data-theme="light"] .btn-ghost:hover { border-color: var(--color-line-strong); background: rgba(11,11,11,0.049); }
}
@layer utilities {
  html[data-theme="light"] .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); }
  html[data-theme="light"] .translate-y-1 { --tw-translate-y: var(--spacing); }
  html[data-theme="light"] :where(.divide-x>:not(:last-child)) { border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
  html[data-theme="light"] :where(.divide-y>:not(:last-child)) { border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
  html[data-theme="light"] :where(.divide-line>:not(:last-child)) { border-color: var(--color-line); }
  html[data-theme="light"] .rounded-2xl { border-radius: var(--radius-2xl); }
  html[data-theme="light"] .rounded-\[var\(--radius-card\)\] { border-radius: var(--radius-card); }
  html[data-theme="light"] .rounded-xl { border-radius: var(--radius-xl); }
  html[data-theme="light"] .rounded-br-md { border-bottom-right-radius: var(--radius-md); }
  html[data-theme="light"] .rounded-bl-md { border-bottom-left-radius: var(--radius-md); }
  html[data-theme="light"] .border { border-style: var(--tw-border-style); }
  html[data-theme="light"] .border-t { border-top-style: var(--tw-border-style); }
  html[data-theme="light"] .border-b { border-bottom-style: var(--tw-border-style); }
  html[data-theme="light"] .border-fg { border-color: var(--color-fg); }
  html[data-theme="light"] .border-fg-2 { border-color: var(--color-fg-2); }
  html[data-theme="light"] .border-line { border-color: var(--color-line); }
  html[data-theme="light"] .border-line-strong { border-color: var(--color-line-strong); }
  html[data-theme="light"] .border-transparent { border-color: rgba(11,11,11,0); }
  html[data-theme="light"] .border-white\/30 { border-color: rgba(11,11,11,0.211); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .border-white\/30 { border-color: color-mix(in oklab,var(--color-white) 30%,transparent); }
  }
  html[data-theme="light"] .\!bg-\[rgba\(14\,14\,14\,0\.95\)\] { background-color: rgba(247,247,245,0.949)!important; }
  html[data-theme="light"] .bg-\[\#0d0d0d\] { background-color: #ffffff; }
  html[data-theme="light"] .bg-\[rgba\(12\,12\,12\,0\.78\)\] { background-color: rgba(247,247,245,0.78); }
  html[data-theme="light"] .bg-\[rgba\(18\,18\,18\,0\.42\)\] { background-color: rgba(247,247,245,0.42); }
  html[data-theme="light"] .bg-accent { background-color: var(--color-accent); }
  html[data-theme="light"] .bg-black { background-color: var(--color-black); }
  html[data-theme="light"] .bg-current { background-color: currentColor; }
  html[data-theme="light"] .bg-fg { background-color: var(--color-fg); }
  html[data-theme="light"] .bg-ink { background-color: var(--color-ink); }
  html[data-theme="light"] .bg-ink-2 { background-color: var(--color-ink-2); }
  html[data-theme="light"] .bg-ink\/60 { background-color: rgba(247,247,245,0.6); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-ink\/60 { background-color: color-mix(in oklab,var(--color-ink) 60%,transparent); }
  }
  html[data-theme="light"] .bg-white\/15 { background-color: rgba(11,11,11,0.104); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/15 { background-color: color-mix(in oklab,var(--color-white) 15%,transparent); }
  }
  html[data-theme="light"] .bg-white\/30 { background-color: rgba(11,11,11,0.211); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/30 { background-color: color-mix(in oklab,var(--color-white) 30%,transparent); }
  }
  html[data-theme="light"] .bg-white\/60 { background-color: rgba(11,11,11,0.42); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/60 { background-color: color-mix(in oklab,var(--color-white) 60%,transparent); }
  }
  html[data-theme="light"] .bg-white\/70 { background-color: rgba(11,11,11,0.491); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/70 { background-color: color-mix(in oklab,var(--color-white) 70%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.02\] { background-color: rgba(11,11,11,0.014); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.02\] { background-color: color-mix(in oklab,var(--color-white) 2%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.03\] { background-color: rgba(11,11,11,0.022); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.03\] { background-color: color-mix(in oklab,var(--color-white) 3%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.04\] { background-color: rgba(11,11,11,0.027); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.04\] { background-color: color-mix(in oklab,var(--color-white) 4%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.05\] { background-color: rgba(11,11,11,0.036); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.05\] { background-color: color-mix(in oklab,var(--color-white) 5%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.06\] { background-color: rgba(11,11,11,0.041); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.06\] { background-color: color-mix(in oklab,var(--color-white) 6%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.07\] { background-color: rgba(11,11,11,0.049); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.07\] { background-color: color-mix(in oklab,var(--color-white) 7%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.08\] { background-color: rgba(11,11,11,0.055); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.08\] { background-color: color-mix(in oklab,var(--color-white) 8%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.025\] { background-color: rgba(11,11,11,0.016); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.025\] { background-color: color-mix(in oklab,var(--color-white) 2.5%,transparent); }
  }
  html[data-theme="light"] .bg-white\/\[0\.035\] { background-color: rgba(11,11,11,0.025); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .bg-white\/\[0\.035\] { background-color: color-mix(in oklab,var(--color-white) 3.5%,transparent); }
  }
  html[data-theme="light"] .bg-gradient-to-b,
html[data-theme="light"] .bg-gradient-to-r { background-image: linear-gradient(var(--tw-gradient-stops)); }
  html[data-theme="light"] .bg-gradient-to-t { background-image: linear-gradient(var(--tw-gradient-stops)); }
  html[data-theme="light"] .bg-\[radial-gradient\(closest-side\,rgba\(255\,255\,255\,0\.05\)\,transparent\)\] { background-image: radial-gradient(closest-side,rgba(11,11,11,0.036),rgba(247,247,245,0)); }
  html[data-theme="light"] .bg-\[radial-gradient\(closest-side\,rgba\(255\,255\,255\,0\.08\)\,transparent\)\] { background-image: radial-gradient(closest-side,rgba(11,11,11,0.055),rgba(247,247,245,0)); }
  html[data-theme="light"] .bg-\[radial-gradient\(ellipse_50\%_40\%_at_15\%_30\%\,rgba\(255\,255\,255\,0\.04\)\,transparent\)\,linear-gradient\(180deg\,transparent\,var\(--color-ink-2\)_40\%\,transparent\)\] { background-image: radial-gradient(ellipse 50% 40% at 15% 30%,rgba(11,11,11,0.027),transparent),linear-gradient(180deg,transparent,var(--color-ink-2) 40%,transparent); }
  html[data-theme="light"] .bg-\[radial-gradient\(ellipse_50\%_40\%_at_50\%_0\%\,rgba\(255\,255\,255\,0\.07\)\,transparent\)\] { background-image: radial-gradient(50% 40% at 50% 0,rgba(11,11,11,0.049),rgba(247,247,245,0)); }
  html[data-theme="light"] .bg-\[radial-gradient\(ellipse_60\%_45\%_at_50\%_32\%\,rgba\(7\,10\,8\,0\.6\)\,transparent_75\%\)\] { background-image: radial-gradient(60% 45% at 50% 32%,rgba(247,247,245,0.6),rgba(247,247,245,0) 75%); }
  html[data-theme="light"] .bg-\[radial-gradient\(ellipse_80\%_50\%_at_50\%_0\%\,\#1c1c1c\,\#0d0d0d_70\%\)\] { background-image: radial-gradient(80% 50% at 50% 0,#ffffff,#ffffff 70%); }
  html[data-theme="light"] .bg-\[radial-gradient\(ellipse_80\%_60\%_at_50\%_40\%\,\#262626_0\%\,\#121212_55\%\,\#0a0a0a_100\%\)\] { background-image: radial-gradient(80% 60% at 50% 40%,#ffffff 0,#ffffff 55%,#f7f7f5 100%); }
  html[data-theme="light"] .from-\[\#1c1c1c\] { --tw-gradient-from: #e0e0e0; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .from-ink { --tw-gradient-from: var(--color-ink); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .from-ink\/80 { --tw-gradient-from: rgba(11,11,11,0.48); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .from-ink\/80 { --tw-gradient-from: color-mix(in oklab,var(--color-ink) 80%,transparent); }
  }
  html[data-theme="light"] .from-ink\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .from-white\/50 { --tw-gradient-from: rgba(11,11,11,0.502); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .from-white\/50 { --tw-gradient-from: color-mix(in oklab,var(--color-white) 50%,transparent); }
  }
  html[data-theme="light"] .from-white\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .via-\[rgba\(255\,255\,255\,0\.3\)\] { --tw-gradient-via: rgba(11,11,11,0.302); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  html[data-theme="light"] .via-ink\/60 { --tw-gradient-via: rgba(11,11,11,0.36); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .via-ink\/60 { --tw-gradient-via: color-mix(in oklab,var(--color-ink) 60%,transparent); }
  }
  html[data-theme="light"] .via-ink\/60 { --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  html[data-theme="light"] .via-line-strong { --tw-gradient-via: var(--color-line-strong); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  html[data-theme="light"] .via-white\/20 { --tw-gradient-via: rgba(11,11,11,0.2); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .via-white\/20 { --tw-gradient-via: color-mix(in oklab,var(--color-white) 20%,transparent); }
  }
  html[data-theme="light"] .via-white\/20 { --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  html[data-theme="light"] .to-\[\#0c0c0c\] { --tw-gradient-to: #efefef; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  html[data-theme="light"] .leading-relaxed { --tw-leading: var(--leading-relaxed); }
  html[data-theme="light"] .leading-tight { --tw-leading: var(--leading-tight); }
  html[data-theme="light"] .font-bold { --tw-font-weight: var(--font-weight-bold); }
  html[data-theme="light"] .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); }
  html[data-theme="light"] .font-medium { --tw-font-weight: var(--font-weight-medium); }
  html[data-theme="light"] .font-semibold { --tw-font-weight: var(--font-weight-semibold); }
  html[data-theme="light"] .text-\[\#ececea\] { color: #101010; }
  html[data-theme="light"] .text-fg { color: var(--color-fg); }
  html[data-theme="light"] .text-fg-2 { color: var(--color-fg-2); }
  html[data-theme="light"] .text-fg-3 { color: var(--color-fg-3); }
  html[data-theme="light"] .text-ink { color: var(--color-ink); }
  html[data-theme="light"] .shadow-\[0_0_0_6px_var\(--color-ink\)\] { --tw-shadow: 0 0 0 6px var(--tw-shadow-color,var(--color-ink)); }
  html[data-theme="light"] .shadow-\[0_0_0_6px_var\(--color-ink\)\],
html[data-theme="light"] .shadow-\[0_0_10px_1px_var\(--color-accent\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  html[data-theme="light"] .shadow-\[0_0_10px_1px_var\(--color-accent\)\] { --tw-shadow: 0 0 10px 1px var(--tw-shadow-color,var(--color-accent)); }
  html[data-theme="light"] .shadow-\[0_20px_50px_-20px_rgba\(0\,0\,0\,0\.9\)\] { --tw-shadow: 0 20px 50px -20px var(--tw-shadow-color,rgba(0,0,0,0.316)); }
  html[data-theme="light"] .shadow-\[0_20px_50px_-20px_rgba\(0\,0\,0\,0\.9\)\],
html[data-theme="light"] .shadow-\[0_20px_50px_-20px_rgba\(255\,255\,255\,0\.25\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  html[data-theme="light"] .shadow-\[0_20px_50px_-20px_rgba\(255\,255\,255\,0\.25\)\] { --tw-shadow: 0 20px 50px -20px var(--tw-shadow-color,rgba(0,0,0,0.151)); }
  html[data-theme="light"] .shadow-\[0_40px_80px_-30px_rgba\(0\,0\,0\,0\.9\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] { --tw-shadow: 0 40px 80px -30px var(--tw-shadow-color,rgba(0,0,0,0.316)),inset 0 1px 0 var(--tw-shadow-color,rgba(0,0,0,0.047)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  html[data-theme="light"] .shadow-\[0_50px_100px_-40px_rgba\(0\,0\,0\,0\.9\)\] { --tw-shadow: 0 50px 100px -40px var(--tw-shadow-color,rgba(0,0,0,0.316)); }
  html[data-theme="light"] .shadow-\[0_50px_100px_-40px_rgba\(0\,0\,0\,0\.9\)\],
html[data-theme="light"] .shadow-\[inset_0_0_200px_40px_rgba\(0\,0\,0\,0\.7\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  html[data-theme="light"] .shadow-\[inset_0_0_200px_40px_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: inset 0 0 200px 40px var(--tw-shadow-color,rgba(0,0,0,0.246)); }
  html[data-theme="light"] .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  html[data-theme="light"] .glass { border: 1px solid var(--color-line); box-shadow: var(--shadow-card); background: linear-gradient(rgba(247,247,245,0.6),rgba(247,247,245,0.549)); }
  html[data-theme="light"] .outline { outline-style: var(--tw-outline-style); }
  html[data-theme="light"] .blur-2xl { --tw-blur: blur(var(--blur-2xl)); }
  html[data-theme="light"] .drop-shadow-\[0_12px_40px_rgba\(255\,255\,255\,0\.15\)\] { --tw-drop-shadow-size: drop-shadow(0 12px 40px var(--tw-drop-shadow-color,rgba(0,0,0,0.089))); --tw-drop-shadow: var(--tw-drop-shadow-size); }
  html[data-theme="light"] .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); }
  html[data-theme="light"] .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); }
  html[data-theme="light"] .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); }
  html[data-theme="light"] .ease-\[var\(--ease-out-expo\)\] { --tw-ease: var(--ease-out-expo); }
  html[data-theme="light"] .ease-out { --tw-ease: var(--ease-out); }
  html[data-theme="light"] .\[text-shadow\:0_2px_40px_rgba\(0\,0\,0\,0\.5\)\] { text-shadow: 0 2px 40px rgba(0,0,0,0.176); }
  @media (hover:hover) {
    html[data-theme="light"] .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); }
  }
  @media (hover:hover) {
    html[data-theme="light"] .hover\:-translate-y-1\.5:hover { --tw-translate-y: calc(var(--spacing) * -1.5); }
    html[data-theme="light"] .hover\:border-line-strong:hover { border-color: var(--color-line-strong); }
    html[data-theme="light"] .hover\:bg-white\/\[0\.04\]:hover { background-color: rgba(11,11,11,0.027); }
    @supports (color:color-mix(in lab,red,red)) {
      html[data-theme="light"] .hover\:bg-white\/\[0\.04\]:hover { background-color: color-mix(in oklab,var(--color-white) 4%,transparent); }
    }
    html[data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover { background-color: rgba(11,11,11,0.036); }
    @supports (color:color-mix(in lab,red,red)) {
      html[data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover { background-color: color-mix(in oklab,var(--color-white) 5%,transparent); }
    }
    html[data-theme="light"] .hover\:bg-white\/\[0\.06\]:hover { background-color: rgba(11,11,11,0.041); }
    @supports (color:color-mix(in lab,red,red)) {
      html[data-theme="light"] .hover\:bg-white\/\[0\.06\]:hover { background-color: color-mix(in oklab,var(--color-white) 6%,transparent); }
    }
    html[data-theme="light"] .hover\:text-fg:hover { color: var(--color-fg); }
    html[data-theme="light"] .hover\:shadow-\[0_40px_80px_-30px_rgba\(0\,0\,0\,0\.9\)\,0_0_60px_-20px_rgba\(255\,255\,255\,0\.18\)\]:hover { --tw-shadow: 0 40px 80px -30px var(--tw-shadow-color,rgba(0,0,0,0.316)),0 0 60px -20px var(--tw-shadow-color,rgba(0,0,0,0.108)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  }
  html[data-theme="light"] .focus\:bg-fg:focus { background-color: var(--color-fg); }
  html[data-theme="light"] .focus\:text-ink:focus { color: var(--color-ink); }
  html[data-theme="light"] .active\:bg-white\/\[0\.06\]:active { background-color: rgba(11,11,11,0.041); }
  @supports (color:color-mix(in lab,red,red)) {
    html[data-theme="light"] .active\:bg-white\/\[0\.06\]:active { background-color: color-mix(in oklab,var(--color-white) 6%,transparent); }
  }
  @media (min-width:64rem) {
    html[data-theme="light"] .lg\:border-r { border-right-style: var(--tw-border-style); }
    html[data-theme="light"] .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); }
    html[data-theme="light"] .lg\:last\:border-r-0:last-child { border-right-style: var(--tw-border-style); }
  }
}
html[data-theme="light"] { --shadow-card: 0 1px 0 0 rgba(11,11,11,0.027) inset,0 30px 60px -30px rgba(247,247,245,0.8),0 12px 24px -12px rgba(247,247,245,0.6); }
html[data-theme="light"] body,
html[data-theme="light"] { background: var(--color-ink); }
html[data-theme="light"] body { color: var(--color-fg); }
html[data-theme="light"] ::selection { color: var(--color-ink); background: rgba(11,11,11,0.596); }
html[data-theme="light"] :focus-visible { outline: 2px solid var(--color-fg); }
html[data-theme="light"] .spotlight:before { background: radial-gradient(420px circle at var(--mx) var(--my),rgba(11,11,11,0.063),transparent 45%); }
html[data-theme="light"] .spotlight:after { background: radial-gradient(260px circle at var(--mx) var(--my),rgba(11,11,11,0.316),transparent 60%); }
html[data-theme="light"] .caret { background: var(--color-fg); }
html[data-theme="light"] .handoff { background: radial-gradient(80% 60% at 50% 40%,#ffffff 0,#ffffff 55%,#f7f7f5 100%); }
html[data-theme="light"] .text-outline { color: rgba(11,11,11,0); }
html[data-theme="light"] .text-metal { color: rgba(11,11,11,0); background: linear-gradient(#0b0b0b 45%,#c4c4c4); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .card-edge { background: conic-gradient(from var(--edge-angle),transparent 0deg,transparent 250deg,rgba(11,11,11,0.384) 320deg,transparent 1turn); }
/* inline svg attributes */
html[data-theme="light"] svg [fill="#f5f5f3"] { fill: #0b0b0b; }
html[data-theme="light"] svg [fill="#0a0a0a"] { fill: #f7f7f5; }
html[data-theme="light"] svg [stroke="#0a0a0a"] { stroke: #f7f7f5; }
html[data-theme="light"] svg [stop-color="#ffffff"] { stop-color: #0b0b0b; }
html[data-theme="light"] svg [fill="#171717"] { fill: #ffffff; }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.14)"] { stroke: rgba(11,11,11,0.098); }
html[data-theme="light"] svg [fill="rgba(255,255,255,0.06)"] { fill: rgba(11,11,11,0.06); }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.45)"] { stroke: rgba(11,11,11,0.315); }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.06)"] { stroke: rgba(11,11,11,0.042); }
html[data-theme="light"] svg [fill="rgba(255,255,255,0.5)"] { fill: rgba(11,11,11,0.5); }
html[data-theme="light"] svg [stroke="#f5f5f3"] { stroke: #030303; }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.22)"] { stroke: rgba(11,11,11,0.154); }
html[data-theme="light"] svg [fill="rgba(255,255,255,0.02)"] { fill: rgba(11,11,11,0.02); }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.12)"] { stroke: rgba(11,11,11,0.084); }
html[data-theme="light"] svg [fill="rgba(255,255,255,0.62)"] { fill: rgba(11,11,11,0.62); }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.5)"] { stroke: rgba(11,11,11,0.35); }
html[data-theme="light"] svg [fill="#85858a"] { fill: #626262; }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.08)"] { stroke: rgba(11,11,11,0.056); }
html[data-theme="light"] svg [fill="#a3a3a0"] { fill: #4a4a4a; }
html[data-theme="light"] svg [fill="rgba(255,255,255,0.08)"] { fill: rgba(11,11,11,0.08); }
html[data-theme="light"] svg [stroke="rgba(255,255,255,0.1)"] { stroke: rgba(11,11,11,0.07); }
/* shared */
html[data-theme="light"] svg:has(> use[href="#sono-mascot"]) { filter: invert(1); }
/* hand-tuned */
/* Hero: the dark photo / canvas behind the headline is dropped in light mode; the page's off-white shows instead. */
html[data-theme="light"] .intro-bg { display: none; }
html[data-theme="light"] #hero-title { text-shadow: none; }
/* The rotating word: dark ink gradient, clipped to the text (the shorthand above resets the clip). */
html[data-theme="light"] .accent-depth,
html[data-theme="light"] .accent-depth.rotator>span:before { background: linear-gradient(#0b0b0b 8%, #2b2b2b 50%, #5c5c5c); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .accent-depth { filter: none; }
html[data-theme="light"] .accent-depth.rotator { background: none; }
/* Inline SVG tiles: a touch darker than the card so they still read as tiles. */
html[data-theme="light"] svg [fill="#171717"] { fill: #e9e9e7; }
html[data-theme="light"] .text-metal { background: linear-gradient(#0b0b0b 45%, #4a4a4a); -webkit-background-clip: text; background-clip: text; color: transparent; }