/* The design's own CSS, verbatim except url()s, written by import_assets.py.
   Do not edit: a new export re-runs the import. Port rules go in port.css. */

/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/fonts.css ==== */
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Mozaic HUM";src:url("../fonts/MozaicHUM-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Mozaic HUM";src:url("../fonts/MozaicHUM-SemiBold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-LightItalic.otf") format("opentype");font-weight:300;font-style:italic;font-display:swap}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/colors.css ==== */
:root{
/* Base palette — ordered by prominence */
--oz-cosmic-onyx:#090b0d;
--oz-neon-blue:#c7dbff;
--oz-deep-burgundy:#5c1a2a;
--oz-deep-blue:#082231;
--oz-denim-azure:#2b5069;
--oz-butter-neon:#f2ffa3;
--oz-space-grey:#a6b1c2;
--oz-space-off-white:#f3f0ec;
--oz-purest-white:#f4f4f4;

/* Derived tints/shades (oklch-mixed from the base palette) */
--oz-onyx-80:#1a1d21;
--oz-onyx-70:#2a2e33;
--oz-neon-blue-soft:#e3edff;
--oz-burgundy-light:#7a2c3f;
--oz-denim-light:#3d6884;
--oz-space-grey-dark:#6f7a8a;
--oz-off-white-dark:#e6e1da;
/* Burnt-out text: a tint of the field it sits on, for oversized background type */
--burnt-deep-blue:#12344d;
--burnt-neon-blue:#dde9ff;
--burnt-onyx:#1d2024;
--burnt-burgundy:#6f2738;
--burnt-denim:#36607c;
--oz-white:#ffffff;
--oz-mist-grey:#f8f8f8;
--oz-mist-grey-2:#fafafa;

/* Semantic — text */
--fg-1:var(--oz-cosmic-onyx);
--fg-2:#3a3f46;
--fg-3:var(--oz-space-grey-dark);
--fg-inverse:var(--oz-purest-white);
--fg-on-dark-2:var(--oz-space-grey);
--fg-accent:var(--oz-deep-burgundy);
--fg-link:var(--oz-denim-azure);
--fg-link-hover:var(--oz-deep-blue);

/* Semantic — surfaces */
--surface-page:var(--oz-white);
--surface-card:var(--oz-white);
--surface-panel:var(--oz-mist-grey);
--surface-inset:var(--oz-mist-grey-2);
--surface-sunken:var(--oz-purest-white);
--surface-warm:var(--oz-space-off-white);
--surface-dark:var(--oz-cosmic-onyx);
--surface-dark-raised:var(--oz-onyx-80);
--surface-blue:var(--oz-neon-blue);
--surface-ink:var(--oz-deep-blue);
--surface-wine:var(--oz-deep-burgundy);
--surface-highlight:var(--oz-butter-neon);

/* Semantic — borders */
--border-hairline:rgba(9,11,13,.08);
--border-soft:rgba(9,11,13,.05);
--border-strong:var(--oz-cosmic-onyx);
--border-on-dark:rgba(244,244,244,.16);
--border-focus:var(--oz-denim-azure);

/* CTA derived blues */
--oz-deep-blue-press:#04141d;
--oz-neon-blue-strong:#b3cdfa;
--oz-neon-blue-press:#9dbcf2;

/* Semantic — CTA states (blues + whites only; never Butter Neon or Burgundy fills) */
--cta-primary-bg:var(--oz-deep-blue);
--cta-primary-bg-hover:var(--oz-denim-azure);
--cta-primary-bg-active:var(--oz-deep-blue-press);
--cta-primary-fg:var(--oz-purest-white);
--cta-secondary-bg:var(--oz-neon-blue);
--cta-secondary-bg-hover:var(--oz-neon-blue-strong);
--cta-secondary-bg-active:var(--oz-neon-blue-press);
--cta-secondary-fg:var(--oz-deep-blue);
--cta-outline-border:var(--oz-deep-blue);
--cta-outline-fg:var(--oz-deep-blue);
--cta-outline-bg-hover:var(--oz-neon-blue);
--cta-outline-bg-active:var(--oz-neon-blue-strong);
--cta-ghost-fg:var(--oz-denim-azure);
--cta-ghost-bg-hover:var(--oz-neon-blue-soft);
--cta-ghost-bg-active:var(--oz-neon-blue);
--cta-inverse-bg:var(--oz-purest-white);
--cta-inverse-bg-hover:var(--oz-neon-blue);
--cta-inverse-bg-active:var(--oz-neon-blue-strong);
--cta-inverse-fg:var(--oz-deep-blue);
--cta-inverse-outline-border:rgba(244,244,244,.4);
--cta-inverse-outline-bg-hover:rgba(199,219,255,.14);
--cta-inverse-outline-bg-active:var(--oz-neon-blue);
--cta-inverse-outline-fg-active:var(--oz-deep-blue);
--cta-focus-ring:0 0 0 2px var(--surface-page),0 0 0 4px var(--oz-denim-azure);
--cta-focus-ring-on-dark:0 0 0 2px var(--oz-cosmic-onyx),0 0 0 4px var(--oz-neon-blue);

/* Semantic — actions (aliases) */
--action-primary:var(--cta-primary-bg);
--action-primary-hover:var(--cta-primary-bg-hover);
--action-primary-active:var(--cta-primary-bg-active);
--action-primary-fg:var(--cta-primary-fg);

/* Feedback (kept inside the palette) */
--status-info:var(--oz-denim-azure);
--status-info-bg:var(--oz-neon-blue);
--status-success:#2f5a3a;
--status-success-bg:#dfe9d8;
--status-warning:#5a5410;
--status-warning-bg:var(--oz-butter-neon);
--status-danger:var(--oz-deep-burgundy);
--status-danger-bg:#ecd9dc;
}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/typography.css ==== */
:root{
--font-heading:"Dunbar Tall","Avenir Next Condensed","Futura",sans-serif;
--font-body:"Mozaic HUM","Gill Sans","Helvetica Neue",sans-serif;
--font-special:"Feature Display Condensed","Playfair Display SC","Didot",Georgia,serif;

--weight-extralight:200;
--weight-light:300;
--weight-regular:400;
--weight-semibold:600;

/* Scale (px) */
--text-xs:12px;
--text-sm:14px;
--text-md:16px;
--text-lg:19px;
--text-xl:24px;
--text-2xl:32px;
--text-3xl:44px;
--text-4xl:60px;
--text-5xl:84px;
--text-6xl:120px;

--leading-tight:0.95;
--leading-snug:1.1;
--leading-normal:1.45;
--leading-relaxed:1.6;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-eyebrow:0.14em;

/* Semantic roles */
--type-display:var(--weight-extralight) var(--text-6xl)/var(--leading-tight) var(--font-heading);
--type-h1:var(--weight-light) var(--text-4xl)/var(--leading-tight) var(--font-heading);
--type-h2:var(--weight-light) var(--text-3xl)/var(--leading-snug) var(--font-heading);
--type-h3:var(--weight-regular) var(--text-2xl)/var(--leading-snug) var(--font-heading);
--type-h4:var(--weight-regular) var(--text-xl)/var(--leading-snug) var(--font-heading);
--type-body-lg:var(--weight-light) var(--text-lg)/var(--leading-relaxed) var(--font-body);
--type-body:var(--weight-light) var(--text-md)/var(--leading-normal) var(--font-body);
--type-body-sm:var(--weight-light) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-semibold) var(--text-sm)/1.2 var(--font-body);
--type-eyebrow:var(--weight-semibold) var(--text-xs)/1.2 var(--font-body);
--type-special:var(--weight-regular) var(--text-5xl)/0.9 var(--font-special);
/* Headline mix: Dunbar Tall + Feature Display Condensed Light Italic, set inline. Italic runs ~1.12× the sans size to match x-height. */
--font-accent:"Feature Display Condensed","Didot",Georgia,serif;
--accent-scale:1.12; /* @kind other */
--accent-color:var(--fg-2);
}
.oz-accent{font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:calc(1em * var(--accent-scale));letter-spacing:-.01em;color:var(--accent-color)}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/spacing.css ==== */
:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:144px;

