    :root{
      --bg:#FBFBFC; --s1:#F3F5F7; --s2:#E8EBEF; --cream:#F2FAFB; --hairline:#DBE8EA; --strong:#C6D6D9;
      --ink:#0B2026; --ink2:#38525A; --ink3:#566A70;
      --indigo:#0E5C6B; --indigo-h:#0E4C57; --indigo-deep:#0A2730; --indigo-tint:#EDF1F4;
      --brass:#16BBD1; --brass-ink:#0E6B79; --brass-soft:#5BD0E0; --brass-tint:#DEF3F6;
      --serif:"Inter Tight",-apple-system,sans-serif; --sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
      --max:1120px;
      --sh-sm:0 1px 2px rgba(16,24,40,.05);
      --sh-md:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(8,55,70,.07);
      --sh-lg:0 18px 48px rgba(8,55,70,.13);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:84px}
    body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;letter-spacing:-0.003em}
    a{text-decoration:none;color:inherit}
    h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-0.021em;color:var(--ink)}
    .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:var(--indigo)}
    .eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--indigo) 0%,#3FC6D8 100%)}
    .eyebrow.ey-brass{color:var(--brass-ink)}
    .eyebrow.ey-brass::before{background:linear-gradient(90deg,var(--brass) 0%,var(--brass-soft) 100%)}
    .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:-0.01em;padding:12px 22px;border-radius:10px;transition:.16s}
    .btn-primary{background:linear-gradient(180deg,#15788A 0%,var(--indigo) 60%,#0E4F5C 100%);color:#fff;box-shadow:0 1px 2px rgba(6,40,52,.18),0 6px 16px rgba(10,75,90,.22)}
    .btn-primary:hover{background:linear-gradient(180deg,#104E5A 0%,var(--indigo-h) 100%);transform:translateY(-1px);box-shadow:0 2px 4px rgba(6,40,52,.2),0 12px 26px rgba(10,75,90,.28)}
    .btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--strong);box-shadow:var(--sh-sm)}
    .btn-secondary:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-tint)}
    a:focus-visible,.btn:focus-visible{outline:3px solid rgba(22,150,170,.35);outline-offset:2px}

    header{position:sticky;top:0;z-index:50;background:rgba(252,252,251,.8);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--hairline)}
    header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
    .brandwrap{display:flex;align-items:baseline;gap:11px}
    /* Lockup: cap-height mark + tight 0.32em gap, Inter Tight 680. Size-conditional brass bullet. */
    .brand{display:inline-flex;align-items:center;line-height:1;font-size:21px}
    .brand .bmk{height:.72em;width:.72em;flex:none;margin-right:.32em;margin-bottom:.015em}
    .brand .bwm{font-family:var(--serif);font-weight:680;font-size:1em;letter-spacing:-0.04em;color:var(--ink);line-height:1}
    .brand .bwm .dot{color:var(--brass);margin-left:.01em}
    .brand b{color:var(--indigo)}
    .entity{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink3);padding-left:11px;border-left:1px solid var(--strong)}
    nav{display:flex;align-items:center;gap:30px}
    nav a.lnk{position:relative;font-size:14.5px;font-weight:500;color:var(--ink2);padding:4px 0}
    nav a.lnk::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brass) 0%,var(--brass-soft) 100%);transition:right .2s ease}
    nav a.lnk:hover{color:var(--ink)}
    nav a.lnk:hover::after{right:0}
    #m{display:none}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
    .burger span{width:22px;height:2px;background:var(--ink);border-radius:2px}

    /* Hero */
    .hero{position:relative;text-align:center;padding:80px 0 72px;overflow:hidden}
    .hero::before{content:"";position:absolute;inset:0;z-index:-1;
      background:
        radial-gradient(64% 70% at 50% -12%, rgba(22,150,170,.16) 0%, rgba(22,150,170,.11) 40%, rgba(22,150,170,.02) 60%, rgba(22,150,170,0) 78%),
        radial-gradient(52% 60% at 88% -4%, rgba(22,187,209,.07) 0%, rgba(22,187,209,.05) 44%, rgba(22,187,209,0) 72%),
        radial-gradient(40% 48% at 10% 4%, rgba(40,185,205,.05) 0%, rgba(40,185,205,.02) 46%, rgba(40,185,205,0) 70%),
        linear-gradient(180deg,#FBFEFE 0%,#FBFCFE 100%);
      background-blend-mode:normal}
    .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E")}
    .hero .hline{position:absolute;left:0;right:0;bottom:0;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,var(--hairline) 30%,var(--hairline) 70%,transparent)}
    .pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--hairline);box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(10,75,90,.06);border-radius:999px;padding:6px 16px 6px 13px;font-size:13px;font-weight:600;letter-spacing:.005em;color:var(--ink2);margin-bottom:30px}
    .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 3px var(--brass-tint)}
    .hero h1{font-size:clamp(30px,4.6vw,42px);line-height:1.12;letter-spacing:-0.02em;max-width:24ch;margin:0 auto 18px;text-wrap:balance;word-break:keep-all}
    .hero h1 br{display:none}
    @media (min-width:600px){.hero h1 br{display:inline}}
    .hero p.lede{font-size:20px;color:var(--ink2);line-height:1.55;max-width:54ch;margin:0 auto 30px}
    .hero .btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
    .hero .btns .btn{min-width:148px}

    /* Feature section */
    section.feat{padding:68px 0;background:var(--s1);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
    .feat .head{max-width:52ch;margin-bottom:36px}
    .feat .head h2{font-size:clamp(28px,3.5vw,41px);line-height:1.12;letter-spacing:-0.022em;margin:14px 0 0;max-width:18ch;text-wrap:balance}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .card{position:relative;background:#fff;border:1px solid var(--hairline);border-radius:18px;padding:32px 30px 34px;box-shadow:var(--sh-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
    .card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--indigo) 0%,#1FA7BC 45%,var(--brass-soft) 100%);opacity:0;transition:opacity .2s ease}
    .card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--strong)}
    .card:hover::before{opacity:1}
    .card .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
    .card .ic svg{width:23px;height:23px}
    .card .ic.i{background:linear-gradient(155deg,#E2F4F7 0%,#BFE8EE 100%)}.card .ic.i svg{color:var(--indigo)}
    .card .ic.b{background:linear-gradient(155deg,#DEF4F7 0%,#BFE9EF 100%)}.card .ic.b svg{color:var(--brass-ink)}
    .card .ey{font-size:11px;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:var(--indigo);margin-bottom:11px}
    .card .ey.ey-b{color:var(--brass-ink)}
    .card h3{font-size:21px;line-height:1.25;letter-spacing:-0.015em;margin-bottom:11px}
    .card p{font-size:15.5px;color:var(--ink2);line-height:1.62;min-height:3.24em}

    /* About */
    .about{position:relative;scroll-margin-top:84px;background:var(--s1);border-top:1px solid var(--hairline);overflow:hidden}
    .about .wrap{position:relative;z-index:1;padding:70px 28px;display:grid;grid-template-columns:0.66fr 1fr;gap:56px;align-items:start}
    .about h2{font-size:clamp(28px,3.5vw,41px);line-height:1.14;letter-spacing:-0.022em;margin:14px 0 0}
    .about p{font-size:17px;color:var(--ink2);line-height:1.75;margin-top:18px;max-width:54ch}
    .about .abody p:first-child{margin-top:0}
    .cats{scroll-margin-top:84px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(14,107,121,.18)}
    .cats .eyebrow{margin-bottom:12px}
    .catlist{font-size:15px;font-weight:500;color:var(--ink);margin-top:0;letter-spacing:-0.005em}
    .idcol{display:flex;flex-direction:column;gap:14px}
    .idverify{align-self:start;font-size:13px;font-weight:600;color:var(--indigo);letter-spacing:-0.005em;text-decoration:none;padding:2px 0;transition:color .15s ease}
    .idverify:hover{color:var(--indigo-h);text-decoration:underline}
    .idcard{position:relative;background:#fff;border:1px solid var(--hairline);border-radius:20px;box-shadow:var(--sh-lg);padding:24px 32px 26px;overflow:hidden}
    .idcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--indigo) 0%,#1FA7BC 45%,var(--brass-soft) 100%)}
    .idcard .top{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
    .idcard .w{font-family:var(--serif);font-weight:680;font-size:20px;letter-spacing:-0.04em}
    .idcard .w b{color:var(--brass);font-weight:680}
    .idcard .badge{font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#0C5662;background:var(--brass-tint);border:1px solid rgba(14,107,121,.22);padding:5px 11px;border-radius:999px}
    .idcard .r{padding:15px 0}
    .idcard .r + .r{border-top:1px solid var(--hairline)}
    .idcard .r:last-child{padding-bottom:2px}
    .idcard .r .k{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
    .idcard .r .v{font-size:14.5px;color:var(--ink);line-height:1.5}
    .idcard .r .v a{color:var(--indigo);font-weight:600}
    .idcard .r .v a:hover{color:var(--indigo-h);text-decoration:underline}

    /* CTA band */
    .cta{position:relative;scroll-margin-top:84px;padding:72px 0;text-align:center;overflow:hidden;background:linear-gradient(140deg,var(--indigo-deep) 0%,var(--indigo) 54%,#13707F 100%)}
    .cta::before{content:"";position:absolute;inset:0;z-index:0;background:
      radial-gradient(66% 160% at 88% -6%, rgba(91,208,224,.30) 0%, rgba(91,208,224,.10) 40%, rgba(91,208,224,0) 72%),
      radial-gradient(58% 140% at 2% 120%, rgba(60,200,220,.22) 0%, rgba(60,200,220,.05) 46%, rgba(60,200,220,0) 76%)}
    .cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;mix-blend-mode:overlay;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='0.04'/%3E%3C/svg%3E")}
    .cta .wrap{position:relative;z-index:1}
    .cta h2{color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-0.022em;margin-bottom:15px}
    .cta p{font-size:18px;color:rgba(255,255,255,.82);max-width:44ch;margin:0 auto 32px}
    .cta .btn-light{background:#fff;color:var(--indigo-deep);box-shadow:0 1px 2px rgba(0,0,0,.12),0 10px 30px rgba(3,25,35,.35)}
    .cta .btn-light:hover{background:#ECFAFB;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.16),0 16px 38px rgba(3,25,35,.42)}

    footer{position:relative;background:linear-gradient(180deg,#F8F9FB 0%,#EFF1F4 100%);border-top:1px solid var(--hairline);padding:48px 0 30px}
    footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(22,150,170,.35) 0%,rgba(22,150,170,.12) 50%,transparent 100%)}
    footer .top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid var(--hairline)}
    footer .brand{font-size:23px}
    .faddr{color:var(--ink2);font-size:14px;line-height:1.7;margin-top:14px}
    footer h4{font-size:11px;letter-spacing:0.11em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px;font-weight:700}
    footer .col a{display:block;color:var(--ink2);font-size:14px;margin-bottom:10px}
    footer .col a:hover{color:var(--ink)}
    .fbottom{padding-top:24px;color:var(--ink2);font-size:13px;line-height:1.7;max-width:84ch}

    @media (max-width:820px){
      .burger{display:flex}
      .entity{display:none}
      nav{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--hairline);flex-direction:column;align-items:stretch;gap:0;padding:8px 0;display:none}
      #m:checked ~ nav{display:flex}
      nav a.lnk{padding:13px 28px}
      .cards{grid-template-columns:1fr}
      .card p{min-height:0}
      .about .wrap{grid-template-columns:1fr;gap:32px}
      footer .top{grid-template-columns:1fr 1fr}
    }
    @media (max-width:520px){
      .hero{padding:88px 0 84px}
      .hero .btns{flex-direction:column;align-items:stretch}
      .hero .btns .btn{width:100%}
    }
    /* Content-pass sections */
    .principles{padding:70px 0;border-top:1px solid var(--hairline);background:var(--bg)}
    .principles h2{font-size:clamp(28px,3.5vw,41px);line-height:1.13;letter-spacing:-0.022em;margin:13px 0 0;max-width:16ch}
    .plist{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:34px 60px}
    .pitem{display:flex;gap:16px;align-items:flex-start}
    .pitem .pn{font-family:var(--serif);font-weight:700;font-size:13px;color:var(--brass-ink);letter-spacing:0.05em;padding-top:4px;min-width:22px}
    .pitem h3{font-size:18px;line-height:1.3;letter-spacing:-0.012em;margin-bottom:6px}
    .pitem p{font-size:15px;color:var(--ink2);line-height:1.62;max-width:42ch}
    .partner{background:var(--bg);border-top:1px solid var(--hairline);padding:68px 0}
    .partner h2{font-size:clamp(28px,3.5vw,41px);line-height:1.13;letter-spacing:-0.022em;margin:13px 0 0;max-width:18ch}
    .partner .lead{font-size:18px;color:var(--ink2);line-height:1.7;max-width:54ch;margin:16px 0 0}
    .pgrid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}
    .pgrid .pg h3{font-size:16px;letter-spacing:-0.01em;margin-bottom:6px}
    .pgrid .pg h3::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--brass);margin-right:9px;vertical-align:middle}
    .pgrid .pg p{font-size:14.5px;color:var(--ink2);line-height:1.6;max-width:44ch}
    @media(max-width:820px){.plist,.pgrid{grid-template-columns:1fr}}
    .skip{position:absolute;left:-9999px;top:8px;background:var(--indigo);color:#fff;padding:10px 16px;border-radius:8px;z-index:100;font-weight:600;font-size:14px}
    .skip:focus{left:8px}

/* ============ Secondary pages ============ */
.pagehead{position:relative;padding:74px 0 42px;text-align:center;overflow:hidden;border-bottom:1px solid var(--hairline);background:linear-gradient(180deg,#FBFEFE 0%,var(--bg) 100%)}
.pagehead::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(58% 80% at 50% -22%, rgba(22,150,170,.12) 0%, rgba(22,150,170,0) 70%)}
.pagehead h1{font-size:clamp(30px,4.4vw,44px);line-height:1.1;letter-spacing:-0.022em;max-width:20ch;margin:14px auto 0;text-wrap:balance}
.pagehead p.lead{font-size:19px;color:var(--ink2);line-height:1.55;max-width:56ch;margin:16px auto 0}

.prose{padding:62px 0}
.prose .wrap{max-width:740px}
.prose h2{font-size:clamp(21px,2.5vw,28px);line-height:1.22;letter-spacing:-0.018em;margin:40px 0 0}
.prose h2:first-child{margin-top:0}
.prose p{font-size:17px;color:var(--ink2);line-height:1.78;margin-top:15px}
.prose p strong{color:var(--ink);font-weight:600}

.numlist{padding:60px 0;border-top:1px solid var(--hairline);background:var(--s1)}
.numlist .wrap{max-width:860px}
.nitem{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:26px 0;border-top:1px solid var(--hairline);align-items:start}
.nitem:first-of-type{border-top:none}
.nitem .nn{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--brass-ink);letter-spacing:0.05em;padding-top:5px}
.nitem h3{font-size:20px;line-height:1.25;letter-spacing:-0.015em;margin-bottom:8px}
.nitem p{font-size:16px;color:var(--ink2);line-height:1.7;max-width:60ch}

.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start;padding:62px 0}
.contact-grid .lead2{font-size:18px;color:var(--ink2);line-height:1.7}
.contact-grid .lead2 + p{font-size:16px;color:var(--ink2);line-height:1.7;margin-top:16px}
.cinfo .crow{padding:18px 0;border-top:1px solid var(--hairline)}
.cinfo .crow:first-child{border-top:none;padding-top:0}
.cinfo .ck{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.cinfo .cv{font-size:16px;color:var(--ink);line-height:1.55}
.cinfo .cv a{color:var(--indigo);font-weight:600}
.cinfo .cv a:hover{text-decoration:underline}
.cinfo .cv a.verify{display:inline-block;margin-top:6px;font-size:13px}
.cinfo .crow.primary .ck{color:var(--brass-ink)}
.cinfo .crow.primary .cv a{font-size:17px}
.cinfo .cv .vnote{display:block;margin-top:3px;font-size:12px;color:var(--ink3);font-weight:400}

/* Credential rail on home About */
.about .cred{margin-top:26px;padding-top:22px;border-top:1px solid rgba(14,107,121,.18)}
.about .cred .credrow{font-size:14px;color:var(--ink);line-height:1.75}
.about .cred .credrow .ck{display:inline-block;min-width:120px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3)}
.about .cred .verify{display:inline-block;margin-top:13px;font-size:13px;font-weight:600;color:var(--indigo)}
.about .cred .verify:hover{text-decoration:underline}

@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:34px}.nitem{grid-template-columns:1fr;gap:6px}}

