:root {
--primary: #9fe870;
--on-primary: #0e0f0c;
--primary-active: #cdffad;
--primary-neutral: #c5edab;
--primary-pale: #e2f6d5;
--ink: #0e0f0c;
--ink-deep: #163300;
--body: #454745;
--mute: #868685;
--canvas: #ffffff;
--canvas-soft: #e8ebe6;
--positive: #2ead4b;
--positive-deep: #054d28;
--warning: #ffd11a;
--warning-deep: #b86700;
--warning-content: #4a3b1c;
--negative: #d03238;
--negative-deep: #a72027;
--negative-darkest: #a7000d;
--negative-bg: #320707;
--accent-orange: #ffc091;
--accent-cyan: #38c8ff;
--text-default: var(--ink);
--text-body: var(--body);
--text-muted: var(--mute);
--text-on-dark: var(--canvas-soft);
--surface-page: var(--canvas-soft);
--surface-card: var(--canvas);
--surface-dark: var(--ink);
--border-strong: var(--ink);
--cta: var(--primary);
--cta-text: var(--on-primary);
}
:root {
--space-xxs: 2px;
--space-xs: 4px;
--space-sm: 8px;
--space-md: 12px;
--space-lg: 16px;
--space-xl: 24px;
--space-2xl: 32px;
--space-3xl: 48px;
--radius-none: 0px;
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 24px;
--radius-pill: 9999px;
--radius-full: 9999px;
--shadow-card: 0 1px 2px rgba(14,15,12,0.04), 0 8px 24px rgba(14,15,12,0.06);
--shadow-pop: 0 8px 32px rgba(14,15,12,0.12);
--border-hairline: 1px solid var(--ink);
--pad-card: var(--space-xl);
--pad-band: var(--space-3xl);
--radius-card: var(--radius-xl);
--radius-button: var(--radius-xl);
}
:root {
--font-display: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
--weight-regular: 400;
--weight-medium: 500;
--weight-semibold: 600;
--weight-black: 900;
--display-mega-size: 126px; --display-mega-lh: 107.1px;
--display-xxl-size: 96px; --display-xxl-lh: 81.6px;
--display-xl-size: 64px; --display-xl-lh: 54.4px;
--display-lg-size: 47px; --display-lg-lh: 70.5px;
--display-md-size: 40px; --display-md-lh: 34px;
--display-sm-size: 32px; --display-sm-lh: 38.4px; --display-sm-ls: -0.96px;
--display-xs-size: 24px; --display-xs-lh: 31.2px; --display-xs-ls: -0.48px;
--body-lg-size: 20px; --body-lg-lh: 30px;
--body-md-size: 16px; --body-md-lh: 24px;
--body-sm-size: 14px; --body-sm-lh: 20px;
--caption-size: 12px; --caption-lh: 16px;
--text-hero: var(--font-display);
--text-ui: var(--font-sans);
}
:root {
--primary: #f5821f;
--on-primary: #ffffff;
--accent-deep: #c25e0c;
--accent-pale: #ffeede;
--blue: #2a6fdb;
--blue-deep: #0a3d8f;
--blue-pale: #e4ecfb;
--green-bright: #5cc1f0;
--ink: #0a1628;
--body: #2a3a52;
--mute: #7890aa;
--canvas: #ffffff;
--canvas-soft: #eef2fb;
--surface-ink: #0a2a52;
--on-ink: #ffffff;
--line: #dde4f0;
--line-ink: #c4d0e6;
--font-display: 'Montserrat', system-ui, -apple-system, sans-serif;
--font-sans: 'Montserrat', system-ui, -apple-system, sans-serif;
--art-bright: #5cc1f0;
--art-teal: #5b9bd8;
--art-mid: #3f7cc4;
--art-ink: #0a2a52;
--art-white: #ffffff;
}
html[data-scheme="blue"] {
--primary: #f5821f;
--on-primary: #ffffff;
--accent-deep: #c25e0c;
--accent-pale: #ffeede;
--blue: #2a6fdb;
--blue-deep: #0a3d8f;
--blue-pale: #e4ecfb;
--green-bright: #5cc1f0;
--ink: #000000;
--body: #000000;
--mute: #000000;
--canvas: #ffffff;
--canvas-soft: #eef2fb;
--surface-ink: #0a2a52;
--on-ink: #ffffff;
--line: #d3deef;
--line-ink: #0a1f3c;
--art-bright: #5cc1f0;
--art-teal: #5b9bd8;
--art-mid: #3f7cc4;
--art-ink: #0a2a52;
--art-white: #ffffff;
}
html[data-scheme="dark"] {
--primary: #ff9540;
--on-primary: #1a0f02;
--accent-deep: #ffb877;
--accent-pale: #2a1a09;
--blue: #2f6fd0;
--blue-deep: #9cc4f5;
--blue-pale: #16263d;
--green-bright: #5cc1f0;
--ink: #eaf0f8;
--body: #b6c1d2;
--mute: #8593a8;
--canvas: #161d27;
--canvas-soft: #0e141d;
--surface-ink: #0a0f16;
--on-ink: #ffffff;
--line: #2a3543;
--line-ink: #3a4757;
--art-bright: #5cc1f0;
--art-teal: #5b9bd8;
--art-mid: #3f7cc4;
--art-ink: #0a2a52;
--art-white: #ffffff;
}
.art-bright { fill: var(--art-bright); }
.art-teal { fill: var(--art-teal); }
.art-mid { fill: var(--art-mid); }
.art-ink { fill: var(--art-ink); }
.art-white { fill: var(--art-white); }
.ba-frame { border: 1px solid var(--line); border-radius: 10px; background: var(--canvas); overflow: hidden; }
.ba-eyebrow { display: inline-block; padding: 5px 25px; border: 1.5px solid var(--blue); border-radius: 9999px; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); }
.ba-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 28px; border-radius: var(--radius-xl); font-family: var(--font-sans); font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; border: 1.5px solid transparent; transition: filter 140ms ease, transform 80ms ease; white-space: nowrap; }
.ba-cta:active { transform: scale(0.97); }
.ba-cta-primary { background: var(--primary); color: var(--on-primary); }
.ba-cta-primary:hover { filter: brightness(0.93); }
.ba-cta-ink { background: var(--surface-ink); color: #fff; }
.ba-cta-ink:hover { filter: brightness(1.25); }
.ba-cta-outline { background: var(--canvas); color: var(--ink); border-color: var(--line-ink); }
.ba-cta-outline:hover { background: var(--canvas-soft); }
.ba-navlink { font-family: var(--font-sans); font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); text-decoration: none; opacity: 0.62; transition: opacity 150ms ease; }
.ba-navlink:hover { opacity: 1; }
.ba-navlink.is-active { opacity: 1; }
.ba-field, .ba-area { width: 100%; padding: 0 15px; border: 1.5px solid var(--line); background: var(--canvas); font-family: var(--font-sans); font-size: 15px; color: var(--ink); outline: none; border-radius: 8px; transition: border-color .16s ease; }
.ba-field { height: 50px; }
.ba-area { min-height: 130px; padding: 13px 15px; resize: vertical; line-height: 1.5; }
.ba-field:focus, .ba-area:focus { border-color: var(--blue); }
.ba-field::placeholder, .ba-area::placeholder { color: var(--mute); }
@keyframes baMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
[style*="baMarquee"] { animation: none !important; }
}