:root {
    --apple-font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --apple-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --apple-text-xs: 0.75rem;
    --apple-text-sm: 0.875rem;
    --apple-text-base: 1.0625rem;
    --apple-text-lead: 1.1875rem;
    --apple-title-sm: 1.5rem;
    --apple-title-md: 2rem;
    --apple-title-lg: 3rem;
    --apple-title-hero: 3.5rem;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--apple-font-text);
}

body {
    font-size: var(--apple-text-base);
    line-height: 1.4705882353;
    letter-spacing: -0.022em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4 {
    font-family: var(--apple-font-display);
    letter-spacing: -0.022em;
}

h1,
.h1 {
    font-size: clamp(2.5rem, 5vw, var(--apple-title-hero));
    font-weight: 700;
    line-height: 1.0714285714;
}

h2,
.h2 {
    font-size: clamp(2rem, 4vw, var(--apple-title-lg));
    font-weight: 700;
    line-height: 1.0834933333;
}

h3,
.h3 {
    font-size: clamp(1.5rem, 3vw, var(--apple-title-md));
    font-weight: 600;
    line-height: 1.125;
}

h4,
.h4 {
    font-size: var(--apple-title-sm);
    font-weight: 600;
    line-height: 1.1666666667;
}

h5,
.h5 {
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.1904761905;
}

h6,
.h6 {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.2353641176;
}

p,
.p,
.form-control,
.form-select,
.btn {
    font-size: var(--apple-text-base);
}

.small,
small,
.text-sm {
    font-size: var(--apple-text-sm) !important;
    line-height: 1.4285914286;
}

.text-xs,
.text-xxs {
    font-size: var(--apple-text-xs) !important;
    line-height: 1.3333733333;
}

.lead {
    font-size: var(--apple-text-lead);
    line-height: 1.4211026316;
    letter-spacing: 0.012em;
}

.nav-link,
.dropdown-item,
.navbar-brand,
.sidebar .nav-link {
    letter-spacing: -0.01em;
}

.app-navbar-guest-links .nav-link,
.app-navbar-guest-links .btn,
.app-navbar-auth-links .nav-link,
.app-navbar-auth-links .navbar-user-name {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
    text-transform: none;
}

.home-page {
    font-family: var(--apple-font-text);
}

.home-page .home-hero-title {
    max-width: 12ch;
    font-family: var(--apple-font-display);
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.0714285714;
    letter-spacing: -0.005em;
}

.home-page .home-section-heading h2,
.home-page .home-spotlight-title,
.home-page .home-cta-card h2 {
    font-family: var(--apple-font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.0834933333;
    letter-spacing: -0.003em;
}

.home-page .home-glass-card h3,
.home-page .home-feature-card h3,
.home-page .home-spotlight-point strong {
    font-family: var(--apple-font-display);
    font-size: clamp(1.3125rem, 2vw, 1.5rem);
    font-weight: 600;
    line-height: 1.1666666667;
    letter-spacing: 0.009em;
}

.home-page .home-hero-copy,
.home-page .home-section-heading p,
.home-page .home-spotlight-copy,
.home-page .home-cta-card p,
.home-page .home-feature-card p,
.home-page .home-glass-card p,
.home-page .home-spotlight-point span {
    font-size: var(--apple-text-base);
    line-height: 1.4705882353;
    letter-spacing: -0.022em;
}

.home-page .home-eyebrow,
.home-page .home-section-kicker {
    font-size: var(--apple-text-sm);
    font-weight: 600;
    letter-spacing: 0.007em;
}

.home-page .btn {
    font-size: var(--apple-text-base);
    font-weight: 400;
    letter-spacing: -0.022em;
}

@media (max-width: 767.98px) {
    :root {
        --apple-title-hero: 2.5rem;
        --apple-title-lg: 2rem;
        --apple-title-md: 1.5rem;
    }

    .home-page .home-hero-title {
        font-size: 2.5rem;
        line-height: 1.1;
    }

    .home-page .home-section-heading h2,
    .home-page .home-spotlight-title,
    .home-page .home-cta-card h2 {
        font-size: 2rem;
        line-height: 1.125;
    }
}