:root{--cream:#FEFAEB;--card:#FDFDFB;--ink:#0C1A00;--sub:#4C5049;--line:rgba(12,26,0,.12);--green:#6CCE17;--green-deep:#3C730D;--teal:#35EEEA;--btn-a:#E6FED2;--btn-b:#B7F7F4;--dusk:#5F6C86;--night:#191413;--screen:#FBF8EA;--display:"Aleo",Georgia,serif;--body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(.23,1,.32,1);--spring:cubic-bezier(.34,1.56,.64,1);--gutter:24px;--fg:var(--ink);--fg-sub:var(--sub);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;margin:0;text-wrap:balance;line-height:1.08;color:var(--fg)}p{margin:0}button,input,summary{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:3px solid var(--green-deep);outline-offset:3px;border-radius:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.g{padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.in{max-width:1080px;margin-inline:auto}section,header,footer{position:relative}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);opacity:.08;mix-blend-mode:multiply;pointer-events:none}.tone-day{color:var(--ink)}.tone-dusk,.tone-night{--fg:#FBF3EE;--fg-sub:#E4D8DC;color:var(--fg)}.tone-night{--fg-sub:#D2C6CB}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:#eefcd9e6}h2.big,.tension h2,.sunday h2,.beta h2,.faq h2,.scroll h2{font-size:clamp(28px,7.4vw,56px)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.mark{display:flex;align-items:center;color:var(--ink)}.mark svg{height:24px;width:auto;display:block}.nav nav{display:flex;gap:24px;align-items:center;font-size:14px}.nav nav a{color:var(--sub);text-decoration:none}.nav nav a:hover{color:var(--ink)}.nav nav a.btn{color:var(--ink)}.nav nav .lk,.nav nav a.btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(60,115,13,.2);background:linear-gradient(90deg,var(--btn-a),var(--btn-b));color:var(--ink);font-weight:600;border-radius:999px;padding:12px 22px;cursor:pointer;font-size:16px;white-space:nowrap;text-decoration:none;transition:transform .25s var(--ease)}.btn:active{transform:scale(.97);transition-duration:.12s}.btn.sm{padding:9px 16px;font-size:14px;min-height:40px}.signup{display:flex;flex-direction:column;gap:8px;width:100%;max-width:440px}.signup .row{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px}.signup input[type=email]{flex:1;min-width:0;border:0;background:transparent;padding:10px 14px;color:var(--ink);outline:none;font-size:16px}.signup .row:focus-within{border-color:var(--green-deep)}.signup .row .btn{padding-inline:18px}.signup .msg{font-size:13px;min-height:19px;padding-left:14px;color:var(--fg-sub)}.signup .msg.err{color:#b4443a}.tone-night .signup .msg.err{color:#ffc1b8}.signup .done{display:grid;gap:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:20px;text-align:left;animation:rise .45s var(--ease)}.signup .done h3{font-size:22px;color:var(--ink)}.signup .done p{font-size:14px;color:var(--sub)}.signup .done .f{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--sub)}.signup .done .f input{border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:#fff;color:var(--ink);font-weight:400;font-size:16px;width:100%}.signup .done .ft{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.signup .done .lnk{background:none;border:0;color:var(--sub);text-decoration:underline;cursor:pointer;font-size:14px;min-height:44px;padding:0 6px}.tone-night .signup .row{background:#ffffff14;border-color:#ffffff3d}.tone-night .signup .done{background:#ffffff14;border-color:#ffffff3d;color:#fbf3ee}.tone-night .signup .done h3{color:#fbf3ee}.tone-night .signup .done p,.tone-night .signup .done .f{color:#d2c6cb}.tone-night .signup .done .f input{background:#ffffff14;border-color:#ffffff3d;color:#fff}.tone-night .signup .done .f input::placeholder{color:#a99fa4}.tone-night .signup .done .lnk{color:#d2c6cb}.tone-night .signup input[type=email]{color:#fff}.tone-night .signup input::placeholder{color:#d2c6cb}@keyframes rise{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.micro{font-size:13px;color:var(--fg-sub)}.day{background:linear-gradient(180deg,#E3FBC8 0,#F3FBE0 38%,var(--cream) 70%);position:relative;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:44px 0 56px;position:relative;z-index:1}.hero>div{min-width:0}.hero h1{font-size:clamp(32px,9.2vw,40px);margin-bottom:12px}.hero .lede{font-size:16px;color:var(--sub);max-width:38ch;margin:0 auto 20px}.hero>div:first-child{text-align:center}.hero .signup{margin-inline:auto}.stage{display:grid;gap:8px;justify-items:center;text-align:center;min-width:0}.pair{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,3vw,28px);width:100%}.who{display:grid;gap:2px;justify-items:center;font-size:13px;color:var(--sub);min-width:0}.who b{color:var(--ink);font-size:15px;font-weight:600}.ring{width:clamp(96px,28vw,150px);aspect-ratio:1;border-radius:50%;border:4px solid var(--green);background:var(--card);display:grid;place-items:center;position:relative;overflow:hidden}.ring.p{border-color:var(--teal)}.ring img{width:86%;transition:filter .7s var(--ease),opacity .7s var(--ease),transform .6s var(--spring)}.ring.pop img{animation:pop .5s var(--spring)}.ring img.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ring.empty img{width:100%;height:100%;object-fit:cover}.ring.locked img{filter:blur(13px) saturate(.5);opacity:.75;transform:scale(1.04)}.ring .lk{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .35s}.ring:not(.locked) .lk{opacity:0}.ring .lk span{width:34px;height:34px;border-radius:50%;background:#fdfdfbe6;display:grid;place-items:center}@keyframes pop{0%{transform:scale(.72) rotate(-4deg)}to{transform:none}}.heart{margin-top:clamp(36px,10vw,60px);width:28px;transition:transform .5s var(--spring)}.heart.sync{transform:scale(1.6) rotate(-6deg)}.status{min-height:56px;width:100%;max-width:360px;display:grid;align-items:center;font-size:15px;color:var(--sub)}.status b{color:var(--ink);font-weight:600}.hint{display:flex;align-items:flex-start;justify-content:center;gap:2px;color:var(--green-deep);transition:opacity .25s,transform .25s}.hint span{font-family:Caveat,Bradley Hand,cursive;font-weight:600;font-size:27px;line-height:1;transform:rotate(-4deg);margin-top:6px}.hint svg{width:42px;height:31px;overflow:visible;transform:translateY(8px)}.hint path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.hint .stem{stroke-dasharray:80;animation:draw 2.6s var(--ease) infinite}.hint .head{animation:nudge 2.6s var(--ease) infinite}.hint.gone{opacity:0;transform:translateY(-4px)}@keyframes draw{0%{stroke-dashoffset:80}35%,85%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes nudge{0%,25%{opacity:0}40%,85%{opacity:1}to{opacity:0}}.hint svg{animation:bounce 1.3s ease-in-out infinite}@keyframes bounce{50%{transform:translateY(13px)}}.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 2px;width:100%;max-width:420px}.rail button{border:1.5px solid transparent;background:transparent;border-radius:18px;padding:8px 2px 6px;min-height:44px;cursor:pointer;display:grid;justify-items:center;align-content:start;gap:3px;font-size:12px;line-height:1.2;color:var(--sub);position:relative;transition:background .2s}.rail button img{height:44px;width:auto;max-width:100%;object-fit:contain;transition:transform .3s var(--ease)}.rail button:active img{transform:scale(.94)}.rail button[aria-pressed=true]{background:#fffc;border-color:var(--green);color:var(--ink);font-weight:600}.rail .plus:after{content:"";position:absolute;top:2px;right:4px;width:16px;height:16px;background:url(/img/premium-badge.webp) center/contain no-repeat}.tension{padding-block:24px 56px}.tension .lead{max-width:44ch;margin:12px 0 0;font-size:16px;color:var(--sub)}.spectrum{display:grid;gap:4px;margin-top:28px}.sp{display:grid;grid-template-columns:76px minmax(0,1fr);gap:2px 16px;align-items:center;padding:14px 16px;border-radius:22px}.sp img{grid-row:span 2;width:76px;height:auto;max-height:84px;object-fit:contain}.sp h3{font-size:18px;align-self:end}.sp p{font-size:14.5px;color:var(--sub);align-self:start}.sp.bad img{filter:saturate(.75)}.sp.mid{background:linear-gradient(180deg,#f2fde6,#fdfdfb);border:1px solid rgba(60,115,13,.25)}.sp.mid h3{color:var(--green-deep)}.scroll{height:360vh;height:360svh;background:linear-gradient(180deg,var(--cream),#FBEEDD)}.pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 28px);overflow:hidden}.pin-in{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}.pl h2{display:none}.pr{order:-1;position:relative;display:grid;place-items:center}.stepl{display:grid;position:relative;padding-left:22px}.prog{position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px;overflow:hidden}.prog i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform-origin:top;transform:scaleY(0)}.stepl button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;text-align:left;border:0;background:transparent;cursor:pointer;padding:8px 0;min-height:44px;color:var(--sub);transition:color .25s}.stepl .n{grid-row:span 2;font-family:var(--display);font-size:20px;line-height:1.2;opacity:.45;transition:opacity .25s}.stepl h3{font-size:21px;color:inherit;transition:color .25s}.stepl p{font-size:14px;grid-column:2;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--ease),opacity .3s}.stepl button[aria-selected=true]{color:var(--ink)}.stepl button[aria-selected=true] .n{opacity:1;color:var(--green-deep)}.stepl button[aria-selected=true] p{max-height:110px;opacity:1;color:var(--sub)}.device{position:relative;height:min(42vh,400px);height:min(42svh,400px);aspect-ratio:390/844;border-radius:38px;border:6px solid #1B1A17;background:var(--screen);box-shadow:0 30px 40px -28px #462d0f80;overflow:hidden;will-change:transform}.device:before{content:"";position:absolute;top:2.2%;left:50%;width:27%;height:3.2%;transform:translate(-50%);background:#0c1a00;border-radius:99px;z-index:3}.device img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.scroll{height:auto}.pin{position:static;height:auto;padding-block:56px}.device img{transition:opacity .3s}}.sunday{padding-block:64px;background:linear-gradient(180deg,#FBEEDD 0,#E8CDBE 18%,#B5A3B1 52%,var(--dusk) 100%)}.sunday{--fg:#241d28;--fg-sub:#4a4150;color:var(--fg)}.sun-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}.sunday .body{max-width:40ch;font-size:16px;color:var(--fg-sub);margin-top:14px}.sunphones{display:flex;gap:16px;justify-content:center;align-items:flex-start}.sunphones .device{height:auto;width:min(58vw,230px)}.sunphones .device:nth-child(2){display:none}.night{background:linear-gradient(180deg,var(--dusk) 0,#3d3b49 22%,#241d20 55%,var(--night) 80%)}.beta{padding-block:56px 0}.facts{display:grid;gap:0;margin-top:24px}.fact{display:grid;gap:4px;align-content:start;padding-block:16px;border-top:1px solid rgba(255,255,255,.24)}.fact h3{font-size:20px}.fact p{font-size:15px;color:var(--fg-sub)}.faq{padding-block:56px 0}.faq .list{margin-top:20px;max-width:780px}details{border-top:1px solid rgba(255,255,255,.24)}details:last-child{border-bottom:1px solid rgba(255,255,255,.24)}summary{list-style:none;cursor:pointer;padding:16px 0;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.02em;color:#fbf3ee}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--body);font-weight:400;transition:transform .3s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 32px 18px 0;color:#e4d8dc;max-width:60ch;font-size:15px}details a{color:#d9ffb8}.final{padding-block:56px 16px;text-align:center}.final .in{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px}.final img.h{width:min(140px,40vw)}.final h2{font-size:clamp(30px,8.4vw,64px);max-width:14ch}footer.f{display:flex;flex-direction:column;gap:8px;padding:40px 0 calc(96px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--fg-sub);width:100%;text-align:left;overflow-wrap:anywhere}footer.f a{color:inherit}.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;transform:translateY(120%);transition:transform .4s var(--ease)}.sticky.show{transform:none}.sticky .btn{pointer-events:auto;width:100%;max-width:420px;box-shadow:0 10px 24px -12px #0c1a0080}.js .rv{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .7s var(--ease)}.js .rv.in-v{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.js .rv{opacity:1;transform:none}}@media (min-width:700px){:root{--gutter:32px}.nav{padding:20px 0}.mark svg{height:28px}.nav nav .lk{display:inline}.nav nav a.btn{display:inline-flex}.sticky{display:none}footer.f{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-bottom:40px}.facts{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.fact{border-top:1px solid rgba(255,255,255,.24)}.spectrum{grid-template-columns:1fr 1.1fr 1fr;gap:24px;margin-top:44px}.sp{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:28px 24px 32px;gap:12px}.sp img{grid-row:auto;width:auto;height:150px;max-height:none}.sp.mid img{height:180px}.sp h3{font-size:22px;align-self:auto}.sp p{align-self:auto;max-width:26ch}.sp.bad{background:#6e736c0d}.rail{max-width:440px}}@media (min-width:900px){.hero{min-height:max(620px,calc(100svh - 84px));grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding:24px 0 96px}.hero h1{font-size:clamp(44px,5.2vw,64px);margin-bottom:16px}.hero .lede{font-size:19px;margin:0 0 24px}.hero>div:first-child{text-align:left}.hero .signup{margin-inline:0}.stage{width:100%;max-width:460px;justify-self:center;gap:12px}.ring{width:clamp(150px,13vw,186px);border-width:5px}.heart{width:32px;margin-top:64px}.rail{max-width:460px}.rail button img{height:54px}.tension{padding-block:40px 96px}.tension .lead{font-size:18px}.scroll{height:420vh;height:420svh}.pin{align-items:center;padding-top:0}.pin-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,90px);align-items:center}.pl h2{display:block}.pr{order:0}.stepl{margin-top:30px}.stepl button{padding:12px 0;grid-template-columns:34px minmax(0,1fr)}.stepl h3{font-size:clamp(24px,2.4vw,32px)}.stepl p{font-size:15.5px;max-width:34ch}.stepl .n{font-size:24px}.device{height:min(72vh,620px);height:min(72svh,620px);border-width:8px;border-radius:44px}.sunday{padding-block:120px;--fg:#FBF3EE;--fg-sub:#E4D8DC}.sun-grid{grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,90px)}.sunday .body{font-size:18px}.sunphones .device{flex:1;width:auto;max-width:230px}.sunphones .device:nth-child(2){display:block;margin-top:46px}.beta,.faq{padding-block:100px 0}.final{padding-block:100px 20px}.final img.h{width:200px}summary{font-size:22px}}
