@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#202039;--muted:#77758c;--purple:#6652db;--lavender:#eeeaff;--peach:#ffb27d;--yellow:#ffe38b;--cream:#faf9f5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;min-width:320px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;padding:0 38px;margin:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.8px;text-decoration:none}.brand-mark{height:32px;width:32px;display:grid;place-items:center;background:#e9e4ff;border-radius:10px;font-size:17px}.accent{color:var(--purple)}.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:13px;color:var(--muted);text-decoration:none;font-weight:600}.nav a:hover,.nav a:focus{color:var(--purple)}.nav-cta{background:#fff;border:1px solid #e9e6e0;padding:11px 16px;border-radius:12px;color:var(--ink)!important;box-shadow:0 3px 10px #39305d0a}.nav-cta span{color:var(--purple);margin-left:7px}.menu-button{display:none;border:0;background:none;font-size:23px;color:var(--ink)}.hero{max-width:1240px;margin:0 auto;padding:74px 38px 84px;display:grid;grid-template-columns:45% 55%;align-items:center;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;color:#918ea2;margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fc890;margin-right:7px;box-shadow:0 0 0 4px #dff5e6}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.04;letter-spacing:-3.7px;margin:0 0 24px;font-weight:700}.hero h1 em{font-family:'Playfair Display',serif;color:var(--purple);letter-spacing:-3px}.intro{color:var(--muted);font-size:16px;line-height:1.7;max-width:390px;margin:0 0 29px}.hero-actions{display:flex;gap:12px;align-items:center}.primary-button,.quiet-button{font:600 13px 'DM Sans';border-radius:11px;padding:14px 18px;cursor:pointer;transition:transform .2s,box-shadow .2s}.primary-button{background:var(--purple);color:#fff;border:1px solid var(--purple);box-shadow:0 9px 20px #6652db35}.primary-button:hover,.quiet-button:hover{transform:translateY(-2px)}.primary-button span{font-size:19px;vertical-align:-1px;margin-right:5px}.quiet-button{background:transparent;border:1px solid #e0deda;color:var(--muted)}.quiet-button span{font-size:15px;margin-right:6px}.mini-stat{display:flex;align-items:center;gap:11px;margin-top:35px;color:#8d8a98;font-size:11px}.mini-stat strong{color:var(--ink);font-size:12px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;background:#f4d9cb;border:2px solid var(--cream);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:13px;margin-left:-5px}.avatar-stack i:first-child{margin-left:0;background:#e7e0ff}.hero-art{height:390px;position:relative}.sun-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#fff3c8;top:8px;left:25%;filter:blur(2px)}.cloud{position:absolute;width:82px;height:23px;background:white;border-radius:30px;opacity:.85}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{height:37px;width:37px;left:14px;top:-17px}.cloud:after{height:29px;width:29px;left:41px;top:-10px}.cloud-one{top:52px;right:5%;transform:scale(.7)}.cloud-two{top:105px;left:4%;transform:scale(.45);opacity:.65}.playground{height:310px;width:min(100%,520px);position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#f1edff;border-radius:50% 50% 22px 22px;overflow:hidden;box-shadow:inset 0 -23px #e4ddff}.ground-line{position:absolute;bottom:24px;left:12%;width:76%;height:2px;background:#d5cff4;border-radius:10px}.floor-shadow{position:absolute;bottom:38px;left:18%;height:25px;width:64%;background:#cdc5ed;border-radius:50%;filter:blur(8px)}.cat{position:absolute;z-index:2;left:var(--x);bottom:48px;transform:translateX(-50%);font-size:73px;line-height:1;background:none;border:0;padding:0;cursor:pointer;filter:drop-shadow(0 8px 4px #7569a025);animation:bounce 2.7s ease-in-out infinite;animation-delay:var(--delay);transition:filter .2s}.cat:hover{filter:drop-shadow(0 5px 7px #6652db45) brightness(1.06)}.cat-orange{font-size:75px}.cat-black{font-size:66px}.cat-white{font-size:72px}.cat-lilac{font-size:69px}.cat-peach{font-size:74px}.cat.booped{animation:boop .7s ease}.spark{color:#ffab63;font-size:18px;position:absolute;right:-13px;top:-7px;animation:twinkle 1s infinite}.boop-word{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font:700 12px 'DM Sans';color:var(--purple);animation:rise .7s ease forwards}.art-note{position:absolute;color:#a19cae;font:italic 15px 'Playfair Display';transform:rotate(-9deg)}.note-one{left:4%;bottom:92px}.note-two{right:2%;top:143px;transform:rotate(7deg)}@keyframes bounce{0%,100%{bottom:48px}50%{bottom:86px}}@keyframes boop{0%{transform:translateX(-50%) scale(1)}35%{transform:translateX(-50%) scale(1.22,.8) rotate(-4deg)}70%{transform:translateX(-50%) scale(.9,1.12) rotate(4deg)}100%{transform:translateX(-50%) scale(1)}}@keyframes rise{from{opacity:0;top:-17px}to{opacity:1;top:-55px}}@keyframes twinkle{50%{transform:scale(1.4) rotate(20deg)}}.feature-strip{max-width:1164px;margin:0 auto;border-top:1px solid #e8e4dd;border-bottom:1px solid #e8e4dd;padding:27px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{display:flex;align-items:center;gap:13px;padding:0 30px;border-right:1px solid #e8e4dd}.feature:last-child{border:0}.feature-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:18px}.purple{background:#eeeaff;color:#6652db}.peach{background:#ffebdf;color:#e98e5a}.yellow{background:#fff5cc;color:#c79519}.feature strong{display:block;font-size:12px;margin-bottom:4px}.feature small{display:block;color:#92909c;font-size:10px}.quote-section{text-align:center;padding:82px 20px 75px}.quote-section .eyebrow{margin-bottom:18px}.quote-section blockquote{font:italic 700 clamp(22px,3vw,31px) 'Playfair Display';max-width:560px;line-height:1.35;margin:0 auto 18px;color:#3c3952}.quote-author{font-size:11px;color:#92909c}.quote-author span{font-size:18px;vertical-align:-3px;margin-right:5px}footer{border-top:1px solid #e8e4dd;max-width:1164px;margin:auto;padding:23px 0 30px;display:flex;gap:27px;color:#aaa7b0;font-size:10px}footer a{color:#8c8898;text-decoration:none;margin-left:auto}.calm .cat{animation-duration:6s}.calm .sun-glow{background:#e8f2ff}.calm .playground{background:#edf5ff}.calm .cat{filter:saturate(.7)}
@media(max-width:800px){.topbar{height:72px;padding:0 22px}.nav{display:none;position:absolute;right:18px;top:62px;z-index:5;background:#fff;border:1px solid #eee;box-shadow:0 10px 30px #35304718;border-radius:14px;padding:15px;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.menu-button{display:block}.hero{padding:49px 22px 64px;display:block}.hero-copy{max-width:540px;margin:auto}.hero-art{margin:45px auto 0;height:330px;max-width:540px}.feature-strip{margin:0 22px;grid-template-columns:1fr;padding:0}.feature{padding:18px 5px;border-right:0;border-bottom:1px solid #e8e4dd}.feature:last-child{border-bottom:0}.quote-section{padding:65px 22px}.hero h1{letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}footer{margin:0 22px;flex-wrap:wrap;gap:12px}footer a{margin-left:0;width:100%}}@media(max-width:420px){.hero-actions{flex-wrap:wrap}.cat{font-size:61px}.cat-orange{font-size:63px}.playground{height:285px}.hero-art{height:305px}.note-one,.note-two{display:none}}