:root{
 --ink:#17202b;--muted:#647184;--paper:#f6f5f1;--white:#fff;--navy:#142b3b;
 --teal:#2a8c83;--teal-dark:#17665f;--coral:#d98270;--line:#e5e7e5;
 --soft:#e9f3f0;--gold:#d7b77a;--shadow:0 14px 38px rgba(20,43,59,.09)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{width:min(1160px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-weight:950;letter-spacing:.5px;color:var(--navy);font-size:1.03rem}
.brand span{color:var(--teal)}
.navlinks{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.navlinks a{font-size:.9rem;color:#596779;font-weight:650}
.navlinks a:hover,.navlinks a.active{color:var(--teal-dark)}
.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;color:var(--navy)}
.hero{padding:52px 0 35px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:.75rem;letter-spacing:1.7px;text-transform:uppercase;font-weight:900}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-2px;color:var(--navy);margin:15px 0}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero p,.lead{color:var(--muted);max-width:650px;font-size:1.05rem}
.hero-art{min-height:330px;border-radius:30px;background:linear-gradient(140deg,#dcece7,#f4e9df 58%,#d7e2e9);border:1px solid #d8e3df;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #fff9;border-radius:50%;width:330px;height:330px}
.hero-art:after{width:240px;height:240px}
.crown{z-index:1;font-size:7rem;color:var(--navy);text-shadow:0 15px 28px #142b3b22}
.hero-caption{position:absolute;bottom:20px;z-index:2;color:var(--navy);font-weight:850;font-size:.72rem;letter-spacing:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:999px;background:var(--teal);color:#fff;font-weight:850;border:1px solid var(--teal);box-shadow:0 8px 18px #2a8c8326}
.btn:hover{background:var(--teal-dark)}
.btn.secondary{background:#fff;color:var(--navy);border-color:#d8e1df;box-shadow:none}
.btn.green{background:#19875e;border-color:#19875e;color:#fff}
.btnrow{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.section{padding:27px 0 42px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}
.section h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;color:var(--navy);margin:0;letter-spacing:-.5px}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,43,59,.13)}
.card h3{color:var(--navy);margin:10px 0 5px;font-size:1.12rem}
.card p{margin:0}
.iconbox{height:112px;border-radius:16px;background:linear-gradient(135deg,#e5f1ed,#f7e9e3);display:grid;place-items:center;font-size:2.7rem;color:var(--navy)}
.tag{display:inline-block;color:var(--teal-dark);background:var(--soft);font-size:.72rem;text-transform:uppercase;letter-spacing:1px;border-radius:50px;padding:5px 10px;font-weight:800}
.ad-slot{margin:22px auto;padding:12px;min-height:72px;border:1px dashed #b9c9c4;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#84918d;text-align:center;font-size:.72rem}
.ad-slot:empty:before{content:"Sponsored placement";opacity:.6}
.ad-slot iframe{max-width:100%}
.offer{background:linear-gradient(115deg,#173b4b,#216c68);border-radius:24px;padding:27px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}
.offer h3{font-size:1.4rem;margin:5px 0;color:#fff}
.offer .muted{color:#d9e8e5}
.offer .eyebrow{color:#c7e5dd}
.pagehead{padding:40px 0 20px}
.pagehead h1{font-size:clamp(2rem,5vw,3.3rem);color:var(--navy);margin:8px 0;letter-spacing:-1px}
.content{max-width:850px}
.content p,.content li{color:var(--muted)}
.content h2,.content h3{color:var(--navy)}
.quizbox,.gamebox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.question{padding:17px 0;border-bottom:1px solid var(--line)}
.question:last-child{border:0}
.question h3{margin:0 0 12px;color:var(--navy)}
.option{display:block;background:#f6f8f7;border:1px solid #e0e8e4;padding:10px 12px;border-radius:12px;margin:8px 0;cursor:pointer}
.option input{margin-right:8px;accent-color:var(--teal)}
.result{padding:15px;border-radius:12px;background:#e4f5ed;color:#176344;margin-top:15px;display:none}
.wordgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-width:440px;margin:15px auto}
.letter{background:#eaf2ef;border:1px solid #d4e2dc;border-radius:7px;text-align:center;padding:9px 0;font-weight:800;cursor:pointer;color:var(--navy)}
.letter.selected{background:var(--teal);color:white}
.wordlist{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.wordpill{border:1px solid var(--line);padding:6px 10px;border-radius:30px;color:var(--muted);background:#fff}
.wordpill.found{color:#16734e;border-color:#5db58a;text-decoration:line-through}
.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:18px auto}
.memory button{min-height:85px;border-radius:13px;border:1px solid #dbe5e1;background:#eaf2ef;color:var(--navy);font-size:1.8rem;cursor:pointer}
.memory button.open{background:#d1e8df}
.footer{border-top:1px solid var(--line);padding:32px 0;margin-top:40px;background:#fff;color:var(--muted);font-size:.88rem}
.footlinks{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0}
.disclaimer{font-size:.78rem;color:#78858a;max-width:850px}
.notice{border-left:3px solid var(--teal);padding:11px 14px;background:#edf5f2;color:var(--muted);border-radius:0 12px 12px 0}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-tile{min-height:180px;border-radius:18px;background:linear-gradient(145deg,#e0eee8,#f5e9e2);border:1px solid #dbe5e1;display:grid;place-items:center;text-align:center;padding:15px;color:var(--navy)}
.small{font-size:.85rem}
.hidden{display:none!important}
@media(max-width:760px){
 .hero-grid{grid-template-columns:1fr}.hero{padding:36px 0 20px}.hero-art{min-height:235px}
 .grid{grid-template-columns:1fr 1fr}.nav{align-items:center}.menu{display:block}
 .navlinks{display:none;position:absolute;left:4%;right:4%;top:62px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}
 .navlinks.show{display:flex;flex-direction:column;align-items:flex-start}
 .gallery-grid{grid-template-columns:1fr 1fr}.offer{display:block}.offer .btn{margin-top:14px}
 .wordgrid{gap:3px}.letter{padding:7px 0}.memory button{min-height:70px}
}
@media(max-width:420px){.grid{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.gallery-grid{grid-template-columns:1fr 1fr}}