:root{color:#29263d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#29263d;--yellow:#ffe16b;--pink:#ffadca;--mint:#9de4ca;background:#f1edff;font-family:ui-rounded,Arial Rounded MT Bold,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(#d0c6e8 1px,#0000 1px);background-size:22px 22px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.page{width:min(1240px,100%);margin:auto;padding:0 40px}.site-header{justify-content:space-between;align-items:center;gap:16px;padding:30px 0 26px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:18px;font-weight:900;display:flex}.brand-dot{color:#fa705c;font-size:11px}.mini-block{background:var(--yellow);border:2px solid var(--ink);width:37px;height:25px;box-shadow:2px 2px 0 var(--ink);border-radius:4px;justify-content:space-evenly;display:flex;transform:rotate(-8deg)}.mini-block i{background:var(--yellow);border:2px solid var(--ink);border-radius:3px 3px 0 0;width:9px;height:6px;margin-top:-6px}.source{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fffdf5;border-radius:30px;padding:10px 15px;font-size:12px;font-weight:700}.source span{padding-left:12px}.slide{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fffdf5;border-radius:19px;overflow:hidden}.slide-bar{border-bottom:2px solid var(--ink);letter-spacing:1px;background:#fff;justify-content:space-between;align-items:center;gap:14px;height:48px;padding:0 25px;font-size:11px;font-weight:700;display:flex}.window-dots{gap:7px;display:flex}.window-dots i{border:2px solid var(--ink);background:#ff977e;border-radius:50%;width:11px;height:11px}.window-dots i:nth-child(2){background:var(--yellow)}.window-dots i:nth-child(3){background:var(--mint)}.slide-number{letter-spacing:1.5px;font-size:10px}.hero{grid-template-columns:1.07fr 1fr;gap:10px;padding:43px 40px 33px;display:grid}.hero-copy{z-index:1;padding:8px 0 5px;position:relative}.eyebrow{align-items:center;gap:8px;margin:0 0 22px;font-size:14px;font-weight:700;display:inline-flex}.eyebrow span{color:#ed674d;font-size:22px}h1{letter-spacing:-2px;white-space:nowrap;margin:0 0 19px;font-size:clamp(38px,4.65vw,60px);font-weight:950;line-height:1.45}.title-highlight{isolation:isolate;margin-right:7px;display:inline-block;position:relative}.title-highlight:before{content:"";z-index:-1;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);border-radius:8px;position:absolute;inset:11% -5px 6%;transform:rotate(-3deg)}.intro{color:#61586e;margin:0;font-size:16px;font-weight:500;line-height:1.9}.interaction{margin-top:26px}.hello-button{color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:#a591ed;border-radius:9px;align-items:center;gap:38px;padding:14px 20px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.hello-button span{font-size:24px;line-height:1}.hello-button:hover{box-shadow:6px 6px 0 var(--ink);background:#b9a9f6;transform:translate(-2px,-2px)}.hello-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.hello-status{color:#70667b;min-height:20px;margin:15px 0 0;font-size:11px}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #4b64d9}.playground{border:2px solid var(--ink);background:#e8defb radial-gradient(#c4b5e5 1px,#0000 1px) 0 0/16px 16px;border-radius:45% 45% 16px 16px;align-self:center;min-width:0;height:396px;position:relative}.art-label{letter-spacing:1.7px;font-size:9px;font-weight:800;position:absolute;top:31px;left:26px;transform:rotate(-10deg)}.hello-sticker{z-index:5;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);letter-spacing:1px;background:#fffdf5;border-radius:14px;padding:12px 17px;font-size:22px;font-weight:950;position:absolute;top:4px;right:5px;transform:rotate(9deg)}.hello-sticker span{text-align:center;letter-spacing:2px;margin-top:3px;font-size:10px;display:block}.block-scene{width:360px;height:300px;position:absolute;top:65px;left:50%;transform:translate(-50%)}.floor-shadow{opacity:.5;background:#baa4d6;border-radius:50%;width:278px;height:39px;position:absolute;bottom:15px;left:50px;transform:rotate(-5deg)}.brick{border:3px solid var(--ink);box-shadow:inset 0 8px 0 #ffffff4d, inset -10px -7px 0 #00000012, 7px 7px 0 var(--ink);border-radius:9px;position:absolute}.studs{justify-content:space-evenly;display:flex;position:absolute;inset:-17px 0 auto}.studs i{border:3px solid var(--ink);background:inherit;border-bottom-width:2px;border-radius:50% 50% 3px 3px;width:28px;height:17px;box-shadow:inset 0 4px #ffffff65}.brick-mint{background:var(--mint);z-index:3;width:277px;height:68px;bottom:32px;left:40px;transform:rotate(-4deg)}.brick-mint .studs i{background:var(--mint)}.brick-mark{letter-spacing:2px;font-size:13px;font-weight:950;position:absolute;bottom:21px;left:68px}.brick-pink{background:var(--pink);z-index:2;width:132px;height:125px;bottom:109px;left:30px;transform:rotate(-9deg)}.brick-pink .studs i{background:var(--pink)}.brick-yellow{background:var(--yellow);z-index:2;width:170px;height:120px;bottom:118px;left:168px;transform:rotate(8deg)}.brick-yellow .studs i{background:var(--yellow)}.brick-blue{z-index:1;background:#92c8fa;width:100px;height:68px;top:-18px;left:133px;transform:rotate(-13deg)}.brick-blue .studs i{background:#92c8fa;width:23px}.little-star{text-align:center;font-size:44px;line-height:58px;display:block}.face{justify-content:center;gap:30px;height:57px;display:flex;position:absolute;top:37px;left:0;right:0}.eye{background:var(--ink);border-radius:50%;width:9px;height:16px;display:block}.smile{border:3px solid var(--ink);border-top:0;border-radius:0 0 25px 25px;width:26px;height:15px;position:absolute;top:23px}.cheek{opacity:.7;background:#ed727c;border-radius:50%;width:17px;height:9px;position:absolute;top:58px;left:15px}.brick-yellow .cheek{left:24px}.spark{z-index:4;font-size:45px;position:absolute}.spark-one{color:#e87152;top:76px;left:3px;transform:rotate(-13deg)}.spark-two{color:#6350a1;font-size:36px;top:166px;right:0}.spark-three{color:#6350a1;font-size:23px;bottom:63px;left:7px}.art-note{text-align:center;font-size:11px;font-weight:700;position:absolute;bottom:15px;left:0;right:0}.art-note span{margin-right:5px;font-size:20px}.confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.confetti i{width:9px;height:17px;top:-20px;left:calc(var(--i) * 7.4%);border:1px solid var(--ink);opacity:0;background:#ee7961;position:absolute}.confetti i:nth-child(3n){background:var(--yellow)}.confetti i:nth-child(3n+1){background:#8fa6f9;border-radius:50%}.celebrating .confetti i{animation:.85s ease-out both sprinkle;animation-delay:calc(var(--i) * 7ms)}.celebrating .brick-pink,.celebrating .brick-yellow{animation:.6s ease-in-out hop}@keyframes sprinkle{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(390px)rotate(300deg)}}@keyframes hop{0%,to{translate:0}45%{translate:0 -20px}}.slide-bottom{border-top:2px solid var(--ink);justify-content:space-between;gap:15px;padding:17px 25px;font-size:11px;font-weight:700;display:flex}.slide-bottom b{color:#3c896b;margin-right:6px;font-size:9px}.slide-bottom>span:last-child{color:#786c88}.idea-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px;display:grid}.idea-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:13px;align-items:center;gap:14px;padding:20px;display:flex}.card-yellow{background:#ffe58a;transform:rotate(-1deg)}.card-pink{background:#ffc4d7;transform:rotate(1deg)}.card-mint{background:#b7ebd9;transform:rotate(-1deg)}.card-icon{text-align:center;flex-shrink:0;width:36px;font-size:34px}.idea-card p{letter-spacing:1px;margin:0 0 7px;font-size:10px}.idea-card h2{margin:0;font-size:15px;font-weight:800}.card-arrow{margin-left:auto;font-size:23px}footer{color:#726682;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:30px 1px 25px;font-size:11px;display:flex}footer>span:last-child{letter-spacing:.8px;font-size:9px}@media (width<=980px){.page{padding:0 26px}.hero{gap:20px;padding:35px 25px 28px}.playground{height:360px}.block-scene{transform-origin:0;top:46px;scale:.84}.hello-sticker{font-size:19px}.idea-card{gap:8px;padding:17px 13px}.idea-card h2{font-size:12px}.card-icon{width:29px;font-size:28px}.card-arrow{display:none}}@media (width<=700px){.page{padding:0 20px}.site-header{padding:23px 0}.brand{letter-spacing:0;gap:9px;font-size:14px}.brand-dot{display:none}.mini-block{width:29px;height:22px}.source{padding:9px 11px;font-size:10px}.source span{padding-left:4px}.slide{box-shadow:5px 5px 0 var(--ink);border-radius:14px}.slide-bar{letter-spacing:0;height:42px;padding:0 15px;font-size:9px}.window-dots{gap:4px}.window-dots i{width:9px;height:9px}.slide-number{letter-spacing:.5px;font-size:8px}.hero{grid-template-columns:1fr;gap:35px;padding:27px 23px 24px}.eyebrow{margin-bottom:15px;font-size:12px}h1{letter-spacing:-1.5px;margin-bottom:17px;font-size:clamp(32px,8.3vw,54px)}.intro{font-size:14px}.interaction{margin-top:22px}.playground{width:100%;max-width:390px;height:330px;margin:auto}.block-scene{top:22px;scale:.78}.art-label{font-size:8px;top:24px;left:18px}.hello-sticker{padding:9px 12px;font-size:18px;top:1px}.spark-one{top:62px}.spark-two{font-size:28px;top:135px}.art-note{font-size:9px;bottom:15px}.slide-bottom{flex-wrap:wrap;gap:7px;padding:14px 17px;font-size:9px}.idea-cards{grid-template-columns:1fr;gap:16px;margin-top:27px}.idea-card{gap:18px;padding:16px 21px}.idea-card h2{font-size:15px}.card-arrow{display:inline}footer{gap:9px;padding-top:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}