:root{--navy:#06374d;--gold:#ffc943;--mint:#a8f5df;--cream:#fff6e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:#fff;color:#111;padding:1rem}.site-header{background:#053348;position:relative;z-index:2}.nav-shell{max-width:1510px;margin:auto;min-height:92px;display:flex;align-items:center;gap:clamp(1rem,2.5vw,3rem);padding:9px clamp(18px,4vw,65px)}.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:clamp(180px,19vw,295px);height:auto;max-height:76px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.5vw,40px);margin-left:auto}.nav-links a{font-size:clamp(.78rem,1.1vw,1rem);font-weight:750;text-decoration:none;white-space:nowrap}.nav-links a:hover{color:var(--gold)}.nav-action{background:var(--gold);color:#06364b;border-radius:99px;padding:16px 25px;text-decoration:none;font-weight:850;white-space:nowrap}.hero{min-height:clamp(520px,43vw,690px);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('/assets/img/playgolearn-worldscape.webp');background-size:cover;background-position:center 47%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,45,69,.84) 0%,rgba(6,51,79,.65) 28%,rgba(7,53,79,.15) 56%,transparent 82%);z-index:-1}.hero-inner{width:100%;max-width:1510px;margin:auto;padding:60px clamp(24px,6vw,105px)}.hero-copy{max-width:615px;text-shadow:0 2px 12px #05334855}.eyebrow{font-size:.87rem;letter-spacing:.24em;font-weight:800;margin:0 0 18px}.hero h1{font-size:clamp(2.65rem,4.5vw,5.1rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 22px;font-weight:900}.hero h1 span{display:block}.gold{color:var(--gold)}.mint{color:var(--mint)}.intro{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55;max-width:530px;margin:0 0 28px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;text-decoration:none;border-radius:99px;padding:16px 23px;font-weight:800}.button.primary{background:var(--gold);color:#06384b}.button.outline{border:2px solid #fff;color:#fff;background:#0d446033}.pillars{position:relative;background:var(--cream);color:#06374d;padding:45px 20px 60px}.pillars:before{content:"";position:absolute;top:-13px;left:0;width:100%;height:25px;background:var(--cream);clip-path:polygon(0 60%,12% 0,28% 60%,45% 5%,62% 65%,78% 10%,100% 50%,100% 100%,0 100%)}.pillar-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.pillar-grid article{text-align:center;padding:8px 24px;border-right:1px solid #ead5c0}.pillar-grid article:last-child{border-right:0}.symbol{width:80px;height:65px;margin:0 auto 12px;display:grid;place-items:center;font-size:3rem;font-weight:400;border-radius:48% 52% 44% 56%;}.blue{background:#dce3ff;color:#2662b5}.yellow{background:#ffecb2;color:#a56800}.green{background:#dceec9;color:#32834c}.cyan{background:#d3f2f3;color:#11618e}.purple{background:#eddbff;color:#6937a8}.pillar-grid h3{font-size:clamp(1.15rem,1.8vw,1.65rem);margin:0 0 8px}.pillar-grid p{font-size:clamp(.9rem,1.1vw,1.1rem);line-height:1.45;margin:0}.closing{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr;gap:55px;align-items:center;padding:50px clamp(25px,6vw,95px)}.closing blockquote{font:italic clamp(1.35rem,2.1vw,2.2rem)/1.45 Georgia,serif;margin:0}.closing p{border-left:1px solid #b5d5d4;padding-left:35px;line-height:1.6}.next{text-align:center;padding:60px 20px 90px;background:#08465b}.next h2{font-size:clamp(2rem,4vw,3.3rem);margin:0}.next p{font-size:1.1rem;margin:15px 0 25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){.nav-shell{flex-wrap:wrap;justify-content:space-between}.nav-links{order:3;width:100%;justify-content:center;margin:0;padding-bottom:8px}.nav-action{margin-left:auto}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(5,45,69,.9),rgba(5,45,69,.52) 65%,transparent)}.pillar-grid article{padding:8px 12px}}@media(max-width:650px){.nav-shell{gap:8px;padding:10px 15px}.brand img{width:160px}.nav-action{font-size:.8rem;padding:11px 13px}.nav-links{gap:12px;flex-wrap:wrap}.nav-links a{font-size:.78rem}.hero{min-height:700px;align-items:flex-start}.hero-image{background-position:63% bottom}.hero-shade{background:linear-gradient(180deg,rgba(5,45,69,.93) 0%,rgba(5,45,69,.79) 40%,rgba(5,45,69,.05) 85%)}.hero-inner{padding:42px 22px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(2.4rem,9vw,3.7rem)}.intro{font-size:1rem}.button{padding:13px 17px;font-size:.87rem}.pillars{padding:30px 12px 42px}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.pillar-grid article{border:0}.pillar-grid article:last-child{grid-column:1/-1}.closing{display:block;padding:40px 22px}.closing p{margin-top:25px}.next{padding:45px 20px 65px}}
/* PlayGoLearn color identity v2: cosmic indigo, lavender, sunshine */
:root{--navy:#171b42;--gold:#ffca55;--mint:#a6f5e4;--cream:#faf5ff}body{background:#171b42}.site-header{background:linear-gradient(105deg,#141c43 0%,#21265c 60%,#28336c 100%)}.nav-action,.button.primary{background:linear-gradient(115deg,#ffca55,#ffdf77);color:#202247}.hero-shade{background:linear-gradient(90deg,rgba(21,22,63,.91) 0%,rgba(37,29,83,.71) 30%,rgba(33,31,81,.13) 59%,transparent 83%)}.gold{color:#ffce62}.mint{color:#b4f6ed}.pillars{background:#faf5ff;color:#22264c}.pillars:before{background:#faf5ff}.pillar-grid article{border-color:#ddd5ef}.blue{background:#dfe5ff;color:#4d5fbd}.yellow{background:#fff0b8;color:#ac6c00}.green{background:#dff5d8;color:#24845f}.cyan{background:#d6f5ff;color:#176a9b}.purple{background:#eddcff;color:#7547c6}.closing{background:transparent}.next{background:linear-gradient(130deg,#29245e,#123f68)}
@media(max-width:1050px){.hero-shade{background:linear-gradient(90deg,rgba(21,22,63,.91),rgba(37,29,83,.52) 65%,transparent)}}@media(max-width:650px){.hero-shade{background:linear-gradient(180deg,rgba(21,22,63,.95) 0%,rgba(37,29,83,.78) 40%,rgba(37,29,83,.03) 85%)}}

.site-header{position:sticky;top:0;z-index:1000;box-shadow:0 4px 18px #11132b2a}

/* v8: hero text must remain readable with shared interior stylesheet */
body .hero .hero-copy,body .hero .hero-copy p,body .hero .hero-copy .eyebrow,body .hero .hero-copy h1{color:#fff!important}
body .hero .hero-copy h1 .gold{color:#ffce62!important}
body .hero .hero-copy h1 .mint{color:#b4f6ed!important}
body .hero .hero-copy .button.primary{color:#202247!important}
body .hero .hero-copy .button.outline{color:#fff!important}
body .closing{background:#fff!important;color:#20244e!important;max-width:none!important;justify-content:center!important}
body .closing blockquote,body .closing p{color:#20244e!important}
body .next{background:linear-gradient(125deg,#202451,#26396b)!important;color:#fff!important}
body .pillars{background:#faf5ff!important}