@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#122227;--muted:#647276;--paper:#fbfaf7;--mint:#c9f1d1;--green:#0e7855;--coral:#ff7b63;--line:#dbe3df}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Manrope,sans-serif;color:var(--ink)}.nav{height:76px;max-width:1180px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:23px;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.brand span{color:var(--coral)}nav{display:flex;align-items:center;gap:27px}nav a{color:var(--ink);font-size:14px;text-decoration:none}.button{background:var(--ink);color:white;border-radius:100px;padding:15px 22px;display:inline-block;text-decoration:none;font-weight:700;font-size:14px}.small{padding:10px 17px}.hero{max-width:1128px;margin:35px auto 0;min-height:510px;border-radius:26px;background:var(--mint);padding:72px 76px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;overflow:hidden}.eyebrow{font:500 12px 'DM Mono';letter-spacing:1.1px;color:var(--green);margin:0 0 17px}.hero h1,.how h2,.dashboard h2,.cta h2{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-3.5px;margin:0;max-width:650px}.lead{font-size:17px;line-height:1.6;max-width:540px;margin:24px 0;color:#38504c}.actions{display:flex;align-items:center;gap:21px;margin-top:29px}.text-link{color:var(--ink);font-weight:700;font-size:14px}.fine{font-size:11px;color:#5a716c;margin-top:25px}.hero-art{position:relative;align-self:center;min-height:350px;overflow:hidden;border-radius:20px;background:#123b3d;box-shadow:14px 16px 0 #9fd9aa}.hero-art img{width:100%;height:100%;display:block;object-fit:cover}.hero-art span{position:absolute;left:16px;right:16px;bottom:16px;background:#fffdf6e8;border-radius:9px;padding:11px 13px;font:500 11px 'DM Mono';color:#143a33}.proof{max-width:1040px;margin:72px auto;padding:0 25px;display:flex;justify-content:space-between;gap:40px;align-items:center}.proof>p{font-size:19px;line-height:1.4;max-width:350px}.proof>div{display:flex;gap:35px}.proof article{display:grid;gap:5px}.proof b{font-size:25px;letter-spacing:-1.5px}.proof span{font-size:12px;color:var(--muted)}.how{max-width:1128px;margin:auto;padding:78px 76px;border-top:1px solid var(--line)}.how h2{font-size:43px;max-width:510px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:58px}.steps article{border-top:1px solid var(--ink);padding-top:18px}.steps em{font:500 12px 'DM Mono';color:var(--coral);font-style:normal}.steps h3{font-size:20px;margin:17px 0 8px}.steps p{font-size:14px;line-height:1.6;color:var(--muted);max-width:235px}.dashboard{background:#163b34;color:#f3f8f5;margin-top:45px;padding:85px max(26px,calc((100% - 1050px)/2))}.dashboard .eyebrow{color:#9ee2af}.dashboard h2{font-size:42px}.dash-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.live{font:500 11px 'DM Mono';color:#a8c6bc}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29b979;margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#31574f;margin-top:43px}.metrics article{padding:22px;background:#204941}.metrics span,.metrics small{display:block;color:#a8c6bc;font-size:11px}.metrics b{display:block;font-size:31px;letter-spacing:-2px;margin:8px 0}.dash-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:17px;margin-top:17px}.leads,.flow{background:#f7fbf8;color:var(--ink);padding:23px;border-radius:8px}.card-title{border-bottom:1px solid var(--line);padding-bottom:15px}.card-title h3{font-size:14px;margin:0}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #e8eeeb}li:last-child{border:0}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font:11px 'DM Mono'}.coral{background:#ffdcd4}.blue{background:#d8eafb}.gold{background:#fff0bc}li b,li small{display:block;font-size:11px}li small{color:var(--muted);margin-top:3px}.bar{margin-top:16px;font-size:11px;color:var(--muted)}.bar b{display:block;background:#7fdbc1;border-radius:4px;height:22px;min-width:35px;margin-top:5px;color:#174a3f;padding:4px 8px;font:11px 'DM Mono'}.demo-note{font-size:10px;color:#a8c6bc;margin-top:17px}.cta{text-align:center;padding:90px 25px}.cta h2{margin:auto;font-size:44px}.cta>p:not(.eyebrow){color:var(--muted);font-size:15px}.light{background:var(--coral);margin-top:10px}footer{border-top:1px solid var(--line);padding:27px max(26px,calc((100% - 1128px)/2));display:flex;justify-content:space-between;align-items:center}footer p{font-size:11px;color:var(--muted)}
.game-body{min-height:100vh;background:#071a22;color:#eff9f4}.game-shell{max-width:760px;margin:auto;padding:24px 20px 32px}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.light-brand{color:#eff9f4}.streak,.score{font-size:12px;color:#afc7c4}.score{text-align:right}.score span{display:block;font:10px 'DM Mono';letter-spacing:.8px;text-transform:uppercase}.score b{color:#f8d873;font-size:17px}.game-card{background:#fdfcf8;border-radius:26px;padding:18px;color:#123035;box-shadow:0 24px 75px #010b0e80}.game-meta{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.6px;color:#75847f}.topic{color:#0d9068}.game-visual{height:195px;position:relative;overflow:hidden;border-radius:17px;margin:15px 0 23px;background:#0a2730}.game-visual img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.visual-tag{position:absolute;bottom:11px;left:11px;background:#071a22e8;color:#d8f7e8;border-radius:30px;padding:7px 10px;font:9px 'DM Mono';letter-spacing:.6px}.game-kicker{font:10px 'DM Mono';color:#e2644d;letter-spacing:.7px;margin:0 0 10px}.game-card h1{font-size:clamp(27px,5.7vw,42px);line-height:1.06;letter-spacing:-2px;margin:0}.game-intro{font-size:14px;line-height:1.55;color:#61716e;margin:16px 0 20px}.answers{display:grid;gap:10px}.answers button{appearance:none;text-align:left;border:1px solid #dbe5e0;background:white;border-radius:14px;padding:14px;display:flex;gap:13px;align-items:center;color:#18383a;font:600 13px Manrope;cursor:pointer;transition:.2s transform,.2s border-color,.2s background}.answers button:hover:not(:disabled){transform:translateY(-2px);border-color:#27a77b;background:#effcf5}.answers button b{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:#e9f0ec;color:#40615b;font:11px 'DM Mono'}.answers button.is-correct{border-color:#12a877;background:#e5faed}.answers button.is-correct b{background:#12a877;color:white}.answers button.is-wrong{border-color:#ef806c;background:#fff0ed}.answers button.is-wrong b{background:#ef806c;color:white}.hidden{display:none}.result{animation:reveal .4s ease}.result-chip{font:10px 'DM Mono';color:#0a8d64;letter-spacing:.8px;margin:0 0 10px}.result h2{font-size:30px;letter-spacing:-1.5px;line-height:1.1;margin:0}.result>p:not(.result-chip){font-size:14px;line-height:1.6;color:#50635f}.source-card,.lesson{border-radius:13px;padding:14px;margin-top:13px}.source-card{background:#eaf4ff}.source-card span,.lesson span{display:block;font:9px 'DM Mono';letter-spacing:.7px;margin-bottom:6px;color:#5e7380}.source-card a{font-size:13px;font-weight:800;color:#18435e;text-decoration:none}.source-card strong{float:right}.lesson{background:#eff8d8}.lesson b{font-size:13px;line-height:1.4;display:block}.next-button{width:100%;margin-top:17px;border:0;background:#0c3430;color:white;border-radius:13px;padding:15px;font:700 14px Manrope;cursor:pointer}.next-button span{float:right}.game-footer{border:0;padding:22px 4px 0;color:#91aaa7;font-size:11px}.game-footer a{color:#c9f1d1;text-decoration:none}.game-footer span{float:right}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:720px){nav a:not(.button){display:none}.hero{margin:10px 14px;padding:45px 27px;display:block}.hero-art{margin-top:42px;min-height:280px}.proof,.proof>div{display:block}.proof article{margin:22px 0}.how{padding:62px 27px}.steps,.metrics,.dash-grid{grid-template-columns:1fr}.dashboard{padding:60px 22px}.dash-heading{display:block}.live{display:inline-block;margin-top:18px}.hero h1{letter-spacing:-2.4px}.cta h2{font-size:36px}footer{display:block}footer p{margin-top:13px}.game-shell{padding:17px 13px}.game-card{padding:14px;border-radius:20px}.game-visual{height:165px}.game-footer span{display:none}}

.brand span{color:var(--coral)}.signal-strip{max-width:1128px;margin:18px auto 0;padding:16px 23px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:17px;background:#fff}.signal-strip span{font:10px 'DM Mono';letter-spacing:.7px;color:var(--green)}.signal-strip b{font-size:13px;flex:1}.signal-strip a{font-size:12px;color:var(--green);font-weight:800;text-decoration:none}.section{max-width:1128px;margin:auto;padding:100px 76px}.section h2,.method-callout h2{font-size:43px;line-height:1.06;letter-spacing:-2.4px;max-width:650px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.feature-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.feature-grid article>span{font:11px 'DM Mono';color:var(--coral)}.feature-grid h3{margin:25px 0 8px;font-size:20px}.feature-grid p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.featured-challenge{max-width:1128px;margin:auto;padding:68px 76px;background:#172f36;color:#f8fbf9;display:flex;gap:60px;justify-content:space-between}.featured-challenge .eyebrow{color:#9ee2af}.featured-challenge h2{font-size:38px;line-height:1.08;letter-spacing:-2.1px;max-width:630px;margin:0}.featured-challenge p:not(.eyebrow){color:#b9ccc5;max-width:550px;line-height:1.55}.challenge-stat{display:grid;align-content:center;grid-template-columns:auto auto;gap:2px 12px;min-width:160px}.challenge-stat b{font-size:35px;letter-spacing:-2px;color:#c9f1d1}.challenge-stat span{font-size:11px;color:#b9ccc5;align-self:center}.topics{padding-top:82px}.topic-list{margin-top:36px;border-top:1px solid var(--line)}.topic-list a{display:flex;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.8px}.topic-list span{color:var(--coral)}.method-callout{max-width:1128px;margin:0 auto 90px;padding:63px 76px;background:#f2eee4;border-radius:20px}.method-callout p:not(.eyebrow){max-width:590px;color:var(--muted);line-height:1.6}.article-page,.archive-page{max-width:1000px;margin:48px auto 100px;padding:0 28px}.article-page>h1,.archive-page>h1{font-size:clamp(40px,6vw,65px);letter-spacing:-3.6px;line-height:1.03;max-width:850px;margin:0}.article-lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:750px;margin:27px 0 50px}.article-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px}.article-grid article h2{font-size:25px;letter-spacing:-1px;margin:0 0 9px}.article-grid article p{line-height:1.7;color:#52635f;margin:0 0 31px}.source-stack{display:grid;align-content:start;gap:12px}.source-stack .button{text-align:center}.archive-filters{display:flex;gap:8px;margin:34px 0}.filter{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:20px;font:12px Manrope;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-grid a{border:1px solid var(--line);border-radius:15px;padding:22px;text-decoration:none;color:var(--ink);min-height:260px;display:flex;flex-direction:column}.archive-grid span{font:10px 'DM Mono';color:var(--green)}.archive-grid h2{font-size:22px;letter-spacing:-1px;line-height:1.15}.archive-grid p{font-size:13px;line-height:1.5;color:var(--muted);flex:1}.archive-grid b{font-size:12px;color:var(--coral)}.policy-grid{margin-top:50px}
@media(max-width:720px){.signal-strip{margin:16px 14px;display:grid;gap:7px}.section{padding:70px 27px}.section h2,.method-callout h2{font-size:36px}.feature-grid,.archive-grid,.article-grid{grid-template-columns:1fr}.featured-challenge{display:block;padding:52px 27px}.featured-challenge h2{font-size:34px}.challenge-stat{margin-top:30px}.method-callout{margin:0 14px 60px;padding:45px 27px}.article-page,.archive-page{margin-top:32px;padding:0 20px}.article-page>h1,.archive-page>h1{letter-spacing:-2.4px}.article-grid{gap:24px}}