@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#2b3543;--muted:#677382;--blue:#66aed0;--yellow:#f4bf57;--bg:#f7f8f7;--line:#dce1e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3a8eb6;outline-offset:6px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:35px;letter-spacing:-1.5px;display:flex;align-items:center;gap:11px}.logo svg{width:37px;height:40px}.logo>span{font-family:Arial,sans-serif;font-size:12px;align-self:flex-start;margin-top:9px;letter-spacing:0;margin-left:-6px}nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:19px 25px;border-radius:10px;background:var(--ink);color:white;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#42596b;transform:translateY(-2px)}.button.small{padding:14px 19px;gap:22px}.button-dot{font-size:12px;color:var(--yellow)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:75px;padding-bottom:91px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:700;display:flex;align-items:center;gap:11px}.tiny-line{height:2px;width:23px;background:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(62px,6.25vw,86px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin:29px 0 25px}em{font-style:normal;color:#609fbd}p{font-size:17px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.text-link{font-size:14px;border-bottom:1px solid #a4adb4;padding:5px 0}.hero-note{display:flex;gap:18px;font-size:10px;letter-spacing:1.4px;margin-top:39px;color:#7e8790}.hero-note span+span:before{content:'·';margin-right:18px}.hero-visual{position:relative;align-self:center;margin-top:9px}.game-window{background:#e8edf1;border-radius:26px;overflow:hidden;border:1px solid #e0e6e9;box-shadow:0 26px 60px -35px #61778f66;transform:rotate(2deg)}.game-top{display:flex;justify-content:space-between;align-items:center;padding:29px 30px 0;font-size:10px;font-weight:700;letter-spacing:1.6px;position:relative;z-index:1}.stars{color:#e3b24e;letter-spacing:4px;font-size:20px}.reference-scene{position:relative;aspect-ratio:551 / 480;overflow:hidden;margin-top:15px}.reference-scene img{position:absolute;width:100%;height:auto;top:-25.5%;left:0;mix-blend-mode:multiply}.scene-caption{display:flex;justify-content:space-between;padding:20px 28px 26px;font-size:13px;border-top:1px solid #d8dfe4;margin:0 22px}.scene-number{font-size:11px;letter-spacing:1.2px;color:#86909b}.puzzle-tag{position:absolute;top:-16px;left:27px;background:white;padding:11px 17px;border-radius:6px;font-size:9px;letter-spacing:1.25px;box-shadow:0 4px 16px #2b354308;z-index:2;transform:rotate(-3deg);display:flex;align-items:center;gap:9px}.tag-dot{width:7px;height:7px;border-radius:100%;background:var(--blue)}.floating-note{position:absolute;bottom:-22px;right:12px;background:#fae5b8;padding:16px 22px;transform:rotate(-5deg);border-radius:5px;font-size:13px}.principles{border-block:1px solid var(--line);background:#eff2f2}.principles>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px;font-size:13px}.principles i{font-style:normal;color:#9dadb3}.section{padding-block:102px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-heading p{font-size:15px;padding-bottom:5px}h2{font-size:clamp(38px,4vw,54px);font-weight:500;line-height:1.15;letter-spacing:-2.3px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:57px}.steps article{padding:0 32px;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-num{color:#6b9cad;font-size:12px;letter-spacing:1px}.steps h3{font-size:21px;font-weight:600;margin:21px 0 12px;letter-spacing:-.6px}.steps p{font-size:15px;line-height:1.7;max-width:310px}.weight-key{display:flex;gap:30px;align-items:center;height:94px;padding-top:23px}.shape{display:inline-flex;align-items:center;justify-content:center;color:white;font-size:32px;flex-shrink:0}.circle{width:38px;height:38px;background:var(--blue);border-radius:50%}.square{width:43px;height:43px;background:#ef8371;border-radius:9px;line-height:.48}.square b{font-size:25px;text-align:center;letter-spacing:2px}.triangle{width:46px;height:43px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.triangle b{padding-top:17px;font-size:23px;letter-spacing:2px}.rule-display{display:flex;gap:10px;align-items:center;height:94px;padding-top:24px;font-size:9px;font-weight:700;letter-spacing:.8px}.rule-display b{font-size:18px;color:#9babb3}.balance-state{display:flex;gap:9px;align-items:center;height:94px;padding-top:23px;color:#e4b04a;font-size:24px}.balance-state small{color:var(--muted);font-size:12px;margin-left:8px}.demo-section{background:#e9eff2;padding:90px 0}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.demo-copy h2{font-size:68px;line-height:1.05;margin:24px 0}.instruction{font-size:14px;margin-top:23px;max-width:310px}.demo-legend{display:flex;gap:13px;align-items:center;margin-top:30px;font-size:14px;color:#697787}.mini{width:29px;height:29px;font-size:15px;border-radius:5px}.triangle.mini{border-radius:0;width:33px}.triangle.mini b{font-size:13px;padding-top:10px;letter-spacing:0}.legend-divider{height:25px;border-left:1px solid #c8d4dc;margin:0 3px}.demo-card{padding:25px 27px 22px;border-radius:20px;background:#f9fbfc;box-shadow:0 12px 28px #6275880b}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.2px}.reset{background:transparent;border:0;color:#647785;font-size:13px;padding:8px;letter-spacing:0}.demo-card svg{width:100%;height:auto;display:block;margin-top:23px}#beam{transform-origin:300px 112px;transform:rotate(-9deg);transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.slot-label{text-align:center;font-size:10px;letter-spacing:1.6px;color:#74818c}.slots{display:flex;justify-content:center;gap:13px;margin:17px 0 23px}.slots button{border:1px solid #dce3e7;background:white;width:47px;height:45px;border-radius:9px;color:var(--ink);box-shadow:0 3px 0 #e1e6e9;transition:.2s}.slots button:hover{background:#fbedca}.slots button[aria-pressed=true]{background:#fae4b2;border-color:#e0ba68;box-shadow:0 3px 0 #d9b76d}#feedback{font-size:14px;text-align:center;min-height:22px}.demo-footnote{font-size:11px;text-align:center;margin-top:11px;color:#8a96a1}.closer{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.detail-visual{background:#e8edf1;border-radius:20px;overflow:hidden}.detail-top{display:flex;align-items:center;justify-content:space-between;padding:27px 29px;font-size:10px;letter-spacing:1.7px}.detail-top span:last-child{font-size:24px;color:#d8a644}.detail-scene{position:relative;aspect-ratio:554 / 480;overflow:hidden}.detail-scene img{position:absolute;top:-22%;left:0;width:100%;height:auto;mix-blend-mode:multiply}.detail-bottom{font-size:13px;text-align:center;padding:15px 20px 29px;color:#75838c}.detail-copy>p{font-size:15px;margin-top:23px}.detail-row{display:flex;gap:22px;padding-top:25px}.detail-row>span{font-size:11px;color:#83a4b4;padding-top:5px}.detail-row h3{font-size:15px;letter-spacing:-.3px}.detail-row p{font-size:13px;margin-top:4px}.closing{text-align:center;border-top:1px solid var(--line);padding:80px 0 87px}.closing .eyebrow{justify-content:center}.closing h2{font-size:58px;margin:23px 0 30px}.closing .button{min-width:200px}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#71808b;gap:20px}.footer-logo{font-size:27px;color:var(--ink)}.footer-logo>span{font-size:9px}.skip{position:absolute;left:20px;top:-60px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:115px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{gap:20px}h1{font-size:64px}.hero-actions{gap:18px}.button{gap:20px;padding:17px 20px}.demo-layout{gap:40px}.closer{gap:60px}.rule-display{font-size:8px;gap:7px}.principles>.wrap{font-size:11px}.hero-note{font-size:8px;gap:10px}.hero-note span+span:before{margin-right:10px}.hero-copy p{font-size:15px}.hero .eyebrow{font-size:9px}.section-heading p{font-size:14px}.game-top{font-size:8px;padding-inline:20px}.scene-caption{font-size:11px;padding-inline:5px}.steps article{padding-inline:23px}.steps h3{font-size:18px}.balance-state{gap:5px}.balance-state small{font-size:10px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:84px}.logo{font-size:29px;gap:7px}.logo svg{width:30px}.nav nav{gap:0}.nav nav>a:not(.button){display:none}.button.small{font-size:12px;padding:12px 14px;gap:13px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:60px;gap:54px}.hero h1{font-size:65px;letter-spacing:-3.7px;margin-block:24px}.hero-copy p{font-size:16px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-actions{gap:22px}.hero-note{font-size:9px;margin-top:28px}.hero-visual{width:94%;margin:0 auto 20px;max-width:470px}.puzzle-tag{font-size:8px;left:15px}.game-top{font-size:9px}.scene-caption{font-size:12px}.floating-note{font-size:11px;padding:13px 17px}.principles>.wrap{display:grid;grid-template-columns:1fr 1fr;text-align:center;row-gap:17px;padding-block:21px;font-size:10px}.principles i{display:none}.section{padding-block:60px}.section-heading{display:block}.section-heading p{margin-top:22px}h2{font-size:39px;letter-spacing:-1.6px}.eyebrow{font-size:9px;letter-spacing:1.3px}.steps{grid-template-columns:1fr;margin-top:38px}.steps article,.steps article:first-child,.steps article:last-child{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.steps article:last-child{border:0;padding-bottom:0}.steps h3{font-size:22px;margin-top:14px}.steps p{max-width:none;font-size:15px}.weight-key,.rule-display,.balance-state{height:72px;padding-top:20px}.rule-display{font-size:11px;gap:15px}.balance-state small{font-size:13px}.demo-section{padding-block:56px}.demo-layout{grid-template-columns:1fr;gap:35px}.demo-copy h2{font-size:50px}.instruction{max-width:none}.demo-copy>p br{display:none}.demo-card{padding:20px 14px}.demo-header{font-size:8px}.demo-card svg{margin-top:15px}.slot-label{font-size:9px}#feedback{font-size:12px}.demo-footnote{font-size:10px}.closer{grid-template-columns:1fr;gap:38px}.detail-copy{order:-1}.detail-visual{max-width:450px;width:100%;margin:auto}.closing{padding:55px 0 65px}.closing h2{font-size:40px}.closing .eyebrow{font-size:8px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:20px}footer>span:nth-child(2){text-align:right}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:57px}.hero-actions{gap:12px}.text-link{font-size:12px}.button{font-size:13px}.nav .button-dot{display:none}}