--radius-0:0;
--radius-xs:6px;   /* badges, checkboxes, tooltips */
--radius-sm:8px;   /* buttons, inputs, selects */
--radius-md:12px;  /* icon tiles, inner cards, menus, toasts */
--radius-lg:20px;  /* cards, dialogs, browser/device frames */
--radius-xl:32px;  /* section panels, hero frames */
--radius-pill:999px;

--border-width:1px;
--border-width-strong:1.5px;

--shadow-none:none;
--shadow-xs:0 1px 2px rgba(9,11,13,.04);
--shadow-paper:0 1px 2px rgba(9,11,13,.04),0 6px 16px -6px rgba(9,11,13,.08);
--shadow-lift:0 2px 6px rgba(9,11,13,.05),0 20px 44px -18px rgba(9,11,13,.16);
--shadow-focus:0 0 0 3px var(--oz-neon-blue);

--ease-standard:cubic-bezier(.2,.0,.0,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:420ms; /* @kind other */

--container-max:1240px;
--gutter:24px;
}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/effects.css ==== */
:root{
/* Airy gradients — sampled from the reference hero (top → bottom) */
--gradient-sky:linear-gradient(165deg,#5d7fb5 0%,#8fadde 18%,#c7dbff 40%,#e6eeff 62%,#f8faff 82%,#ffffff 100%); /* @kind color */
--gradient-sky-short:linear-gradient(160deg,#6f8fc4 0%,#a9c3ee 30%,#d6e4ff 60%,#f6f9ff 100%); /* @kind color */
--gradient-aurora:linear-gradient(118deg,#2b5069 0%,#4f73aa 25%,#9db8e6 45%,#e9efff 58%,#c7dbff 70%,#6f8fc4 88%,#3d5f94 100%); /* @kind color */
--gradient-mist:linear-gradient(180deg,#ffffff 0%,#f6f9ff 35%,#ecf3ff 70%,#e3edff 100%); /* @kind color */
--gradient-paper:linear-gradient(165deg,#e9e3da 0%,#f3f0ec 30%,#f4f3f1 58%,#f4f4f4 82%,#fafafa 100%); /* @kind color */
--gradient-sky-fade:linear-gradient(180deg,rgba(254,254,254,0) 0%,#fefefe 100%); /* @kind color */

/* Grain overlay — monochrome fractal noise, blended over gradients */
--grain-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3CfeFuncG type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3CfeFuncB type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); /* @kind other */
--grain-size:260px; /* @kind other */
--grain-opacity:.6; /* @kind other */
--grain-blend:overlay; /* @kind other */

/* Physical props — silver hardware */
--metal-silver:linear-gradient(160deg,#f6f7f9 0%,#d3d8de 18%,#9aa2ae 38%,#eef1f4 52%,#b3bac4 70%,#e7eaee 86%,#a2aab5 100%); /* @kind color */
--metal-highlight:#f2f4f6;
--metal-mid:#b7bec8;
--metal-shade:#8f97a3;
--metal-shadow:0 1px 1px rgba(9,11,13,.18),0 6px 12px -6px rgba(9,11,13,.32),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 3px rgba(9,11,13,.16);

/* Physical props — blue grid paper */
--grid-paper-bg:#f7faff;
--grid-line-minor:rgba(84,128,204,.16);
--grid-line-major:rgba(84,128,204,.36);

/* Physical props — white pegboard */
--pegboard-bg:#fbfbfa;
--pegboard-hole:#c9cdd3;
--pegboard-rim:rgba(9,11,13,.07);

/* Physical props — CD iridescence */
--iridescent:conic-gradient(from 210deg,#dfe6ef,#c7dbff 8%,#eaf3ff 14%,#f7e3ef 22%,#fff6d6 30%,#dff5ea 38%,#cfe0ff 46%,#eef0f4 52%,#c7dbff 58%,#f4def0 66%,#fff4cf 74%,#d9f3ec 82%,#d4dcff 90%,#dfe6ef); /* @kind color */
}
@keyframes oz-disc-spin{to{transform:rotate(360deg)}}
.oz-sky{background:var(--gradient-sky)}
.oz-aurora{background:var(--gradient-aurora)}
.oz-mist{background:var(--gradient-mist)}
.oz-paper{background:var(--gradient-paper)}
.oz-grain{position:relative;isolation:isolate}
.oz-grain::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain-texture);background-size:var(--grain-size);opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);pointer-events:none;z-index:-1}
.oz-grid-paper{background-color:var(--grid-paper-bg);background-image:linear-gradient(var(--grid-line-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-major) 1px,transparent 1px),linear-gradient(var(--grid-line-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-minor) 1px,transparent 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px;background-position:-1px -1px}
.oz-pegboard{background-color:var(--pegboard-bg);background-image:radial-gradient(circle at 50% 44%,var(--pegboard-hole) 0 2.4px,transparent 3.4px),radial-gradient(circle at 50% 58%,#fff 0 3px,transparent 3.8px),radial-gradient(circle at 50% 40%,var(--pegboard-rim) 0 3.4px,transparent 4.2px);background-size:24px 24px;background-position:12px 12px}
.oz-iridescent{background:var(--iridescent)}
.oz-silver{background:var(--metal-silver);box-shadow:var(--metal-shadow)}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/skins.css ==== */
/* Skins — set data-skin on <html> or any container. Light is the default (no attribute). */
[data-skin="moody"]{
--oz-rouge:#4a1220;
--oz-midnight:#0b1424;
--oz-old-pages:#d9cfc2;
--surface-page:var(--oz-cosmic-onyx);
--surface-card:var(--oz-midnight);
--surface-panel:#11141a;
--surface-inset:#161a22;
--surface-warm:var(--oz-deep-burgundy);
--surface-sunken:#05070a;
--fg-1:var(--oz-space-off-white);
--fg-2:rgba(243,240,236,.72);
--fg-3:rgba(243,240,236,.5);
--fg-inverse:var(--oz-cosmic-onyx);
--fg-link:var(--oz-neon-blue);
--fg-link-hover:var(--oz-purest-white);
--border-hairline:rgba(243,240,236,.12);
--border-soft:rgba(243,240,236,.07);
--cta-primary-bg:var(--oz-space-off-white);
--cta-primary-bg-hover:var(--oz-neon-blue);
--cta-primary-bg-active:var(--oz-neon-blue-strong);
--cta-primary-fg:var(--oz-cosmic-onyx);
--cta-outline-border:rgba(243,240,236,.4);
--cta-outline-fg:var(--oz-space-off-white);
--cta-outline-bg-hover:rgba(199,219,255,.14);
--cta-outline-bg-active:rgba(199,219,255,.24);
--cta-focus-ring:0 0 0 2px var(--oz-cosmic-onyx),0 0 0 4px var(--oz-neon-blue);
/* Moody gradient: grainy Deep Blue -> Denim -> Neon Blue light leak (pair with skin, like light) */
--gradient-sky:linear-gradient(120deg,#05101a 0%,#082231 22%,#2b5069 42%,#8fadde 58%,#e9efff 68%,#9db8e6 80%,#2b5069 100%); /* @kind color */
--gradient-sky-short:linear-gradient(125deg,#082231 0%,#2b5069 34%,#9db8e6 58%,#e9efff 68%,#6f8fc4 88%,#2b5069 100%); /* @kind color */
--grain-opacity:.7; /* @kind other */
--shadow-xs:none;
--shadow-paper:0 1px 0 rgba(243,240,236,.06);
--shadow-lift:0 24px 48px -20px rgba(0,0,0,.6);
color:var(--fg-1);
}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/tokens/base.css ==== */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--surface-page);color:var(--fg-1);font:var(--type-body)}
a{color:var(--fg-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--fg-link-hover)}
::selection{background:var(--oz-butter-neon);color:var(--oz-cosmic-onyx)}


/* ==== _ds/ozone-design-system-c2f33530-4c4c-4f6d-9eb6-4e56060f1fee/styles.css ==== */
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Dunbar Tall";src:url("../fonts/DunbarTall-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Mozaic HUM";src:url("../fonts/MozaicHUM-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Mozaic HUM";src:url("../fonts/MozaicHUM-SemiBold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-LightItalic.otf") format("opentype");font-weight:300;font-style:italic;font-display:swap}

:root{
/* Base palette — ordered by prominence */
--oz-cosmic-onyx:#090b0d;
--oz-neon-blue:#c7dbff;
--oz-deep-burgundy:#5c1a2a;
--oz-deep-blue:#082231;
--oz-denim-azure:#2b5069;
--oz-butter-neon:#f2ffa3;
--oz-space-grey:#a6b1c2;
--oz-space-off-white:#f3f0ec;
--oz-purest-white:#f4f4f4;

/* Derived tints/shades (oklch-mixed from the base palette) */
--oz-onyx-80:#1a1d21;
--oz-onyx-70:#2a2e33;
--oz-neon-blue-soft:#e3edff;
--oz-burgundy-light:#7a2c3f;
--oz-denim-light:#3d6884;
--oz-space-grey-dark:#6f7a8a;
--oz-off-white-dark:#e6e1da;
/* Burnt-out text: a tint of the field it sits on, for oversized background type */
--burnt-deep-blue:#12344d;
--burnt-neon-blue:#dde9ff;
--burnt-onyx:#1d2024;
--burnt-burgundy:#6f2738;
--burnt-denim:#36607c;
--oz-white:#ffffff;
--oz-mist-grey:#f8f8f8;
--oz-mist-grey-2:#fafafa;

/* Semantic — text */
--fg-1:var(--oz-cosmic-onyx);
--fg-2:#3a3f46;
--fg-3:var(--oz-space-grey-dark);
--fg-inverse:var(--oz-purest-white);
--fg-on-dark-2:var(--oz-space-grey);
--fg-accent:var(--oz-deep-burgundy);
--fg-link:var(--oz-denim-azure);
--fg-link-hover:var(--oz-deep-blue);

/* Semantic — surfaces */
--surface-page:var(--oz-white);
--surface-card:var(--oz-white);
--surface-panel:var(--oz-mist-grey);
--surface-inset:var(--oz-mist-grey-2);
--surface-sunken:var(--oz-purest-white);
--surface-warm:var(--oz-space-off-white);
--surface-dark:var(--oz-cosmic-onyx);
--surface-dark-raised:var(--oz-onyx-80);
--surface-blue:var(--oz-neon-blue);
--surface-ink:var(--oz-deep-blue);
--surface-wine:var(--oz-deep-burgundy);
--surface-highlight:var(--oz-butter-neon);

/* Semantic — borders */
--border-hairline:rgba(9,11,13,.08);
--border-soft:rgba(9,11,13,.05);
--border-strong:var(--oz-cosmic-onyx);
--border-on-dark:rgba(244,244,244,.16);
--border-focus:var(--oz-denim-azure);

/* CTA derived blues */
--oz-deep-blue-press:#04141d;
--oz-neon-blue-strong:#b3cdfa;
--oz-neon-blue-press:#9dbcf2;

/* Semantic — CTA states (blues + whites only; never Butter Neon or Burgundy fills) */
--cta-primary-bg:var(--oz-deep-blue);
--cta-primary-bg-hover:var(--oz-denim-azure);
--cta-primary-bg-active:var(--oz-deep-blue-press);
--cta-primary-fg:var(--oz-purest-white);
--cta-secondary-bg:var(--oz-neon-blue);
--cta-secondary-bg-hover:var(--oz-neon-blue-strong);
--cta-secondary-bg-active:var(--oz-neon-blue-press);
--cta-secondary-fg:var(--oz-deep-blue);
--cta-outline-border:var(--oz-deep-blue);
--cta-outline-fg:var(--oz-deep-blue);
--cta-outline-bg-hover:var(--oz-neon-blue);
--cta-outline-bg-active:var(--oz-neon-blue-strong);
--cta-ghost-fg:var(--oz-denim-azure);
--cta-ghost-bg-hover:var(--oz-neon-blue-soft);
--cta-ghost-bg-active:var(--oz-neon-blue);
--cta-inverse-bg:var(--oz-purest-white);
--cta-inverse-bg-hover:var(--oz-neon-blue);
--cta-inverse-bg-active:var(--oz-neon-blue-strong);
--cta-inverse-fg:var(--oz-deep-blue);
--cta-inverse-outline-border:rgba(244,244,244,.4);
--cta-inverse-outline-bg-hover:rgba(199,219,255,.14);
--cta-inverse-outline-bg-active:var(--oz-neon-blue);
--cta-inverse-outline-fg-active:var(--oz-deep-blue);
--cta-focus-ring:0 0 0 2px var(--surface-page),0 0 0 4px var(--oz-denim-azure);
--cta-focus-ring-on-dark:0 0 0 2px var(--oz-cosmic-onyx),0 0 0 4px var(--oz-neon-blue);

/* Semantic — actions (aliases) */
--action-primary:var(--cta-primary-bg);
--action-primary-hover:var(--cta-primary-bg-hover);
--action-primary-active:var(--cta-primary-bg-active);
--action-primary-fg:var(--cta-primary-fg);

/* Feedback (kept inside the palette) */
--status-info:var(--oz-denim-azure);
--status-info-bg:var(--oz-neon-blue);
--status-success:#2f5a3a;
--status-success-bg:#dfe9d8;
--status-warning:#5a5410;
--status-warning-bg:var(--oz-butter-neon);
--status-danger:var(--oz-deep-burgundy);
--status-danger-bg:#ecd9dc;
}

:root{
--font-heading:"Dunbar Tall","Avenir Next Condensed","Futura",sans-serif;
--font-body:"Mozaic HUM","Gill Sans","Helvetica Neue",sans-serif;
--font-special:"Feature Display Condensed","Playfair Display SC","Didot",Georgia,serif;

--weight-extralight:200;
--weight-light:300;
--weight-regular:400;
--weight-semibold:600;

/* Scale (px) */
--text-xs:12px;
--text-sm:14px;
--text-md:16px;
--text-lg:19px;
--text-xl:24px;
--text-2xl:32px;
--text-3xl:44px;
--text-4xl:60px;
--text-5xl:84px;
--text-6xl:120px;

--leading-tight:0.95;
--leading-snug:1.1;
--leading-normal:1.45;
--leading-relaxed:1.6;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-eyebrow:0.14em;

/* Semantic roles */
--type-display:var(--weight-extralight) var(--text-6xl)/var(--leading-tight) var(--font-heading);
--type-h1:var(--weight-light) var(--text-4xl)/var(--leading-tight) var(--font-heading);
--type-h2:var(--weight-light) var(--text-3xl)/var(--leading-snug) var(--font-heading);
--type-h3:var(--weight-regular) var(--text-2xl)/var(--leading-snug) var(--font-heading);
--type-h4:var(--weight-regular) var(--text-xl)/var(--leading-snug) var(--font-heading);
--type-body-lg:var(--weight-light) var(--text-lg)/var(--leading-relaxed) var(--font-body);
--type-body:var(--weight-light) var(--text-md)/var(--leading-normal) var(--font-body);
--type-body-sm:var(--weight-light) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-semibold) var(--text-sm)/1.2 var(--font-body);
--type-eyebrow:var(--weight-semibold) var(--text-xs)/1.2 var(--font-body);
--type-special:var(--weight-regular) var(--text-5xl)/0.9 var(--font-special);
/* Headline mix: Dunbar Tall + Feature Display Condensed Light Italic, set inline. Italic runs ~1.12× the sans size to match x-height. */
--font-accent:"Feature Display Condensed","Didot",Georgia,serif;
--accent-scale:1.12; /* @kind other */
--accent-color:var(--fg-2);
}
.oz-accent{font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:calc(1em * var(--accent-scale));letter-spacing:-.01em;color:var(--accent-color)}

:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:144px;

--radius-0:0;
--radius-xs:6px;   /* badges, checkboxes, tooltips */
--radius-sm:8px;   /* buttons, inputs, selects */
--radius-md:12px;  /* icon tiles, inner cards, menus, toasts */
--radius-lg:20px;  /* cards, dialogs, browser/device frames */
--radius-xl:32px;  /* section panels, hero frames */
--radius-pill:999px;

--border-width:1px;
--border-width-strong:1.5px;

--shadow-none:none;
--shadow-xs:0 1px 2px rgba(9,11,13,.04);
--shadow-paper:0 1px 2px rgba(9,11,13,.04),0 6px 16px -6px rgba(9,11,13,.08);
--shadow-lift:0 2px 6px rgba(9,11,13,.05),0 20px 44px -18px rgba(9,11,13,.16);
--shadow-focus:0 0 0 3px var(--oz-neon-blue);

--ease-standard:cubic-bezier(.2,.0,.0,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:420ms; /* @kind other */

--container-max:1240px;
--gutter:24px;
}

:root{
/* Airy gradients — sampled from the reference hero (top → bottom) */
--gradient-sky:linear-gradient(165deg,#5d7fb5 0%,#8fadde 18%,#c7dbff 40%,#e6eeff 62%,#f8faff 82%,#ffffff 100%); /* @kind color */
--gradient-sky-short:linear-gradient(160deg,#6f8fc4 0%,#a9c3ee 30%,#d6e4ff 60%,#f6f9ff 100%); /* @kind color */
--gradient-aurora:linear-gradient(118deg,#2b5069 0%,#4f73aa 25%,#9db8e6 45%,#e9efff 58%,#c7dbff 70%,#6f8fc4 88%,#3d5f94 100%); /* @kind color */
--gradient-mist:linear-gradient(180deg,#ffffff 0%,#f6f9ff 35%,#ecf3ff 70%,#e3edff 100%); /* @kind color */
--gradient-paper:linear-gradient(165deg,#e9e3da 0%,#f3f0ec 30%,#f4f3f1 58%,#f4f4f4 82%,#fafafa 100%); /* @kind color */
--gradient-sky-fade:linear-gradient(180deg,rgba(254,254,254,0) 0%,#fefefe 100%); /* @kind color */

/* Grain overlay — monochrome fractal noise, blended over gradients */
--grain-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3CfeFuncG type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3CfeFuncB type='discrete' tableValues='0 0 .1 .5 .9 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); /* @kind other */
--grain-size:260px; /* @kind other */
--grain-opacity:.6; /* @kind other */
--grain-blend:overlay; /* @kind other */

/* Physical props — silver hardware */
--metal-silver:linear-gradient(160deg,#f6f7f9 0%,#d3d8de 18%,#9aa2ae 38%,#eef1f4 52%,#b3bac4 70%,#e7eaee 86%,#a2aab5 100%); /* @kind color */
--metal-highlight:#f2f4f6;
--metal-mid:#b7bec8;
--metal-shade:#8f97a3;
--metal-shadow:0 1px 1px rgba(9,11,13,.18),0 6px 12px -6px rgba(9,11,13,.32),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 3px rgba(9,11,13,.16);

/* Physical props — blue grid paper */
--grid-paper-bg:#f7faff;
--grid-line-minor:rgba(84,128,204,.16);
--grid-line-major:rgba(84,128,204,.36);

/* Physical props — white pegboard */
--pegboard-bg:#fbfbfa;
--pegboard-hole:#c9cdd3;
--pegboard-rim:rgba(9,11,13,.07);

/* Physical props — CD iridescence */
--iridescent:conic-gradient(from 210deg,#dfe6ef,#c7dbff 8%,#eaf3ff 14%,#f7e3ef 22%,#fff6d6 30%,#dff5ea 38%,#cfe0ff 46%,#eef0f4 52%,#c7dbff 58%,#f4def0 66%,#fff4cf 74%,#d9f3ec 82%,#d4dcff 90%,#dfe6ef); /* @kind color */
}
@keyframes oz-disc-spin{to{transform:rotate(360deg)}}
.oz-sky{background:var(--gradient-sky)}
.oz-aurora{background:var(--gradient-aurora)}
.oz-mist{background:var(--gradient-mist)}
.oz-paper{background:var(--gradient-paper)}
.oz-grain{position:relative;isolation:isolate}
.oz-grain::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain-texture);background-size:var(--grain-size);opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);pointer-events:none;z-index:-1}
.oz-grid-paper{background-color:var(--grid-paper-bg);background-image:linear-gradient(var(--grid-line-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-major) 1px,transparent 1px),linear-gradient(var(--grid-line-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-minor) 1px,transparent 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px;background-position:-1px -1px}
.oz-pegboard{background-color:var(--pegboard-bg);background-image:radial-gradient(circle at 50% 44%,var(--pegboard-hole) 0 2.4px,transparent 3.4px),radial-gradient(circle at 50% 58%,#fff 0 3px,transparent 3.8px),radial-gradient(circle at 50% 40%,var(--pegboard-rim) 0 3.4px,transparent 4.2px);background-size:24px 24px;background-position:12px 12px}
.oz-iridescent{background:var(--iridescent)}
.oz-silver{background:var(--metal-silver);box-shadow:var(--metal-shadow)}

/* Skins — set data-skin on <html> or any container. Light is the default (no attribute). */
[data-skin="moody"]{
--oz-rouge:#4a1220;
--oz-midnight:#0b1424;
--oz-old-pages:#d9cfc2;
--surface-page:var(--oz-cosmic-onyx);
--surface-card:var(--oz-midnight);
--surface-panel:#11141a;
--surface-inset:#161a22;
--surface-warm:var(--oz-deep-burgundy);
--surface-sunken:#05070a;
--fg-1:var(--oz-space-off-white);
--fg-2:rgba(243,240,236,.72);
--fg-3:rgba(243,240,236,.5);
--fg-inverse:var(--oz-cosmic-onyx);
--fg-link:var(--oz-neon-blue);
--fg-link-hover:var(--oz-purest-white);
--border-hairline:rgba(243,240,236,.12);
--border-soft:rgba(243,240,236,.07);
--cta-primary-bg:var(--oz-space-off-white);
--cta-primary-bg-hover:var(--oz-neon-blue);
--cta-primary-bg-active:var(--oz-neon-blue-strong);
--cta-primary-fg:var(--oz-cosmic-onyx);
--cta-outline-border:rgba(243,240,236,.4);
--cta-outline-fg:var(--oz-space-off-white);
--cta-outline-bg-hover:rgba(199,219,255,.14);
--cta-outline-bg-active:rgba(199,219,255,.24);
--cta-focus-ring:0 0 0 2px var(--oz-cosmic-onyx),0 0 0 4px var(--oz-neon-blue);
/* Moody gradient: grainy Deep Blue -> Denim -> Neon Blue light leak (pair with skin, like light) */
--gradient-sky:linear-gradient(120deg,#05101a 0%,#082231 22%,#2b5069 42%,#8fadde 58%,#e9efff 68%,#9db8e6 80%,#2b5069 100%); /* @kind color */
--gradient-sky-short:linear-gradient(125deg,#082231 0%,#2b5069 34%,#9db8e6 58%,#e9efff 68%,#6f8fc4 88%,#2b5069 100%); /* @kind color */
--grain-opacity:.7; /* @kind other */
--shadow-xs:none;
--shadow-paper:0 1px 0 rgba(243,240,236,.06);
--shadow-lift:0 24px 48px -20px rgba(0,0,0,.6);
color:var(--fg-1);
}

html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--surface-page);color:var(--fg-1);font:var(--type-body)}
a{color:var(--fg-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--fg-link-hover)}
::selection{background:var(--oz-butter-neon);color:var(--oz-cosmic-onyx)}