/*
 * Optional Verisciant visual skin: traditional banking / verifier look.
 * Activated with ?verisciant_look=bank. Return with ?verisciant_look=current.
 * Optional backgrounds:
 * - ?verisciant_bg=fiduciary
 * - ?verisciant_bg=archive
 * - ?verisciant_bg=ledger
 * - ?verisciant_bg=none
 */

body.verisciant-shell.verisciant-look-bank {
    --vs-navy: #071826;
    --vs-blue: #17476f;
    --vs-gold: #a77a2b;
    --vs-bg: #f3f0e9;
    --vs-white: #fffdf8;
    --vs-text: #1f2a32;
    --vs-muted: #59646d;
    --vs-line: rgba(7, 24, 38, 0.16);
    --vs-shadow: 0 10px 24px rgba(7, 24, 38, 0.08);
    background:
        linear-gradient(90deg, rgba(7, 24, 38, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(7, 24, 38, 0.025) 1px, transparent 1px),
        radial-gradient(circle at top left, rgba(167, 122, 43, 0.08), transparent 26%),
        linear-gradient(180deg, #fbfaf6 0%, #f3f0e9 100%);
    background-size: 28px 28px, 28px 28px, auto, auto;
    color: var(--vs-text);
    font-family: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

body.verisciant-look-bank h1,
body.verisciant-look-bank h2,
body.verisciant-look-bank h3,
body.verisciant-look-bank .brand__text strong {
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    letter-spacing: -0.015em;
}

body.verisciant-look-bank .site-header {
    background: rgba(251, 250, 246, 0.94);
    border-bottom: 1px solid rgba(7, 24, 38, 0.16);
    box-shadow: 0 8px 24px rgba(7, 24, 38, 0.045);
}

body.verisciant-look-bank .brand__mark {
    background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.26), transparent 22%),
        linear-gradient(135deg, #071826, #173b5c);
    border: 1px solid rgba(167, 122, 43, 0.72);
    box-shadow: 0 0 0 3px rgba(167, 122, 43, 0.12), 0 12px 20px rgba(7, 24, 38, 0.12);
}

body.verisciant-look-bank .brand__mark--crest {
    background: #f7f0dc;
    border: 1px solid rgba(121, 82, 24, 0.45);
    box-shadow: 0 0 0 3px rgba(167, 122, 43, 0.1), 0 10px 18px rgba(7, 24, 38, 0.1);
}

body.verisciant-look-bank .primary-nav__menu a,
body.verisciant-look-bank .primary-nav__links a,
body.verisciant-look-bank .language-switcher {
    color: #394750;
    font-size: 0.84rem;
    letter-spacing: 0.015em;
}

body.verisciant-look-bank .primary-nav__menu .sub-menu {
    border: 1px solid rgba(7, 24, 38, 0.18);
    border-radius: 0.35rem;
    background: #fffdf8;
    box-shadow: 0 18px 36px rgba(7, 24, 38, 0.12);
}

body.verisciant-look-bank .hero-card,
body.verisciant-look-bank .section-block,
body.verisciant-look-bank .trust-card,
body.verisciant-look-bank .pricing-card,
body.verisciant-look-bank .page-panel,
body.verisciant-look-bank .trust-banner {
    border: 1px solid rgba(7, 24, 38, 0.18);
    border-radius: 0.45rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 253, 248, 0.96)),
        repeating-linear-gradient(135deg, rgba(7, 24, 38, 0.018) 0, rgba(7, 24, 38, 0.018) 1px, transparent 1px, transparent 7px);
    box-shadow: 0 12px 28px rgba(7, 24, 38, 0.08);
}

body.verisciant-look-bank .hero h1,
body.verisciant-look-bank .section-heading h2,
body.verisciant-look-bank .page-panel h1 {
    color: #071826;
    font-weight: 700;
}

body.verisciant-look-bank .eyebrow,
body.verisciant-look-bank .footer-label {
    color: #7b5a21;
    font-size: 0.66rem;
    letter-spacing: 0.24em;
}

