@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#fff8e9;--ink:#322014;--orange:#f88939;--line:#dacfb9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;font-size:24px;white-space:nowrap}.brand span{font-size:11px;letter-spacing:1px;border:1px solid var(--ink);padding:5px 8px;border-radius:20px;vertical-align:middle;margin-left:12px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:13px 20px}.hero{max-width:1440px;padding:45px 5% 35px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px}i{width:8px;height:8px;border-radius:50%;background:#69a663}.hero-top{display:flex;justify-content:space-between;align-items:center}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1{font-size:clamp(75px,8.7vw,140px);line-height:.88;letter-spacing:-3px;margin:27px 0 30px}em{font-style:normal;color:#dc6629}.hero-note{padding-right:25px;transform:rotate(5deg)}.hero-note p{font-size:19px;font-weight:600;line-height:1.5}.scribble{font-size:60px;line-height:.6}.pill{display:inline-block;padding:9px 13px;border:1px solid var(--ink);border-radius:30px;font-size:10px;font-weight:800;letter-spacing:1px}.hero-art{position:relative;border:2px solid var(--ink);border-radius:20px;box-shadow:5px 6px 0 var(--ink)}.hero-art>img{display:block;width:100%;border-radius:18px}.sticker{position:absolute;right:3%;bottom:-22px;background:#fbed87;border:2px solid var(--ink);padding:17px 22px;transform:rotate(-7deg);border-radius:50%;font-size:12px;font-weight:900;text-align:center;box-shadow:2px 3px 0 var(--ink)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:25px}.hero-bottom p{font-size:14px;line-height:1.6}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:35px;padding:17px 24px;font-size:13px;font-weight:700;border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:3px 4px 0 #f88939}.dark{background:var(--ink);color:var(--cream)}.outline{background:transparent}.text-link{font-size:13px;font-weight:700}.ticker{overflow:hidden;background:var(--orange);border-block:2px solid var(--ink);padding:16px 0;font-weight:900;font-size:18px;letter-spacing:2px}.ticker div{white-space:nowrap;width:max-content;animation:marquee 38s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.section{max-width:1300px;margin:0 auto;padding:100px 5%}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.story-picture{position:relative;transform:rotate(-3deg);background:#fff;border:2px solid var(--ink);border-radius:20px;padding:25px;box-shadow:7px 8px 0 #eedebc}.story-picture img{width:100%;display:block;border-radius:15px}.picture-tag{display:block;text-align:center;font-weight:800;font-size:10px;letter-spacing:2px;padding:15px 0 0}.little-star{position:absolute;right:-25px;top:-30px;font-size:90px;color:var(--orange);line-height:1}h2{font-size:clamp(44px,4.2vw,67px);letter-spacing:-1px;line-height:1.02;margin:20px 0 25px}p{font-size:15px;line-height:1.8}.story p{color:#74604d}.quote{font-size:19px;font-weight:700;border-left:3px solid var(--orange);padding-left:18px;margin-top:28px}.quote span{display:block;font-size:11px;font-weight:400;margin-top:8px}.nap{background:#edecd9;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-inline:max(7%,calc((100vw - 1170px)/2));border-block:1px solid var(--line)}.nap p{color:#70604f}.nap .button{margin-top:10px}#nap-status{font-size:12px;min-height:22px}.sleep-card{align-self:center;background:var(--cream);padding:40px;border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 #b8b9a1;transform:rotate(3deg)}.zzz{display:block;text-align:right;font-size:28px;letter-spacing:10px;font-weight:800;color:#cb713f}.cat-face{text-align:center;font-weight:700;font-size:clamp(35px,4vw,60px);padding:38px 0 60px;white-space:nowrap}.meter-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.meter{height:10px;background:#e4dccb;border-radius:20px;margin:12px 0}.meter div{height:100%;width:1%;background:var(--orange);border-radius:20px;transition:width .4s}.tiny{font-size:10px;color:#887460}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;gap:20px}.steps article{border:1px solid var(--ink);border-radius:15px;padding:28px;position:relative;min-height:285px}.steps article:nth-child(2){background:#ffe1b7}.steps article:nth-child(3){background:#e9ebd4}.number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;color:#c3a885}.phase{float:right;font-size:9px;letter-spacing:1px;margin-top:15px;font-weight:700}h3{font-size:31px;margin:20px 0 10px}.steps p{font-size:13px;max-width:90%;line-height:1.7}.step-icon{position:absolute;bottom:10px;right:20px;font-size:35px}.join{max-width:none;background:#f7a359;text-align:center;border-block:2px solid var(--ink);padding-block:75px}.join h2{font-size:clamp(70px,8vw,120px);line-height:.87}.join h2 em{color:var(--cream)}.contract{max-width:650px;margin:30px auto 0;background:var(--cream);border:1px solid var(--ink);padding:18px 20px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;box-shadow:3px 4px 0 var(--ink)}.contract span{display:block;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:9px}code{font-size:12px;overflow-wrap:anywhere}.contract button{border:0;border-radius:20px;padding:11px 14px;background:#f1e7d3;white-space:nowrap;font-size:11px;font-weight:700}.copy-status{font-size:11px;min-height:20px;margin:10px 0}.join .actions{justify-content:center}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:35px}footer p{font-size:10px;max-width:480px;color:#806e5c}footer>span{font-size:9px;letter-spacing:1px;white-space:nowrap}:focus-visible{outline:3px solid #3686b3;outline-offset:5px}.awake{animation:wobble .4s}@keyframes wobble{50%{transform:rotate(-4deg)}}
@media(max-width:760px){header{padding:20px 5%}.brand{font-size:20px}.brand span{display:none}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 14px;font-size:11px}.hero{padding-top:30px}.hero-note{display:none}h1{font-size:clamp(68px,15vw,112px);letter-spacing:-2px}.hero-art{margin-top:10px}.sticker{font-size:8px;padding:11px;bottom:-17px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:8px}.actions{gap:18px;flex-wrap:wrap}.button{padding:15px 20px;font-size:12px}.section{padding:65px 6%}.story{grid-template-columns:1fr;gap:45px}.story-picture{max-width:360px;margin:auto}.nap{grid-template-columns:1fr;gap:25px}.sleep-card{padding:30px}.cat-face{padding:20px 0 35px}.section-heading{display:block}.section-heading>.pill{margin-bottom:15px}.steps{grid-template-columns:1fr}.steps article{min-height:235px}.join h2{font-size:78px}.contract{padding:15px 12px;gap:10px}.contract code{font-size:10px}.contract button{padding:10px;font-size:10px}footer{flex-direction:column;align-items:flex-start;gap:10px}footer p{margin:0}.eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Wake-up mini game */
.sleep-card{position:relative;overflow:hidden}.meter div{transition:width .12s ease,background .2s}.overload .meter div,.exploded .meter div{background:#e24c2f}.overload .cat-face{animation:rumble .12s infinite}.exploded .cat-face{animation:loaf-pop .6s ease-out forwards}.boom-label{position:absolute;top:36%;left:0;width:100%;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(32px,4vw,56px);color:#dc6629;transform:rotate(-8deg);animation:boom-in .5s ease-out both;text-shadow:2px 2px 0 #fff8e9}.burst-particle{position:absolute;left:50%;top:43%;font-size:25px;pointer-events:none;animation:loaf-burst 1s ease-out forwards}.exploded .zzz{font-size:14px;letter-spacing:2px}#wake{touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}#wake:active{transform:translateY(2px)}
@keyframes rumble{0%,100%{transform:translate(-2px,1px) rotate(-2deg)}50%{transform:translate(2px,-1px) rotate(2deg)}}@keyframes loaf-pop{0%{transform:scale(1)}35%{transform:scale(1.25)}100%{transform:scale(.1);opacity:0}}@keyframes boom-in{0%{opacity:0;transform:scale(.2) rotate(-20deg)}60%{opacity:1;transform:scale(1.15) rotate(-8deg)}100%{transform:scale(1) rotate(-8deg)}}@keyframes loaf-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.exploded .cat-face{opacity:0}.burst-particle{display:none}.boom-label{animation:none}}

#wake:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}