.landing-nav{background:color-mix(in srgb,var(--memo-surface) 86%,transparent);backdrop-filter:saturate(180%) blur(10px)}.landing-hero{background:radial-gradient(circle at 50% 0,rgba(98,87,217,.12),transparent 48%),linear-gradient(to bottom,rgba(243,241,255,.72),var(--memo-bg) 72%)}.landing-pill{border-radius:999px;padding-inline:22px}.landing-product{animation:landing-product-in .6s cubic-bezier(.2,.7,.3,1) both}@keyframes landing-product-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.landing-product{animation:none}}.landing-loop{position:relative;display:grid;gap:14px}.landing-loop-rail{position:absolute;left:28px;top:42px;bottom:42px;width:1px;background:var(--memo-border)}.landing-loop-step{position:relative;display:grid;grid-template-columns:58px 1fr 270px;align-items:center;min-height:118px;padding:20px 22px 20px 0;overflow:hidden;border:1px solid var(--memo-border);border-radius:12px;background:var(--memo-bg)}.landing-loop-number{z-index:1;display:grid;width:30px;height:30px;place-items:center;justify-self:center;border:1px solid color-mix(in srgb,var(--memo-accent) 30%,var(--memo-border));border-radius:50%;background:var(--memo-bg);color:var(--memo-accent);font:10px var(--font-mono)}.landing-loop-step h3{margin:0 0 7px;color:var(--memo-text);font-size:17px;font-weight:500;letter-spacing:-.02em}.landing-loop-step p{max-width:450px;margin:0;color:var(--memo-text2);font-size:13.5px;line-height:1.55}.landing-loop-demo{height:70px;border:1px solid var(--memo-border);border-radius:9px;background:var(--memo-surface)}.landing-loop-demo-1{display:flex;align-items:center;gap:7px;padding:14px}.landing-loop-demo-1 i{width:34%;height:8px;border-radius:4px;background:var(--memo-border)}.landing-loop-demo-1 i:first-child{width:52%;background:var(--memo-accent);opacity:.7}.landing-loop-demo-2{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:14px;color:var(--memo-text);font-size:12px}.landing-loop-demo-2 b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--memo-accent);color:white}.landing-loop-demo-2 em{color:var(--memo-accent);font-style:normal;font-family:var(--font-mono)}.landing-loop-demo-3{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;padding:12px}.landing-loop-demo-3 i{aspect-ratio:1;border-radius:2px;background:var(--memo-border)}.landing-loop-demo-3 i[data-on=true]{background:color-mix(in srgb,var(--memo-accent) 68%,white)}.feature-showcase,.feature-showcases{display:grid;gap:72px}.feature-showcase{grid-template-columns:.76fr 1.24fr;align-items:center}.feature-showcase:nth-child(2n) .feature-copy{order:2}.feature-copy h3{margin:14px 0 12px;color:var(--memo-text);font-size:25px;font-weight:450;line-height:1.18;letter-spacing:-.03em}.feature-copy p{margin:0;color:var(--memo-text2);font-size:14px;line-height:1.68}.feature-anchor-set{height:0;overflow:hidden}.feature-visual{padding:34px;border:1px solid color-mix(in srgb,var(--memo-accent) 18%,var(--memo-border));border-radius:16px;background:radial-gradient(circle at 80% 10%,rgba(98,87,217,.18),transparent 48%),color-mix(in srgb,var(--memo-accent) 5%,var(--memo-bg))}.feature-visual-alt{background:radial-gradient(circle at 10% 85%,rgba(98,87,217,.17),transparent 48%),color-mix(in srgb,var(--memo-accent) 4%,var(--memo-bg))}.feature-preview{min-height:230px;padding:22px;border:1px solid var(--memo-border);border-radius:11px;background:var(--memo-bg);box-shadow:0 18px 40px rgba(24,24,35,.09);color:var(--memo-text)}.preview-bar{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--memo-border);color:var(--memo-text3);font:9px var(--font-mono);letter-spacing:.08em}.preview-bar em{color:var(--memo-accent);font-style:normal}.habit-line{display:grid;grid-template-columns:1fr repeat(7,25px);align-items:center;gap:6px;margin-top:17px;font-size:11px}.habit-line b{font-weight:500}.habit-line i{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--memo-border);border-radius:5px;color:var(--memo-text3);font-size:9px;font-style:normal}.habit-line i[data-on=true]{border-color:var(--memo-accent);background:var(--memo-accent);color:white}.year-strip{display:grid;grid-template-columns:repeat(21,1fr);gap:3px;margin-top:22px}.year-strip i{aspect-ratio:1;border-radius:2px;background:var(--memo-border);opacity:.8}.year-strip i[data-level="1"],.year-strip i[data-level="2"]{background:color-mix(in srgb,var(--memo-accent) 35%,white)}.year-strip i[data-level="3"]{background:color-mix(in srgb,var(--memo-accent) 65%,white)}.year-strip i[data-level="4"]{background:var(--memo-accent)}.quick-add{display:flex;justify-content:space-between;padding:13px 14px;border:1px solid var(--memo-accent);border-radius:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--memo-accent) 10%,transparent);font-size:12px}.quick-add kbd{color:var(--memo-text3);font:10px var(--font-mono)}.parse-row{display:flex;justify-content:space-between;padding:13px 4px 19px;color:var(--memo-text);font-size:11px}.parse-row em{color:var(--memo-accent);font-style:normal}.focus-clock{display:grid;justify-items:center;padding:18px;border-radius:8px;background:var(--memo-surface)}.focus-clock span{color:var(--memo-text3);font:8px var(--font-mono)}.focus-clock strong{margin:7px 0 10px;font-size:31px;font-weight:400;letter-spacing:-.04em}.focus-clock i{padding:6px 16px;border-radius:999px;background:var(--memo-accent);color:white;font-size:9px;font-style:normal}.checkin-row,.goal-row,.level-row{display:flex;align-items:center;justify-content:space-between}.checkin-row small,.goal-row small{display:block;margin-bottom:6px;color:var(--memo-text3);font:8px var(--font-mono)}.checkin-row b,.goal-row b{font-size:12px;font-weight:500}.goal-row strong{color:var(--memo-accent);font-size:22px;font-weight:450}.progress-track{height:5px;margin:14px 0 22px;border-radius:3px;background:var(--memo-border)}.progress-track i{display:block;width:68%;height:100%;border-radius:inherit;background:var(--memo-accent)}.checkin-row{padding:17px;border:1px solid var(--memo-border);border-radius:8px}.checkin-row div strong{font-size:26px;font-weight:450}.checkin-row div small{display:inline}.level-row{margin-top:19px;color:var(--memo-text3);font:8px var(--font-mono)}.level-row i{width:42%;height:4px;border-radius:2px;background:var(--memo-border)}.level-row i b{display:block;width:74%;height:100%;background:var(--memo-accent)}.landing-beyond{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:stretch;margin-top:90px}.landing-beyond>div{padding:26px 16px 26px 0}.landing-beyond>div h3{margin-top:14px;font-size:20px;font-weight:450;line-height:1.25;letter-spacing:-.025em}.landing-beyond article{position:relative;padding:26px;border:1px solid var(--memo-border);border-radius:12px;background:var(--memo-bg)}.landing-beyond article>span{position:absolute;top:20px;right:22px;color:var(--memo-accent)}.landing-beyond h4{margin:14px 0 9px;font-size:16px;font-weight:500}.landing-beyond p{margin:0;color:var(--memo-text2);font-size:12.5px;line-height:1.58}@media (max-width:767px){.landing-loop-step{grid-template-columns:52px 1fr;padding:20px 18px 20px 0}.landing-loop-demo{grid-column:2;width:100%;margin-top:17px}.feature-showcases{gap:58px}.feature-showcase{grid-template-columns:1fr;gap:22px}.feature-showcase:nth-child(2n) .feature-copy{order:0}.feature-visual{padding:15px}.feature-preview{min-height:210px;padding:16px}.habit-line{grid-template-columns:1fr repeat(7,20px);gap:3px}.habit-line i{width:19px;height:19px}.landing-beyond{grid-template-columns:1fr;margin-top:64px}.landing-beyond>div{padding-bottom:8px}}