body.verisciant-look-bank .button,
body.verisciant-look-bank .button-primary,
body.verisciant-look-bank .button-secondary,
body.verisciant-look-bank .site-language select {
    border-radius: 0.3rem;
}

body.verisciant-look-bank .button-primary {
    background: linear-gradient(180deg, #17476f, #0d2d49);
    border: 1px solid #071826;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 18px rgba(7, 24, 38, 0.12);
}

body.verisciant-look-bank .button-secondary {
    border: 1px solid rgba(7, 24, 38, 0.22);
    background: #fffdf8;
    color: #071826;
}

body.verisciant-look-bank .site-footer {
    border-top: 3px double rgba(167, 122, 43, 0.48);
}

body.verisciant-look-bank .section-block--pricing .section-heading {
    border: 1px solid rgba(7, 24, 38, 0.2);
    border-radius: 0.45rem;
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(250, 247, 239, 0.98)),
        repeating-linear-gradient(135deg, rgba(167, 122, 43, 0.018) 0, rgba(167, 122, 43, 0.018) 1px, transparent 1px, transparent 8px);
    box-shadow: 0 10px 24px rgba(7, 24, 38, 0.055);
}

body.verisciant-look-bank .section-block--pricing .section-heading h1 {
    color: #071826;
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-weight: 700;
    line-height: 1.12;
}

body.verisciant-look-bank .hero::after,
body.verisciant-look-bank .page-panel::after,
body.verisciant-look-bank .section-block--pricing::after {
    border-color: rgba(121, 82, 24, 0.38);
    box-shadow: 0 10px 22px rgba(7, 24, 38, 0.1);
}

body.verisciant-look-bank .page-panel--account {
    padding: clamp(1rem, 2.4vw, 1.7rem);
    border: 1px solid rgba(7, 24, 38, 0.22);
    border-radius: 0.45rem;
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(250, 247, 239, 0.98)),
        repeating-linear-gradient(135deg, rgba(167, 122, 43, 0.018) 0, rgba(167, 122, 43, 0.018) 1px, transparent 1px, transparent 8px);
}

body.verisciant-look-bank .page-panel--account .page-panel__content > p {
    max-width: 60ch;
}

body.verisciant-shell.verisciant-bg-fiduciary {
    background:
        radial-gradient(ellipse at 20% 12%, rgba(167, 122, 43, 0.12), transparent 28%),
        radial-gradient(ellipse at 80% 8%, rgba(23, 71, 111, 0.1), transparent 30%),
        repeating-radial-gradient(circle at 12% 18%, rgba(23, 71, 111, 0.055) 0, rgba(23, 71, 111, 0.055) 1px, transparent 1px, transparent 8px),
        repeating-radial-gradient(circle at 88% 16%, rgba(167, 122, 43, 0.05) 0, rgba(167, 122, 43, 0.05) 1px, transparent 1px, transparent 7px),
        repeating-linear-gradient(112deg, rgba(7, 24, 38, 0.038) 0, rgba(7, 24, 38, 0.038) 1px, transparent 1px, transparent 12px),
        linear-gradient(180deg, #fbfaf6 0%, #f2eee4 100%);
}

body.verisciant-shell.verisciant-bg-fiduciary .site-shell {
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 253, 248, 0.48), transparent 22%),
        repeating-linear-gradient(68deg, rgba(23, 71, 111, 0.03) 0, rgba(23, 71, 111, 0.03) 1px, transparent 1px, transparent 10px);
}

body.verisciant-shell.verisciant-bg-fiduciary::after,
body.verisciant-shell.verisciant-bg-archive::after,
body.verisciant-shell.verisciant-bg-ledger::after,
body.verisciant-shell.verisciant-bg-guilloche-blue::after,
body.verisciant-shell.verisciant-bg-guilloche-gold::after,
body.verisciant-shell.verisciant-bg-guilloche-green::after {
    position: fixed;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 9998;
    padding: 0.25rem 0.45rem;
    border: 1px solid rgba(7, 24, 38, 0.24);
    border-radius: 0.35rem;
    background: rgba(255, 253, 248, 0.88);
    color: rgba(7, 24, 38, 0.72);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
}

