:root { --title-gradient:linear-gradient(100deg,#176b66,#6753aa); }
.site-nav .brand-home { display:flex; align-items:center; gap:8px; color:var(--text); font-size:17px; font-weight:800; letter-spacing:-.5px; }
.brand-home img { flex-shrink:0; }
a:focus-visible,button:focus-visible { outline:3px solid #9380dc; outline-offset:4px; }
.brand-footer { width:100%; text-align:center; margin-top:28px; color:var(--text-soft); font:12px/1.9 'Segoe UI',system-ui,sans-serif; }
.brand-footer a { color:inherit; text-underline-offset:3px; }
.play-hero { max-width:860px; text-align:center; padding:38px 16px 34px; }
.eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:2px; font-weight:750; color:var(--text-soft); }
.play-hero h1 { font-size:clamp(38px,6.5vw,66px); line-height:1.08; letter-spacing:-2.5px; color:var(--text); background:none; margin:22px 0; }
.play-hero h1 span { display:block; color:#287b74; }
html[data-theme] .play-hero h1 span { color:#a2dfce; }
.play-hero p.tagline { max-width:590px; margin:0 auto 26px; line-height:1.75; font-size:17px; }
.explore-button { display:inline-flex; padding:15px 24px; border-radius:14px; background:#246c66; color:#fff; font-size:15px; font-weight:700; text-decoration:none; }
.hero-note { color:var(--text-soft); font-size:12px; margin:18px 0 0; }
main#activities { width:100%; max-width:1040px; scroll-margin-top:125px; }
#activities .grid { max-width:1040px; gap:18px; }
#activities .card { text-align:left; padding:25px; border-radius:20px; }
#activities .icon { display:block; margin-bottom:16px; }
#activities .card h2 { font-size:21px; }
#activities .card p { font-size:14px; line-height:1.65; }
#activities .section-label { max-width:1040px; text-align:left; }
#activities .section-label h3 { font-size:18px; text-transform:none; letter-spacing:-.3px; color:var(--text); }
#activities .section-label p { margin-top:7px; line-height:1.6; }
#activities .filter-pill.active { background:#246c66; color:white; }
#activities .category-tag { color:var(--text-soft); }
.ecosystem { max-width:1040px; width:100%; margin:48px auto 0; padding:30px; border:1px solid var(--card-border); border-radius:22px; background:var(--card-bg); }
.ecosystem h2 { font-size:25px; letter-spacing:-.5px; }
.ecosystem p:not(.eyebrow) { max-width:660px; line-height:1.75; color:var(--text-soft); }
.ecosystem a { color:var(--text); font-weight:650; text-underline-offset:4px; }
@media(max-width:600px) { .play-hero { padding:22px 0 30px; } .site-nav { gap:6px; } .play-hero h1 { letter-spacing:-1.5px; } .ecosystem { padding:24px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }