/* IMRAN AHMED MOSHIO — additive public design system.
   Loaded AFTER the Vite bundle. Do not replace app-*.css hashes. */

:root {
    --iam-max-width: 1240px;
    --iam-pad-x: clamp(1.25rem, 3.6vw, 2.5rem);
    --iam-space-section: clamp(3.5rem, 6vw, 6.5rem);
    --iam-brand: #0a84ff;
    --iam-brand-dark: #155eef;
    --iam-ink: #0b1220;
    --iam-steel: #4b5870;
    --iam-mist: #f4f7fb;
    --iam-line: #d7e3f2;
    --iam-white: #ffffff;
    --iam-dark: #0e1628;
    --iam-radius: 1rem;
    --iam-radius-sm: 0.75rem;
    --iam-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    --iam-shadow-hover: 0 16px 36px rgba(15, 23, 42, 0.1);
    --iam-font-display: "Kumbh Sans", ui-sans-serif, system-ui, sans-serif;
    --iam-font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}

@media (max-width: 1024px) {
    :root {
        --iam-space-section: clamp(4rem, 7vw, 5.5rem);
    }
}

@media (max-width: 767px) {
    :root {
        --iam-space-section: clamp(3rem, 8vw, 4rem);
        --iam-pad-x: clamp(1rem, 4.5vw, 1.5rem);
    }
}

.dg-site {
    color: var(--iam-ink);
    font-family: var(--iam-font-body);
    font-size: 15px;
    line-height: 1.65;
}

@media (min-width: 1024px) {
    .dg-site {
        font-size: 16px;
    }
}

.dg-site .container-premium {
    width: 100%;
    max-width: var(--iam-max-width);
    margin-left: auto;
    margin-right: auto;
}

.dg-site .section-pad {
    padding-top: var(--iam-space-section);
    padding-bottom: var(--iam-space-section);
    padding-left: var(--iam-pad-x);
    padding-right: var(--iam-pad-x);
}

.dg-site .display-title {
    font-family: var(--iam-font-display);
    letter-spacing: -0.03em;
    line-height: 1.12;
    color: var(--iam-ink);
}

.dg-site .eyebrow {
    color: var(--iam-brand);
    letter-spacing: 0.16em;
}

.dg-site .text-steel {
    color: var(--iam-steel);
}

.dg-site .btn-primary,
.dg-site .btn-secondary {
    min-height: 2.75rem;
    border-radius: var(--iam-radius-sm);
    font-weight: 700;
    letter-spacing: 0.01em;
}

.dg-site .btn-primary:focus-visible,
.dg-site .btn-secondary:focus-visible,
.dg-site a:focus-visible,
.dg-site button:focus-visible {
    outline: 2px solid var(--iam-brand);
    outline-offset: 3px;
}

.iam-card {
    background: var(--iam-white);
    border: 1px solid var(--iam-line);
    border-radius: var(--iam-radius);
    box-shadow: var(--iam-shadow);
}

.iam-card:hover {
    box-shadow: var(--iam-shadow-hover);
}

.iam-dark {
    background: var(--iam-dark);
    color: var(--iam-white);
}

.dg-site .dg-stat p:first-child,
.dg-site .dg-stats .font-display {
    color: var(--iam-ink);
}

@media (prefers-reduced-motion: reduce) {
    .dg-site *,
    .dg-site *::before,
    .dg-site *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}