@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400;1,9..40,500&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root { --forza-blue:        #0036E0; --forza-blue-700:    #0028B0; --forza-blue-800:    #001E86; --forza-blue-900:    #00135A; --forza-blue-300:    #4D71F0; --forza-blue-100:    #DCE3FB; --forza-blue-50:     #EEF2FE;  --tire-black:        #0A0A0B;
--asphalt-900:       #15171C;
--asphalt-800:       #1F232B; --eudemon-yellow:    #FFF100;
--eudemon-yellow-700:#E5D900;
--eudemon-yellow-soft:#FFF9CC;
--eudemon-black:     #0A0A0B; --vipal-navy:        #003366; --vipal-navy-50:     #E6EBF1;
--vipal-red:         #CC3434; --vipal-red-50:      #FBE7E7; --neutral-0:         #FFFFFF;
--neutral-50:        #F7F8FA;
--neutral-100:       #EEF0F4;
--neutral-200:       #DEE2E9;
--neutral-300:       #C3C9D3;
--neutral-400:       #9099A6;
--neutral-500:       #6B7280;
--neutral-600:       #4B5462;
--neutral-700:       #353B47;
--neutral-800:       #232730;
--neutral-900:       #14171D; --success:           #138A3E; --success-bg:        #E3F5EA;
--warning:           #C97A05; --warning-bg:        #FCEFD8;
--danger:            #B91C1C; --danger-bg:         #FDE5E5;
--info:              #0050C7; --info-bg:           #E1ECFD; --fg-1:              var(--asphalt-900); --fg-2:              var(--neutral-700); --fg-3:              var(--neutral-500); --fg-4:              var(--neutral-400); --fg-on-brand:       var(--neutral-0); --fg-on-dark:        var(--neutral-0);
--fg-link:           var(--forza-blue);
--bg-1:              var(--neutral-0); --bg-2:              var(--neutral-50); --bg-3:              var(--neutral-100); --bg-inverse:        var(--asphalt-900);
--bg-brand:          var(--forza-blue);
--bg-brand-soft:     var(--forza-blue-50);
--border-1:          var(--neutral-200); --border-2:          var(--neutral-300); --border-strong:     var(--neutral-700);
--border-brand:      var(--forza-blue); --font-display:      "DM Sans", "Helvetica Neue", Arial, sans-serif;
--font-body:         "DM Sans", "Helvetica Neue", Arial, sans-serif;
--font-wordmark:     "Saira", "Helvetica Neue", Arial, sans-serif;
--font-mono:         "JetBrains Mono", ui-monospace, Menlo, monospace; --fs-12:             0.75rem; --fs-13:             0.8125rem; --fs-14:             0.875rem; --fs-16:             1rem; --fs-18:             1.125rem; --fs-20:             1.25rem; --fs-24:             1.5rem; --fs-30:             1.875rem; --fs-36:             2.25rem; --fs-48:             3rem; --fs-64:             4rem; --fs-80:             5rem; --lh-tight:          1.05;
--lh-snug:           1.18;
--lh-normal:         1.4;
--lh-relaxed:        1.55;
--tracking-tight:    -0.02em;
--tracking-display:  -0.015em;
--tracking-normal:   0em;
--tracking-loose:    0.04em;
--tracking-eyebrow:  0.12em;  --s-0:  0;
--s-1:  4px;
--s-2:  8px;
--s-3:  12px;
--s-4:  16px;
--s-5:  20px;
--s-6:  24px;
--s-8:  32px;
--s-10: 40px;
--s-12: 48px;
--s-16: 64px;
--s-20: 80px;
--s-24: 96px;
--s-32: 128px; --radius-xs:   2px;
--radius-sm:   4px;
--radius-md:   8px;
--radius-lg:   12px;
--radius-xl:   16px;
--radius-2xl:  24px;
--radius-pill: 999px; --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
--shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.06);
--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
--shadow-lg: 0 12px 24px -6px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.08);
--shadow-xl: 0 24px 48px -12px rgba(0, 30, 134, 0.18);
--shadow-brand: 0 8px 24px -8px rgba(0, 54, 224, 0.45);
--shadow-inset: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.10); --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--dur-fast:    120ms;
--dur-base:    200ms;
--dur-slow:    360ms;
} .t-display, .t-hero {
font-family: var(--font-display);
font-weight: 700;
font-size: var(--fs-64);
line-height: var(--lh-tight);
letter-spacing: -0.035em;
color: var(--fg-1);
text-transform: uppercase;
}
.t-h1 {
font-family: var(--font-display);
font-weight: 700;
font-size: var(--fs-48);
line-height: var(--lh-snug);
letter-spacing: -0.025em;
color: var(--fg-1);
}
.t-h2 {
font-family: var(--font-display);
font-weight: 700;
font-size: var(--fs-36);
line-height: var(--lh-snug);
letter-spacing: -0.02em;
color: var(--fg-1);
}
.t-h3 {
font-family: var(--font-display);
font-weight: 700;
font-size: var(--fs-24);
line-height: var(--lh-snug);
letter-spacing: -0.015em;
color: var(--fg-1);
}
.t-h4 {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--fs-20);
line-height: var(--lh-snug);
color: var(--fg-1);
}
.t-eyebrow {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--fs-12);
line-height: 1;
letter-spacing: var(--tracking-eyebrow);
text-transform: uppercase;
color: var(--forza-blue);
}
.t-lead {
font-family: var(--font-body);
font-weight: 400;
font-size: var(--fs-18);
line-height: var(--lh-relaxed);
color: var(--fg-2);
}
.t-body {
font-family: var(--font-body);
font-weight: 400;
font-size: var(--fs-16);
line-height: var(--lh-relaxed);
color: var(--fg-2);
}
.t-small {
font-family: var(--font-body);
font-weight: 400;
font-size: var(--fs-14);
line-height: var(--lh-normal);
color: var(--fg-3);
}
.t-micro {
font-family: var(--font-body);
font-weight: 500;
font-size: var(--fs-12);
line-height: var(--lh-normal);
letter-spacing: 0.02em;
color: var(--fg-3);
}
.t-mono {
font-family: var(--font-mono);
font-weight: 500;
font-size: var(--fs-13);
line-height: var(--lh-normal);
color: var(--fg-2);
} .t-wordmark {
font-family: var(--font-wordmark);
font-weight: 900;
font-style: italic;
letter-spacing: -0.005em;
text-transform: uppercase;
color: var(--forza-blue);
}