body.verisciant-shell.verisciant-bg-fiduciary::after {
    content: "fond: fiduciaire";
}

body.verisciant-shell.verisciant-bg-archive {
    position: relative;
    background:
        radial-gradient(circle at 50% 18%, rgba(167, 122, 43, 0.15), transparent 16%),
        radial-gradient(circle at 50% 18%, transparent 0, transparent 12%, rgba(7, 24, 38, 0.046) 12.2%, transparent 12.6%),
        linear-gradient(90deg, rgba(7, 24, 38, 0.034) 1px, transparent 1px),
        linear-gradient(180deg, rgba(7, 24, 38, 0.026) 1px, transparent 1px),
        linear-gradient(180deg, #fbfaf5 0%, #f0ebe0 100%);
    background-size: auto, auto, 34px 34px, 34px 34px, auto;
}

body.verisciant-shell.verisciant-bg-archive .site-shell {
    position: relative;
    z-index: 1;
}

body.verisciant-shell.verisciant-bg-archive::before {
    content: "VERISCIANT";
    position: fixed;
    inset: 7.5rem auto auto 1.5rem;
    z-index: 0;
    transform: rotate(-38deg);
    transform-origin: left center;
    color: rgba(7, 24, 38, 0.032);
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: clamp(1.8rem, 4.5vw, 3.5rem);
    font-weight: 700;
    letter-spacing: 0.34em;
    pointer-events: none;
    white-space: nowrap;
}

body.verisciant-shell.verisciant-bg-archive::after {
    content: "fond: archive";
}

body.verisciant-shell.verisciant-bg-ledger {
    background:
        linear-gradient(90deg, rgba(7, 24, 38, 0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(7, 24, 38, 0.052) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 122, 43, 0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(167, 122, 43, 0.056) 1px, transparent 1px),
        radial-gradient(ellipse at top, rgba(23, 71, 111, 0.09), transparent 35%),
        linear-gradient(180deg, #fbfaf6 0%, #f2efe7 100%);
    background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px, auto, auto;
}

body.verisciant-shell.verisciant-bg-ledger .site-shell {
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.66), rgba(255, 253, 248, 0.3)),
        repeating-linear-gradient(0deg, transparent 0, transparent 2.35rem, rgba(23, 71, 111, 0.03) 2.35rem, rgba(23, 71, 111, 0.03) 2.42rem);
}

body.verisciant-shell.verisciant-bg-ledger::after {
    content: "fond: registre";
}

body.verisciant-shell.verisciant-bg-guilloche-blue {
    background:
        radial-gradient(ellipse at 18% 14%, rgba(18, 61, 101, 0.14), transparent 28%),
        radial-gradient(ellipse at 84% 12%, rgba(32, 91, 138, 0.12), transparent 30%),
        repeating-radial-gradient(ellipse at 15% 20%, rgba(23, 71, 111, 0.075) 0, rgba(23, 71, 111, 0.075) 1px, transparent 1px, transparent 9px),
        repeating-radial-gradient(ellipse at 86% 18%, rgba(23, 71, 111, 0.06) 0, rgba(23, 71, 111, 0.06) 1px, transparent 1px, transparent 8px),
        repeating-linear-gradient(63deg, rgba(7, 24, 38, 0.034) 0, rgba(7, 24, 38, 0.034) 1px, transparent 1px, transparent 11px),
        repeating-linear-gradient(117deg, rgba(23, 71, 111, 0.03) 0, rgba(23, 71, 111, 0.03) 1px, transparent 1px, transparent 13px),
        linear-gradient(180deg, #f7fafc 0%, #e9f0f5 100%);
}

body.verisciant-shell.verisciant-bg-guilloche-blue .site-shell {
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.6), transparent 24%),
        repeating-linear-gradient(72deg, rgba(23, 71, 111, 0.032) 0, rgba(23, 71, 111, 0.032) 1px, transparent 1px, transparent 10px);
}

