.hy-site, .hy-app {
    --hy-navy: #102942;
    --hy-ink: #13263b;
    --hy-muted: #4a5e73;
    --hy-orange: #f5a557;
    background: #fff;
    color: var(--hy-ink);
}

.hy-site .hy-header { background: #fff; border-color: #e2eaf2; }
.hy-site .hy-header-inner { min-height: 76px; gap: clamp(12px, 2vw, 30px); }
.hy-site .hy-logo { color: var(--hy-navy); }
.hy-site .hy-logo-mark { background: var(--hy-navy); color: var(--hy-orange); }
.hy-site .hy-nav a { color: var(--hy-ink); }
.hy-site .hy-nav a:hover, .hy-site .hy-nav a[aria-current] { color: #95501b; }
.hy-site .hy-header-account { background: #eef5fb; color: var(--hy-navy); border-color: #dce6f1; }
.hy-site .hy-header-consult {
    flex: none;
    background: var(--hy-orange);
    color: #182939;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 700;
}
.hy-site .hy-menu-toggle { color: var(--hy-navy); }
.hy-site .hy-button { background: var(--hy-navy); color: #fff; border-color: transparent; border-radius: 8px; }
.hy-site .hy-button:hover { background: #244a70; color: #fff; }
.hy-site .hy-button-outline { background: #fff; color: var(--hy-navy) !important; border-color: #c9d8e6; }
.hy-site .hy-button-outline:hover { background: #eaf2fa; color: var(--hy-navy) !important; }
.hy-site .hy-eyebrow { color: #8b4514; }
.hy-site .hy-muted { color: var(--hy-muted); }

.hy-photo-hero {
    color: #fff;
    background-color: #102942;
    background-image: linear-gradient(270deg, #102942 0%, #102942 42%, #10294266 72%, #10294200 100%), url('images/team.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover, 65% auto;
}

.hy-photo-copy { padding-block: clamp(64px, 8vw, 124px); }
.hy-photo-copy h1 { font-size: clamp(36px, 5vw, 68px); line-height: 1.25; max-width: 11em; margin: .25em 0; }
.hy-photo-copy h1 em { color: #ffbb78; font-style: normal; }
.hy-photo-copy p { color: #dbe8f6; font-size: clamp(16px, 2vw, 21px); max-width: 26em; margin-block: 20px 26px; }
.hy-site .hy-photo-copy .hy-eyebrow, .hy-site .hy-footer .hy-eyebrow { color: #ffd1a3; }
.hy-site .hy-photo-copy .hy-button, .hy-site .hy-footer .hy-button { background: var(--hy-orange); color: #182939 !important; }
.hy-site .hy-photo-copy .hy-button:hover, .hy-site .hy-footer .hy-button:hover { background: #ffbd80; }
.hy-site .hy-hero-link { color: #fff; text-decoration: underline; text-underline-offset: 4px; }

.hy-capability-strip { background: #091827; color: #fff; }
.hy-capability-strip .hy-container { display: flex; align-items: center; gap: 24px; padding-block: 15px; }
.hy-capability-strip span { flex: none; color: #ffbb78; font-weight: 700; }
.hy-capability-strip ul { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 0; padding: 0; list-style: none; }
.hy-capability-strip li { color: #e0ebf5; font-size: 14px; }

.hy-site .hy-service-card { border: 1px solid #dce6f1; }
.hy-site .hy-card-icon, .hy-site .hy-large-icon { background: #fff; color: var(--hy-navy); }
.hy-site .hy-card-number, .hy-site .hy-service-card p { color: var(--hy-muted); }
.hy-site .hy-process, .hy-site .hy-feature-note, .hy-site .hy-callout { background: #eef5fb; color: var(--hy-ink); }
.hy-site .hy-footer { background: var(--hy-navy); color: #fff; }
.hy-site .hy-footer .hy-logo { color: #fff; }
.hy-site .hy-footer-links, .hy-site .hy-footer-bottom > small { color: #d4e2ef; }
.hy-site .hy-plan { border-color: #dce6f1; border-top: 4px solid #df8b40; }
.hy-site .hy-plan-price { color: var(--hy-navy); }
.hy-site .hy-about-photo { width: 100%; border-radius: 16px; aspect-ratio: 4 / 3; object-fit: cover; }
.hy-site :is(.hy-plan, .hy-record-detail, .hy-record-row, .hy-product-card) { background: #fff; border-color: #dce6f1; }
.hy-site :is(.hy-empty, .hy-account-nav, .hy-account-stats > a, .hy-record-icon, .hy-product-hero, .hy-vendor-banner) {
    background: #eef5fb;
    border-color: #dce6f1;
    color: var(--hy-navy);
}
.hy-site :is(.hy-field input, .hy-field select, .hy-field textarea, .hy-search input) { border-color: #c9d8e6; }
.hy-site :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid #a95c19;
    outline-offset: 3px;
}
.hy-site .hy-product-hero img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1100px) {
    .hy-site .hy-header-consult { display: none; }
}

@media (max-width: 760px) {
    .hy-photo-hero {
        background-image: linear-gradient(0deg, #102942 12%, #102942f2 46%, #10294233 100%), url('images/team.jpg');
        background-position: center top;
        background-size: cover, 100% auto;
    }
    .hy-photo-copy { padding-block: 115px 45px; }
    .hy-capability-strip .hy-container { flex-wrap: wrap; gap: 8px; }
}