@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--ink:#233b35;--cream:#fff9e9;--teal:#1aa69e;--yellow:#ffcb54;--muted:#627168}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;background:var(--cream);border-bottom:1px solid #dfdfcc}header img{width:210px}nav{display:flex;gap:32px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--yellow);border:2px solid var(--ink);border-radius:100px;padding:17px 27px;box-shadow:0 4px 0 var(--ink);font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--ink)}.small{padding:11px 21px;font-size:14px}.hero{padding:74px 5% 0;display:grid;grid-template-columns: .85fr 1.15fr;gap:20px;background:radial-gradient(ellipse at 75% 40%,#e0f6df,transparent 60%),#fff9e9;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:24px;display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;background:var(--teal);border-radius:50%}h1,h2,h3{font-family:'Fredoka','Trebuchet MS',sans-serif;font-weight:600;line-height:1.02;letter-spacing:-1.8px;margin:0}h1{font-size:clamp(60px,6.2vw,94px)}em{font-style:normal;color:#14877c}h2{font-size:clamp(38px,4vw,60px)}h3{font-size:27px;letter-spacing:-.6px}p{line-height:1.7;font-size:16px}.hero-copy>p{max-width:425px;margin:26px 0}.actions{display:flex;align-items:center;gap:25px}.text-link{font-size:14px;font-weight:700}.little-note{margin-top:28px;font-size:12px;color:var(--muted)}.little-note span{color:#e5a228;font-size:23px;vertical-align:middle;margin-right:8px}.hero-art{position:relative;display:flex;align-items:center;margin:10px -65px 0 15px;transform:rotate(-3deg)}.hero-art>img{border-radius:36px;box-shadow:0 20px 0 #123d3520,0 30px 50px #2c5e3020;border:7px solid #fff;min-height:355px;object-fit:cover;object-position:center}.sticker{z-index:1;position:absolute;top:-32px;right:75px;transform:rotate(13deg);background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:122px;height:122px;display:grid;place-content:center;text-align:center;font-size:14px;font-weight:900;line-height:1.3;box-shadow:4px 5px 0 var(--ink)}.float-piece{position:absolute;font-family:'Fredoka',sans-serif;font-size:110px;font-weight:700;line-height:1;filter:drop-shadow(3px 5px 0 #ebad39);animation:bob 4s ease-in-out infinite}.x{left:5px;bottom:-35px;transform:rotate(15deg)}.o{right:60px;bottom:-35px;color:var(--cream);animation-delay:-2s}.hero-bottom{grid-column:1/-1;text-align:center;font-size:12px;font-weight:800;letter-spacing:3px;padding:68px 0 27px}.hero-bottom span{padding:0 32px;color:#e6ad33}.wrap{max-width:1260px;margin:auto;padding:90px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:45px}.section-title>p{max-width:340px;margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:27px;border-top:2px solid #dbdfc8}.step-num{color:#b18e43;font-size:12px;font-weight:800;display:block;margin-bottom:24px}.steps p{color:var(--muted);font-size:14px;min-height:48px}.mini-tiles{display:flex;gap:7px;margin-top:25px}.mini-tiles i{width:46px;height:46px;background:#fff;border-radius:9px;border:1px solid #d4c29d;box-shadow:0 3px 0 #d4c29d;display:grid;place-content:center;font-style:normal;font-size:32px;font-weight:bold}.win i{background:#ffe193}.demo-section{background:#107e76;color:white;position:relative;overflow:hidden}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.demo-layout em{color:var(--yellow)}.demo-layout p{color:#d2ede5;max-width:390px}.demo-note{font-size:9px;letter-spacing:1.3px;opacity:.7;margin-top:32px}.status{font-family:'Fredoka',sans-serif;font-size:27px;margin:15px 0 22px}.light{background:var(--cream);font-size:13px}.board-shell{background:#d6a257;padding:17px;border:5px solid #f1c779;border-radius:25px;box-shadow:9px 12px 0 #07564c;transform:rotate(3deg)}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cell{aspect-ratio:1;background:#fff8e8;border:0;border-radius:8px;box-shadow:0 3px 0 #b58242;color:var(--ink);font-family:'Fredoka',sans-serif;font-size:30px;font-weight:600;padding:0}.cell:hover:empty{background:#ffe093}.cell.o{color:#da7c49;animation:none}.cell.winner{background:var(--yellow);outline:2px solid #fff}.board-caption{text-align:center;font-size:10px;color:#4c3822;margin-top:15px;font-weight:700}.avatars{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.avatars article{transition:transform .3s}.avatars article:hover{transform:translateY(-10px) rotate(-2deg)}.avatars img{border-radius:100px 100px 30px 30px;border:5px solid #f0e1bc;margin-bottom:20px}.avatars article:nth-child(even){margin-top:45px}.avatars h3{font-size:20px;letter-spacing:-.4px}.avatars span{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px}.world{background:#f0ead8;text-align:center}.world .eyebrow{justify-content:center}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px;align-items:center}.showcase img{border-radius:20px;border:6px solid #fff;box-shadow:0 15px 30px #3c52331c;transition:transform .3s}.showcase img:first-child{transform:rotate(-4deg)}.showcase img:last-child{transform:rotate(4deg)}.showcase img:hover{transform:translateY(-10px)}.art-caption{font-size:11px;color:var(--muted);margin:35px 0}details{border-top:1px solid #d1ccb8;text-align:left;padding:25px 0}summary{cursor:pointer;font-weight:700;line-height:1.6}summary span{float:right;font-size:12px;color:#147e73}.story{margin-top:24px;border-radius:15px}.final-cta{position:relative;text-align:center;padding:90px 20px;overflow:hidden}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:75px}.final-cta p{color:var(--muted)}.final-cta .button{margin-top:15px}.big-x,.big-o{position:absolute;font-family:'Fredoka',sans-serif;font-size:260px;font-weight:600;top:60px;opacity:.15;pointer-events:none}.big-x{left:3%;transform:rotate(-18deg)}.big-o{right:2%;color:#d8a02a;transform:rotate(15deg)}footer{border-top:1px solid #dfdfcc;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 5%;font-size:12px}footer img{width:180px}footer p{font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e35b34;outline-offset:5px}@keyframes bob{50%{translate:0 -12px}}@media(max-width:850px){header{height:78px;padding:0 5%}header img{width:150px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-copy>p{margin:24px auto}.actions{justify-content:center}.hero-art{margin:45px 0 0}.hero-art>img{min-height:0;border-radius:20px}.sticker{right:10px;width:95px;height:95px;font-size:11px;top:-30px}.hero-bottom{padding-top:40px;font-size:9px;letter-spacing:1px}.hero-bottom span{padding:0 8px}.section-title{display:block;text-align:center}.section-title p{max-width:500px;margin:25px auto}.steps{gap:8px}.steps article{padding:20px 8px}.mini-tiles{gap:3px}.mini-tiles i{width:30px;height:34px;font-size:25px}.demo-layout{gap:40px;grid-template-columns:1fr;text-align:center}.demo-layout p{margin:24px auto}.board-shell{max-width:480px;width:100%;margin:auto}.avatars{grid-template-columns:repeat(3,1fr)}.avatars article:nth-child(even){margin-top:0}.showcase{gap:12px}.wrap{padding:65px 5%}.final-cta h2{font-size:57px}.big-x,.big-o{font-size:150px;top:120px}.showcase img{border-width:3px;border-radius:10px}summary span{float:none;display:block;margin-top:8px}}@media(max-width:500px){h1{font-size:61px}.steps{grid-template-columns:1fr}.steps article{text-align:center}.mini-tiles{justify-content:center}.steps p{min-height:0}.avatars{grid-template-columns:repeat(2,1fr);gap:25px 16px}.avatars article:last-child{grid-column:1/-1;max-width:180px;justify-self:center}.showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 8px 25px}.showcase img{flex:0 0 78%;width:78%;scroll-snap-align:center;transform:none!important}.cell{font-size:27px}.board-shell{padding:10px}.small{padding:9px 15px;font-size:12px;gap:12px}footer{flex-wrap:wrap;justify-content:center}.final-cta p{max-width:290px;margin:20px auto}.big-x,.big-o{opacity:.08}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}