/* ============================================================
   header.css — static white bar, logo + nav + CTA pill
   ============================================================ */

.darom-header {
    background: var(--c-white);
    border-bottom: 1px solid var(--c-line);
}
.darom-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 76px;
}
.darom-header-logo {
    display: flex;
    align-items: center;
}
.darom-header-logo img {
    height: 38px;
    width: auto;
    max-width: 240px;
    display: block;
}
.darom-header-nav {
    display: flex;
    gap: 28px;
    font-size: var(--t-pM);
    font-weight: 500;
    color: var(--c-ink-soft);
}
.darom-header-nav a {
    transition: color .15s ease;
}
.darom-header-nav a:hover {
    color: var(--c-magenta);
}
.darom-header-cta {
    display: inline-flex;
    align-items: center;
    background: var(--c-ink);
    color: var(--c-white);
    padding: 11px 22px;
    border-radius: 999px;
    font-weight: 600;
    font-size: var(--t-pM);
    transition: background .15s ease;
}
.darom-header-cta:hover {
    background: var(--c-magenta);
}

@media (max-width: 760px) {
    .darom-header-inner { height: 64px; gap: 12px; }
    .darom-header-nav { display: none; }
    .darom-header-logo img { height: 32px; }
    .darom-header-cta { padding: 9px 16px; font-size: 13px; }
}