.finance-deck {
            color: var(--color-text);
            font-family: 'Roboto', system-ui, -apple-system, sans-serif;
        }

        .finance-deck *,
        .finance-deck *::before,
        .finance-deck *::after {
            box-sizing: border-box;
        }

        .finance-panel {
            min-height: 100svh;
            scroll-snap-align: start;
            display: grid;
            align-items: center;
            padding: clamp(5.5rem, 10vh, 8rem) clamp(1.5rem, 6vw, 6rem) clamp(2rem, 5vh, 4rem);
            position: relative;
        }

        .finance-inner {
            width: min(1200px, 100%);
            margin: auto;
            display: grid;
            gap: clamp(1.5rem, 3vw, 2.5rem);
        }

        .finance-panel h1,
        .finance-panel h2,
        .finance-panel h3 {
            font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
            font-weight: 700;
            letter-spacing: -0.035em;
        }

        .finance-panel h1 {
            max-width: 10ch;
            margin: 0 0 1rem;
            font-size: clamp(3.1rem, 7vw, 6.8rem);
            line-height: 0.98;
        }

        .finance-panel h2 {
            max-width: 12ch;
            margin: 0;
            font-size: clamp(2.5rem, 6vw, 5.5rem);
            line-height: 1.02;
        }

        .finance-panel h3 {
            margin: 0;
            font-size: clamp(1.35rem, 2vw, 1.75rem);
            line-height: 1.15;
        }

        .finance-panel p {
            margin: 0;
            line-height: 1.7;
        }

        .finance-eyebrow {
            display: inline-block;
            margin-bottom: 0.8rem;
            color: var(--color-primary-text);
            font-size: 0.78rem;
            font-weight: 500;
            letter-spacing: 0.17em;
            text-transform: uppercase;
        }

        .finance-lead {
            max-width: 48ch;
            font-size: clamp(1.05rem, 1.5vw, 1.25rem);
        }

        .finance-hero {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .finance-surface {
            background: var(--color-surface);
            color: var(--color-text);
        }

        .finance-dark {
            background: var(--color-text);
            color: var(--color-bg);
        }

        .finance-tonal {
            background: var(--color-tonal-bg);
            color: var(--color-tonal-text);
        }

        .finance-secondary {
            background: var(--color-secondary);
            color: var(--color-on-secondary);
        }

        .finance-category {
            background: var(--color-category-0);
            color: var(--color-on-category-0);
        }

        .finance-split {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
            align-items: center;
        }

        .finance-reverse .finance-copy {
            grid-column: 2;
            grid-row: 1;
        }

        .finance-reverse .risk-board {
            grid-column: 1;
            grid-row: 1;
        }

        .finance-copy {
            display: grid;
            align-content: center;
            gap: 1.25rem;
        }

        .finance-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.75rem;
            margin-top: 0.5rem;
        }

        .finance-button {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            padding: 0.8rem 1.35rem;
            border: 1px solid transparent;
            border-radius: 999px;
            font: 500 1rem 'Roboto', system-ui, sans-serif;
            text-decoration: none;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .finance-button:hover {
            transform: scale(1.02);
            text-decoration: none;
        }

        .finance-button-primary {
            background: var(--color-primary);
            color: var(--color-on-primary);
            box-shadow: var(--shadow-medium);
        }

        .finance-button-outline {
            background: transparent;
            color: inherit;
            border-color: var(--color-border);
        }

        .finance-button-outline:hover {
            border-color: var(--color-indicator);
        }

        .finance-dashboard-photo {
            position: relative;
            min-height: 390px;
            height: clamp(390px, 54vh, 570px);
            overflow: hidden;
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            box-shadow: var(--shadow-medium);
        }

        .finance-dashboard-photo > img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .dashboard-overlay {
            position: absolute;
            inset: auto 1rem 1rem;
            padding: clamp(1rem, 2vw, 1.5rem);
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: var(--shadow-medium);
        }

        .dashboard-topline,
        .dashboard-tabs,
        .dashboard-kpis {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.7rem;
        }

        .dashboard-topline {
            margin-bottom: 0.8rem;
            font-size: 0.85rem;
            font-weight: 500;
        }

        .dashboard-tabs {
            justify-content: flex-start;
            margin-bottom: 1rem;
        }

        .dashboard-tab {
            padding: 0.45rem 0.75rem;
            border: 1px solid var(--color-border);
            border-radius: 999px;
            background: transparent;
            color: var(--color-text);
            font: 500 0.82rem 'Roboto', system-ui, sans-serif;
            cursor: pointer;
        }

        .dashboard-tab[aria-pressed="true"] {
            border-color: var(--color-indicator);
            background: var(--color-tonal-bg);
            color: var(--color-tonal-text);
        }

        .dashboard-kpis {
            align-items: stretch;
        }

        .dashboard-kpi {
            flex: 1;
            padding: 0.75rem;
            border-left: 2px solid var(--color-indicator);
            background: var(--color-bg);
        }

        .dashboard-kpi span {
            display: block;
            color: var(--color-muted);
            font-size: 0.72rem;
        }

        .dashboard-kpi strong {
            display: block;
            margin-top: 0.2rem;
            font-size: clamp(1rem, 2vw, 1.45rem);
        }

        .finance-caption {
            margin-top: 0.7rem;
            color: var(--color-muted);
            font-size: 0.72rem;
        }

        .metric-intro {
            max-width: 58ch;
        }

        .metric-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 1rem;
            align-items: stretch;
        }

        .metric-item {
            min-height: 190px;
            grid-column: span 3;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 1.2rem;
            padding: 1.4rem;
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-tonal-bg);
            color: var(--color-tonal-text);
            box-shadow: var(--shadow-medium);
            transition: transform 0.2s ease;
        }

        .metric-item:nth-child(2) {
            grid-column: span 3;
            background: var(--color-tonal-surface);
        }

        .metric-item:nth-child(3) {
            grid-column: span 3;
            background: var(--color-category-0);
            color: var(--color-on-category-0);
        }

        .metric-item:nth-child(4) {
            grid-column: span 3;
            background: var(--color-category-1);
            color: var(--color-on-category-1);
        }

        .metric-item:hover,
        .campaign-card:hover,
        .governance-item:hover {
            transform: scale(1.02);
        }

        .metric-icon,
        .governance-icon {
            width: 2.75rem;
            height: 2.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(109,150,159, 0.16);
            color: var(--color-primary-text);
            font-size: 1.25rem;
        }

        .metric-value {
            display: block;
            font-family: 'Fraunces', Georgia, serif;
            font-size: clamp(2.3rem, 4vw, 3.5rem);
            line-height: 1;
            letter-spacing: -0.04em;
        }

        .metric-item p {
            font-size: 0.92rem;
        }

        .metric-filter {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.65rem;
        }

        .metric-filter label,
        .risk-controls label {
            font-size: 0.88rem;
            font-weight: 500;
        }

        .finance-select {
            min-height: 42px;
            padding: 0.45rem 2rem 0.45rem 0.75rem;
            border: 1px solid var(--color-border);
            border-radius: 0;
            background: var(--color-surface);
            color: var(--color-text);
            font: 400 0.95rem 'Roboto', system-ui, sans-serif;
        }

        .risk-board {
            padding: clamp(1.25rem, 3vw, 2rem);
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: var(--shadow-medium);
        }

        .risk-board-head,
        .risk-row {
            display: grid;
            grid-template-columns: 1.2fr 1fr auto;
            align-items: center;
            gap: 0.75rem;
        }

        .risk-board-head {
            padding-bottom: 1rem;
            border-bottom: 1px solid var(--color-border);
        }

        .risk-board-head strong {
            font-size: 0.9rem;
        }

        .risk-controls {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin: 1rem 0;
        }

        .risk-row {
            padding: 0.9rem 0;
            border-bottom: 1px solid var(--color-border);
            font-size: 0.9rem;
        }

        .risk-row:last-child {
            border-bottom: 0;
        }

        .risk-level {
            padding: 0.3rem 0.55rem;
            background: var(--color-tonal-surface);
            color: var(--color-tonal-text);
            font-size: 0.78rem;
            text-align: center;
        }

        .risk-level-high {
            background: var(--color-category-0);
            color: var(--color-on-category-0);
        }

        .risk-level-low {
            background: var(--color-secondary);
            color: var(--color-on-secondary);
        }

        .risk-note {
            margin-top: 1rem !important;
            color: var(--color-muted);
            font-size: 0.78rem;
        }

        .claims-visual {
            padding: clamp(1.25rem, 3vw, 2rem);
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: var(--shadow-medium);
        }

        .claims-toolbar {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.8rem;
        }

        .claims-toolbar p {
            font-weight: 500;
        }

        .claim-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 0.45rem;
        }

        .claim-tab {
            min-height: 40px;
            padding: 0.45rem 0.75rem;
            border: 1px solid var(--color-border);
            background: transparent;
            color: var(--color-text);
            font: 500 0.85rem 'Roboto', system-ui, sans-serif;
            cursor: pointer;
        }

        .claim-tab[aria-pressed="true"] {
            border-color: var(--color-indicator);
            background: var(--color-tonal-bg);
            color: var(--color-tonal-text);
        }

        .claims-chart {
            height: 230px;
            display: flex;
            align-items: end;
            gap: clamp(0.4rem, 1.5vw, 1rem);
            margin-top: 1.5rem;
            padding: 1rem 0.5rem 0;
            border-bottom: 1px solid var(--color-border);
            background: repeating-linear-gradient(to bottom, transparent 0, transparent 48px, var(--color-border) 49px);
        }

        .claims-bar {
            flex: 1;
            min-width: 14px;
            height: var(--bar-height);
            position: relative;
            background: var(--color-primary);
            transition: height 0.25s ease;
        }

        .claims-bar:nth-child(even) {
            background: var(--color-accent);
        }

        .claims-bar span {
            position: absolute;
            right: 50%;
            bottom: -1.55rem;
            color: var(--color-muted);
            font-size: 0.68rem;
            transform: translateX(50%);
        }

        .claims-summary {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 0.75rem;
            margin-top: 2rem;
            font-size: 0.88rem;
        }

        .campaign-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
            align-items: center;
            gap: clamp(1.5rem, 4vw, 3.5rem);
        }

        .campaign-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9rem;
        }

        .campaign-table th,
        .campaign-table td {
            padding: 0.9rem 0.75rem;
            border-bottom: 1px solid var(--color-border);
            text-align: left;
        }

        .campaign-table th {
            color: var(--color-secondary-text);
            font-size: 0.76rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .campaign-table tr.is-highlighted {
            background: var(--color-tonal-bg);
            color: var(--color-tonal-text);
        }

        .campaign-card {
            padding: 1.5rem;
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-tonal-surface);
            color: var(--color-tonal-text);
            box-shadow: var(--shadow-medium);
            transition: transform 0.2s ease;
        }

        .campaign-card strong {
            display: block;
            margin: 0.3rem 0 1rem;
            font-family: 'Fraunces', Georgia, serif;
            font-size: clamp(2.8rem, 5vw, 4.2rem);
            line-height: 1;
        }

        .campaign-bars {
            display: grid;
            gap: 0.8rem;
        }

        .campaign-bar-label {
            display: flex;
            justify-content: space-between;
            gap: 0.75rem;
            font-size: 0.82rem;
        }

        .campaign-track {
            height: 9px;
            margin-top: 0.35rem;
            background: var(--color-surface);
        }

        .campaign-track span {
            display: block;
            height: 100%;
            background: var(--color-primary);
        }

        .governance-layout {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
            align-items: start;
        }

        .governance-list {
            display: grid;
            gap: 0.75rem;
        }

        .governance-item {
            display: grid;
            grid-template-columns: 2.75rem 1fr;
            align-items: start;
            gap: 1rem;
            padding: 1.15rem;
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: var(--shadow-medium);
            transition: transform 0.2s ease;
        }

        .governance-item h3 {
            margin-bottom: 0.35rem;
            font-family: 'Roboto', system-ui, sans-serif;
            font-size: 1rem;
            letter-spacing: 0;
        }

        .governance-item p {
            color: var(--color-muted);
            font-size: 0.9rem;
        }

        .governance-links {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 0.75rem;
            font-size: 0.9rem;
        }

        .governance-links a {
            color: var(--color-primary-text);
            text-decoration: underline;
            text-underline-offset: 0.2em;
        }

        .contact-panel {
            min-height: 100svh;
            display: grid;
            grid-template-rows: 1fr auto;
            background: var(--color-bg);
            color: var(--color-text);
        }

        .contact-inner {
            width: min(1000px, calc(100% - clamp(3rem, 12vw, 12rem)));
            margin: auto;
            padding: clamp(6rem, 12vh, 9rem) 0 3rem;
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
            align-items: center;
            gap: clamp(2rem, 5vw, 5rem);
        }

        .contact-form {
            display: grid;
            gap: 0.9rem;
            padding: clamp(1.25rem, 3vw, 2rem);
            border: 1px solid var(--color-border);
            border-radius: 20px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: var(--shadow-medium);
        }

        .contact-form label {
            display: grid;
            gap: 0.35rem;
            font-size: 0.88rem;
            font-weight: 500;
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            min-height: 46px;
            padding: 0.65rem 0.75rem;
            border: 1px solid var(--color-border);
            border-radius: 0;
            background: var(--color-bg);
            color: var(--color-text);
            font: 400 1rem 'Roboto', system-ui, sans-serif;
        }

        .contact-form textarea {
            min-height: 96px;
            resize: vertical;
        }

        .contact-form .finance-button {
            justify-self: start;
            margin-top: 0.25rem;
        }

        .form-note,
        .form-status {
            color: var(--color-muted);
            font-size: 0.82rem;
        }

        .contact-details {
            display: grid;
            gap: 1rem;
        }

        .contact-detail {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
        }

        .contact-detail i {
            margin-top: 0.2rem;
            color: var(--color-primary-text);
            font-size: 1.2rem;
        }

        .contact-detail a {
            color: var(--color-primary-text);
            overflow-wrap: anywhere;
        }

        .contact-strip {
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            padding: 1rem clamp(1.5rem, 6vw, 6rem);
            border-top: 1px solid var(--color-border);
            color: var(--color-muted);
            font-size: 0.8rem;
        }

        .finance-dots {
            position: fixed;
            z-index: 40;
            top: 50%;
            right: 1.5rem;
            display: grid;
            gap: 0.75rem;
            margin: 0;
            padding: 0;
            list-style: none;
            transform: translateY(-50%);
        }

        .finance-dots a {
            width: 0.72rem;
            height: 0.72rem;
            display: block;
            border: 1px solid var(--color-indicator);
            border-radius: 50%;
            background: var(--color-border);
        }

        .finance-dots a:hover,
        .finance-dots a[aria-current="true"] {
            background: var(--color-indicator);
        }

        .finance-panel:focus-within,
        .contact-panel:focus-within {
            scroll-margin-top: 1rem;
        }

        @media (min-width: 769px) {
            .finance-panel h2 {
                font-size: clamp(4.5rem, 6vw, 5.5rem);
            }
        }

        @media (max-width: 900px) {
            .metric-item,
            .metric-item:nth-child(n) {
                grid-column: span 6;
            }

            .finance-dots {
                right: 0.8rem;
            }
        }

        @media (max-width: 768px) {
            .finance-panel {
                padding-top: 6rem;
                padding-bottom: 3rem;
            }

            .finance-split,
            .campaign-layout,
            .governance-layout,
            .contact-inner {
                grid-template-columns: 1fr;
            }

            .finance-reverse .finance-copy,
            .finance-reverse .risk-board {
                grid-column: auto;
                grid-row: auto;
            }

            .finance-dashboard-photo {
                min-height: 360px;
                height: 58vh;
            }

            .metric-item,
            .metric-item:nth-child(n) {
                grid-column: span 12;
                min-height: 160px;
            }

            .finance-dots {
                display: none;
            }

            .contact-inner {
                width: calc(100% - 3rem);
                padding-top: 6.5rem;
            }

            .contact-strip {
                flex-direction: column;
            }

            .campaign-table th,
            .campaign-table td {
                padding: 0.75rem 0.45rem;
                font-size: 0.82rem;
            }
        }

        @media (max-width: 420px) {
            .dashboard-kpis {
                gap: 0.45rem;
            }

            .dashboard-kpi {
                padding: 0.55rem;
            }

            .risk-board-head,
            .risk-row {
                grid-template-columns: 1fr 0.8fr auto;
                gap: 0.4rem;
                font-size: 0.8rem;
            }

            .claims-chart {
                height: 190px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .finance-deck *,
            .finance-deck *::before,
            .finance-deck *::after {
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }