@property --h{syntax:"<number>";inherits:true;initial-value:220}@property --sky-a{syntax:"<color>";inherits:true;initial-value:#5646aa59}@property --sky-b{syntax:"<color>";inherits:true;initial-value:#285a964d}@property --sky-c{syntax:"<color>";inherits:true;initial-value:#6e50be2e}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#0f1530}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#090d1c}:root{--ink:#e9ecf8;--ink-dim:#e9ecf899;--glass:#ffffff12;--glass-line:#ffffff1c;--violet:#b9a6ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--sky-bottom)}:root{transition:--sky-a 1s,--sky-b 1s,--sky-c 1s,--sky-top 1s,--sky-bottom 1s}body{color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #ffffff8c}#sky{z-index:-1;background:radial-gradient(40% 40% at 25% 25%, var(--sky-a), transparent 70%), radial-gradient(45% 45% at 78% 70%, var(--sky-b), transparent 70%), radial-gradient(35% 35% at 60% 15%, var(--sky-c), transparent 70%), linear-gradient(180deg, var(--sky-top), var(--sky-bottom));animation:70s ease-in-out infinite alternate skydrift;position:fixed;inset:-20%}@keyframes skydrift{to{transform:translate(4%,3%)scale(1.08)rotate(2deg)}}@media (prefers-reduced-motion:reduce){#sky{animation:none}}footer{max-width:1040px;padding:36px 26px calc(36px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-line);color:var(--ink-dim);grid-template-columns:1fr auto;align-items:center;gap:20px 40px;margin:0 auto;font-size:14px;display:grid}footer .brand{align-items:center;gap:14px;display:flex}footer .brand img{border-radius:10px;flex:none;width:40px;height:40px}footer .brand strong{color:var(--ink);letter-spacing:.12em;font-size:16px;font-weight:600;display:block}footer .brand span{margin-top:2px;display:block}footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--ink)}footer .copy{opacity:.75;grid-column:1/-1;justify-self:end;font-size:13px}@media (max-width:640px){footer{grid-template-columns:1fr}footer .copy{justify-self:start}}html{scroll-behavior:smooth}body{line-height:1.6;overflow-x:hidden}.nav{z-index:5;padding:18px 26px;padding-top:calc(18px + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.2em;color:var(--ink-dim);font-size:15px;text-decoration:none}.logo:hover{color:var(--ink)}.btn{color:#15122b;background:linear-gradient(135deg,#c9bbff,#9db4ff);border-radius:999px;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block;box-shadow:0 10px 40px #8c78ff59}.btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 14px 50px #8c78ff80}.btn.small{color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 20px;font-size:14px}.btn.small:hover{box-shadow:none;background:#ffffff24}.hero{height:100vh;place-items:center;max-width:none;height:100svh;min-height:560px;margin:0;display:grid;position:relative;overflow:hidden}#heroField{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-copy{z-index:2;text-align:center;max-width:720px;padding:0 24px;position:relative}.hero-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side,#090d1cb8,#090d1c00);border-radius:50%;position:absolute;inset:-60px -40px}h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;font-size:clamp(34px,6vw,64px);font-weight:700;line-height:1.1}.scroll-cue{z-index:2;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));opacity:.7;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-22px;transition:opacity .25s;animation:2.4s ease-in-out infinite bob;display:grid;position:absolute}.scroll-cue:before{content:"";border-right:2px solid var(--ink-dim);border-bottom:2px solid var(--ink-dim);width:12px;height:12px;margin-top:-6px;transform:rotate(45deg)}.scroll-cue:hover{opacity:1}@media (max-height:640px){.scroll-cue{display:none}}.hero-copy p{color:var(--ink-dim);text-wrap:balance;max-width:560px;margin:0 auto 30px;font-size:clamp(16px,2vw,19px)}main{position:relative}section{max-width:1040px;margin:0 auto;padding:90px 24px}h2{text-align:center;letter-spacing:-.01em;margin:0 0 40px;font-size:clamp(26px,4vw,38px);font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}article{background:var(--glass);border:1px solid var(--glass-line);border-radius:28px;padding:30px 26px}article h3{margin:0 0 8px;font-size:20px;font-weight:600}article p{color:var(--ink-dim);margin:0}@keyframes bob{50%{transform:translateY(-8px)}}.calm,.closing{text-align:center}.calm p,.closing p{color:var(--ink-dim);text-wrap:balance;max-width:580px;margin:0 auto;font-size:18px}.closing{padding-bottom:120px}.ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn[hidden]{display:none}.btn.store{color:#fff;background:#000;border:1px solid #ffffff47;box-shadow:0 10px 40px #00000059}.btn.store:hover{box-shadow:0 14px 50px #00000080}.btn.store[aria-disabled=true]{opacity:.6;cursor:default;pointer-events:none;box-shadow:none}.btn .soon{vertical-align:1px;letter-spacing:.04em;text-transform:uppercase;background:#ffffff29;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.hero-copy .cta-note{margin:18px auto 0;font-size:14px}@media (max-width:420px){.ctas .btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue{animation:none}}article em{color:var(--ink);font-style:normal}.features .grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.features .grid{grid-template-columns:repeat(2,1fr)}.features .grid>article:nth-child(3){grid-column:1/-1}}@media (max-width:640px){.features .grid{grid-template-columns:1fr}}.how .steps{counter-reset:step;gap:clamp(40px,7vw,88px);max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.how .steps li{counter-increment:step;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.how .steps li:nth-child(2n) .scene{order:2}.how .scene{justify-self:center;width:100%;max-width:460px}.how .txt{max-width:360px}.how .txt:before{content:counter(step, decimal-leading-zero);letter-spacing:.18em;color:var(--violet);margin-bottom:14px;font-size:13px;font-weight:600;display:block}.how h3{letter-spacing:-.01em;text-wrap:balance;margin:0 0 10px;font-size:clamp(22px,2.6vw,28px);font-weight:600;line-height:1.2}.how .txt p{color:var(--ink-dim);text-wrap:pretty;margin:0;font-size:17px}@media (max-width:720px){.how .steps{gap:52px;max-width:420px}.how .steps li{grid-template-columns:1fr;gap:18px}.how .steps li:nth-child(2n) .scene{order:0}.how .txt{text-align:center;max-width:none}}.scene{--T:8s;aspect-ratio:5/4;isolation:isolate;animation:clock var(--T) linear infinite;position:relative}@keyframes clock{to{outline-offset:1px}}.scene>canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene i,.scene b{font-style:normal;display:block}.scene .tap{opacity:0;pointer-events:none;width:30px;height:30px;animation:var(--T) ease-out infinite;background:#ffffff59;border:1.5px solid #ffffffbf;border-radius:50%;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}.type .bar{border:1px solid var(--glass-line);background:#ffffff12;border-radius:22px;padding:5px;position:absolute;bottom:12px;left:12px;right:12px}.type .row{align-items:center;gap:6px;height:30px;padding-left:12px;font-size:13px;display:flex;position:relative}.type .ph{color:var(--ink-dim);white-space:nowrap;animation:ph var(--T) infinite;position:absolute;left:12px}@keyframes ph{0%,5%{opacity:1}6%,45%{opacity:0}49%,to{opacity:1}}.type .field{flex:0 auto;min-width:0;margin-right:auto;position:relative}.type .typed{white-space:nowrap;clip-path:inset(0 100% 0 0);animation:typed var(--T) infinite;display:block}@keyframes typed{0%,7%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(16,end)}32%,42%{clip-path:inset(0);opacity:1}45%,to{clip-path:inset(0);opacity:0}}.type .caret{background:var(--violet);width:1.5px;animation:caret var(--T) infinite, blink 1s steps(1) infinite;margin-left:1px;position:absolute;top:2px;bottom:2px;left:0}@keyframes caret{0%,5%{visibility:hidden;left:0}6%{visibility:visible;left:0}7%{animation-timing-function:steps(16,end);left:0}32%,42%{visibility:visible;left:100%}43%,to{visibility:hidden;left:100%}}@keyframes blink{50%{opacity:0}}.type .send{width:28px;height:28px;animation:send var(--T) infinite;background:#ffffff21;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:400;line-height:1;display:grid;position:relative}@keyframes send{0%,38%{scale:1}40%{background:#ffffff4d;scale:.82}43%,to{scale:1}}.type .send .tap{animation-name:tap-send}@keyframes tap-send{0%,37%{opacity:0;scale:.4}38%{opacity:1;scale:.6}46%,to{opacity:0;scale:1.5}}.grow:after,.pop:after{content:"";z-index:1;pointer-events:none;opacity:0;animation:var(--T) infinite;background:radial-gradient(closest-side,#0608149e,#06081466 60%,#0000);position:absolute;inset:-6% 0}.scene .card{--h:286;z-index:2;color:var(--ink);text-align:left;transform-origin:50% 70%;background:linear-gradient(160deg, hsla(var(--h), 48%, 28%, .97), hsla(calc(var(--h) + 18), 40%, 15%, .98));border:1px solid hsla(var(--h), 70%, 78%, .22);box-shadow:0 16px 50px #00000080, 0 0 70px hsla(var(--h), 80%, 60%, .25);opacity:0;animation:var(--T) infinite;border-radius:22px;gap:6px;padding:13px 14px 11px;display:grid;position:absolute;top:50%;left:8%;right:8%;translate:0 -50%}.scene .card strong{border-bottom:1px solid #ffffff26;padding-bottom:6px;font-size:15px;font-weight:600;line-height:1.2}.scene .card .when{letter-spacing:.03em;color:hsl(var(--h) 85% 82%);margin-top:-2px;font-size:10.5px;display:grid}.scene .card .when i{grid-area:1/1}.scene .card .label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:2px 0 -2px;font-size:8.5px}.scene .card .chips{gap:5px;display:flex}.scene .card .chips b{white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:400;line-height:1.3;position:relative}.scene .card .chips b.on{background:#ffffff3d;border-color:#ffffff80}.scene .card .acts{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.scene .card em{color:var(--ink-dim);margin-right:-6px;padding:6px 10px;font-size:11px;font-style:normal;position:relative}.scene .card .done{background:hsl(var(--h) 75% 80%);color:#15122b;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:600;position:relative}.grow{--T:10s}.grow>.tap{animation-name:tap-faint;top:62%;left:50%}@keyframes tap-faint{0%,4%{opacity:0;scale:.4}5%{opacity:1;scale:.7}12%,to{opacity:0;scale:2}}.grow:after{animation-name:dim2}@keyframes dim2{0%,7%{opacity:0}12%,50%{opacity:1}55%,to{opacity:0}}.grow .card{animation-name:card2,hue2}@keyframes card2{0%,7%{opacity:0;animation-timing-function:cubic-bezier(.2,1.3,.4,1);scale:.55}13%,50%{opacity:1;animation-timing-function:ease-in;scale:1}55%,to{opacity:0;scale:.88}}@keyframes hue2{0%,24%{--h:220}30%,36%{--h:252}42%,to{--h:286}}.grow .card .when i{opacity:0;animation:var(--T) infinite steps(1, end)}.grow .card .when i:first-child{animation-name:st1}.grow .card .when i:nth-child(2){animation-name:st2}.grow .card .when i:nth-child(3){animation-name:st3}@keyframes st1{0%{opacity:1}25%,to{opacity:0}}@keyframes st2{0%{opacity:0}25%{opacity:1}37%,to{opacity:0}}@keyframes st3{0%{opacity:0}37%,to{opacity:1}}.grow .card .chips b:is(.today,.whenever,.matters,.normal){animation:var(--T) infinite steps(1, end)}.grow .card .chips b.today{animation-name:on-today}.grow .card .chips b.whenever{animation-name:off-whenever}.grow .card .chips b.matters{animation-name:on-matters}.grow .card .chips b.normal{animation-name:off-normal}@keyframes on-today{0%{background:#ffffff0d;border-color:#ffffff29}25%,to{background:#ffffff3d;border-color:#ffffff80}}@keyframes off-whenever{0%{background:#ffffff3d;border-color:#ffffff80}25%,to{background:#ffffff0d;border-color:#ffffff29}}@keyframes on-matters{0%{background:#ffffff0d;border-color:#ffffff29}37%,to{background:#ffffff3d;border-color:#ffffff80}}@keyframes off-normal{0%{background:#ffffff3d;border-color:#ffffff80}37%,to{background:#ffffff0d;border-color:#ffffff29}}.grow .card .today .tap{animation-name:tap-today2}@keyframes tap-today2{0%,22%{opacity:0;scale:.4}23%{opacity:1;scale:.6}30%,to{opacity:0;scale:1.5}}.grow .card .matters .tap{animation-name:tap-matters}@keyframes tap-matters{0%,34%{opacity:0;scale:.4}35%{opacity:1;scale:.6}42%,to{opacity:0;scale:1.5}}.grow .card em .tap{animation-name:tap-drift}@keyframes tap-drift{0%,46%{opacity:0;scale:.4}47%{opacity:1;scale:.6}54%,to{opacity:0;scale:1.5}}.pop>.tap{animation-name:tap-blob;top:62%;left:56%}@keyframes tap-blob{0%,9%{opacity:0;scale:.4}10%{opacity:1;scale:.7}18%,to{opacity:0;scale:2.2}}.pop:after{animation-name:dim}@keyframes dim{0%,13%{opacity:0}18%,44%{opacity:1}49%,to{opacity:0}}.pop .card{transform-origin:60% 140%;animation-name:card;top:20%;translate:none}@keyframes card{0%,13%{opacity:0;animation-timing-function:cubic-bezier(.2,1.3,.4,1);scale:.55}20%,43%{opacity:1;animation-timing-function:ease-in;scale:1}48%,to{opacity:0;scale:.5}}.pop .card .done{animation:press var(--T) infinite}@keyframes press{0%,36%{scale:1}38%{scale:.88}41%,to{scale:1}}.pop .card .done .tap{animation-name:tap-popit}@keyframes tap-popit{0%,35%{opacity:0;scale:.4}36%{opacity:1;scale:.6}44%,to{opacity:0;scale:1.6}}.scene.idle,.scene.idle *,.scene.idle:after{animation-play-state:paused}.type{--still:-3.2s}.grow{--still:-8s}.pop{--still:-2.4s}@media (prefers-reduced-motion:reduce){.scene,.scene *,.scene:after{animation-play-state:paused!important;animation-delay:var(--still)!important}}.calm .quiet{color:var(--ink);font-size:clamp(19px,2.4vw,23px)}.calm .quiet a{color:var(--violet);text-underline-offset:3px;margin-left:6px;font-size:16px;display:inline-block}.calm .quiet a:after{content:" →"}.d{border-radius:58% 42% 55% 45%/45% 55%;flex:none;animation:9s ease-in-out infinite alternate morph;display:block}.d.l{background:radial-gradient(circle at 35% 30%,#f3e2ff,#a35be0);width:30px;height:30px;box-shadow:0 0 22px #aa64eb8c}.d.m{background:radial-gradient(circle at 35% 30%,#d6d0ff,#7f78d8);width:20px;height:20px;animation-delay:-3s}.d.s{opacity:.75;background:radial-gradient(circle at 35% 30%,#a9b6e0,#56649a);width:13px;height:13px;animation-delay:-6s}@keyframes morph{33%{border-radius:45% 55% 48% 52%/56% 44% 58% 42%}66%{border-radius:54% 46% 40% 60%/48% 58% 42% 52%}to{border-radius:42% 58% 60% 40%/52% 46% 54% 48%}}.art{background:radial-gradient(70% 90% at 30% 20%,#5646aa38,#0000 70%),#06091459;border:1px solid #ffffff0f;border-radius:18px;align-content:center;place-items:center;gap:12px;height:128px;margin:-8px -6px 22px;display:grid;position:relative;overflow:hidden}.art .chips{gap:6px;display:flex}.art .chips b{color:var(--ink-dim);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:400}.art .chips b.on{color:var(--ink);background:#ffffff38;border-color:#ffffff73}.art-add .field{width:min(230px,80%);color:var(--ink);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:9px 16px;font-size:15px}.caret{vertical-align:-2px;background:var(--violet);width:2px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}.art-list{place-items:center start;gap:9px;padding:0 22%}.art-list .row{align-items:center;gap:12px;width:100%;display:flex}.art-list .row .d{width:16px;height:16px;animation:none}.art-list .row .d.l{width:20px;height:20px}.art-list .row .d.s{width:12px;height:12px;margin:0 4px}.art-list .row b{background:#fff3;border-radius:8px;height:8px}.art-list .row.done{opacity:.45}.art-list .tick{text-align:center;width:20px;color:var(--ink);font-size:13px;font-style:normal}.art-sync{grid-auto-flow:column;align-items:end;gap:0;padding-bottom:6px}.art-sync .phone,.art-sync .lid{background:#0f1530e6;border:1.5px solid #ffffff59;display:block;position:relative}.art-sync .phone{border-radius:9px;width:40px;height:72px}.art-sync .laptop{display:block}.art-sync .lid{border-radius:8px 8px 2px 2px;width:104px;height:66px}.art-sync .laptop:after{content:"";background:#ffffff59;border-radius:0 0 6px 6px;width:124px;height:5px;margin:0 -10px;display:block}.art-sync .phone .d,.art-sync .lid .d{position:absolute}.art-sync .phone .l{width:16px;height:16px;top:30px;left:12px}.art-sync .phone .m{width:10px;height:10px;top:12px;left:6px}.art-sync .phone .s{width:7px;height:7px;top:52px;left:24px}.art-sync .lid .l{width:24px;height:24px;top:22px;left:44px}.art-sync .lid .m{width:14px;height:14px;top:10px;left:16px}.art-sync .lid .s{width:9px;height:9px;top:42px;left:80px}.art-sync .arc{border:2px dashed #b9a6ffd9;border-bottom:0;border-radius:70px 70px 0 0;align-self:center;width:70px;height:34px;margin:0 8px 20px;position:relative}.art-sync .arc:after{content:"";background:var(--violet);width:7px;height:7px;box-shadow:0 0 10px var(--violet);offset-path:path("M 0 34 A 35 34 0 0 1 70 34");border-radius:50%;animation:3.2s ease-in-out infinite travel;position:absolute;top:-4px;left:-4px}@keyframes travel{0%{offset-distance:0%}to{offset-distance:100%}}.features .pro-card{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.pro-card .art{height:170px;margin:-8px 0 -8px -6px}@media (max-width:640px){.features .pro-card{grid-template-columns:1fr;gap:0}.pro-card .art{margin:-8px -6px 22px}}.art-pro{grid-auto-flow:column;gap:0}.art-pro .sky{background:radial-gradient(70% 60% at 25% 20%, var(--glow), transparent 70%), linear-gradient(180deg, var(--top), var(--bottom));border:1px solid #ffffff29;border-radius:16px;width:104px;height:120px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 30px #0006}.art-pro .sky:first-child{translate:14px 6px;rotate:-8deg}.art-pro .sky:nth-child(2){z-index:1;translate:0 -4px}.art-pro .sky:nth-child(3){translate:-14px 6px;rotate:8deg}.art-pro .sky b{color:#fffc;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:10px}.art-pro .sky i{background:radial-gradient(circle at 35% 30%, var(--hi), var(--lo));border-radius:58% 42% 55% 45%/45% 55%;animation:9s ease-in-out infinite alternate morph;position:absolute}.art-pro .sky i:first-of-type{width:34px;height:34px;box-shadow:0 0 22px var(--lo);top:30px;left:46px}.art-pro .sky i:nth-of-type(2){opacity:.8;width:18px;height:18px;animation-delay:-3s;top:18px;left:18px}.art-pro .sky i:nth-of-type(3){opacity:.6;width:12px;height:12px;animation-delay:-6s;top:74px;left:74px}.sky.dusk{--top:#0f1530;--bottom:#090d1c;--glow:#5646aa73;--hi:#f3e2ff;--lo:#a35be0}.sky.forest{--top:#0c1a14;--bottom:#070f0b;--glow:#32785073;--hi:#e0f7d8;--lo:#5fae6e}.sky.sakura{--top:#1c1228;--bottom:#100a1a;--glow:#aa508c73;--hi:#ffe0f0;--lo:#e27fb6}@media (prefers-reduced-motion:reduce){.d,.art-pro .sky i,.caret,.art-sync .arc:after{animation:none}}