body.verisciant-shell.verisciant-bg-guilloche-blue::after {
    content: "fond: guilloche bleu";
}

body.verisciant-shell.verisciant-bg-guilloche-gold {
    background:
        radial-gradient(ellipse at 18% 14%, rgba(167, 122, 43, 0.16), transparent 28%),
        radial-gradient(ellipse at 84% 12%, rgba(130, 92, 28, 0.12), transparent 30%),
        repeating-radial-gradient(ellipse at 14% 19%, rgba(167, 122, 43, 0.072) 0, rgba(167, 122, 43, 0.072) 1px, transparent 1px, transparent 8px),
        repeating-radial-gradient(ellipse at 87% 17%, rgba(121, 82, 24, 0.055) 0, rgba(121, 82, 24, 0.055) 1px, transparent 1px, transparent 9px),
        repeating-linear-gradient(66deg, rgba(121, 82, 24, 0.034) 0, rgba(121, 82, 24, 0.034) 1px, transparent 1px, transparent 12px),
        repeating-linear-gradient(116deg, rgba(167, 122, 43, 0.03) 0, rgba(167, 122, 43, 0.03) 1px, transparent 1px, transparent 14px),
        linear-gradient(180deg, #fcfaf1 0%, #f1ead6 100%);
}

body.verisciant-shell.verisciant-bg-guilloche-gold .site-shell {
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 253, 248, 0.62), transparent 24%),
        repeating-linear-gradient(70deg, rgba(121, 82, 24, 0.032) 0, rgba(121, 82, 24, 0.032) 1px, transparent 1px, transparent 10px);
}

body.verisciant-shell.verisciant-bg-guilloche-gold::after {
    content: "fond: guilloche or";
}

body.verisciant-shell.verisciant-bg-guilloche-green {
    background:
        radial-gradient(ellipse at 18% 14%, rgba(48, 99, 76, 0.15), transparent 28%),
        radial-gradient(ellipse at 84% 12%, rgba(102, 123, 68, 0.12), transparent 30%),
        repeating-radial-gradient(ellipse at 14% 20%, rgba(48, 99, 76, 0.068) 0, rgba(48, 99, 76, 0.068) 1px, transparent 1px, transparent 8px),
        repeating-radial-gradient(ellipse at 87% 17%, rgba(102, 123, 68, 0.05) 0, rgba(102, 123, 68, 0.05) 1px, transparent 1px, transparent 9px),
        repeating-linear-gradient(64deg, rgba(35, 74, 57, 0.032) 0, rgba(35, 74, 57, 0.032) 1px, transparent 1px, transparent 12px),
        repeating-linear-gradient(116deg, rgba(102, 123, 68, 0.03) 0, rgba(102, 123, 68, 0.03) 1px, transparent 1px, transparent 14px),
        linear-gradient(180deg, #f7faf3 0%, #e8efe0 100%);
}

body.verisciant-shell.verisciant-bg-guilloche-green .site-shell {
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 253, 248, 0.58), transparent 24%),
        repeating-linear-gradient(70deg, rgba(48, 99, 76, 0.032) 0, rgba(48, 99, 76, 0.032) 1px, transparent 1px, transparent 10px);
}

body.verisciant-shell.verisciant-bg-guilloche-green::after {
    content: "fond: guilloche vert";
}

body.verisciant-shell.verisciant-bg-fiduciary::after,
body.verisciant-shell.verisciant-bg-archive::after,
body.verisciant-shell.verisciant-bg-ledger::after,
body.verisciant-shell.verisciant-bg-guilloche-blue::after,
body.verisciant-shell.verisciant-bg-guilloche-gold::after,
body.verisciant-shell.verisciant-bg-guilloche-green::after {
    display: none;
    content: none;
}