@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./noto-sans-devanagari-devanagari-wght-normal-DWI_L5Cu.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./noto-sans-devanagari-latin-ext-wght-normal-CLkupaxV.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./noto-sans-devanagari-latin-wght-normal-Bxfr4UJH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(./kalam-devanagari-400-normal-Dy6c0U2e.woff2)format("woff2"),url(./kalam-devanagari-400-normal-Dyzod-UE.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(./kalam-latin-ext-400-normal-DtcdGa4L.woff2)format("woff2"),url(./kalam-latin-ext-400-normal-AcQmRO9z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(./kalam-latin-400-normal-BthBl_aR.woff2)format("woff2"),url(./kalam-latin-400-normal-Bl-H2BUA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial),local(Helvetica);size-adjust:104%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--ink:oklch(20% .01 270);--ink-2:oklch(52% .01 270);--rule:oklch(92% 0 0);--wash:oklch(97.5% 0 0);--accent:#456f0c;--accent-deep:#365809;--sun:oklch(92% .09 95);--peach:oklch(89% .07 45);--leaf:oklch(90% .08 155);--blue:oklch(89% .06 250);--font-ui:"DM Sans Variable", "DM Sans Fallback", "Noto Sans Devanagari Variable", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px;overflow-x:clip}body{background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}img{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav,.hero,.block,.footer{width:min(100% - 2 * var(--gutter), 640px);margin-inline:auto}.wordmark{min-height:44px;font:700 22px/1 var(--font-ui);letter-spacing:-.04em;align-items:center;text-decoration:none;display:inline-flex}.nav{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 0;display:flex}.nav-links{align-items:center;gap:22px;display:flex}.nav-link{color:var(--ink-2);padding:12px 0;font-size:14px;text-decoration:none;display:none}.nav-link:hover{color:var(--ink)}.btn-sm{min-height:40px;padding:8px 14px}h1,h2{letter-spacing:-.02em;text-wrap:balance;font-weight:500;line-height:1.2}h1 span,h2 span{color:var(--ink-2)}h1{font-size:32px}h2{font-size:26px}h3{font-size:14px;font-weight:500}p{text-wrap:pretty}.lede,.aside,.soon{color:var(--ink-2)}.btn{min-height:44px;font:500 14px/1 var(--font-ui);white-space:nowrap;transition:background-color .16s var(--ease), color .16s var(--ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.btn-ink{background:var(--accent);color:#fff}.btn-ink:hover{background:var(--accent-deep)}.btn-quiet{border-color:var(--rule);color:var(--ink)}.btn-quiet:hover{background:var(--wash)}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero{padding-top:36px}.hero .lede{max-width:34em;margin-top:14px}.stage{margin-top:64px}@media (width>=1000px){.nav{padding-top:44px}.nav-link{display:inline-block}.hero{padding-top:96px}h1{font-size:28px}h2{font-size:24px}.stage{margin-top:80px}}.phone{aspect-ratio:9/19.5;background:var(--wash);border:1px solid var(--rule);border-radius:0;width:240px;margin-inline:auto;position:relative;overflow:hidden}.phone img{object-fit:cover;object-position:top left;width:100%;height:100%}.screen-label{color:var(--ink-2);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.phone img:not([hidden]){position:relative}.block{padding-top:80px}.block>h2{max-width:22em}.grid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px;display:grid}.feat{align-content:start;gap:4px;display:grid}.feat p{color:var(--ink-2);font-size:14px}.ico{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}@media (width>=640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px}.grid-3{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--rule);border-radius:8px;margin-top:40px;display:grid;overflow:hidden}.panel-text{align-content:start;gap:6px;padding:24px;display:grid}.panel-text p{color:var(--ink-2)}.panel-shot{background:var(--wash);border-top:1px solid var(--rule);max-height:380px;padding:24px 24px 0;overflow:hidden}.panel-shot .phone{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width>=640px){.panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-shot{border-top:0;border-left:1px solid var(--rule)}}.aside{margin-top:44px}.faq-list{border-bottom:1px solid var(--rule);margin-top:28px}.faq-item{border-top:1px solid var(--rule)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:12px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item h3{font-weight:500}.faq-sign{width:10px;height:10px;color:var(--ink-2);transition:transform .24s var(--ease);flex:none;position:relative}.faq-sign:before,.faq-sign:after{content:"";background:currentColor;width:10px;height:1.5px;position:absolute;top:4px;left:0}.faq-sign:after{transform:rotate(90deg)}.faq-item[open] .faq-sign{transform:rotate(45deg)}.faq-answer p{color:var(--ink-2);padding:0 32px 18px 0}@media (prefers-reduced-motion:reduce){.faq-sign{transition:none}}.soon{margin-top:14px;font-size:13px}.footer{text-align:center;justify-items:center;gap:6px;padding:72px 0 40px;display:grid}.footer-links{flex-wrap:wrap;justify-content:center;gap:0 4px;display:flex}.footer-links a{color:var(--ink-2);padding:14px 8px;font-size:14px;text-decoration:none;display:inline-block}.footer-links a:hover{color:var(--ink)}.copy{color:var(--ink-2);font-size:13px}.motion .hero h1,.motion .hero .lede,.motion .hero .actions,.motion .stage{visibility:hidden}.plans{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:36px;display:grid}.plan{border:1px solid var(--rule);border-radius:8px;align-content:start;gap:10px;padding:22px;display:grid}.plan .btn{justify-self:start;margin-top:10px}.price{letter-spacing:-.02em;font-size:28px;font-weight:500}.price span{color:var(--ink-2);letter-spacing:0;font-size:14px;font-weight:400}.plan-lede{color:var(--ink-2)}.ticks{gap:6px;display:grid}.ticks li{color:var(--ink-2);padding-left:20px;position:relative}.ticks li:before{content:"";border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:8px;height:4px;position:absolute;top:6px;left:2px;rotate:-45deg}@media (width>=640px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}.closing{width:min(100% - 2 * var(--gutter), 640px);text-align:center;justify-items:center;gap:0;margin:96px auto 0;padding:72px 0 24px;display:grid}.closing .actions{justify-content:center;margin-top:24px}.closing .soon{margin-top:16px}.stores{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.store-btn{border:1px dashed var(--rule);min-height:44px;color:var(--ink-2);cursor:default;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.store-btn .ico{stroke:var(--ink-2);margin:0}.store-btn em{opacity:.8;font-style:normal}@media (width>=700px){.closing{margin-top:140px;padding-top:96px}}.who h3{font-size:16px}.panel-text{align-content:center}.hint{font-size:13px}.panel-shot{align-items:flex-end;max-height:none;padding:28px 24px 0;display:flex}.demo{aspect-ratio:9/13;width:230px;margin-bottom:0}.demo img:not([hidden]){object-position:top left}@media (prefers-reduced-motion:no-preference){.demo-sheet{animation-name:sheet2}.tap{animation-name:tap2}@keyframes sheet2{0%,12%{transform:translate(100%)}20%,86%{transform:translate(0)}94%,to{transform:translate(100%)}}@keyframes tap2{0%,4%{opacity:0;scale:1.6}8%{opacity:1;scale:1}13%{opacity:.9;scale:.85}18%,to{opacity:0;scale:1.5}}}.shots{margin:56px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) 4px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;grid-auto-columns:190px;grid-auto-flow:column;gap:16px;display:grid;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shots figure{scroll-snap-align:start;margin:0}.shots .phone{aspect-ratio:auto;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;height:300px;margin:0}.shots figcaption{color:var(--ink-2);margin-top:10px;font-size:13px}@media (width>=700px){.shots{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:12px;margin:56px 0 0;padding:0;overflow:visible}}.nav-cta{opacity:0;visibility:hidden;transition:opacity .2s var(--ease), transform .2s var(--ease), visibility 0s linear .2s, background-color .16s var(--ease);transform:translateY(-4px)}.nav-cta.shown{opacity:1;visibility:visible;transition:opacity .2s var(--ease), transform .2s var(--ease), background-color .16s var(--ease);transform:none}.nav{z-index:10;background:color-mix(in srgb, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);width:100%;padding-left:max(var(--gutter), env(safe-area-inset-left), calc((100% - 640px) / 2));padding-right:max(var(--gutter), env(safe-area-inset-right), calc((100% - 640px) / 2));padding-bottom:12px;position:sticky;top:0;box-shadow:0 1px oklch(20% .01 270/.06)}@media (width>=1000px){.nav{padding-bottom:16px}}@media (prefers-reduced-motion:reduce){.nav-cta,.nav-cta.shown{transition:none}}@media (width>=700px){.nav{padding-top:28px}.hero{padding-top:72px}.block{padding-top:120px}.grid{gap:36px;margin-top:44px}.footer{gap:14px;padding:120px 0 56px}}@media (width>=1000px){.nav{padding-top:44px}.hero{padding-top:96px}}.stage{isolation:isolate;position:relative}.stage:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 14%, transparent), transparent);filter:blur(24px);pointer-events:none;width:min(100vw,1180px);height:80%;position:absolute;top:18%;left:50%;translate:-50%}.hero-shot{clip-path:inset(-140px -140px 0);width:min(100vw - 2 * var(--gutter), 380px);aspect-ratio:640/1130;background:var(--wash);border:1px solid oklch(86% 0 0);border-bottom:0;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 2px 6px oklch(20% .01 270/.05),0 24px 48px -12px oklch(20% .01 270/.14),0 60px 110px -30px oklch(20% .01 270/.2)}.hero-shot:after{content:"";background:linear-gradient(to bottom, transparent, var(--paper));pointer-events:none;height:8%;position:absolute;inset:auto 0 0}.hero-shot img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block;position:relative}@media (width>=700px){.hero-shot{width:min(100vw - 2 * var(--gutter), 1120px);aspect-ratio:1.85;margin-left:50%;translate:-50%}.hero-shot:after{height:22%}}.skip{z-index:20;background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 14px;font-size:14px;text-decoration:none;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.pause{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:14px 8px;font-size:14px}.pause:hover{color:var(--ink)}.paused .demo-sheet,.paused .tap{animation-play-state:paused}.btn-ink:active{background:oklch(30% .09 130)}.btn-quiet:active{background:var(--rule)}.price{font-variant-numeric:tabular-nums}.shots{overscroll-behavior-x:contain}.shots:focus-visible{outline-offset:-2px}.hero{isolation:isolate;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#1a1a1a17 .6px,#0000 .9px);background-position:11px 11px;background-size:22px 22px;width:100vw;position:absolute;top:-70px;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#0000,#000 110px calc(100% - 140px),#0000);mask-image:linear-gradient(#0000,#000 110px calc(100% - 140px),#0000)}.link{color:var(--accent);white-space:nowrap;font-weight:500;text-decoration:none}.link:hover{text-underline-offset:3px;text-decoration:underline}@media (width>=700px){.who{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.closing{isolation:isolate;width:100%;padding:96px var(--gutter) 88px;background:var(--accent);color:#fff;margin:120px 0 0;position:relative}.closing:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffffff29 .6px,#0000 .9px);background-position:11px 11px;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.closing .btn-ink{color:var(--accent-deep);background:#fff}.store-btn{color:#ffffffeb;border-color:#ffffff73}@media (width>=700px){.closing{padding:148px var(--gutter) 136px;margin-top:160px}.closing h2{max-width:8em;font-size:clamp(64px,8vw,112px)}}.closing .lead-in{color:#fffffff2;max-width:24em;margin-top:20px;font-size:18px;line-height:1.45}@media (width>=700px){.closing .lead-in{font-size:20px}}.link{margin:-13px -4px;padding:13px 4px;display:inline-block}.nav:before{content:"";z-index:-1;opacity:0;transition:opacity .24s var(--ease);pointer-events:none;background-image:radial-gradient(circle,#1a1a1a29 .7px,#0000 1.05px);background-position:4.5px 4.5px;background-size:9px 9px;position:absolute;inset:0}.nav.stuck:before{opacity:1}@media (prefers-reduced-motion:reduce){.nav:before{transition:none}}.nav{padding-top:8px;padding-bottom:8px}.closing:after{content:"";z-index:-1;-webkit-mask-image:radial-gradient(circle 180px at var(--mx,-400px) var(--my,-400px), #000 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle 180px at var(--mx,-400px) var(--my,-400px), #000 0%, transparent 100%);mask-image:radial-gradient(circle 180px at var(--mx,-400px) var(--my,-400px), #000 0%, transparent 100%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;background-image:radial-gradient(circle,#ffffffd9 .9px,#0000 1.4px);background-position:11px 11px;background-size:22px 22px;position:absolute;inset:0}.closing.lit:after{opacity:1}@media (prefers-reduced-motion:reduce){.closing:after{display:none}}.how{padding-top:0;list-style:none}.how-step{scroll-snap-align:start;align-content:start;gap:6px;margin:0;display:grid}.how-step .phone{order:0;margin-bottom:14px}.how-step .step-no{letter-spacing:.14em;color:var(--accent);order:1;font-size:13px;font-weight:500}.how-step h3{order:2;font-size:16px}.how-step p:not(.step-no){color:var(--ink-2);order:3;font-size:14px}.how .shots-note{display:none}#how>h2+.how{margin-top:36px}.doc{width:min(100% - 2 * var(--gutter), 680px);margin:0 auto;position:relative}.doc-head{padding:48px 0 24px}.doc-head h1{margin:8px 0 14px;font-size:clamp(36px,9vw,56px)}.doc-head .lede{max-width:30em}.doc-sec{border-top:1px solid var(--rule);margin-top:28px;padding:44px 0 8px}.doc-sec .eyebrow{color:var(--accent);margin-bottom:8px}.doc-sec h2{margin-bottom:16px;font-size:26px}.doc-sec p{max-width:38em;margin-bottom:14px;line-height:1.65}.doc-sec p+p{color:var(--ink)}.doc-list{gap:12px;max-width:38em;margin:0 0 14px;padding-left:20px;line-height:1.6;list-style:outside;display:grid}.doc-list li::marker{color:var(--accent)}.doc code{background:var(--wash);border:1px solid var(--rule);border-radius:4px;padding:2px 6px;font:13px/1.4 ui-monospace,SF Mono,Menlo,monospace}.doc-end{border-top:1px solid var(--rule);margin-top:52px;padding:72px 0 8px}.doc-end h2{font-size:32px}@media (width>=700px){.doc-sec h2{font-size:32px}.doc-end h2{font-size:44px}}:root:not([data-lens=dev]) .v-dev,:root[data-lens=dev] .v-writer{display:none}@media (prefers-reduced-motion:no-preference){.v-writer,.v-dev{animation:lens-in .36s var(--ease) both}@keyframes lens-in{0%{opacity:0;transform:translateY(6px)}}}.doc-head{padding-bottom:8px}@media (width>=700px){.doc-head{padding-top:72px}}.tabs-wrap{z-index:5;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);position:sticky;top:61px}.tabs{gap:26px;display:flex}.tab{min-height:48px;font:500 15px/1 var(--font-ui);color:var(--ink-2);cursor:pointer;transition:color .16s var(--ease);background:0 0;border:0;padding:0 2px;position:relative}.tab:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .28s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab:hover,.tab[aria-pressed=true]{color:var(--ink)}.tab[aria-pressed=true]:after{transform:scaleX(1)}.tab:focus-visible{outline-offset:-4px}@media (width>=700px){.tabs-wrap{margin:0;padding:0}}@media (prefers-reduced-motion:reduce){.tab,.tab:after{transition:none}}.tabs-wrap+.doc-sec{border-top:0;margin-top:8px;padding-top:28px}.fig{max-width:560px;margin:8px 0 28px}.fig-card{background:#fbfaf6;border:1px solid oklch(84% 0 0)}.fig-photo{width:100%;height:auto;display:block}.fig-d,:root[data-lens=dev] .fig-w{display:none}:root[data-lens=dev] .fig-d{display:block}.fig figcaption{color:var(--ink-2);margin-top:10px;font-size:13px}:root:not([data-lens=dev]) .t-d,:root[data-lens=dev] .t-w{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fig-photo{animation:linear both settle;animation-timeline:view();animation-range:entry entry 45%}@keyframes settle{0%{opacity:0;transform:translateY(16px)rotate(-.6deg)}to{opacity:1;transform:none}}}}.doc-sec p.asof{border-top:1px dashed var(--rule);color:var(--ink-2);max-width:38em;margin-top:18px;padding-top:10px;font-size:13px}.beauty{width:min(100% - 2 * var(--gutter), 1040px);margin:96px auto 0}.beauty-head{max-width:640px;margin:0 auto}.beauty-head h2{font-size:26px}.beauty-head p{color:var(--ink-2);max-width:34em;margin-top:12px}@media (width>=700px){.beauty{margin-top:140px}.beauty-head h2{font-size:32px}}.paints{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px;display:grid}@media (width>=700px){.paints{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}}.paint{isolation:isolate;aspect-ratio:4/5;outline-offset:-3px;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.paint-art{z-index:-1;opacity:.86;transition:opacity .3s var(--ease);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 26%);mask-image:linear-gradient(#0000,#000 26%)}.paint-art:after{content:"";background:linear-gradient(#0000 52%,#f8e1cecc 76%,#faeaddf2 100%);position:absolute;inset:0}.paint-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.paint:is(:hover,:focus-visible,.is-live) .paint-art{opacity:1}.paint-label{gap:2px;display:grid;position:relative}.paint-label b{letter-spacing:-.02em;font-size:22px;font-weight:500}.paint-label span{color:oklch(34% .015 270);font-size:14px}@keyframes art-sway{0%,to{rotate:0deg}25%{rotate:5deg}75%{rotate:-4.5deg}}@keyframes art-flame{0%,to{opacity:1;scale:1}20%{opacity:.75;scale:.92 1.1}45%{opacity:1;scale:1.06 .95}70%{opacity:.8;scale:.95 1.14}}@keyframes art-flicker{0%,to{opacity:.55;scale:1}20%{opacity:.8;scale:1.06}35%{opacity:.6;scale:.97}60%{opacity:.9;scale:1.08}80%{opacity:.65;scale:1}}@keyframes art-steam{0%{opacity:0;translate:0 14px;scale:.9 1}30%{opacity:1}to{opacity:0;translate:0 -34px;scale:1.3 1.2}}.paint-piece,.paint-glow,.paint-steam path{animation-play-state:paused}.paint:is(:hover,:focus-visible,.is-live) :is(.paint-piece,.paint-glow,.paint-steam path){animation-play-state:running}.motion-sway .paint-piece{transform-origin:var(--at-x) var(--at-y);animation:2.6s ease-in-out infinite art-sway}.motion-flicker .paint-piece{transform-origin:var(--at-x) var(--at-y);animation:1.1s ease-in-out infinite art-flame}.paint-glow{left:var(--at-x);top:var(--at-y);aspect-ratio:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ffc478d9,#ffaa5a4d 40%,#0000 70%);border-radius:50%;width:95%;transition:opacity .6s;animation:2.4s ease-in-out infinite art-flicker;position:absolute;translate:-50% -50%}.paint:is(:hover,:focus-visible,.is-live) .paint-glow{opacity:1}.paint-steam{left:var(--at-x);top:var(--at-y);color:#fffffff2;filter:blur(1.6px);opacity:0;width:30%;transition:opacity .5s;position:absolute;translate:-50% -100%}.paint:is(:hover,:focus-visible,.is-live) .paint-steam{opacity:1}.paint-steam path{transform-box:fill-box;transform-origin:50% 100%;animation:2.4s ease-out infinite art-steam}.paint-steam path:nth-child(2){animation-delay:.8s}.paint-steam path:nth-child(3){animation-delay:1.6s}@media (prefers-reduced-motion:reduce){.paint-art{transition:none}.paint-piece,.paint-glow,.paint-steam path{animation:none}}.seasons-band{margin-top:56px}.seasons-band h3{max-width:640px;margin:0 auto 16px;font-size:16px;font-weight:500}.season-row{scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);grid-auto-columns:62%;grid-auto-flow:column;gap:12px;list-style:none;display:grid;overflow-x:auto}.season-row::-webkit-scrollbar{display:none}.season-row li{scroll-snap-align:start;aspect-ratio:3/4;position:relative;overflow:hidden}.season-row img{object-fit:cover;width:100%;height:100%}.season-row span{color:#fff;text-shadow:0 1px 10px #0000008c;font-size:15px;font-weight:500;position:absolute;bottom:12px;left:12px}@media (width>=700px){.season-row{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:14px;margin:0;padding:0;overflow:visible}}.beauty-head{margin:0}.seasons-band h3{margin:0 0 16px}.paints{margin-top:20px}@media (width>=700px){.paints{margin-top:28px}}@media (width>=700px) and (width<=999.98px){.beauty{width:min(100% - 2 * var(--gutter), 640px)}.paints{gap:14px}.season-row{gap:10px}}@media (width<=699.98px){.paints{margin:28px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter);scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;gap:12px;overflow-x:auto}.paints::-webkit-scrollbar{display:none}.paint{scroll-snap-align:start;aspect-ratio:4/5.2}.paints:focus-visible{outline-offset:-3px}}.how-head{gap:10px;display:grid}.how-all{justify-self:start}.how-step{position:relative}.how-step .step-no{letter-spacing:.14em;color:var(--accent);order:-1;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.how-step .step-no:after{content:"";background:var(--rule);flex:1;height:1px}.how-step .step-link{order:4;justify-self:start;margin-top:4px;font-size:14px}@media (width>=700px) and (width<=999.98px){.how{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;overflow:visible}.how-step .phone{height:360px}}@media (width>=1000px){#how{width:min(100% - 2 * var(--gutter), 1040px)}.how-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;max-width:none}.how-head h2{max-width:22em}.how{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:44px}.how-step{gap:8px}.how-step .phone{height:400px;margin-bottom:16px;box-shadow:0 24px 48px -24px oklch(20% .01 270/.22)}.how-step h3{font-size:19px}.how-step p:not(.step-no){font-size:15px;line-height:1.5}}.closing:before{background-image:radial-gradient(circle,#1a1a1a1f .6px,#0000 .9px)}.closing h2,.closing h2 span,.closing h2 .line{color:var(--ink)}.closing .btn-ink{background:var(--accent);color:#fff}.closing .btn-ink:hover{background:var(--accent-deep)}.closing .btn-ink:active{background:oklch(30% .09 130)}.closing .lead-in{color:oklch(24% .02 270)}.closing .soon{color:oklch(32% .02 270)}.closing :focus-visible{outline-color:var(--accent)}.store-btn{color:oklch(28% .02 270);background:#ffffff59;border-color:#1a1a1a66}.store-btn .ico{stroke:oklch(28% .02 270)}.closing:before{background-image:radial-gradient(circle,#1a1a1a57 .8px,#0000 1.2px);-webkit-mask-image:none;mask-image:none}.closing:after{background-image:radial-gradient(circle,#1a1a1acc 1.1px,#0000 1.6px)}.mail{z-index:40;border:1px solid var(--ink);width:52px;height:52px;color:var(--ink);cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);background:#fff;place-items:center;padding:0;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:4px 4px #1a1a1a1f}.mail svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.mail:hover{background:var(--sun);transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a1a29}.mail:active{transform:none;box-shadow:2px 2px #1a1a1a1f}.mail-tip{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s var(--ease), translate .16s var(--ease);padding:8px 12px;font-size:13px;position:absolute;top:50%;right:calc(100% + 12px);translate:6px -50%}.mail:is(:hover,:focus-visible) .mail-tip{opacity:1;translate:0 -50%}.mail-dot{background:var(--accent);border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:none;position:absolute;top:-5px;right:-5px}@keyframes mail-nudge{0%,88%,to{rotate:0deg}91%{rotate:-9deg}94%{rotate:8deg}97%{rotate:-4deg}}@media (prefers-reduced-motion:no-preference){.mail.unseen{animation:9s ease-in-out 4s infinite mail-nudge}.paused .mail{animation-play-state:paused}}@media (width<=699.98px){.mail-tip{display:none}}.letter{color:#2b2a33;background:0 0;border:0;width:min(92vw,480px);max-height:88vh;padding:0;overflow:visible}.letter::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141a61}.letter-close{z-index:2;border:1px solid var(--ink);width:36px;height:36px;color:var(--ink);font:400 22px/1 var(--font-ui);cursor:pointer;background:#fff;place-items:center;display:grid;position:absolute;top:-14px;right:-10px}.letter-close:hover{background:var(--sun)}@keyframes letter-rise{0%{opacity:0;translate:0 48px;rotate:3deg;scale:.92}}@keyframes letter-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.letter[open] .letter-paper{animation:letter-rise .56s var(--ease) both}.letter[open]::backdrop{animation:.3s both letter-fade}}.mail{background:var(--accent);border-color:var(--accent);color:#fff;visibility:hidden;opacity:0;width:60px;height:60px;translate:90px;box-shadow:0 10px 28px -6px #3658098c}.mail.show{visibility:visible;opacity:1;transition:translate .64s cubic-bezier(.34, 1.56, .64, 1), opacity .3s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);translate:0}.mail:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.mail-dot{background:var(--sun);border-color:var(--accent);width:14px;height:14px;top:-6px;right:-6px}.mail:not(.unseen){border-color:var(--ink);color:var(--ink);background:#fff;box-shadow:4px 4px #1a1a1a1f}.mail:not(.unseen):hover{background:var(--sun);border-color:var(--ink)}@media (width<=699.98px){.mail.unseen .mail-tip{display:none}}@media (prefers-reduced-motion:reduce){.mail.show{transition:none}}.joy{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.joy-word{left:var(--x);top:var(--y);font-family:Kalam,Noto Sans Devanagari,cursive;font-size:var(--fs);color:var(--c);white-space:nowrap;opacity:0;text-shadow:0 1px 14px #ffffffe6;animation:joy-rise var(--t) cubic-bezier(.2, .7, .3, 1) var(--d) forwards;position:absolute;translate:-50% -50%}@keyframes joy-rise{0%{opacity:0;transform:translate(0)scale(.6)rotate(0)}14%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.1) rotate(var(--r))}}.joy-petal{top:-28px;left:var(--l);width:var(--s);height:calc(var(--s) * 1.4);background:var(--c);opacity:0;animation:joy-fall var(--t) ease-in var(--d) both, joy-sway 2.6s ease-in-out var(--d) infinite, joy-spin var(--t) linear var(--d) both;border-radius:60% 0;position:absolute}@keyframes joy-fall{0%{opacity:0;translate:0}8%{opacity:.95}85%{opacity:.95}to{opacity:0;translate:0 calc(100vh + 60px)}}@keyframes joy-sway{0%,to{transform:translate(0)}25%{transform:translateX(var(--w))}75%{transform:translateX(calc(var(--w) * -1))}}@keyframes joy-spin{to{rotate:var(--sp)}}@keyframes mail-joy{0%,to{rotate:0deg;scale:1}30%{rotate:-9deg;scale:1.2}60%{rotate:7deg;scale:1.1}}.mail.happy{animation:.9s 2 mail-joy}@media (prefers-reduced-motion:reduce){.joy{display:none}}.mail-dot{color:#fff;width:22px;height:22px;font:600 12px/1 var(--font-ui);background:oklch(62% .19 32);border:2px solid #fff;place-items:center;display:none;top:-9px;right:-9px;box-shadow:0 2px 6px #78280a66}.mail.unseen .mail-dot:after{content:"";opacity:0;border:2px solid oklch(62% .19 32);border-radius:50%;position:absolute;inset:-2px}@keyframes badge-ring{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:no-preference){.mail.unseen .mail-dot:after{animation:2.2s ease-out infinite badge-ring}.paused .mail-dot:after{animation-play-state:paused}}.mail,.mail:not(.unseen){border:1px solid var(--ink);width:52px;height:52px;color:var(--ink);background:#fff;box-shadow:4px 4px #1a1a1a1a}.mail svg{width:24px;height:24px}.mail:hover,.mail:not(.unseen):hover{background:var(--sun);border-color:var(--ink);box-shadow:6px 6px #1a1a1a24}.mail.unseen{animation:none}.mail.unseen .mail-tip{opacity:0;background:var(--ink);translate:6px -50%}.mail.unseen:is(:hover,:focus-visible) .mail-tip{opacity:1;translate:0 -50%}.mail-dot{width:10px;height:10px;box-shadow:none;background:oklch(62% .19 32);border:2px solid #fff;font-size:0;display:none;top:-4px;right:-4px}.mail.unseen .mail-dot{display:block}.mail.unseen .mail-dot:after{animation:none;display:none}@media (width<=699.98px){.mail.unseen .mail-tip{display:none}}.letter-cat{z-index:2;right:22px;bottom:calc(-40px + env(safe-area-inset-bottom,0px));pointer-events:none;opacity:0;width:78px;height:auto;position:fixed;top:auto;left:auto;translate:0 70px;scale:-1 1}.letter[open] .letter-cat{opacity:1;transition:translate .8s cubic-bezier(.34,1.35,.64,1) .65s,opacity .4s .65s;translate:0}@media (prefers-reduced-motion:reduce){.letter[open] .letter-cat{transition:none}}.letter-cat{width:80px;bottom:-26px}dialog.letter:modal{margin:auto;position:fixed;inset:0}.closing .actions{margin-top:36px}.closing .btn-ink{min-height:68px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .16s var(--ease);padding:0 44px;font-size:22px;font-weight:600;box-shadow:0 16px 34px -10px #365809b3}.closing .btn-ink:hover{transform:translateY(-3px);box-shadow:0 22px 40px -10px #365809bf}.closing .btn-ink:active{transform:none;box-shadow:0 8px 18px -8px #365809b3}@media (width>=700px){.closing .btn-ink{min-height:76px;padding:0 56px;font-size:25px}}@media (width<=459.98px){.closing .actions,.closing .btn-ink{width:100%}}@media (width>=700px){.closing h2{font-size:clamp(56px,6.8vw,96px)}.closing .btn-ink{min-height:76px;padding:0 60px;font-size:25px}.closing .actions{margin-top:40px}}.closing{background:0 0;margin-top:40px}.closing:before,.closing:after{-webkit-mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%)}@media (width>=700px){.closing{margin-top:60px;padding-top:170px;padding-bottom:170px}}.closing .btn-ink,.closing .btn-ink:hover,.closing .btn-ink:active{box-shadow:none}.closing .btn-ink:hover{transform:none}.dev-bg{display:none}:root[data-lens=dev] .dev-bg{left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));z-index:-1;pointer-events:none;color:oklch(55% .02 270);height:100%;display:block;position:absolute;top:0;overflow:visible}.dev-lines{background:0 0;border-right:0;width:0;position:absolute;top:0;bottom:0;left:0}.dev-code{left:var(--x);top:var(--y);z-index:0;opacity:.22;white-space:nowrap;font:11px/1.4 ui-monospace,SF Mono,Menlo,monospace;position:absolute}.dev-doodle{opacity:.16;fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:130px;height:auto;position:absolute}.d-branch{top:6%;right:4%}.d-wave{bottom:8%;right:6%}.d-brace{width:96px;bottom:14%;left:3%}@media (width<=699.98px){.dev-code:nth-of-type(n+4),.d-wave{display:none}}@media (prefers-reduced-motion:reduce){.dev-doodle{animation:none}}.d-vec{width:120px;top:38%;right:8%}.d-flow{width:120px;top:36%;left:4%}.d-sync{width:110px;top:64%;right:3%}.d-hash{width:70px;top:74%;left:6%}@media (width<=699.98px){.d-vec,.d-flow,.d-sync,.d-hash,.dev-code:nth-of-type(n+12){display:none}}.doc-sec{position:relative}.sec-doodle{opacity:.16;fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;color:oklch(50% .02 270);pointer-events:none;width:96px;height:auto;position:absolute;top:56px;right:-150px}:root[data-lens=dev] .sec-doodle{display:block}:root:not([data-lens=dev]) .sec-doodle{display:none}@media (width<=1199.98px){.sec-doodle{display:none!important}}@media (width<=699.98px){.d-vec,.d-flow,.d-sync,.d-hash,.dev-code:nth-of-type(n+12){display:none}}.side-word{writing-mode:vertical-rl;font:500 clamp(100px, 10.5vw, 140px)/1 var(--font-ui);letter-spacing:-.04em;color:oklch(50% .02 270);opacity:.07;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:default;margin:0;position:fixed;top:50%;left:calc(25% - 170px);transform:rotate(180deg)}@media (width<=1199.98px){.side-word{display:none}}.side-pixel{pointer-events:none;opacity:0;transition:opacity .24s var(--ease);position:fixed;top:50%;left:calc(25% - 170px);translate:-50% -50%}.side-word:hover+.side-pixel{opacity:1}@media (width<=1199.98px){.side-pixel{display:none}}.closing h2{letter-spacing:-.04em;text-wrap:nowrap;max-width:none;font-size:clamp(30px,9.8vw,56px);font-weight:500;line-height:1.08}.closing h2 .line{display:block}@media (width>=700px){.closing h2{font-size:clamp(56px,6.8vw,96px)}h1{font-size:44px}h2{font-size:32px}}.complete{gap:10px;max-width:36em;margin-top:24px;padding:0;list-style:none;display:grid}.complete li{color:var(--ink-2);padding-left:22px;font-size:15px;line-height:1.5;position:relative}.complete li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:.7em;left:2px}.letter-paper{max-height:84dvh;font:400 16px/1.65 var(--font-ui);color:#2b2a33;background:#fff;border-radius:18px;padding:40px 40px 36px;position:relative;overflow:auto;box-shadow:0 30px 70px -28px #14141a73,0 1px 3px #14141a14}.letter-from{color:var(--ink-2);margin-bottom:18px;font-size:13px}.letter-title{letter-spacing:-.02em;color:var(--ink);margin-bottom:28px;font-size:30px;font-weight:500;line-height:1.15}.letter-part{margin-bottom:26px}.letter-part p{max-width:36em;margin:0}.letter-num{letter-spacing:.04em;color:var(--ink-2);font-size:12px;margin-bottom:8px!important}.letter-sign{border-top:1px solid var(--rule);margin-top:34px;padding-top:26px}.letter-hand{color:var(--accent-deep);font:400 30px/1 Kalam,cursive;margin-bottom:14px!important}.letter-name{color:var(--ink);font-size:15px}.letter-name span{color:var(--ink-2);margin-top:2px;font-size:13px;display:block}.letter-close{border-color:var(--rule);background:#fff}@media (width<=459.98px){.letter-paper{padding:30px 24px 26px}.letter-title{font-size:26px}}@media (width>=900px) and (height>=600px){.letter-cat{width:150px;bottom:-36px;right:40px}}.magnet-char{will-change:transform;display:inline-block}.closing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21l1.3-4.4L15.6 4.3a2 2 0 0 1 2.8 0l1.3 1.3a2 2 0 0 1 0 2.8L8.4 19.7z' fill='%230c0f18' stroke='%23ffffff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 21,auto}.closing a,.closing button{cursor:pointer}.ph-soon{color:var(--ink-2);pointer-events:none;margin-top:14px;font-size:13px}.soon-plans h2 span{color:var(--ink-2)}.soon-plans .aside{margin-top:12px}.join{max-width:30em;margin-top:28px}.join-label{color:var(--ink);margin-bottom:10px;font-size:14px;display:block}.join-row{flex-wrap:wrap;gap:10px;display:flex}.join-input{border:1px solid var(--rule);min-height:48px;font:400 16px/1 var(--font-ui);color:var(--ink);background:#fff;border-radius:8px;flex:220px;padding:0 16px}.join-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:#0000}.join-btn{min-height:48px}.join-status{color:var(--ink-2);min-height:1.4em;margin-top:10px;font-size:14px}