@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--bg:#070c1b;--text:#f5f4fb;--muted:#c4c8dc;--pink:#ff55b7;--teal:#12d5d0;--blue:#48c8ff;--gold:#ffd34f;--line:#33365f;--accent:var(--pink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "DM Sans",Arial,sans-serif}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--accent);color:#160b20;padding:8px}.skip-link:focus{left:8px}
.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,4vw,60px);background:#070b19ed;border-bottom:1px solid #303252;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-ribbon{font-size:35px}.brand strong{display:block;font:700 21px "Playfair Display",serif;line-height:1.15}.brand i{color:var(--pink);font-style:normal}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:5px}.nav{display:flex;align-items:center;gap:clamp(10px,2vw,27px)}.nav a,.theme-toggle{font:600 13px "DM Sans",sans-serif;color:var(--muted);text-decoration:none;border:0;background:transparent;padding:9px 0;cursor:pointer}.nav a:hover,.nav a.active{color:var(--accent)}.theme-toggle{border:1px solid var(--line);padding:7px 12px;border-radius:22px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);font-size:22px;border-radius:8px;padding:4px 10px;cursor:pointer}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:70px clamp(24px,6vw,85px);min-height:400px;background:radial-gradient(ellipse at 70% 20%,#3b174d,transparent 40%),radial-gradient(ellipse at 20% 90%,#123e50,transparent 42%),linear-gradient(120deg,#080e20,#10112b)}.hero-copy{max-width:650px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--accent);margin:0 0 12px}.hero h1,.detail-hero h1{font:700 clamp(40px,5vw,64px)/1.08 "Playfair Display",serif;letter-spacing:-1px;margin:0 0 18px}.hero h1 em,.detail-hero h1 em{color:var(--pink);font-style:normal}.hero-copy>p:not(.eyebrow),.detail-hero>p:not(.eyebrow){color:#d5d8e9;max-width:620px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:28px;padding:11px 21px;font-weight:700;font-size:13px;text-decoration:none;transition:transform .2s,filter .2s;cursor:pointer}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary{background:linear-gradient(100deg,#ff79cb,#ed3ca8);color:#250b25}
.ribbon-showcase{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,36px);flex-wrap:wrap}.ribbon-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.ribbon-item b{font:italic 17px "Playfair Display",serif}.ribbon-item small{font-size:9px;letter-spacing:2px}.ribbon-item.pink{--ribbon:var(--pink)}.ribbon-item.teal{--ribbon:var(--teal)}.ribbon-item.blue{--ribbon:var(--blue)}.ribbon-item.gold{--ribbon:var(--gold)}.ribbon-shape{--ribbon:var(--accent);position:relative;display:inline-block;width:64px;height:100px;flex-shrink:0;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--ribbon) 40%,transparent))}.ribbon-shape:before{content:"";position:absolute;left:15px;top:0;width:32px;height:50px;border:12px solid var(--ribbon);border-bottom-color:transparent;border-radius:50% 50% 42% 42%}.ribbon-shape:after{content:"";position:absolute;left:16px;top:39px;width:30px;height:58px;background:linear-gradient(115deg,var(--ribbon) 0 43%,transparent 44% 54%,var(--ribbon) 55%);clip-path:polygon(0 0,100% 0,72% 100%,50% 83%,22% 100%)}.showcase-tagline{flex-basis:100%;text-align:center;font:italic 21px "Playfair Display",serif;margin:0;color:#f6d9ef}.showcase-tagline span{color:var(--pink);padding:0 8px}.ticker{background:linear-gradient(90deg,#a6277c,#d62c97);padding:12px 20px;text-align:center;color:white;font-size:12px;font-weight:600}
.section{padding:68px clamp(20px,5vw,75px)}.section-heading{text-align:center;max-width:800px;margin:0 auto 34px}.section-heading h2,.support-panel h2{font:700 clamp(30px,4vw,42px)/1.2 "Playfair Display",serif;margin:0 0 12px}.section-heading>p:last-child{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.values article{padding:24px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0d162d,#080f20)}.values article>span{font-size:30px;color:var(--pink)}.values h3{font:600 22px "Playfair Display",serif;margin:8px 0}.values p,.awareness-card>p{color:var(--muted);font-size:14px}.awareness-section,.detail-resources{background:#0a1022;border-block:1px solid #22294a}.awareness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.awareness-card{--accent:var(--pink);display:flex;flex-direction:column;padding:25px;border:1px solid var(--accent);border-radius:14px;background:linear-gradient(145deg,#0c1528,#070e1c)}.awareness-card.breast{--accent:var(--pink)}.awareness-card.ovarian{--accent:var(--teal)}.awareness-card.prostate{--accent:var(--blue)}.awareness-card.childhood{--accent:var(--gold)}.card-top{display:flex;align-items:center;gap:18px}.card-top .ribbon-shape{--ribbon:var(--accent);width:72px;height:105px}.card-top h3{font:600 clamp(21px,2.2vw,28px) "Playfair Display",serif;margin:0 0 4px}.month{font-size:10px;letter-spacing:1.2px;color:var(--accent);font-weight:700;margin:0 0 10px}.pill{display:inline-block;padding:4px 10px;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:10px;font-weight:700}.awareness-card ul{padding-left:19px;color:var(--muted);font-size:12px;flex:1}.awareness-card li{margin:5px 0}.awareness-card .button{align-self:flex-start;margin-top:12px}.pink-button{background:var(--pink);color:#250b25}.teal-button{background:var(--teal);color:#06232b}.blue-button{background:var(--blue);color:#071b2c}.gold-button{background:var(--gold);color:#302300}
.support-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:35px;border:1px solid #704064;border-radius:18px;background:radial-gradient(ellipse at right,#351b42,#10152a 60%)}.support-panel>div>p:not(.eyebrow){color:var(--muted)}.support-quote{border-left:2px solid var(--pink);padding:12px 0 12px 22px;font:italic 23px "Playfair Display",serif;color:#ffd5ed}.support-quote span{display:block;font:12px "DM Sans",sans-serif;color:var(--muted);margin-top:15px}.resource-list{display:grid;gap:12px;max-width:1000px;margin:auto}.resource-list>a{display:flex;align-items:center;gap:15px;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:#0b1327;transition:border-color .2s,transform .2s}.resource-list>a:hover{border-color:var(--pink);transform:translateX(3px)}.resource-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#351936;color:var(--pink);font-size:20px;flex-shrink:0}.resource-list a>span:nth-child(2){flex:1}.resource-list strong,.resource-list small{display:block}.resource-list small{font-size:12px;color:var(--muted);margin-top:3px}.resource-list b{font-size:12px;color:var(--accent);white-space:nowrap}.closing{text-align:center;padding:55px 20px;background:radial-gradient(ellipse at center,#291332,#080d1e 70%);border-top:1px solid var(--line)}.closing-ribbon{font-size:48px}.closing h2{font:700 clamp(34px,4vw,48px)/1.15 "Playfair Display",serif;margin:10px 0}.closing h2 em{color:var(--pink)}.closing>p:not(.eyebrow){color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:23px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#060a16}.footer-brand strong{font-size:16px}.footer-brand .brand-ribbon{font-size:28px}.footer-brand small{font-size:8px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{font-size:11px;color:var(--muted);text-decoration:none}.site-footer>p{font-size:11px;color:var(--muted);margin:0}.site-footer .disclaimer{flex-basis:100%;text-align:center;border-top:1px solid #252943;padding-top:12px}
.detail-page{--accent:var(--pink)}.ovarian-page{--accent:var(--teal)}.prostate-page{--accent:var(--blue)}.childhood-page{--accent:var(--gold)}.detail-hero{padding:65px 22px 75px;text-align:center;background:radial-gradient(ellipse at center top,#241d45,transparent 65%),linear-gradient(120deg,#080e20,#111329)}.detail-hero .ribbon-shape{--ribbon:var(--accent);display:block;margin:0 auto 18px;width:64px;height:95px}.detail-hero h1{font-size:clamp(38px,5vw,58px)}.detail-hero h1 em{color:var(--accent)}.detail-hero>p:not(.eyebrow){margin:0 auto 24px}.detail-content{max-width:1180px;margin:auto}.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-cards article{padding:25px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;background:#0b1327}.detail-cards h3{font:600 22px "Playfair Display",serif;margin:0 0 10px}.detail-cards p,.detail-cards li{font-size:13px;color:var(--muted)}.detail-cards ul{padding-left:19px}.notice{padding:16px 20px;margin-top:22px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:#12162a;font-size:13px}.back-link{display:inline-block;margin-top:28px;color:var(--accent);font-weight:700;font-size:13px;text-decoration:none}
body.light-theme{--bg:#fff8fc;--text:#26172a;--muted:#625365;--line:#e9c8df;background:var(--bg);color:var(--text)}body.light-theme .site-header,body.light-theme .site-footer{background:#fff8fced}body.light-theme .nav a{color:#60495f}body.light-theme .hero,body.light-theme .detail-hero{background:linear-gradient(120deg,#fff0f8,#f3eaff)}body.light-theme .hero-copy>p:not(.eyebrow),body.light-theme .detail-hero>p:not(.eyebrow){color:#49344a}body.light-theme .values article,body.light-theme .awareness-card,body.light-theme .detail-cards article,body.light-theme .resource-list>a{background:#fff}body.light-theme .awareness-card>p{color:#55445a}body.light-theme .awareness-section,body.light-theme .detail-resources{background:#fff2f8}body.light-theme .support-panel{background:#fff0f8}body.light-theme .closing{background:#fff0f8}
@media(max-width:1150px){.awareness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.site-header{flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;order:3;width:100%;flex-wrap:wrap;padding:10px 0}.nav.open{display:flex}.hero{grid-template-columns:1fr}.ribbon-showcase{padding:15px}.awareness-grid{grid-template-columns:1fr}.detail-cards{grid-template-columns:1fr 1fr}.support-panel{grid-template-columns:1fr}}
@media(max-width:600px){.brand strong{font-size:17px}.brand-ribbon{font-size:29px}.brand small{letter-spacing:1.5px;font-size:8px}.hero{padding:48px 20px}.ribbon-showcase{gap:18px}.section{padding:50px 17px}.values,.detail-cards{grid-template-columns:1fr}.card-top{gap:12px}.card-top h3{font-size:23px}.awareness-card{padding:21px}.support-panel{padding:24px}.resource-list>a{padding:13px;gap:10px}.resource-list b{display:none}.footer-links{gap:10px}.site-footer{justify-content:flex-start}.site-footer .disclaimer{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}