@charset "UTF-8";
:root{color-scheme:light dark;--paper:#f7f4ea;--surface:#fffdf7;--ink:#252b35;--muted:#64666e;--line:#dad8cf;--blue:#315ddb;--orange:#ed6134;--yellow:#eac447;--cell:#e8e5dc;--wash:#eeece3;--focus:#315ddb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:6px}::selection{background:#f2c94c;color:#252b35}.wrap{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:15px;background:var(--surface)}.skip:focus{top:15px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-top:34px;gap:24px}.brand{display:flex;padding:8px 0}.wordmark{width:116px;height:28px;fill:currentColor}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:550}.site-header nav a{text-decoration:none;padding-block:12px}.release-label{color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:11px 16px;display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:6px;height:6px;border-radius:100%;background:#648a69}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:100px 112px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.6}.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 27px}.little-square{height:8px;width:8px;background:var(--orange);border-radius:2px;transform:rotate(-9deg)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(66px,7.5vw,98px);line-height:.98;letter-spacing:-5.8px;font-weight:650;margin-bottom:28px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;line-height:1.65;color:var(--muted);letter-spacing:-.25px;margin-bottom:30px}.pill{display:inline-flex;align-items:center;gap:42px;border-radius:50px;padding:17px 24px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:550;transition:transform .2s}.pill:hover{transform:translateY(-2px)}.pill span{font-size:21px;line-height:1}.availability{font-size:11px;color:var(--muted);margin:16px 0 0}.playground{position:relative;padding:28px 26px 20px;border:1px solid var(--line);border-radius:32px;background:var(--surface);box-shadow:0 25px 70px -35px #58523c4a;transform:rotate(2deg);scroll-margin-top:50px}.demo-top{display:flex;justify-content:space-between;align-items:center;margin:0 3px 23px;gap:15px}.demo-top .eyebrow{font-size:9px;letter-spacing:1.4px}.score-label{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.score-label strong{font-size:21px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:9px;background:var(--wash);border-radius:15px;aspect-ratio:1}.cell{display:block;border-radius:6px;background:var(--cell);min-width:0;transition:background .25s,transform .25s}.cell.blue{background:linear-gradient(155deg,#5a80ec,#315ddb);box-shadow:inset 0 2px 0 #ffffff45,0 2px 2px #173a7d24}.cell.target{background:#f264320c;border:1.5px dashed #d86841}.cell.orange,.demo-piece i{background:linear-gradient(150deg,#ff9b61,#ef6236);box-shadow:inset 0 2px 0 #ffffff55,0 2px 2px #7c341c20}.demo-controls{display:flex;align-items:center;justify-content:space-between;margin:25px 3px 17px;gap:16px}.demo-piece{display:flex;gap:4px;transition:opacity .2s,transform .2s}.demo-piece i{display:block;width:29px;height:29px;border-radius:5px}.demo-piece.placed{opacity:.16;transform:scale(.9)}.place-button{border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--ink);padding:11px 17px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600;cursor:pointer;min-height:44px;transition:background .2s}.place-button:hover{background:var(--wash)}.place-button:disabled{cursor:default;opacity:.65}.demo-status{font-size:11px;text-align:center;color:var(--muted);margin-bottom:0;min-height:2.5em;line-height:1.5}.scribble{position:absolute;bottom:-36px;right:21px;color:var(--muted);font-family:Georgia,serif;font-size:16px;font-style:italic;transform:rotate(-4deg)}.just-cleared{animation:clear .7s ease-out}.rhythm{padding:62px 0 90px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:70px}.section-heading>.eyebrow{max-width:160px}.section-heading h2{width:59%;font-size:49px;line-height:1.1;letter-spacing:-2.4px;font-weight:550;margin-bottom:0}.section-heading h2 span{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.step-number{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.steps h3{font-size:20px;letter-spacing:-.55px;font-weight:600;margin-bottom:12px}.steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:290px}.shape{height:72px;margin:32px 0 24px;display:grid;gap:4px;align-content:center;justify-content:start;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(2,24px)}.shape i{background:var(--orange);border-radius:4px;box-shadow:inset 0 2px 0 #ffffff44}.shape-l i:first-child{grid-column:1;grid-row:1}.shape-l i:nth-child(2){grid-column:1;grid-row:2}.shape-l i:last-child{grid-column:2;grid-row:2}.shape-line{grid-template-columns:repeat(4,24px)}.shape-line i{background:var(--blue);grid-row:2}.shape-stairs i{background:var(--yellow)}.shape-stairs i:first-child{grid-column:2;grid-row:1}.shape-stairs i:nth-child(2){grid-column:1;grid-row:2}.shape-stairs i:last-child{grid-column:2;grid-row:2}.quiet-section{background:var(--wash)}.quiet-inner{padding-block:74px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.quiet-inner h2{font-size:48px;line-height:1.13;letter-spacing:-2.4px;margin:25px 0 0;font-weight:550}.quiet-copy{padding-top:26px}.quiet-copy>p{font-size:18px;line-height:1.65;max-width:365px}.quiet-copy ul{padding:0;list-style:none;margin:25px 0;font-size:13px;color:var(--muted);line-height:2.4}.quiet-copy li:before{content:'✓';margin-right:12px;color:var(--blue)}.text-link{font-size:12px;font-weight:550;text-decoration:none;border-bottom:1px solid var(--line);padding-block:8px;display:inline-block;line-height:1.6}.text-link span{margin-left:10px}.closing{text-align:center;padding-block:85px 90px}.closing img{border-radius:21px;box-shadow:0 5px 15px #554c3620;margin-bottom:25px}.closing h2{font-size:50px;line-height:1.06;letter-spacing:-2.5px;font-weight:550;margin-bottom:20px}.closing p{font-size:14px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}.site-footer nav{display:flex;gap:25px}.site-footer a{text-decoration:none;padding-block:8px}.site-footer .studio{color:var(--ink)}.studio span{margin-left:10px}.site-footer small{font-size:10px}.legal{max-width:800px;padding-block:70px 90px}.back-link{display:inline-block;font-size:12px;margin-bottom:48px;text-decoration:none;color:var(--muted)}.legal h1{font-size:64px;line-height:1.05;letter-spacing:-3px;margin:24px 0}.legal-intro{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px}.updated{font-size:11px;color:var(--muted);margin-top:25px}.legal-sections{border-top:1px solid var(--line);margin-top:40px;padding-top:40px}.legal-sections section+section{margin-top:35px}.legal h2{font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.legal-sections p{font-size:15px;line-height:1.85;color:var(--muted)}.legal-sections a{color:var(--ink);overflow-wrap:anywhere}
@keyframes clear{0%{background:#f2c94c;transform:scale(1.04)}100%{background:var(--cell);transform:scale(1)}}
@media(prefers-color-scheme:dark){:root{--paper:#191e27;--surface:#232a35;--ink:#f2efe5;--muted:#b1b6c1;--line:#3b4350;--blue:#91b0ff;--orange:#f58b63;--yellow:#f0d071;--cell:#343d49;--wash:#202630;--focus:#aec4ff}.status-dot{background:#8bbc9a}.cell.target{border-color:#e78d68;background:#f2643214}.playground{box-shadow:0 25px 70px -35px #0008}.shape-line i{background:#456fe8}.closing img{box-shadow:none}}
@media(min-width:1450px){.hero{padding-block:115px 130px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;padding-block:85px 90px}h1{font-size:74px;letter-spacing:-4px}.playground{padding:22px 18px 15px}.board{gap:4px;padding:7px}.demo-controls{gap:10px}.demo-piece i{width:22px;height:22px}.place-button{gap:8px;padding:10px 13px;font-size:11px}.steps{gap:32px}.quiet-inner{gap:50px}.site-header nav{gap:22px}}
@media(max-width:740px){.wrap{width:calc(100% - 44px)}.site-header{padding-top:22px}.wordmark{width:100px;height:24px}.site-header nav{gap:18px;font-size:12px}.site-header nav>a:first-child{display:none}.release-label{font-size:10px;padding:9px 11px;gap:6px}.hero{grid-template-columns:1fr;gap:55px;padding-block:65px 80px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:9px;margin-bottom:24px}h1{font-size:76px;letter-spacing:-4.7px}.intro{font-size:16px;margin-bottom:24px}.pill{padding:16px 23px}.availability{font-size:10px}.playground{width:100%;max-width:450px;margin:auto;transform:rotate(1deg);padding:24px 21px 18px}.board{gap:5px;padding:8px}.demo-controls{margin-top:23px}.demo-piece i{width:28px;height:28px}.place-button{font-size:12px;padding:11px 16px;gap:15px}.rhythm{padding-block:45px 60px}.section-heading{display:block;margin-bottom:40px}.section-heading>.eyebrow{max-width:none;margin-bottom:20px}.section-heading h2{width:auto;font-size:42px;letter-spacing:-2px}.steps{grid-template-columns:1fr;gap:32px}.steps article{display:grid;grid-template-columns:74px 1fr;column-gap:20px;border-top:1px solid var(--line);padding-top:25px}.step-number{grid-column:2;grid-row:1;margin-bottom:12px}.shape{grid-row:1 / 4;grid-column:1;transform:scale(.82);transform-origin:left center;margin:0;height:100%;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(2,22px)}.shape-line{grid-template-columns:repeat(4,19px);gap:3px}.steps h3{grid-column:2;font-size:19px}.steps p{grid-column:2;font-size:13px;max-width:none}.quiet-inner{grid-template-columns:1fr;gap:5px;padding-block:50px}.quiet-inner h2{font-size:42px;margin-top:20px}.quiet-copy>p{font-size:17px}.closing{padding-block:60px}.closing h2{font-size:44px}.site-footer{flex-wrap:wrap;justify-content:center;gap:15px;padding-block:25px;text-align:center}.site-footer>.studio{width:100%}.site-footer>small{width:100%}.legal{padding-top:40px}.legal h1{font-size:47px;letter-spacing:-2px}.legal-intro{font-size:18px}.legal-sections p{font-size:14px}.back-link{margin-bottom:35px}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.release-label{display:none}h1{font-size:66px}.demo-piece i{width:22px;height:22px}.playground{padding-inline:16px}.place-button{font-size:11px;padding-inline:12px}.board{gap:4px}.cell{border-radius:4px}.demo-top .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pill:hover{transform:none}}

/* Keep the complete hero inside the opening viewport at ordinary text sizes. */
.hero{min-height:calc(100svh - 106px);padding-block:28px 42px;gap:48px}
.hero h1{font-size:clamp(56px,min(6.4vw,10svh),82px);letter-spacing:-.055em;margin-bottom:22px}
.hero-copy>.eyebrow{margin-bottom:20px}
.hero .intro{font-size:17px;line-height:1.5;margin-bottom:24px}
.playground{width:min(100%,calc(100svh - 330px));max-width:440px;justify-self:end}
.scribble{bottom:-28px;font-size:14px}
@media(min-width:741px) and (max-height:650px){
 .site-header{padding-top:18px}.hero{min-height:0;padding-block:24px 38px}
 .hero h1{font-size:clamp(48px,9svh,65px)}.hero .intro{font-size:15px;margin-bottom:18px}
 .hero-copy>.eyebrow{margin-bottom:14px}.playground{width:min(100%,calc(100svh - 250px));min-width:250px;padding:17px 16px 12px}
 .demo-top{margin-bottom:12px}.demo-controls{margin:16px 0 12px}.demo-status{min-height:1.5em}
}
@media(max-width:740px){
 .site-header{padding-top:18px}.hero{min-height:0;gap:22px;padding-block:24px 38px}
 .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}
 .hero h1{font-size:clamp(36px,11vw,48px);line-height:.98;margin-bottom:14px}
 .hero .intro{font-size:14px;line-height:1.4;margin-bottom:14px}
 .hero .pill{min-height:44px;padding:12px 22px;font-size:12px}
 .availability{margin-top:10px;line-height:1.4}
 .playground{width:min(100%,290px);max-width:290px;justify-self:center;padding:16px 16px 12px}
 .demo-top{margin:0 0 12px}.demo-top .eyebrow{font-size:8px;letter-spacing:1.1px}
 .score-label strong{font-size:18px}.board{gap:4px;padding:7px;border-radius:12px}.cell{border-radius:4px}
 .demo-controls{margin:16px 0 10px;gap:10px}.demo-piece i{width:21px;height:21px;border-radius:4px}
 .place-button{padding:10px 12px;font-size:11px;gap:8px}
 .demo-status{font-size:10px;min-height:1.5em}.scribble{display:none}
}
@media(max-width:740px) and (max-height:730px){
 .hero{padding-block:16px 24px;gap:16px}.hero-copy>.eyebrow{display:none}
 .hero h1{font-size:36px;margin-bottom:10px}.hero .intro{display:none}
 .playground{width:260px}.hero .pill{padding-block:10px}.availability{margin-top:8px}
}

@media(max-width:740px){
 .hero-break{display:none}
 .hero{padding-block:16px 22px;gap:18px}
}