.brand-page{--ink:#142534;--blue:#24427c;--gold:#ffbe00;--muted:#526174;background:#f5f7fa;color:var(--ink);font-family:Manrope,Arial,sans-serif}
.brand-page *{box-sizing:border-box}.brand-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.brand-hero{position:relative;overflow:hidden;padding:clamp(72px,10vw,132px) 0;background:linear-gradient(135deg,#0c1925,#1b355f 68%,#24427c);color:#fff}.brand-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,190,0,.2);border-radius:50%;right:-120px;top:-160px;box-shadow:0 0 0 70px rgba(255,190,0,.04),0 0 0 140px rgba(255,190,0,.025)}
.brand-hero .brand-shell{position:relative;z-index:1}.brand-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(255,190,0,.14);color:#ffd45a;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-hero h1{max-width:900px;margin:20px 0 18px;color:#fff;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.045em}.brand-lead{max-width:780px;margin:0;color:#e8eef8;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.brand-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.brand-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-weight:800;text-decoration:none}.brand-btn--primary{background:var(--gold);color:#101b26!important}.brand-btn--ghost{border-color:rgba(255,255,255,.35);color:#fff!important;background:rgba(255,255,255,.06)}
.brand-section{padding:clamp(58px,8vw,96px) 0}.brand-section--white{background:#fff}.brand-section--dark{background:#101e2b;color:#eef3f9}.brand-head{max-width:780px;margin-bottom:34px}.brand-head h2{margin:0 0 14px;color:inherit;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.03em}.brand-head p,.brand-copy p{color:var(--muted);font-size:1.05rem;line-height:1.75}.brand-section--dark .brand-head p,.brand-section--dark .brand-copy p{color:#bec9d7}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.brand-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card{border:1px solid #e1e7ee;border-radius:18px;padding:26px;background:#fff;box-shadow:0 16px 42px rgba(20,37,52,.07)}.brand-card h2,.brand-card h3{margin-top:0;color:var(--ink)}.brand-card p{color:var(--muted);line-height:1.7}.brand-card ul,.brand-list{padding-left:20px;color:var(--muted);line-height:1.75}.brand-person{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start}.brand-person img{width:150px;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#e9edf2}.brand-role{display:block;margin:-6px 0 12px;color:#9a7100;font-weight:800}.brand-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.brand-chip{padding:8px 11px;border-radius:999px;background:#edf2f7;color:#243b59;font-size:.88rem;font-weight:700}.brand-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-value{padding:18px;border-left:4px solid var(--gold);border-radius:8px;background:#fff;font-weight:800;box-shadow:0 8px 24px rgba(20,37,52,.06)}.brand-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-step{padding:24px;border-radius:16px;background:#182a3a;border:1px solid rgba(255,255,255,.09)}.brand-step:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:block;margin-bottom:12px;color:var(--gold);font-size:1.65rem;font-weight:900}.brand-step h3{color:#fff}.brand-step p{color:#c6d0dc;line-height:1.65}.brand-note{padding:22px;border:1px solid #f0d47d;border-radius:14px;background:#fff9e8;color:#4b3b0b;line-height:1.7}.brand-cta{padding:clamp(34px,6vw,62px);border-radius:24px;background:linear-gradient(135deg,#1a3561,#0e1c29);color:#fff}.brand-cta h2{margin-top:0;color:#fff;font-size:clamp(1.8rem,3vw,2.7rem)}.brand-cta p{max-width:720px;color:#dce5ef;line-height:1.7}.brand-legal{max-width:860px}.brand-legal h2{margin-top:42px}.brand-legal h3{margin-top:28px}.brand-legal p,.brand-legal li{color:#435166;line-height:1.8}.brand-legal a{color:#234b8d}.brand-security{margin-top:24px;padding:18px;border-left:5px solid var(--gold);background:#fff;color:#29384c;font-weight:700;line-height:1.65}
.dark-mode .brand-page{background:#0c1721;color:#eef3f9}.dark-mode .brand-section--white{background:#111f2c}.dark-mode .brand-card,.dark-mode .brand-value{background:#162735;border-color:#2d4252}.dark-mode .brand-card h2,.dark-mode .brand-card h3{color:#fff}.dark-mode .brand-card p,.dark-mode .brand-card li,.dark-mode .brand-head p,.dark-mode .brand-copy p,.dark-mode .brand-legal p,.dark-mode .brand-legal li{color:#bec9d7}.dark-mode .brand-chip{background:#243848;color:#e4edf5}.dark-mode .brand-note,.dark-mode .brand-security{background:#2a271c;color:#f6e9b8;border-color:#806818}
@media(max-width:860px){.brand-grid,.brand-grid--3,.brand-steps{grid-template-columns:1fr}.brand-values{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-person{grid-template-columns:110px 1fr}.brand-person img{width:110px}}
@media(max-width:560px){.brand-shell{width:min(100% - 28px,1160px)}.brand-actions,.brand-btn{width:100%}.brand-values,.brand-person{grid-template-columns:1fr}.brand-person img{width:128px}.brand-card{padding:21px}}
.brand-kicker--light{margin-bottom:14px;background:#fff1bd;color:#6d5000}.brand-profile{scroll-margin-top:110px}.brand-profile__intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:center;max-width:960px}.brand-profile__intro--reverse{grid-template-columns:minmax(0,1fr) 220px}.brand-profile__intro--reverse img{grid-column:2;grid-row:1}.brand-profile__intro--reverse div{grid-column:1;grid-row:1}.brand-profile__intro img{width:220px;aspect-ratio:1;object-fit:cover;border-radius:24px;box-shadow:0 16px 38px rgba(20,37,52,.15)}.brand-profile__intro h2{margin:0 0 14px;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.03em}.brand-profile__intro p{margin:0;color:var(--muted);font-size:1.06rem;line-height:1.78}.brand-profile__details{margin-top:34px}.brand-profile .brand-note{margin-top:26px}.brand-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-cta{margin-top:46px}
@media(max-width:860px){.brand-steps--4{grid-template-columns:1fr}.brand-profile__intro,.brand-profile__intro--reverse{grid-template-columns:150px minmax(0,1fr)}.brand-profile__intro img{width:150px}.brand-profile__intro--reverse img{grid-column:1;grid-row:1}.brand-profile__intro--reverse div{grid-column:2;grid-row:1}}
@media(max-width:560px){.brand-profile__intro,.brand-profile__intro--reverse{grid-template-columns:1fr}.brand-profile__intro img,.brand-profile__intro--reverse img{grid-column:1;grid-row:1;width:136px}.brand-profile__intro div,.brand-profile__intro--reverse div{grid-column:1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.brand-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Legal pages: comfortable measure, clear hierarchy and quick navigation. */
.legal-page .brand-hero {
    padding-block: clamp(64px, 8vw, 108px);
}

.legal-layout {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(0, 780px);
    gap: clamp(36px, 6vw, 76px);
    align-items: start;
    justify-content: center;
}

.legal-summary {
    position: sticky;
    top: 112px;
    padding: 22px;
    border: 1px solid #e2e8ef;
    border-radius: 16px;
    background: #f8fafc;
    box-shadow: 0 12px 32px rgba(20, 37, 52, .06);
}

.legal-summary__eyebrow {
    display: block;
    margin-bottom: 14px;
    color: #7b5b00;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.legal-summary nav {
    display: grid;
    gap: 2px;
}

.legal-summary nav a,
.legal-summary__related {
    display: block;
    padding: 8px 0;
    color: #33445a;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}

.legal-summary nav a:hover,
.legal-summary nav a:focus-visible,
.legal-summary__related:hover,
.legal-summary__related:focus-visible {
    color: #8a6500;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.legal-summary__related {
    margin-top: 14px;
    padding-top: 16px;
    border-top: 1px solid #dce3eb;
    color: #234b8d;
}

.legal-document {
    max-width: none;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid #e2e8ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20, 37, 52, .08);
}

.legal-updated {
    display: inline-flex;
    margin: 0 0 22px !important;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff4c7;
    color: #5e4700 !important;
    font-size: .82rem !important;
    font-weight: 800;
    line-height: 1.35 !important;
}

.legal-intro {
    margin: 0 0 38px !important;
    color: #314158 !important;
    font-size: clamp(1.08rem, 2vw, 1.22rem) !important;
    line-height: 1.75 !important;
}

.legal-document h2,
.legal-document h3 {
    scroll-margin-top: 120px;
    color: #172c3e;
    text-wrap: balance;
}

.legal-document h2 {
    margin: 48px 0 16px;
    padding-top: 30px;
    border-top: 1px solid #e6ebf1;
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    line-height: 1.3;
}

.legal-document h3 {
    margin: 34px 0 14px;
    font-size: clamp(1.12rem, 1.7vw, 1.3rem);
    line-height: 1.4;
}

.legal-document p,
.legal-document li {
    color: #435166;
    font-size: 1.02rem;
    line-height: 1.85;
}

.legal-document p {
    margin: 0 0 18px;
}

.legal-document ul {
    margin: 0 0 24px;
    padding-left: 1.35rem;
}

.legal-document li + li {
    margin-top: 8px;
}

.legal-document li::marker {
    color: #b68400;
}

.dark-mode .legal-summary,
.dark-mode .legal-document {
    border-color: #2d4252;
    background: #162735;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .24);
}

.dark-mode .legal-summary nav a {
    color: #d3dce8;
}

.dark-mode .legal-summary__related {
    border-color: #334b5d;
    color: #ffd45a;
}

.dark-mode .legal-document h2,
.dark-mode .legal-document h3 {
    color: #f4f7fb;
}

.dark-mode .legal-document h2 {
    border-color: #304657;
}

.dark-mode .legal-intro {
    color: #e1e8f0 !important;
}

.dark-mode .legal-updated {
    background: #3d361d;
    color: #ffe49a !important;
}

@media(max-width:860px) {
    .legal-layout {
        grid-template-columns: minmax(0, 760px);
        gap: 24px;
    }

    .legal-summary {
        position: static;
    }

    .legal-summary nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
    }
}

@media(max-width:560px) {
    .legal-page .brand-section {
        padding-block: 36px;
    }

    .legal-summary,
    .legal-document {
        border-radius: 14px;
    }

    .legal-summary nav {
        grid-template-columns: 1fr;
    }

    .legal-document {
        padding: 26px 21px;
    }

    .legal-document h2 {
        margin-top: 38px;
        padding-top: 24px;
    }

    .legal-document p,
    .legal-document li {
        font-size: 1rem;
        line-height: 1.8;
    }
}

/* Team cards: a calmer reading rhythm between name, role, copy and link. */
.brand-person h3 {
    margin: 0 0 6px;
    line-height: 1.25;
}

.brand-person .brand-role {
    margin: 0 0 16px;
    line-height: 1.45;
}

.brand-person p {
    margin: 0 0 18px;
    line-height: 1.82;
}

.brand-person a {
    display: inline-flex;
    line-height: 1.5;
}

@media(max-width:560px) {
    .brand-person .brand-role {
        margin-bottom: 14px;
    }

    .brand-person p {
        margin-bottom: 16px;
        line-height: 1.86;
    }
}

/* Profile detail cards: more space and a clearer reading cadence. */
.brand-profile__details .brand-card {
    padding: clamp(28px, 3vw, 34px);
}

.brand-profile__details .brand-card h3 {
    margin: 0 0 16px;
    line-height: 1.3;
}

.brand-profile__details .brand-card ul {
    margin: 0;
    padding-left: 22px;
    line-height: 1.7;
}

.brand-profile__details .brand-card li + li {
    margin-top: 6px;
}

.brand-profile__details .brand-card p {
    margin: 0;
    line-height: 1.84;
}

.brand-profile__details .brand-card p + p {
    margin-top: 16px;
}

@media(max-width:560px) {
    .brand-profile__details .brand-card {
        padding: 24px;
    }

    .brand-profile__details .brand-card h3 {
        margin-bottom: 14px;
    }

    .brand-profile__details .brand-card li + li {
        margin-top: 4px;
    }
}