@layer components{.landing{--k-ground:oklch(0.985 0.012 85);--k-card:oklch(1 0 0);--k-ink:oklch(0.31 0.045 330);--k-muted:oklch(0.43 0.05 330);--k-line:oklch(0.9 0.03 340);--k-pink:oklch(0.93 0.05 350);--k-pink-strong:oklch(0.78 0.14 350);--k-mint:oklch(0.94 0.06 165);--k-mint-strong:oklch(0.8 0.12 165);--k-lavender:oklch(0.93 0.05 300);--k-lavender-strong:oklch(0.78 0.12 300);--k-butter:oklch(0.96 0.08 95);--k-sky:oklch(0.94 0.05 240);--k-sky-strong:oklch(0.8 0.1 240);--k-shadow:0 10px 30px -12px oklch(0.4 0.08 340/30%);--k-shadow-deep:0 24px 60px -24px oklch(0.4 0.08 320/40%);--k-sun-glow:oklch(0.92 0.13 90/45%);--k-glass:oklch(1 0 0/58%);--k-glass-ring:oklch(0.6 0.06 340/22%);--mascot-body:var(--k-lavender);overflow-x:clip;color:var(--k-ink);background-color:var(--k-ground);background-image:radial-gradient(oklch(.86 .05 350/55%) 1.6px,transparent 1.7px);background-size:26px 26px}.landing ::selection{background:var(--k-pink-strong);color:var(--k-ink)}.sticker{--bloom:radial-gradient(circle at 88% -8%,oklch(1 0 0/75%),transparent 46%);position:relative;background-color:var(--k-card);border-radius:28px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--k-line),var(--k-shadow)}.sticker-pink{background-image:var(--bloom),linear-gradient(to bottom,#ffd9e7,#ffe7ef 55%,#fff4f2)}.sticker-mint{background-image:var(--bloom),linear-gradient(to bottom,#d2f3e2,#e2f7eb 55%,#f5fbef)}.sticker-lavender{background-image:var(--bloom),linear-gradient(to bottom,#e4dafa,#ede5fb 55%,#f8f0f6)}.sticker-butter{background-image:var(--bloom),linear-gradient(to bottom,#ffefb3,#fff4cc 55%,#fffae9)}.sky-cloud,.sky-dawn,.sky-day,.sky-dusk,.sky-night,.sky-rain{background-image:radial-gradient(circle at 86% 4%,var(--glow),transparent 42%),var(--sky)}.sky-dawn{--sky:linear-gradient(180deg,#ffd9c6,#ffcada 55%,#ecd6f6);--glow:oklch(0.96 0.1 90/80%)}.sky-day{--sky:linear-gradient(180deg,#cfe6ff,#dcefff 55%,#fdf3dd);--glow:oklch(0.98 0.07 95/85%)}.sky-cloud{--sky:linear-gradient(180deg,#ddeaf6,#e8eef4 55%,#f4eff1);--glow:oklch(1 0 0/70%)}.sky-rain{--sky:linear-gradient(180deg,#e9e2f0,#e2e7f2 55%,#dbe5f4);--glow:oklch(1 0 0/60%)}.sky-dusk{--sky:linear-gradient(180deg,#ffd2bb,#ffc6d8 55%,#e0d2f7);--glow:oklch(0.95 0.1 70/75%)}.sky-night{--sky:linear-gradient(180deg,#dcd9f7,#cfd4f0 55%,#ece0f5);--glow:oklch(1 0 0/65%)}.sky-panel{border-radius:40px;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--k-line),var(--k-shadow-deep)}.k-glass{background-color:var(--k-glass);border-radius:1rem;box-shadow:inset 0 0 0 1px var(--k-glass-ring);-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3)}.k-glass-rows>li{border-radius:.6rem;padding:.4rem .55rem}.k-glass-rows>li:nth-child(odd){background:oklch(1 0 0/50%)}.k-bar{background:oklch(1 0 0/72%);box-shadow:0 0 0 1px var(--k-line),var(--k-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}.k-bar,.k-btn{border-radius:999px}.k-btn{display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:0 1.375rem;font-weight:700;font-size:.9375rem;color:var(--k-ink);border:2.5px solid var(--k-ink);background:var(--k-pink-strong);box-shadow:0 4px 0 0 var(--k-ink);transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s}.k-btn:not([aria-disabled=true]):hover{transform:translateY(2px);box-shadow:0 2px 0 0 var(--k-ink)}.k-btn:not([aria-disabled=true]):active{transform:translateY(4px);box-shadow:0 0 0 0 var(--k-ink)}.k-btn[aria-disabled=true]{cursor:default;user-select:none}.k-btn-quiet{background:var(--k-card)}.k-btn-mint{background:var(--k-mint-strong)}.k-bar .k-btn{height:2.625rem}.k-focus:focus-visible{outline:3px solid var(--k-ink);outline-offset:3px}.k-pill{display:inline-flex;align-items:center;height:1.375rem;padding:0 .6rem;border-radius:999px;font-size:.6875rem;font-weight:700;color:var(--k-ink);border:1.5px solid var(--k-ink)}.k-check{width:1.25rem;height:1.25rem;border-radius:999px;border:2px solid var(--k-ink);background:var(--k-card);flex:none;display:inline-grid;place-items:center}.k-check[data-done=true]{background:var(--k-mint-strong)}.k-meter{height:14px;border-radius:999px;border:2px solid var(--k-ink);background:var(--k-card);overflow:hidden}.k-meter>span{display:block;height:100%;border-radius:999px;background:oklch(.66 .15 165)}.k-disc{display:inline-grid;flex:none;place-items:center;border-radius:999px;border:2px solid var(--k-ink)}.story-grid{display:grid;align-items:center;gap:2.5rem}.overload-scene{min-height:17rem;overflow:hidden}.overload-list{width:min(100%,17rem);padding:1rem 1.1rem}.overload-list ul{font-size:.875rem;font-weight:700;line-height:1.35}.overload-list li+li{margin-top:.65rem}.overload-list-work{transform:rotate(-3deg)}.overload-list-life{margin:-.4rem 0 0 auto;transform:rotate(3deg)}.app-task-list{display:grid;gap:.15rem}.app-task-list li{display:flex;gap:.65rem;align-items:center;font-size:.875rem;font-weight:700}.app-sample-label{color:var(--k-muted);font-size:.6875rem;font-weight:700}.proof-grid{display:grid;gap:1.5rem}.proof-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.proof-figures li{display:flex;gap:.55rem;align-items:center;padding:.7rem .75rem;font-size:.8125rem;font-weight:800;line-height:1.25}.flow{position:relative}.flow-arc{display:none;width:100%;height:auto;overflow:visible}.flow-trail{stroke-dasharray:50 100}.flow-sun{transform-box:view-box}.flow-face{transform-box:fill-box;transform-origin:center}.flow-steps{position:relative;display:grid;gap:.75rem;max-width:22rem;margin-inline:auto;list-style:none}.flow-steps:before{position:absolute;top:1rem;bottom:1rem;left:1.45rem;border-left:2.5px dashed oklch(.31 .045 330/30%);content:""}.flow-steps li{position:relative;display:flex;gap:.6rem;align-items:center;width:max-content;max-width:100%;padding:.4rem .9rem .4rem .45rem;border-radius:999px;background:var(--k-card);box-shadow:0 0 0 2px var(--k-ink),var(--k-shadow);font-size:.875rem}.flow-steps span{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:2px solid var(--k-ink);border-radius:999px;background:var(--k-butter);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}@media (min-width:1024px){.flow-arc,.flow-steps{display:block}.flow-steps{position:absolute;inset:0;max-width:none}.flow-steps:before{display:none}.flow-steps li{position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,1.15rem)}}.rise-trail{stroke-dasharray:34 100}.rise-sun{transform-box:view-box;transform-origin:180px 210px;transform:rotate(62deg)}.rise-face{transform-box:fill-box;transform-origin:center;transform:rotate(-62deg)}@media (min-width:768px){.story-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:4.5rem}.story-grid-reverse{grid-template-columns:minmax(18rem,.95fr) minmax(0,1fr)}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.peel{animation:peel .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.mascot-float{animation:float 5s ease-in-out infinite}.mascot-eyes{transform-origin:80px 80px;animation:blink 4.6s infinite}.twinkle{animation:twinkle 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}.k-bob{animation:bob 4.5s cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--d,0s);transform-origin:50% 70%}.rise-sun{animation:rise-sun 2.2s cubic-bezier(.16,1,.3,1) .25s both}.rise-face{animation:rise-face 2.2s cubic-bezier(.16,1,.3,1) .25s both}.rise-trail{animation:rise-trail 2.2s cubic-bezier(.16,1,.3,1) .25s both}@supports (animation-timeline:view()){.peel-scroll{animation:peel linear both;animation-timeline:view();animation-range:entry 0 entry 40%}.flow{view-timeline:--flow block}.flow-sun{animation:flow-sun linear both;animation-timeline:--flow;animation-range:cover 22% cover 72%}.flow-face{animation:flow-face linear both;animation-timeline:--flow;animation-range:cover 22% cover 72%}.flow-trail{animation:flow-trail linear both;animation-timeline:--flow;animation-range:cover 22% cover 72%}}}@keyframes peel{0%{opacity:1;transform:translateY(14px) rotate(-1.5deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}@keyframes bob{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes rise-sun{0%{transform:rotate(0deg)}to{transform:rotate(62deg)}}@keyframes rise-face{0%{transform:rotate(0deg)}to{transform:rotate(-62deg)}}@keyframes rise-trail{0%{stroke-dasharray:0 100}to{stroke-dasharray:34 100}}@keyframes flow-sun{0%{transform:rotate(calc(-1 * var(--alpha)))}to{transform:rotate(var(--alpha))}}@keyframes flow-face{0%{transform:rotate(var(--alpha))}to{transform:rotate(calc(-1 * var(--alpha)))}}@keyframes flow-trail{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}.sticker-lift{transition:transform .22s cubic-bezier(.16,1,.3,1)}.module-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.5rem}.module-nav-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:1rem;padding:.75rem .25rem;text-align:center;font-size:.75rem;font-weight:700}.module-nav-link:nth-child(odd){background:var(--k-ground)}.module-points{display:grid;gap:.55rem;max-width:70rem;color:var(--k-muted);font-size:.9375rem;line-height:1.5}.module-points li{padding-left:1.2rem;position:relative}.module-points li:before{position:absolute;left:0;color:var(--k-ink);content:"✦"}.module-points-compact{font-size:.875rem}.app-screenshot{margin-top:2rem;overflow:hidden;border-radius:24px;background:var(--k-card);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--k-line),var(--k-shadow)}.app-screenshot:focus-within{outline:3px solid var(--k-ink);outline-offset:5px}.app-screenshot-caption{padding:.7rem 1rem;color:var(--k-muted);font-size:.75rem;font-weight:700}.module-grid{display:grid;gap:1.5rem}@media (hover:hover){.sticker-lift:hover{transform:translateY(-4px) rotate(-.6deg)}}@media (min-width:640px){.module-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.module-nav{grid-template-columns:repeat(9,minmax(0,1fr))}}}.lightbox{background:var(--k-card);border-radius:22px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--k-line),var(--k-shadow-deep)}[data-slot=dialog-overlay]:has(+.lightbox){background:oklch(.31 .045 330/55%);backdrop-filter:blur(6px)}.lightbox-close{background:var(--k-card);color:var(--k-ink);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--k-line),var(--k-shadow);transition:transform .15s ease}.lightbox-close:hover{transform:rotate(90deg) scale(1.05)}