:root{--paper:#f7f5ee;--ink:#242820;--orange:#f6633d;--purple:#b8a5df;--lime:#d6e798;--line:#dadcd0;--muted:#65695f;--heading:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6641b6;outline-offset:6px}.wrap{max-width:1320px;padding-left:48px;padding-right:48px;margin:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-family:var(--heading);font-size:31px;font-weight:700;letter-spacing:-1.7px;display:inline-flex;gap:9px;align-items:center;line-height:1}.brand-dot{align-self:start;font-size:11px;letter-spacing:0;margin:2px 0 0 -4px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--ink);border-radius:8px;min-height:50px;padding:13px 23px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.nav-button{font-size:12px;min-height:43px;padding:10px 17px;gap:22px}.primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:15px}.hero{padding-top:70px;padding-bottom:86px;display:grid;grid-template-columns:1.02fr 1fr;gap:16px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 26px;display:flex;align-items:center;gap:10px}.tiny-spark{color:var(--orange);font-size:24px;line-height:1}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:500}h1{font-size:clamp(54px,5.65vw,79px);line-height:1.055;letter-spacing:-5px;margin-bottom:30px}.orange{color:var(--orange)}.curious{position:relative;display:inline-block}.curious svg{position:absolute;bottom:-17px;left:0;width:100%;height:25px;fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round}.hero-description{font-size:16px;color:var(--muted);max-width:410px;line-height:1.8;margin:37px 0 28px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:41px}.mini-faces{display:flex;padding-left:3px}.mini-faces i{border:2px solid var(--paper);border-radius:50%;height:28px;width:28px;display:grid;place-items:center;margin-left:-3px;font-size:11px;font-style:normal;background:var(--purple)}.mini-faces i:nth-child(2){background:var(--orange)}.mini-faces i:nth-child(3){background:var(--lime)}.hero-art{height:490px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px dashed #d7d9ce;border-radius:50%;width:410px;height:410px;left:55px;top:32px;transform:rotate(-20deg)}.orbit-two{width:510px;height:300px;left:0;top:85px;transform:rotate(-35deg)}.shape{position:absolute;filter:drop-shadow(0 17px 17px #474c2110)}.lavender{width:152px;height:175px;border-radius:80px 80px 35px 35px;background:var(--purple);top:53px;left:28px;transform:rotate(-17deg)}.eyes{display:flex;justify-content:center;gap:18px}.eyes i{display:block;width:10px;height:21px;background:var(--ink);border-radius:50%}.lavender .eyes{margin-top:78px}.smile{height:16px;width:25px;border-radius:0 0 30px 30px;border:3px solid var(--ink);border-top:0;margin:12px auto 0}.orange-flower{width:300px;height:300px;left:173px;top:90px;transform:rotate(13deg);animation:bob 7s ease-in-out infinite}.orange-flower svg{width:100%;height:100%;fill:var(--orange)}.flower-face{position:absolute;left:106px;top:116px;width:80px}.flower-face .eyes{gap:24px}.flower-face .eyes i{width:12px;height:29px}.flower-face .smile{width:37px;height:20px;margin-top:16px}.lime{width:136px;height:136px;border-radius:30px;background:var(--lime);left:80px;top:293px;transform:rotate(15deg)}.lime .eyes{margin-top:45px;gap:22px}.lime .eyes i{height:16px;width:8px}.lime .smile{height:10px;width:19px;margin-top:9px;border-width:2px}.star{position:absolute;line-height:1}.star-one{top:5px;right:63px;color:var(--ink);font-size:65px;transform:rotate(13deg)}.star-two{left:8px;top:275px;font-size:43px;color:var(--orange)}.floating-note{position:absolute;font-size:12px;color:var(--muted);font-style:italic}.note-one{top:0;left:16px;transform:rotate(-8deg)}.note-one span{font-size:38px;position:absolute;right:-36px;top:1px}.note-two{bottom:0;left:89px;transform:rotate(-4deg)}.art-sticker{position:absolute;right:0;bottom:57px;background:var(--paper);border:1px solid var(--ink);border-radius:8px;transform:rotate(-10deg);padding:13px 22px;font-size:12px;font-weight:700;line-height:1.35;box-shadow:4px 4px 0 var(--ink)}.art-sticker span{font-size:30px;position:absolute;top:8px;right:-28px}.dot{position:absolute;border-radius:50%;background:var(--ink);height:9px;width:9px}.dot-one{left:207px;top:37px}.dot-two{right:4px;top:234px;width:6px;height:6px}.word-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.word-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;padding-bottom:24px;font-size:13px;letter-spacing:1.9px;font-weight:500}.word-strip i{font-style:normal;color:var(--orange);font-size:26px;line-height:1}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:48px;line-height:1.12;letter-spacing:-2.3px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:4px}.feature-game{display:grid;grid-template-columns:1.12fr 1fr;background:#eeeee5;border-radius:18px;overflow:hidden}.puff-art{min-height:440px;position:relative;background:#ded6ef;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;top:27px;left:30px;font-size:9px;letter-spacing:1.4px;font-weight:600}.puff-word{font-family:var(--heading);font-size:117px;font-weight:700;color:#fffdf8;line-height:.85;letter-spacing:-10px;text-shadow:0 8px 0 #bab0cf;transform:rotate(-8deg);position:relative;z-index:1}.puff-word span{display:block;letter-spacing:1px;font-size:25px;text-align:center;margin:22px 0 0 13px;font-weight:500;text-shadow:none;color:var(--ink)}.bubble{position:absolute;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff9,#fff2 60%);box-shadow:inset 0 0 0 1px #fff9,inset -5px -8px 14px #9b8cb522,0 8px 20px #8d7ba51b;font-family:var(--heading);color:#776889;font-size:30px}.bubble-a{width:90px;height:90px;top:73px;right:35px;transform:rotate(17deg)}.bubble-b{height:75px;width:75px;bottom:66px;left:48px;transform:rotate(-14deg)}.bubble-c{height:46px;width:46px;top:85px;left:65px;font-size:20px}.puff-spark{position:absolute;bottom:79px;right:84px;color:#fffdf8;font-size:65px}.concept-label{position:absolute;bottom:21px;left:30px;font-size:8px;letter-spacing:1px;color:#776889}.puff-face{position:absolute;bottom:0;right:26px;width:85px;height:53px;background:var(--orange);border-radius:60px 60px 0 0;display:grid;place-items:center;font-size:27px;transform:rotate(-8deg)}.feature-copy{padding:51px 48px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 11px;background:#e0e2d5;border-radius:30px}.pill>span:first-child{height:5px;width:5px;border-radius:50%;background:#6e8053}.feature-copy h3{font-size:43px;letter-spacing:-1.8px;margin:20px 0 15px}.feature-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.game-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 29px}.game-tags span{font-size:10px;border:1px solid #d4d6c8;border-radius:4px;padding:4px 9px}.small-note{font-size:11px!important;color:var(--muted);line-height:1.7}.feature-copy .small-note{margin:13px 0 0}.next-chapter{display:flex;align-items:center;gap:24px;margin-top:27px;padding:22px 0 0}.next-spark{font-size:48px;line-height:1;color:var(--purple)}.next-chapter h3{margin:0 0 4px;font-size:19px;letter-spacing:-.4px}.next-chapter p{font-size:12px;color:var(--muted);margin:0}.outline{background:none;border:1px solid var(--line);margin-left:auto;white-space:nowrap;gap:15px}.outline>span:first-child{height:auto;width:auto;background:none;font-size:16px}.philosophy{background:var(--ink);color:var(--paper)}.philosophy-top{display:flex;justify-content:space-between;align-items:start}.philosophy-top .eyebrow{color:#c6cbbc}.handwritten{font-style:italic;color:var(--lime);font-size:15px;transform:rotate(-7deg);margin-right:32px}.handwritten span{display:block;font-size:43px;margin:5px 0 0 25px}.philosophy h2{font-size:72px;line-height:1.08;letter-spacing:-3px}.philosophy h2>span{color:var(--lime)}.philosophy-bottom{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:50px}.manifesto{color:#c6cbbc;font-size:17px;line-height:1.85;max-width:410px}.principles article{display:flex;gap:22px;border-top:1px solid #4a4e43;padding:22px 0}.principles article>span{font-size:10px;color:var(--lime);padding-top:5px}.principles h3{font-size:20px;margin:0 0 6px}.principles p{font-size:12px;color:#bec3b5;line-height:1.8;margin:0;max-width:330px}.playground{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.play-copy>p:not(.eyebrow){max-width:370px;margin-top:26px;color:var(--muted);font-size:15px}.play-copy .small-note{margin-top:30px!important}.play-doodle{font-style:italic;transform:rotate(-8deg);margin:40px 0 0 120px;font-size:20px}.play-doodle span{font-size:60px;display:inline-block;vertical-align:middle;margin-left:16px}.memory-game{border:1px solid var(--line);background:#eeeee5;padding:28px 32px 30px;border-radius:18px;min-height:434px}.game-topline{display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:1px;font-weight:600;margin-bottom:28px}.game-topline>span:last-child{color:var(--muted);text-align:right}.memory-game h3{font-size:25px;letter-spacing:-.7px;margin-bottom:6px}.memory-game>p{font-size:12px;color:var(--muted);min-height:40px;margin-bottom:13px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 29px}.pad{border:2px solid transparent;border-radius:12px;min-width:0;height:100px;position:relative;display:grid;place-items:center;transition:transform .18s,box-shadow .18s,background .18s}.pad-one{background:#f2c4b0}.pad-two{background:#d9cfe9}.pad-three{background:#dee7bb}.pad-four{background:#f2e0a4}.pad>span{font-size:42px;line-height:1;transition:transform .18s}.pad small{position:absolute;bottom:4px;font-size:9px;color:#555b4c}.pad.active{background:var(--ink);color:var(--paper);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--ink);transform:translateY(-7px)}.pad.active small{color:var(--paper)}.pad:not(:disabled):hover{border-color:var(--ink);transform:translateY(-4px)}.memory-game>.button{min-height:43px;font-size:12px;width:100%}.keyboard-note{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-top:65px}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:500;font-size:16px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:24px;font-weight:400;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:13px;color:var(--muted);line-height:1.85;max-width:560px;margin:17px 0 0}.questions details .text-link{margin-top:16px;font-size:12px}.closing{background:var(--orange);padding:70px 0 80px;overflow:hidden}.closing .wrap{text-align:center;position:relative}.closing .eyebrow{justify-content:center;margin-bottom:22px}.closing h2{font-size:65px;letter-spacing:-3px;margin-bottom:31px}.closing-spark{position:absolute;left:80px;top:29px;font-size:125px;line-height:1;transform:rotate(15deg)}.closing-face{position:absolute;right:70px;bottom:-20px;font-size:85px;transform:rotate(-15deg);letter-spacing:-8px}.footer{padding-top:48px;padding-bottom:27px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>p{font-size:13px;color:var(--muted);margin:0}.footer-top .text-link{font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:10px;color:var(--muted)}.plain-button{background:none;border:0;padding:0;font-size:10px}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--ink);color:white;padding:10px 20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}dialog{max-width:540px;width:calc(100% - 36px);border:1px solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);padding:45px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#24282099;backdrop-filter:blur(4px)}dialog h2{font-size:36px;margin-bottom:25px}dialog p{color:var(--muted);font-size:14px;line-height:1.8}dialog .eyebrow{font-size:10px;color:var(--orange);margin-bottom:20px}dialog .button{font-size:12px;margin-top:10px}.close-dialog{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;padding:0 8px}@keyframes bob{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(-12px) rotate(18deg)}}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:100px}.hero-art{transform:scale(1.03)}}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.header nav{gap:20px}h1{font-size:62px}.hero{gap:0}.hero-art{transform:scale(.85);transform-origin:center right;margin-left:-60px}.hero-actions{gap:17px}.hero-actions .button{padding:12px 17px;gap:15px}.feature-copy{padding:40px 32px}.philosophy-bottom,.playground,.faq{gap:55px}.closing-spark{left:30px;font-size:90px}.closing-face{right:30px;font-size:70px}.memory-game{padding:24px}.pad{height:83px}}
@media(max-width:800px){.header{height:85px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px}.hero-copy{max-width:550px}.hero h1{font-size:72px;letter-spacing:-4.5px}.hero-description{max-width:450px}.hero-art{width:510px;max-width:100%;height:465px;transform:scale(.92);transform-origin:center;margin:38px auto -18px}.hero-footnote{margin-top:28px}.word-strip .wrap{gap:15px;font-size:10px;letter-spacing:1px}.word-strip i{font-size:20px}.word-strip .wrap>span:last-child{display:none}.word-strip .wrap>i:last-of-type{display:none}.section{padding-top:70px;padding-bottom:70px}h2{font-size:42px}.section-heading{gap:30px}.section-heading>p{max-width:220px;font-size:12px}.feature-game{grid-template-columns:1fr 1fr}.puff-art{min-height:410px}.puff-word{font-size:90px}.bubble-a{right:12px;width:65px;height:65px}.bubble-b{left:20px}.bubble-c{left:22px;top:60px}.feature-copy{padding:35px 25px}.feature-copy h3{font-size:34px}.feature-copy>p{font-size:12px}.game-tags{gap:5px}.game-tags span{font-size:8px}.feature-copy .button{font-size:12px;padding:12px 16px;gap:15px}.next-chapter{gap:17px;flex-wrap:wrap}.next-chapter .outline{margin-left:65px}.philosophy h2{font-size:60px}.philosophy-bottom{gap:40px}.manifesto{font-size:15px}.playground{gap:35px;grid-template-columns:1fr}.play-copy>p:not(.eyebrow){max-width:470px}.play-doodle{display:none}.memory-game{max-width:500px;width:100%;justify-self:center;padding:30px}.pads{margin-top:22px}.pad{height:110px}.faq{grid-template-columns:1fr;gap:40px}.faq h2 br{display:none}.closing h2{font-size:55px}.closing-spark{left:23px;top:15px;font-size:65px}.closing-face{right:20px;bottom:3px;font-size:55px}.footer-top>p{display:none}}
@media(max-width:480px){.wrap{padding-left:23px;padding-right:23px}.brand{font-size:27px}.brand img{width:27px;height:27px}.nav-button{font-size:10px;padding:9px 12px;min-height:38px;gap:13px}.hero{padding-top:36px;overflow:hidden}.hero h1{font-size:55px;letter-spacing:-3.5px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{font-size:14px;margin-top:33px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;gap:12px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-art{width:500px;max-width:none;transform:scale(.67);transform-origin:top left;margin:47px 0 -136px;height:460px;left:calc((100vw - 381px)/2)}.word-strip .wrap{font-size:8px;gap:9px;letter-spacing:.7px;padding-top:18px;padding-bottom:18px}.word-strip i{font-size:16px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:none}.section-heading>p br{display:none}h2{font-size:37px;letter-spacing:-1.8px}.feature-game{grid-template-columns:1fr}.puff-art{min-height:335px}.puff-word{font-size:108px}.bubble-a{right:25px;top:50px}.bubble-b{bottom:45px}.puff-spark{right:47px;bottom:33px}.feature-copy{padding:30px}.feature-copy>p{font-size:13px}.game-tags span{font-size:9px}.next-chapter h3{font-size:16px}.next-chapter p{font-size:11px}.next-chapter{display:grid;grid-template-columns:34px 1fr;gap:16px}.next-spark{font-size:37px}.next-chapter .outline{grid-column:2;margin:0;justify-self:start}.philosophy-top .handwritten{font-size:10px;margin-right:0;white-space:nowrap}.handwritten span{font-size:30px}.philosophy h2{font-size:45px;letter-spacing:-2px}.philosophy-bottom{grid-template-columns:1fr;gap:20px;margin-top:32px}.manifesto{font-size:14px}.principles h3{font-size:19px}.memory-game{padding:25px 20px;min-height:400px}.game-topline{font-size:7px;gap:12px}.memory-game h3{font-size:23px}.pads{gap:8px}.pad{height:83px}.pad>span{font-size:34px}.questions summary{font-size:14px}.questions details p{font-size:12px}.closing{padding:60px 0}.closing h2{font-size:42px;letter-spacing:-2px}.closing-spark{font-size:40px;left:12px;top:35px}.closing-face{font-size:37px;right:17px;bottom:-19px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer{padding-top:34px}.footer-top .text-link{font-size:10px}dialog{padding:35px 27px}dialog h2{font-size:30px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
