
.bg-page{
  --bg-navy:#111a4d;
  --bg-blue:#173d82;
  --bg-pink:#d95782;
  --bg-gold:#d49b24;
  --bg-purple:#6b438f;
  --bg-cream:#fbf7f0;
  --bg-ink:#343845;
  --bg-line:#e7e0d8;
  background:#fff;color:var(--bg-ink)
}
.bg-wrap{width:min(1160px,calc(100% - 42px));margin:0 auto}
.bg-kicker{font-size:11px;letter-spacing:2.3px;font-weight:900;text-transform:uppercase;color:var(--bg-gold)}
.bg-page h1,.bg-page h2,.bg-page h3{font-family:Georgia,serif;color:var(--bg-navy)}
.bg-page p{line-height:1.7}
.bg-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.12),transparent 18%),
    radial-gradient(circle at 78% 68%,rgba(213,87,130,.22),transparent 22%),
    linear-gradient(112deg,#0f1745 0%,#193c80 58%,#44336e 100%);
  color:#fff;
}
.bg-hero-grid{min-height:620px;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding:64px 0}
.bg-hero h1{color:#fff;font-size:60px;line-height:1.02;margin:10px 0 14px;max-width:680px}
.bg-script{font-family:"Segoe Script","Brush Script MT",cursive;color:#f06a95;font-size:35px;line-height:1.15;margin-bottom:18px}
.bg-hero p{font-size:17px;color:#eff3ff;max-width:640px;margin:0 0 24px}
.bg-actions{display:flex;gap:10px;flex-wrap:wrap}
.bg-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 18px;font-size:11px;font-weight:900;letter-spacing:.6px;text-decoration:none;text-transform:uppercase}
.bg-btn.pink{background:linear-gradient(90deg,#c93e70,#e1608b);color:#fff}
.bg-btn.gold{background:#e1a62b;color:#182252}
.bg-btn.outline{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.06);color:#fff}
.bg-hero-note{margin-top:22px;font-family:"Segoe Script","Brush Script MT",cursive;color:#f2c052;font-size:23px}
.bg-visual{position:relative;min-height:470px;display:grid;place-items:center}
.bg-dna{position:relative;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at center,#15275c 0 28%,rgba(255,255,255,.06) 28.5% 100%);box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 0 0 2px rgba(255,255,255,.45)}
.bg-dna:before,.bg-dna:after{content:"";position:absolute;left:50%;top:50%;width:220px;height:54px;border-top:10px solid #e9ab2d;border-bottom:10px solid #d95884;border-radius:50%;transform-origin:center}
.bg-dna:before{transform:translate(-50%,-50%) rotate(35deg)}
.bg-dna:after{transform:translate(-50%,-50%) rotate(-35deg)}
.bg-dna-core{position:absolute;inset:29%;border-radius:50%;background:linear-gradient(145deg,#16275d,#223b7f);display:grid;place-content:center;text-align:center;color:#fff;border:2px solid rgba(255,255,255,.6)}
.bg-dna-core strong{font-size:46px;color:#f0b238;line-height:1}
.bg-dna-core span{font-size:12px;font-weight:900;letter-spacing:1px}
.bg-orbits{position:absolute;inset:0}
.bg-chip{position:absolute;padding:8px 11px;border-radius:999px;background:#fff;color:#1b285d;font-weight:900;font-size:10px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.bg-c1{left:4px;top:92px}.bg-c2{right:2px;top:86px}.bg-c3{left:18px;bottom:84px}.bg-c4{right:4px;bottom:80px}.bg-c5{left:136px;top:7px}.bg-c6{left:132px;bottom:4px}
.bg-section{padding:72px 0}
.bg-section.cream{background:var(--bg-cream)}
.bg-intro{text-align:center;max-width:880px;margin:0 auto 34px}
.bg-intro h2{font-size:40px;line-height:1.12;margin:8px auto 12px;max-width:980px;text-wrap:balance}
.bg-intro p{font-size:16px;color:#606574;margin:0}
.bg-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bg-card{border:1px solid var(--bg-line);border-radius:20px;padding:30px;background:#fff;box-shadow:0 7px 20px rgba(22,30,76,.045)}
.bg-card.pinktop{border-top:6px solid var(--bg-pink)}.bg-card.purpletop{border-top:6px solid var(--bg-purple)}
.bg-card h3{font-size:28px;margin:0 0 10px}.bg-card p{font-size:13px;color:#5d6270}
.bg-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.bg-list li{position:relative;padding-left:28px;font-size:13px;line-height:1.5;color:#555b69}
.bg-list li:before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;display:grid;place-content:center;background:#fff3d4;color:#a66d00;font-size:11px;font-weight:900}
.bg-callout{margin-top:24px;padding:20px;border-radius:16px;background:linear-gradient(120deg,#fff8e9,#fff2f6);border:1px solid #ead8c2;font-size:13px;color:#525767}
.bg-callout strong{color:var(--bg-navy)}
.bg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bg-step{border-radius:18px;padding:23px;background:#fff;border:1px solid #e1e3ea;position:relative}
.bg-step .num{position:absolute;right:16px;top:13px;font-size:11px;font-weight:900;color:#bd3f70}
.bg-step .icon{width:48px;height:48px;border-radius:50%;display:grid;place-content:center;background:#f5f2fb;color:var(--bg-purple);font-size:20px;margin-bottom:13px}
.bg-step h3{font-size:19px;margin:0 0 7px}.bg-step p{font-size:12px;color:#616675;margin:0}
.bg-results{background:linear-gradient(115deg,#101a4d,#213d80);color:#fff;padding:64px 0}
.bg-results h2{color:#fff;font-size:40px;margin:7px 0 11px}.bg-results p{color:#eef2ff;max-width:850px}
.bg-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}
.bg-result{padding:18px;border-radius:15px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.bg-result strong{display:block;color:#f2bd4b;font-family:Georgia,serif;font-size:18px;margin-bottom:6px}
.bg-result span{font-size:12px;line-height:1.5;color:#f2f4fb}
.bg-redflag{margin-top:25px;padding:18px 20px;border-radius:15px;background:#fff;color:#4f5565}
.bg-redflag b{color:var(--bg-pink)}
.bg-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bg-panel{border-radius:20px;padding:30px;border:1px solid #e0e2ea;background:#fff}
.bg-panel.soft{background:linear-gradient(140deg,#f7f9ff,#eef4fb)}
.bg-panel h3{font-size:28px;margin:0 0 15px}
.bg-q{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bg-q li{padding-left:28px;position:relative;line-height:1.45;font-size:13px;color:#545a69}
.bg-q li:before{content:"?";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;display:grid;place-content:center;background:#ffe6ef;color:#a93762;font-weight:900;font-size:11px}
.bg-pathway{padding:63px 0;background:linear-gradient(120deg,#fff4f8,#fff8e8)}
.bg-pathway-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.bg-pathway h2{font-size:37px;margin:6px 0 9px}.bg-pathway p{margin:0;color:#5c6270;max-width:810px}
.bg-path-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.bg-path-pills span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #e7dce4;color:#4f5566;font-size:10px;font-weight:800}
.bg-team-link{padding:64px 0;background:#fff}
.bg-team-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid #e0e4ec;border-radius:22px;padding:34px;background:linear-gradient(130deg,#fff,#f6f9ff)}
.bg-team-card h2{font-size:34px;margin:6px 0 8px}.bg-team-card p{margin:0;color:#616675;max-width:760px}
.bg-hope{padding:88px 0;background:linear-gradient(180deg,#efe0c1 0%,#e8cf9c 39%,#c79d63 40%,#c18d50 100%);position:relative;overflow:hidden}
.bg-hope:before{content:"";position:absolute;left:-10%;right:-10%;top:37%;height:95px;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.95) 0 12%,rgba(212,235,242,.82) 13% 21%,rgba(47,113,151,.58) 22% 45%,transparent 46%)}
.bg-hope-inner{position:relative;z-index:2;text-align:center;max-width:920px;margin:0 auto}
.bg-hope h2{font-size:45px;margin:10px 0 12px}.bg-hope p{font-size:16px;color:#41454f;max-width:760px;margin:0 auto}
.bg-sand-script{font-family:"Segoe Script","Brush Script MT",cursive;color:#8a4f61;font-size:34px;margin-top:18px}
.bg-bottom{background:#d6517c;color:#fff;padding:26px 0}
.bg-bottom-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.bg-bottom h3{color:#fff;font-size:25px;margin:0 0 4px}.bg-bottom p{margin:0;color:#fff4f8}
@media(max-width:1050px){
  .bg-hero-grid{grid-template-columns:1fr}.bg-hero-copy{text-align:center}.bg-hero p{margin-left:auto;margin-right:auto}.bg-actions{justify-content:center}
  .bg-dna{width:360px;height:360px}
  .bg-steps,.bg-result-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .bg-wrap{width:min(100% - 28px,1160px)}
  .bg-hero h1{font-size:45px}.bg-script{font-size:29px}.bg-dna{width:315px;height:315px}
  .bg-split,.bg-two,.bg-pathway-card,.bg-team-card,.bg-bottom-grid{grid-template-columns:1fr}
  .bg-steps,.bg-result-grid{grid-template-columns:1fr}
  .bg-section{padding:54px 0}.bg-intro h2{font-size:34px}.bg-results h2{font-size:34px}.bg-hope h2{font-size:35px}
}

.bg-kathy{padding:34px 0 46px;background:linear-gradient(115deg,#fff6df 0%,#fff 47%,#f8eef7 100%)}
.bg-kathy-card{display:grid;grid-template-columns:170px 1fr auto;gap:28px;align-items:center;border:1px solid #eadcc4;border-radius:22px;padding:32px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(22,30,76,.06)}
.bg-kathy-mark{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;border:7px solid #f0b63b;box-shadow:0 10px 25px rgba(17,26,77,.16)}.bg-kathy-mark img{width:100%;height:100%;object-fit:cover;display:block}
.bg-kathy-mark strong{font-family:Georgia,serif;font-size:28px;line-height:1}.bg-kathy-mark span{font-size:10px;font-weight:900;letter-spacing:1px;margin-top:8px}
.bg-kathy h2{font-size:38px;margin:5px 0 5px}.bg-kathy-role{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#6b438f;text-transform:uppercase;margin-bottom:12px}
.bg-kathy-quote{font-family:Georgia,serif;font-size:28px;line-height:1.25;color:#d4517b;margin:0 0 12px}
.bg-kathy p{font-size:13px;color:#5d6270;margin:0;max-width:720px}
.bg-kathy-actions{display:grid;gap:9px;min-width:190px}
.bg-btn.purple{background:#6b438f;color:#fff}
@media(max-width:900px){.bg-kathy-card{grid-template-columns:140px 1fr}.bg-kathy-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.bg-kathy-mark{width:125px;height:125px}}
@media(max-width:620px){.bg-kathy-card{grid-template-columns:1fr;text-align:center}.bg-kathy-mark{margin:0 auto}.bg-kathy-actions{grid-template-columns:1fr}.bg-kathy p{margin-left:auto;margin-right:auto}}


.bg-cancer-bridge{padding:58px 0;background:#fff}
.bg-cancer-bridge-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid #eadfca;border-left:7px solid #d49b24;border-radius:20px;padding:30px 32px;background:linear-gradient(120deg,#fffaf0,#fff 55%,#fff3f7)}
.bg-cancer-bridge h2{font-size:34px;margin:6px 0 8px}
.bg-cancer-bridge p{margin:0;color:#5c6270;max-width:800px}
@media(max-width:720px){.bg-cancer-bridge-card{grid-template-columns:1fr}.bg-cancer-bridge h2{font-size:29px}}

.bg-distinction{padding-bottom:30px}

/* HEADER DROPDOWN REPAIR — 2026-09-02 */
@media (min-width: 901px){
  .site-header .nav-group{position:relative!important}
  .site-header .nav-group > .dropdown{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:50%!important;
    transform:translateX(-50%) translateY(6px)!important;
    width:285px!important;
    min-width:285px!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid rgba(17,26,77,.12)!important;
    border-radius:12px!important;
    box-shadow:0 16px 36px rgba(17,26,77,.18)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:9999!important;
    display:block!important;
  }
  .site-header .nav-group:hover > .dropdown,
  .site-header .nav-group:focus-within > .dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
  }
  .site-header .nav-group > .dropdown a{
    display:block!important;
    width:auto!important;
    padding:9px 11px!important;
    margin:0!important;
    white-space:normal!important;
    line-height:1.2!important;
    font-size:11px!important;
    color:#171d4c!important;
    text-align:left!important;
    border-radius:7px!important;
  }
  .site-header .nav-group > .dropdown a:hover{background:#fff5d9!important;color:#111a4d!important}
}

