:root{--ink:#10251f;--muted:#65736d;--line:#dfe8e0;--cream:#f9fbf6;--green:#167249;--green-dark:#0e4935;--gold:#e8b942;--gray:#77817e;--shadow:0 18px 60px rgba(13,37,29,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.6}a{color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:40}.skip:focus{top:8px}.topline{font-size:12px;text-align:center;background:#0d241c;color:#e2f3e4;padding:7px 14px;letter-spacing:.03em}.site-head{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;line-height:1.1;letter-spacing:-.04em;font-weight:800}.brand strong{color:var(--green)}.brand small{display:block;margin-top:5px;color:#7e8c82;font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--green);border-radius:12px;color:white;font-size:24px;font-weight:900;transform:rotate(-7deg)}nav{display:flex;gap:27px}nav a{font-size:13px;font-weight:750;text-decoration:none;color:#3d5549}nav a:hover{color:var(--green)}.hero{display:grid;grid-template-columns:1.13fr .87fr;gap:50px;align-items:center;padding:76px 0 94px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:var(--green);text-transform:uppercase}.dot{width:8px;height:8px;background:#65ce86;display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #e3f7e9}.hero h1{font-size:clamp(39px,5vw,66px);line-height:1.12;letter-spacing:-.068em;margin:24px 0 20px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{max-width:555px;color:#5c6e63;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.btn{border-radius:13px;padding:14px 18px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.primary{color:#fff;background:var(--green)}.primary:hover{background:var(--green-dark)}.secondary{border:1px solid #dce8df;background:#fff}.secondary:hover{background:#eef6f0}.hero-copy .subnote{font-size:12px;color:#819087}.hero-art{min-height:360px;background:radial-gradient(circle at 80% 10%,#38835f,#153b2d 65%,#08251c);border-radius:24px;padding:30px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;transform:rotate(2deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff26;border-radius:50%}.hero-art:before{top:-140px;right:-70px}.hero-art:after{bottom:-170px;left:-100px}.art-top,.art-foot{color:#eaf8ed;font-size:11px;letter-spacing:.13em;font-weight:700;z-index:1}.art-foot{letter-spacing:.03em;color:#d3e5d8}.art-foot span{color:var(--gold)}.art-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:35px 0}.art-board span{width:min(7vw,65px);aspect-ratio:1;display:grid;place-items:center;font-size:30px;font-weight:900;border-radius:8px;color:#fff;box-shadow:inset 0 -5px #0000001c}.g{background:#30a571}.y{background:#d9ac36}.muted{background:#6f8278}.game-section{background:var(--cream);padding:90px 0}.game-grid{display:grid;grid-template-columns:.7fr 1fr;gap:60px;align-items:start}.game-intro{padding-top:25px}.game-intro h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.06em;line-height:1.15;margin:20px 0}.game-intro>p{color:#6a776e;max-width:390px}.legend{display:grid;gap:18px;margin-top:34px}.legend>div{display:flex;align-items:center;gap:16px}.square{width:38px;height:38px;border-radius:9px;display:block}.square.green{background:#2b9663}.square.gold{background:#e6b739}.square.grey{background:#818d85}.legend p{margin:0}.legend strong{display:block;font-size:13px}.legend small{display:block;color:#76847a}.caveat{font-size:11px!important;max-width:380px}.game-card{background:white;border-radius:20px;box-shadow:var(--shadow);padding:27px 26px;border:1px solid #e9efe9}.game-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:25px}.game-card h3{font-size:21px;letter-spacing:-.04em;margin:9px 0}.live-pill{font-size:9px;background:#e9f9ee;color:#157747;border-radius:50px;padding:6px 9px;font-weight:850;letter-spacing:.12em}.live-pill .dot{width:6px;height:6px;margin-right:3px;box-shadow:none}.reset{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:750;color:#3f564a;font-size:11px}.reset:hover{background:#eef7ef}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;width:min(100%,305px);margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{aspect-ratio:1;border:2px solid #dfe5de;border-radius:6px;display:grid;place-items:center;font-size:25px;font-weight:850;text-transform:uppercase;background:#fff;color:var(--ink)}.tile.typed{border-color:#a8b8ae}.tile.correct,.key.correct{background:#2b9663;border-color:#2b9663;color:#fff}.tile.present,.key.present{background:#d3a32e;border-color:#d3a32e;color:#fff}.tile.absent,.key.absent{background:#808b83;border-color:#808b83;color:#fff}.status{text-align:center;min-height:27px;margin:17px auto 12px;font-size:12px;color:#52705e;font-weight:700}.keyboard{display:grid;gap:5px}.key-row{display:flex;gap:4px;justify-content:center}.key{background:#e7ebe7;border:none;border-radius:5px;color:#243a2f;height:38px;min-width:0;flex:1;max-width:45px;cursor:pointer;font-size:12px;font-weight:800;transition:filter .1s}.key.wide{max-width:65px;flex:1.4;font-size:10px}.key:hover{filter:brightness(.94)}.card-bottom{text-align:center;font-size:11px;color:#88968b;margin-top:15px}.info{padding:95px 0}.section-heading{text-align:center;max-width:600px;margin:0 auto 37px}.section-heading h2,.links-head h2{letter-spacing:-.05em;font-size:clamp(30px,4vw,42px);line-height:1.15;margin:14px 0}.section-heading p,.links-head p{color:#708075}.three-cols,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px;border:1px solid #e3ece5;border-radius:18px}.feature .step{font-weight:900;color:#36926d;font-size:12px}.feature h3{letter-spacing:-.03em;margin:13px 0 7px}.feature p{font-size:13px;color:#718177;margin:0}.links-band{background:#10291e;color:#fff;padding:90px 0}.links-head{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:30px}.links-head .eyebrow{color:#8feaaf}.links-head h2{margin-bottom:8px}.links-head p{margin:0;color:#bfd0c4}.links-head .primary{background:#e9bb43;color:#17271d;white-space:nowrap}.resource{border:1px solid #ffffff30;border-radius:18px;padding:25px;text-decoration:none;background:#ffffff09;transition:transform .15s,background .15s}.resource:hover{background:#ffffff18;transform:translateY(-3px)}.resource span{color:#b6deb9;font-size:10px;letter-spacing:.13em;font-weight:800}.resource h3{font-size:20px;letter-spacing:-.04em;line-height:1.3}.resource p{font-size:13px;color:#c2d0c6}.resource b{font-size:12px;color:#f4c757}.footer{display:flex;gap:30px;justify-content:space-between;padding:35px 0 55px}.footer p{font-size:12px;color:#7a897e;margin:6px 0}.footer a{color:var(--green)}.footer .fine{max-width:470px;text-align:right;font-size:11px}@media(max-width:850px){.hero,.game-grid{grid-template-columns:1fr;gap:35px}.hero{padding:45px 0 65px}.game-section{padding:65px 0}.game-intro{padding:0}.hero-art{min-height:300px;max-width:530px;width:100%;margin:auto}.art-board span{width:min(12vw,65px)}.links-head{display:block}.links-head .btn{margin-top:25px}}@media(max-width:600px){.site-head{height:73px}.brand{font-size:15px}.brand-mark{width:37px;height:37px}.site-head nav{gap:12px}.site-head nav a{font-size:11px}.site-head nav a:nth-child(2){display:none}.hero h1{font-size:44px}.three-cols,.resource-grid{grid-template-columns:1fr}.links-band,.info{padding:65px 0}.game-card{padding:20px 13px}.board{width:min(100%,300px)}.tile{font-size:22px}.game-card h3{font-size:17px}.key{height:41px}.footer{display:block}.footer .fine{text-align:left}.topline{font-size:10px}}