* {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        body {
            font-family: 'Inter','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
            background: linear-gradient(135deg, #020617 0%, #1e40af 45%, #38bdf8 100%);
            color: #2d3436;
            line-height: 1.7;
            min-height: 100vh
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px
        }

        .container-fluid {
            max-width: 100%;
            padding: 0 20px
        }

        .top-bar {
            background: linear-gradient(90deg, #020617 0%, #312e81 45%, #60a5fa 100%);
            color: #fff;
            padding: 14px 0;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: 0 4px 15px rgba(0,0,0,.2)
        }

            .top-bar .container-fluid {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                gap: 10px
            }

        .pill {
            background: rgba(255,255,255,.2);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: .9em
        }

        .top-actions {
            display: flex;
            gap: 10px;
            align-items: center
        }

        .btn {
            display: inline-block;
            padding: 10px 24px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all .3s;
            border: none;
            cursor: pointer;
            font-size: .95em
        }

            .btn.dark {
                background: linear-gradient(135deg,#7e22ce 0%,#2a5298 100%);
                color: #fff;
                box-shadow: 0 4px 20px rgba(126,34,206,.5);
                font-weight: 700
            }

                .btn.dark:hover {
                    transform: translateY(-3px);
                    box-shadow: 0 8px 25px rgba(126,34,206,.7);
                    background: linear-gradient(135deg,#8b3adc 0%,#34679e 100%)
                }

            .btn.secondary {
                background: #fff;
                color: #7e22ce;
                border: 2px solid #7e22ce;
                font-weight: 600
            }

                .btn.secondary:hover {
                    background: #7e22ce;
                    color: #fff;
                    box-shadow: 0 4px 15px rgba(126,34,206,.3)
                }

        header {
            background: rgba(255,255,255,.95);
            padding: 20px 30px;
            box-shadow: 0 2px 10px rgba(0,0,0,.1);
            margin-bottom: 30px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 20px
        }

        .logo {
            width: 65px;
            height: 65px;
            background: linear-gradient(135deg,#7e22ce 0%,#2a5298 100%);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 800;
            font-size: 1.6em;
            box-shadow: 0 4px 15px rgba(126,34,206,.4)
        }

        .brand {
            font-size: 1.5em;
            font-weight: 700;
            color: #333
        }

        .tag {
            background: linear-gradient(135deg,#7e22ce 0%,#2a5298 100%);
            color: #fff;
            padding: 5px 14px;
            border-radius: 20px;
            font-size: .7em;
            margin-left: 10px;
            font-weight: 700;
            box-shadow: 0 2px 8px rgba(126,34,206,.3)
        }

        .breadcrumbs {
            color: #999;
            font-size: .9em;
            margin-top: 5px
        }

        h1 {
            color: #333;
            font-size: 2.2em;
            margin-bottom: 15px;
            line-height: 1.3
        }

        h2 {
            color: #7e22ce;
            font-size: 1.9em;
            margin: 28px 0 18px;
            font-weight: 800
        }

        h3 {
            color: #2a5298;
            font-size: 1.5em;
            margin: 22px 0 14px;
            font-weight: 700
        }

        .hero {
            background: rgba(255,255,255,.95);
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,.1);
            margin-bottom: 30px
        }

        .note {
            color: #666;
            font-size: 1em;
            margin: 15px 0
        }

        .cta-row {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 25px
        }

        .promo {
            background: rgba(255,255,255,.95);
            padding: 35px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,.1);
            margin-bottom: 30px
        }

            .promo h2 {
                text-align: center;
                margin-bottom: 25px
            }

        .promo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
            gap: 20px;
            margin-bottom: 20px
        }

        .promo-card {
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            overflow: hidden;
            transition: transform .3s, box-shadow .3s
        }

            .promo-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 25px rgba(0,0,0,.15)
            }

        .promo-banner {
            background: linear-gradient(135deg,#7e22ce 0%,#2a5298 100%);
            color: #fff;
            padding: 24px;
            text-align: center;
            border-bottom: 4px solid rgba(255,255,255,.2)
        }

        .promo-site {
            font-weight: 700;
            font-size: 1.1em;
            margin-bottom: 8px
        }

        .promo-amount {
            font-size: 1.8em;
            font-weight: 800
        }

        .promo-body {
            padding: 20px;
            background: #fff
        }

        .promo-desc {
            color: #666;
            margin-bottom: 15px;
            min-height: 40px
        }

        .promo-cta {
            display: block;
            text-align: center;
            background: #7e22ce;
            color: #fff;
            padding: 14px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 700;
            transition: all .3s;
            box-shadow: 0 3px 10px rgba(126,34,206,.3)
        }

            .promo-cta:hover {
                background: #2a5298;
                transform: translateY(-2px);
                box-shadow: 0 5px 15px rgba(126,34,206,.5)
            }

        .grid {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 25px;
            margin-bottom: 30px
        }

        .panel {
            background: rgba(255,255,255,.95);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,.1)
        }

        .list {
            list-style: none
        }

            .list li {
                margin: 12px 0
            }

            .list a {
                color: #7e22ce;
                text-decoration: none;
                transition: all .3s;
                font-weight: 500
            }

                .list a:hover {
                    color: #2a5298;
                    text-decoration: underline;
                    font-weight: 600
                }

        .toc {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

            .toc a {
                background: #f5f5f5;
                padding: 8px 14px;
                border-radius: 20px;
                color: #7e22ce;
                text-decoration: none;
                font-size: .9em;
                transition: all .3s;
                border: 1px solid #e0e0e0
            }

                .toc a:hover {
                    background: #7e22ce;
                    color: #fff;
                    border-color: #7e22ce;
                    box-shadow: 0 3px 10px rgba(126,34,206,.3)
                }

        .kbd {
            background: #f4f4f4;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 2px 6px;
            font-family: monospace;
            font-size: .9em
        }

        article p {
            margin: 15px 0;
            color: #555
        }

        article ol, article ul {
            margin: 15px 0;
            padding-left: 30px
        }

        article li {
            margin: 8px 0;
            color: #555
        }

        .footer {
            background: rgba(255,255,255,.95);
            padding: 30px;
            text-align: center;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,.1);
            color: #666
        }

        @media (max-width:992px) {
            .grid {
                grid-template-columns: 1fr
            }

            .top-bar .container-fluid {
                flex-direction: column;
                text-align: center
            }

            .top-actions {
                width: 100%;
                justify-content: center
            }
        }

        @media (max-width:768px) {
            h1 {
                font-size: 1.6em
            }

            h2 {
                font-size: 1.4em
            }

            .brand {
                font-size: 1.2em
            }

            .promo-grid {
                grid-template-columns: 1fr
            }

            .cta-row {
                flex-direction: column;
                align-items: stretch
            }

            .btn {
                text-align: center
            }
        }
    

/* Option B design: retains the original site's navy, blue and violet palette. */
:root{--surface:#fff;--ink:#233148;--accent:#7e22ce;--blue:#2a5298;--line:#dce5f5}
body{font-family:Inter,'Segoe UI',Arial,sans-serif}a{color:#5b28ac}a:hover{text-decoration:underline}
.top-bar a{color:#fff}.top-bar .container-fluid{max-width:1300px;margin:auto}.top-bar .brandmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:1.1rem;font-weight:800}.brandmark img{max-width:190px;height:auto;max-height:55px}.nav-main{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-main a{display:inline-block;border-radius:7px;padding:9px 11px;font-size:13px;font-weight:650;color:#fff;text-decoration:none}.nav-main a:hover,.nav-main a[aria-current=page]{background:#ffffff29;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:30px 20px 62px}.hero,.panel,.footer{background:#fffffffa}.hero p{margin:14px 0;color:#475569}.hero h1{max-width:920px}.kicker{font-size:12px;color:#5b36b6;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:10px}.lead{font-size:1.08rem;line-height:1.9}.tiny{font-size:.83rem;color:#64748b}.crumbs{font-size:13px;color:#546178;margin:0 0 15px}.crumbs a{color:#5b28ac}.crumbs span{color:#64748b}
.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;align-items:start}.hero-grid .hero{margin:0}.hero-aside{background:linear-gradient(155deg,#312e81,#2a5298);color:#fff;padding:29px;border-radius:14px;box-shadow:0 7px 22px #1725544d}.hero-aside h2,.hero-aside p{color:#fff}.hero-aside ul{padding-left:22px}.hero-aside li{margin-bottom:10px}.hero-aside a{color:#fff;text-decoration:underline}
.pillar-grid,.article-grid,.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:23px 0 35px}.p-card,.b-card{background:#fff;border:1px solid #d8e0ef;border-radius:12px;padding:25px;box-shadow:0 6px 16px #09143814;min-width:0}.p-card h2,.b-card h3{font-size:1.26rem;margin:3px 0 11px}.p-card p,.b-card p{font-size:.95rem;color:#4c5b70;margin-bottom:15px}.p-card a,.b-card a{font-weight:750}.p-card .number{font-size:.73rem;letter-spacing:.1em;color:#634ac0;font-weight:800;text-transform:uppercase}.b-card .eyebrow{font-size:11px;color:#7258ba;font-weight:700;text-transform:uppercase}
.story{background:#fff;border:1px solid #dce3f0;border-radius:15px;padding:32px 35px;box-shadow:0 8px 22px #07142926}.story h2{font-size:1.6rem;color:#7024bb;margin:29px 0 15px}.story h2:first-child{margin-top:0}.story h3{font-size:1.24rem;margin:22px 0 11px}.story p{font-size:15.5px;line-height:1.91;margin:0 0 17px;color:#344157}.story ul,.story ol{padding-left:25px;margin:12px 0 24px}.story li{font-size:15px;line-height:1.82;color:#344157;margin-bottom:9px}.story strong{color:#202b42}.story a{color:#6d28b8;text-decoration:underline;text-underline-offset:2px}.story a:hover{color:#2a5298}.inline-note{border-left:4px solid #7e22ce;background:#f6f0ff;border-radius:7px;padding:17px 20px;margin:23px 0;color:#3b3659;line-height:1.8}.story blockquote{background:#f3f6fd;border-left:4px solid #2a5298;padding:20px 22px;margin:24px 0;color:#273751;font-style:normal}.story table{border-collapse:collapse;width:100%;font-size:14px;min-width:570px}.story th,.story td{text-align:left;border-bottom:1px solid #dce5f2;padding:13px;vertical-align:top}.story th{background:#e7eafe;color:#27355a}.scroll-table{overflow-x:auto;border:1px solid #e2e8f3;border-radius:9px;margin:20px 0 28px}
.story-shell{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start;margin-bottom:24px}.sidebar .panel{padding:23px;margin:0 0 18px}.sidebar h2{font-size:1.13rem;color:#5e279c;margin:0 0 12px}.sidebar ul{margin:5px 0 0;list-style:none;padding:0}.sidebar li{padding:9px 0;border-top:1px solid #e7eaf0;font-size:13px}.sidebar a{font-weight:600;text-decoration:none}.sidebar a:hover{text-decoration:underline}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:27px;text-align:left}.footer h2{font-size:1rem;color:#272c41;margin:0 0 13px}.footer p{font-size:13px;line-height:1.85;color:#55637c}.footer a{color:#6b21a8;display:inline-block;padding:5px 0;font-size:13px}.footer ul{list-style:none;padding:0}.footer small{font-size:12px;color:#65748d}
.flag{background:#f3f4ff;border-radius:8px;padding:13px 15px;border:1px solid #e5e6ff;font-size:13px;color:#4c3c74}.card-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.card-list div{padding:16px;border:1px solid #e2e8f3;border-radius:9px;background:#f8faff}.card-list strong{display:block;margin-bottom:6px}
.section-title{font-size:1.56rem;background:#fff;border:1px solid #e0e7f5;border-radius:12px;margin:24px 0 14px;padding:19px 23px;color:#5f259d}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions a{background:#6d28d9;color:#fff;border-radius:9px;padding:11px 17px;font-weight:700;text-decoration:none;font-size:14px}.hero-actions a.secondary{background:#eef2ff;color:#443884}.hero-actions a:hover{text-decoration:none;background:#2a5298;color:#fff}
@media(max-width:950px){.story-shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sidebar .panel{margin:0}.hero-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pillar-grid,.article-grid,.brand-grid{grid-template-columns:1fr}.footer-inner,.sidebar{grid-template-columns:1fr}.story,.hero,.p-card,.b-card{padding:23px 20px}.wrap{padding:18px 12px 34px}.nav-main{justify-content:flex-start}.nav-main a{padding:6px 8px;font-size:12px}.top-bar .container-fluid{align-items:flex-start}.hero h1{font-size:1.8rem}.card-list{grid-template-columns:1fr}}