:root{--ink:#171b31;--muted:#5e6274;--paper:#f8f6f0;--yellow:#ffd66e;--coral:#ff7f69;--green:#a7d8b8;--lilac:#c9bcff;--line:rgba(23,27,49,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(22px,6vw,96px);border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:18px}
.mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--yellow);font-weight:800;font-size:18px;transform:rotate(-5deg)}
.header-note{font-size:13px;font-weight:600;color:var(--muted)}.header-note span{margin-left:7px;color:var(--ink)}
.hero{min-height:610px;max-width:1440px;margin:auto;padding:78px clamp(22px,9vw,140px) 76px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;overflow:hidden}
.eyebrow,.section-kicker,.card-top,.player-label,.shared-tag,.footer-stage{font:500 10px ui-monospace,Consolas,monospace;letter-spacing:.11em}
.eyebrow{display:flex;gap:9px;align-items:center;color:#565a6c}.live-dot{width:7px;height:7px;border-radius:50%;background:#62ac7d;box-shadow:0 0 0 4px rgba(98,172,125,.14)}
h1{font-size:clamp(45px,6.2vw,81px);line-height:.99;letter-spacing:-.075em;margin:24px 0 21px;font-weight:800}h1 span{color:#777185}
.lede{max-width:465px;font-size:18px;line-height:1.58;color:#535769;margin:0 0 28px}
.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:white;padding:15px 19px;border-radius:8px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#303653}.button span{font-size:18px;color:var(--yellow)}
.small-note{font-size:12px;color:#77798a;margin-top:15px}
.hero-art{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(23,27,49,.1);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:510px;height:250px}.orbit-two{width:390px;height:340px;transform:rotate(43deg)}
.player-card{position:absolute;width:208px;height:230px;background:#fffdf7;border:1px solid rgba(23,27,49,.12);border-radius:14px;padding:17px;box-shadow:0 18px 50px rgba(39,35,61,.11)}.player-a{left:4%;top:45px;transform:rotate(-8deg)}.player-b{right:0;bottom:29px;transform:rotate(7deg)}.player-label{color:#77798a}.card-foot{position:absolute;left:17px;bottom:14px;color:#77798a;font-size:11px}
.mini-maze{height:128px;margin-top:15px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:0;border:4px solid var(--ink);background:#f3f0e6}.mini-maze i{border:2px solid var(--ink);position:relative}.mini-maze i:nth-child(2),.mini-maze i:nth-child(4),.mini-maze i:nth-child(8){border-color:transparent}.mini-maze i:nth-child(5):after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--coral);top:7px;left:8px}.tile-board{display:grid;grid-template-columns:repeat(2,58px);grid-auto-rows:58px;gap:7px;justify-content:center;margin-top:20px}.tile-board b{display:grid;place-items:center;border-radius:9px;background:var(--coral);font-size:27px;color:var(--ink)}.tile-board .tile-lilac{background:var(--lilac)}.tile-board .tile-yellow{background:var(--yellow)}.tile-board .tile-green{background:var(--green)}
.connector{position:absolute;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--yellow);font-size:28px;border:8px solid var(--paper);z-index:2}.spark{position:absolute;font-size:24px;color:#a398cb}.spark-a{top:15px;right:19%}.spark-b{bottom:29px;left:12%;color:#e99b73}.shared-tag{position:absolute;bottom:3px;color:#8a8795}
.ticker{overflow:hidden;background:var(--yellow);padding:13px 0;white-space:nowrap;font:500 10px ui-monospace,Consolas,monospace;letter-spacing:.15em}.ticker div{text-align:center}.ticker span{padding:0 24px;color:#a46e41}
.section-wrap{max-width:1180px;margin:0 auto;padding-left:clamp(22px,6vw,80px);padding-right:clamp(22px,6vw,80px)}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:8vw;padding-top:100px;padding-bottom:52px}.section-kicker{color:#8a8195;padding-top:10px}.intro h2,.callout h2{font-size:clamp(33px,4.5vw,54px);letter-spacing:-.065em;line-height:1.04;margin:0 0 18px}.intro-text p{max-width:660px;font-size:16px;line-height:1.7;color:#5b5e70;margin:0}
.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:22px;padding-bottom:100px}.challenge-card{min-height:350px;border-radius:13px;padding:18px;overflow:hidden;position:relative;border:1px solid rgba(23,27,49,.09)}.card-visual{background:#f1dfd3}.card-maze{background:#e1e5dc}.card-build{background:#e9e1f4}.card-top{display:flex;justify-content:space-between;color:#59596a}.card-icon{font-size:19px;color:#22263b}.challenge-card h3{font-size:21px;letter-spacing:-.04em;margin:20px 0 8px}.challenge-card p{font-size:13px;line-height:1.55;color:#5b5e70;margin:0;max-width:280px}
.difference-scene{height:156px;margin:19px -18px 0;position:relative;background:#f8efe6;display:flex;align-items:center;justify-content:space-evenly;color:#343246;font-size:31px}.difference-scene .plant{color:#55876a}.difference-scene .lamp{color:#db9e49}.difference-scene .clock{color:#8278a4}.difference-scene .mug{color:#cc7664}.difference-scene .book{color:#73809a}.highlight-ring{position:absolute;width:42px;height:42px;border:2px solid #e46558;border-radius:50%;left:55%;top:38px}
.maze-scene{height:156px;margin:19px -18px 0;position:relative;overflow:hidden;background:linear-gradient(#dce6d4 0 48%,#aeb89e 48% 100%);isolation:isolate}.maze-far-door{position:absolute;z-index:1;left:43%;top:36%;width:14%;height:34%;border:4px solid #455748;background:linear-gradient(90deg,#c4d4b8,#e3e9d7,#b5c9ad);box-shadow:inset 0 0 0 3px #d6dfca}.maze-side{position:absolute;z-index:2;inset:0 auto 0 0;width:37%;background:repeating-linear-gradient(90deg,#80927d 0 2px,#b7c7b0 2px 38px);clip-path:polygon(0 0,100% 34%,100% 73%,0 100%);border-right:3px solid #71836d}.maze-side.right{inset:0 0 0 auto;transform:scaleX(-1)}.maze-floor{position:absolute;z-index:3;inset:52% 0 0;background:repeating-linear-gradient(0deg,#8d9a7f 0 2px,#b2b99e 2px 18px);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.maze-ceiling{position:absolute;z-index:0;inset:0 0 auto;height:47%;background:#cbd7c3;clip-path:polygon(0 0,100% 0,69% 100%,31% 100%)}.maze-view-label{position:absolute;z-index:4;bottom:7px;left:9px;color:#435443;background:#f8f6f0d9;border-radius:3px;padding:4px 6px;font:500 8px ui-monospace,Consolas,monospace;letter-spacing:.08em}
.build-scene{height:156px;margin:19px -18px 0;background:#f5f1fa;display:flex;align-items:center;justify-content:space-evenly}.build-target,.build-tray{width:100px;height:100px;display:grid;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:4px}.build-target span,.build-tray span{display:grid;place-items:center;border-radius:8px;background:var(--yellow);font-size:21px}.build-target .circle,.build-tray span:nth-child(1){background:var(--coral)}.build-target .block,.build-tray span:nth-child(4){background:var(--lilac)}.build-target .diamond{background:var(--green)}.build-arrow{font-size:24px;color:#7d7395}.build-tray span{background:#d8d3e4}
.callout{background:var(--ink);color:white;border-radius:14px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:36px;padding-top:35px;padding-bottom:35px;margin-bottom:90px}.callout .eyebrow{color:#bdb9ca}.callout h2{font-size:35px;margin:10px 0}.callout p:not(.eyebrow){max-width:540px;color:#c8c6d1;line-height:1.6;font-size:14px;margin:0}.callout-shape{width:100px;height:100px;border-radius:30px 22px 33px 23px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:51px;font-weight:800;transform:rotate(-8deg)}.callout-shape span{color:var(--coral);font-size:34px;margin-left:-12px;margin-top:-20px}.text-link{font-size:12px;color:var(--yellow);white-space:nowrap}
.site-footer{border-top:1px solid var(--line);border-bottom:0;color:#696b7a;font-size:12px}.site-footer .wordmark{color:var(--ink)}.footer-stage{font-size:9px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:35px;gap:16px}.hero-art{height:340px;max-width:500px;width:100%;margin:auto}.player-card{transform:scale(.88) rotate(-7deg)}.player-b{transform:scale(.88) rotate(7deg)}.intro{grid-template-columns:1fr;gap:17px;padding-top:62px}.challenge-grid{grid-template-columns:1fr;max-width:560px}.challenge-card{min-height:320px}.callout{grid-template-columns:75px 1fr;gap:20px}.callout-shape{width:70px;height:70px;font-size:38px;border-radius:22px}.text-link{grid-column:2}.site-footer{gap:15px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}}
@media(max-width:430px){.header-note{font-size:11px}.hero{min-height:0}.hero-art{height:300px}.player-card{transform:scale(.78) rotate(-7deg);transform-origin:left center;left:0}.player-b{transform:scale(.78) rotate(7deg);transform-origin:right center;right:0}.orbit-one{width:350px}.orbit-two{width:300px;height:270px}.intro h2{font-size:39px}.callout{grid-template-columns:1fr}.callout-shape{display:none}.text-link{grid-column:1}.site-footer{padding-top:18px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}