@font-face{font-family:SF Pro Display;font-weight:400;src:url(/fonts/SF-Pro-Display-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-weight:500;src:url(/fonts/SF-Pro-Display-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-weight:600;src:url(/fonts/SF-Pro-Display-Semibold.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Display;font-weight:700;src:url(/fonts/SF-Pro-Display-Bold.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Text;font-weight:400;src:url(/fonts/SF-Pro-Text-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Text;font-weight:500;src:url(/fonts/SF-Pro-Text-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Text;font-weight:600;src:url(/fonts/SF-Pro-Text-Semibold.otf) format("opentype");font-display:swap}@font-face{font-family:SF Pro Text;font-weight:700;src:url(/fonts/SF-Pro-Text-Bold.otf) format("opentype");font-display:swap}:root{--bg: #FAFAF7;--fg1: #1A1A2E;--accent: #E8A87C;--success: #4CAF82;--success-bg: #E3F2EA;--fg2: #4A4A55;--fg3: #7A7A82;--fg4: #A8A8AD;--surface-1: #F3F2EC;--surface-2: #EAE9E2;--fg1-a08: rgba(26, 26, 46, .08);--accent-a10: rgba(232, 168, 124, .1);--accent-a18: rgba(232, 168, 124, .18);--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--elev-1: 0 2px 8px rgba(26, 26, 46, .06);--elev-2: 0 12px 32px rgba(26, 26, 46, .1);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg1);font-family:var(--font-text);font-size:17px;line-height:1.47;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:1080px;margin:0 auto;padding-inline:20px}nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--fg1);text-decoration:none}.wordmark .dot{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:6px}.nav-links{display:none;align-items:center;gap:4px;margin-right:6px}.nav-links a{font-family:var(--font-text);font-size:15px;color:var(--fg2);text-decoration:none;padding:8px 12px;border-radius:10px;transition:background .12s var(--ease),color .12s var(--ease)}.nav-links a:hover{background:var(--fg1-a08);color:var(--fg1)}@media(min-width:768px){.nav-links{display:flex}}.appstore{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 15px 0 13px;background:var(--fg1);color:var(--bg);border-radius:12px;text-decoration:none;transition:transform var(--ease) .16s,opacity .12s}.appstore:hover{opacity:.9}.appstore:active{transform:scale(.97);opacity:.85}.appstore svg{width:22px;height:22px;flex:none}.appstore .as-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.appstore .as-small{font-size:10px;font-weight:400;letter-spacing:.01em;opacity:.92}.appstore .as-large{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em}.appstore.big{height:54px;padding:0 20px 0 17px}.appstore.big svg{width:27px;height:27px}.appstore.big .as-small{font-size:11px}.appstore.big .as-large{font-size:20px}.hero{text-align:center;padding-top:64px;padding-bottom:60px}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,11vw,76px);line-height:1.04;letter-spacing:-.03em;max-width:14ch;margin:0 auto;text-wrap:balance}.hero .subline{margin:22px auto 0;max-width:28ch;font-size:clamp(17px,4.6vw,21px);line-height:1.45;color:var(--fg2);text-wrap:balance}.hero .cta{margin-top:34px;display:flex;justify-content:center}.shots-section{padding-bottom:64px}.shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 16px;padding-inline:calc(50% - 115px)}.shots::-webkit-scrollbar{display:none}.shot{flex:0 0 230px;scroll-snap-align:center;scroll-snap-stop:always}.phone{width:100%;background:#1a1a2e;border-radius:40px;padding:8px;box-shadow:0 24px 50px #1a1a2e2e,0 0 0 1px #1a1a2e0f}.phone-screen{width:100%;aspect-ratio:390 / 845;border-radius:32px;background:var(--bg);overflow:hidden;position:relative;transform:translateZ(0)}.shot .caption{margin-top:18px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--fg1)}.features{display:grid;grid-template-columns:1fr;gap:36px;padding-bottom:72px;border-top:1px solid var(--fg1-a08);padding-top:56px}.feature .ficon{width:48px;height:48px;border-radius:14px;background:var(--accent-a10);display:flex;align-items:center;justify-content:center;color:var(--fg1);margin-bottom:18px}.feature .ficon svg{width:24px;height:24px;stroke-width:1.6}.feature h3{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.01em;margin-bottom:8px}.feature p{font-size:16px;line-height:1.5;color:var(--fg2);max-width:34ch}.final{text-align:center;padding:72px 0 80px;border-top:1px solid var(--fg1-a08)}.final h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,8vw,48px);letter-spacing:-.02em;line-height:1.1}.final .cta{margin-top:28px;display:flex;justify-content:center}footer{border-top:1px solid var(--fg1-a08);padding:40px 0 48px}.foot-grid{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.foot-mark{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--fg1)}.foot-mark .dot{color:var(--accent)}.foot-nav{display:flex;flex-direction:column;align-items:center;gap:12px}.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:center}.foot-links a{font-family:var(--font-text);font-size:15px;color:var(--fg2);text-decoration:none;transition:color .12s var(--ease)}.foot-links a:hover{color:var(--fg1)}.foot-copy{font-family:var(--font-mono);font-size:13px;color:var(--fg3)}.lang-switch{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-text);font-size:15px;color:var(--fg2);text-decoration:none;transition:color .12s var(--ease);margin-top:4px}.lang-switch:hover{color:var(--fg1)}.lang-switch:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:2px}.lang-switch svg{width:16px;height:16px;flex-shrink:0}@media(min-width:768px){.foot-grid{flex-direction:row;justify-content:space-between;gap:24px}.foot-nav{flex-direction:row;gap:0}.lang-switch{margin-top:0;margin-left:22px;padding-left:22px;border-left:1px solid var(--fg1-a08)}}@media(min-width:768px){.wrap{padding-inline:32px}.nav-inner{height:68px}.wordmark{font-size:24px}.hero{padding-top:128px;padding-bottom:92px}.shots-section{padding-bottom:104px}.features{grid-template-columns:repeat(3,1fr);gap:48px;padding-top:80px;padding-bottom:116px}.final{padding:96px 0 112px}}@media(min-width:768px){.shots{padding-inline:20px;justify-content:center}}.app{position:absolute;top:0;left:0;width:390px;height:845px;transform-origin:top left;transform:scale(.585);will-change:transform;background:var(--bg);border-radius:54px;font-family:var(--font-text);color:var(--fg1);overflow:hidden}.app svg.i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app .statusbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 8px}.app .sb-time{font-family:var(--font-display);font-weight:600;font-size:17px}.app .sb-icons{display:flex;gap:6px;align-items:center}.app .topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 18px 10px}.app .back{display:inline-flex;align-items:center;gap:2px;font-size:16px;color:var(--fg1)}.app .ttl{padding:4px 20px 0}.app .ttl h2{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.02em;line-height:1.04}.app .meta{font-family:var(--font-mono);font-size:13px;color:var(--fg3);margin-top:6px;display:flex;align-items:center;gap:6px}.app .pcard{margin:18px 20px 0;background:#fff;border:1px solid var(--fg1-a08);border-radius:14px;padding:16px 18px}.app .pcard .prow{display:flex;justify-content:space-between;align-items:baseline}.app .pcap{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--fg3);text-transform:uppercase}.app .pnum{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--fg1)}.app .ptrack{height:8px;border-radius:4px;background:var(--surface-2);margin-top:13px;overflow:hidden}.app .pfill{height:100%;border-radius:4px}.app .cat{display:flex;align-items:center;gap:10px;padding:24px 20px 12px}.app .cat h3{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em;flex:1}.app .cat .cn{font-family:var(--font-mono);font-size:13px;color:var(--fg3);font-variant-numeric:tabular-nums}.app .cat .cn.done{color:var(--success)}.app .items{padding:0 20px;display:flex;flex-direction:column;gap:8px}.app .item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--fg1-a08);border-radius:14px;padding:15px 16px}.app .item.done{background:var(--success-bg);border-color:transparent}.app .cbox{width:26px;height:26px;border-radius:50%;border:1.6px solid rgba(26,26,46,.18);flex:none;display:flex;align-items:center;justify-content:center;background:#fff}.app .cbox.on{background:var(--success);border-color:var(--success)}.app .iname{flex:1;font-weight:600;font-size:17px;letter-spacing:-.005em}.app .item.done .iname{color:var(--fg3);text-decoration:line-through}.app .qty{font-family:var(--font-mono);font-size:13px;color:var(--fg3)}.app .tabbar{position:absolute;left:20px;right:20px;bottom:20px;background:#fafaf7d1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--fg1-a08);border-radius:24px;padding:10px 14px;display:flex;justify-content:space-around;align-items:center;box-shadow:var(--elev-2)}.app .tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--fg3);font-size:10px;font-weight:500}.app .tab.on{color:var(--fg1)}.app .tab-add{background:var(--accent);width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e8a87c73;transform:translateY(-4px);color:var(--fg1)}.app .sheettop{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 0}.app .cancel{color:var(--fg2);font-size:16px}.app .stepind{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}.app .segs{display:flex;gap:6px;padding:18px 20px 0}.app .seg{flex:1;height:4px;border-radius:2px;background:var(--fg1-a08)}.app .seg.on{background:var(--fg1)}.app .stitle{padding:26px 20px 0}.app .stitle h2{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em}.app .stitle p{font-size:15px;color:var(--fg2);margin-top:8px}.app .seclabel{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);padding:26px 22px 12px}.app .field{margin:0 20px;display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--fg1-a08);font-size:17px}.app .field.focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a87c38}.app .chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px}.app .chip{padding:11px 16px;border-radius:10px;background:#fff;border:1px solid rgba(26,26,46,.1);font-size:14.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.app .chip.on{background:var(--fg1);color:var(--bg);border-color:var(--fg1);box-shadow:var(--elev-1)}.app .createcta{position:absolute;left:20px;right:20px;bottom:30px}.app .btn{width:100%;padding:16px;border-radius:14px;font-size:17px;font-weight:600;text-align:center;letter-spacing:-.01em}.app .btn-dark{background:var(--fg1);color:var(--bg)}.app .celebrate{margin:18px 20px 4px;background:var(--success-bg);border:1px solid rgba(76,175,130,.3);border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px}.app .celebrate .cc{width:44px;height:44px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;flex:none;color:#fff}.app .celebrate h3{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.app .celebrate p{font-size:13px;color:var(--fg2);margin-top:2px}