.hero{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,104px)}.hero .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-copy h1{max-width:21ch;font-size:clamp(2.05rem,3.9vw,2.65rem)}.hero-copy .lead{margin-bottom:1.6em}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:hero-in .48s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-stage{animation:hero-in .56s var(--ease) .12s both}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}}}.hero-stage{place-items:center;min-height:460px;display:grid;position:relative}.routine-card{background:var(--paper-100);border:1px solid var(--paper-200);border-radius:var(--r-panel);width:min(330px,78vw);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.routine-card.front{z-index:2;position:relative;transform:rotate(1.4deg)}.routine-card.back{z-index:1;opacity:.9;position:absolute;transform:rotate(-5deg)translate(-128px,-34px)scale(.96)}.rc-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.rc-period{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-300);font-size:.65rem;font-weight:600}.rc-progress{flex:1;gap:5px;max-width:130px;display:flex}.rc-progress i{background:var(--paper-200);border-radius:2px;flex:1;height:4px}.rc-progress i.done{background:var(--sage-500)}.rc-art{border-radius:var(--r-card);place-items:center;margin:6px 10px 2px;padding:22px 12px 14px;display:grid;position:relative}.rc-art img{object-fit:contain;max-width:82%;height:216px}.rc-slot{border:1.5px dashed var(--paper-300);border-radius:var(--r-card);background:color-mix(in srgb, var(--paper-50) 55%, transparent);place-items:center;width:100%;height:216px;display:grid}.routine-card.back .rc-slot{height:190px}.routine-card.mini .rc-slot{height:108px}.routine-card.back .rc-art{justify-items:start;padding-left:20px}.routine-card.back .rc-art img{height:190px}.rc-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.rc-label{color:var(--ink-900);font-size:1.18rem;font-weight:600}.rc-check{border:1.5px solid var(--sage-500);width:30px;height:30px;color:var(--sage-500);border-radius:50%;flex:none;place-items:center;display:grid}.rc-check svg{width:15px;height:15px}.rc-check.todo{border-color:var(--paper-300);color:#0000}button.rc-check{appearance:none;cursor:pointer;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);background:0 0;padding:0}button.rc-check:hover{transform:scale(1.1)}.rc-check.checked{background:var(--sage-500);border-color:var(--sage-500);color:var(--on-accent)}.rp-hint{text-align:center;color:var(--ink-300);margin:16px auto 0;font-size:.85rem}.rp-again{appearance:none;white-space:nowrap;min-height:44px;font:600 .95rem/1 var(--font-sans);color:var(--sage-500);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.rp-again:hover{color:var(--sage-900)}.rp-burst{pointer-events:none;position:absolute;inset:0}.rp-burst i{background:var(--sage-500);width:7px;height:11px;animation:rp-burst .9s var(--ease) forwards;border-radius:2px;position:absolute;top:36%;left:50%}.rp-burst i[data-tone="1"]{background:var(--clay)}.rp-burst i[data-tone="2"]{background:var(--paper-300)}@keyframes rp-burst{to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:no-preference){.routine-card.front{transition:transform .34s var(--ease), opacity .34s var(--ease)}.routine-card.front.fly{opacity:0;transition-timing-function:cubic-bezier(.5,0,.8,.4);transform:translate(150px,-40px)rotate(10deg)}.routine-card.front.pop{animation:rp-pop .24s var(--ease)}@keyframes rp-pop{0%{opacity:.6;transform:rotate(1.4deg)scale(.965)}}}.steps h2{max-width:22ch}.steps-row{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(28px,4vw,48px);display:grid;position:relative}.steps-row:before{content:"";border-top:1.5px dashed color-mix(in srgb, var(--ink-900) 22%, transparent);position:absolute;top:96px;left:8%;right:8%}.step{flex-direction:column;gap:6px;display:flex;position:relative}.step:nth-child(2){margin-top:-20px}.step:nth-child(3){margin-top:16px}.step figure{background:var(--paper-100);border:1px solid var(--paper-200);border-radius:var(--r-card);place-items:center;height:190px;margin:0 0 10px;display:grid;position:relative}.step figure img{object-fit:contain;max-width:70%;max-height:150px}.step figure.is-empty{border-style:dashed;border-width:1.5px;border-color:var(--paper-300);background:color-mix(in srgb, var(--paper-50) 55%, transparent)}.step p{color:var(--ink-500);max-width:30ch;margin:0;font-size:.98rem}@media (width<=760px){.hero .wrap{grid-template-columns:1fr}.hero-stage{min-height:420px;margin-top:8px}.routine-card.back{transform:rotate(-4deg)translate(-16px,-22px)scale(.96)}.steps-row{grid-template-columns:1fr}.steps-row:before{display:none}.step:nth-child(2),.step:nth-child(3){margin-top:0}}.apps-grid{grid-template-columns:repeat(12,1fr);gap:14px;margin-top:clamp(28px,4vw,44px);display:grid}.app-panel{transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);padding:clamp(22px,3vw,34px)}.app-panel:hover{border-color:var(--paper-300);transform:translateY(-1px)}.app-panel h3{margin:0 0 2px}.app-role{color:var(--sage-500);margin:0 0 10px;font-size:.95rem;font-weight:600}.app-copy p:last-child{color:var(--ink-500);max-width:44ch;margin:0;font-size:.98rem}.app-iphone{flex-direction:column;grid-area:1/1/3/6;justify-content:space-between;gap:24px;display:flex}.app-ipad{grid-column:6/13;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(20px,3vw,36px);display:grid}.app-watch{grid-column:6/13;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,36px);display:grid}.device-frame{border:1.5px dashed var(--paper-300);border-radius:var(--r-panel);background:var(--paper-50);place-items:center;margin:0;display:grid;overflow:hidden}.device-frame:has(img){border:1px solid var(--paper-200);box-shadow:var(--shadow)}.device-frame img{object-fit:cover;width:100%;height:100%}.device-frame.is-iphone{aspect-ratio:393/852;width:min(224px,64%);margin-inline:auto}.device-frame.is-ipad{aspect-ratio:4/3;width:100%}.device-frame.is-watch{aspect-ratio:368/448;border-radius:36px;width:128px}@media (width<=900px){.apps-grid{grid-template-columns:1fr}.app-iphone,.app-ipad,.app-watch{grid-area:auto}.app-ipad{grid-template-columns:1fr}.device-frame.is-iphone{width:min(224px,72%)}.device-frame.is-ipad{order:2}}.bento-intro{max-width:30ch}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;gap:14px;margin-top:clamp(28px,4vw,44px);display:grid}.cell{background:var(--paper-100);border:1px solid var(--paper-200);border-radius:var(--r-panel);transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);flex-direction:column;justify-content:flex-end;gap:4px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.cell:hover{border-color:var(--paper-300);transform:translateY(-1px)}.cell h3{margin:0;font-size:1.06rem}.cell p{color:var(--ink-500);margin:0;font-size:.92rem;line-height:1.5}.cell-capture{grid-area:1/1/3/3;justify-content:flex-end}.cell-capture h3{max-width:16ch;font-size:1.35rem}.cell-capture p{max-width:34ch}.capture-strip{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:24px 24px auto}.capture-strip .pin{background:var(--paper-50);border:1px solid var(--paper-200);border-radius:var(--r-card);width:27%;padding:16px 12px 10px;position:relative}.capture-strip .pin:first-child{transform:rotate(-2.2deg)}.capture-strip .pin:nth-child(2){transform:rotate(1.4deg)translateY(14px)}.capture-strip .pin:nth-child(3){transform:rotate(-1deg)translateY(4px)}.capture-strip img{object-fit:contain;height:104px;margin-inline:auto}.capture-strip .washi{width:46px;height:14px}.capture-strip .pin-empty{border:1.5px dashed var(--paper-300);border-radius:var(--r-card);background:color-mix(in srgb, var(--paper-50) 55%, transparent);height:104px;display:block}.cell-player{grid-area:1/3/3/4;justify-content:flex-start;gap:8px}.cell-player img{object-fit:contain;max-height:200px;margin:auto}.cell-score{grid-column:4/5}.score-dots{gap:7px;margin-bottom:auto;padding-top:6px;display:flex}.score-dots i{border:1.5px solid var(--paper-300);border-radius:50%;width:13px;height:13px}.score-dots i.done{background:var(--sage-500);border-color:var(--sage-500)}.score-dots i.half{background:linear-gradient(to top, var(--sage-500) 55%, transparent 55%);border-color:var(--sage-500)}.cell-celebrate{grid-column:4/5}.cell-celebrate .art{opacity:.75;width:104px;position:absolute;inset:-22px -16px auto auto}.cell-private{background:var(--sage-100);border-color:color-mix(in srgb, var(--sage-300) 45%, transparent);grid-column:1/3;justify-content:center}.cell-private h3{font-size:1.25rem}.cell-private p{max-width:44ch}.cell-voice{grid-column:3/4}.cell-keepsake{grid-column:4/5}.cell-affirm{grid-column:1/2}.cell-share{grid-column:2/3}.cell-print{grid-column:3/4;justify-content:flex-start}.cell-print .art{width:124px;position:absolute;inset:auto -10px -18px auto;transform:rotate(-4deg)}.cell-suite{grid-column:4/5}.screens-body{max-width:62ch;color:var(--ink-500)}.screens-shelf{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(28px,4vw,44px);display:grid}.screen-slot{margin:0}.slot-empty{aspect-ratio:393/852;border:1.5px dashed var(--paper-300);border-radius:var(--r-panel);background:var(--paper-100);place-items:center;display:grid;overflow:hidden}.slot-empty:has(img){border-style:solid;border-width:1px;border-color:var(--paper-200);box-shadow:var(--shadow)}.slot-empty img{object-fit:cover;width:100%;height:100%}.slot-empty:has(img) .slot-label{display:none}.screen-slot figcaption{text-align:center;color:var(--ink-300);margin-top:10px;font-size:.88rem}@media (width<=900px){.screens-shelf{grid-template-columns:repeat(2,1fr)}}.adults-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(30px,4.5vw,60px);display:grid}.adults-copy p{color:var(--ink-500);max-width:46ch}.adults-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.routine-card.mini{border-radius:var(--r-panel);gap:6px;width:176px;padding:12px 14px 14px}.routine-card.mini .rc-art{margin:2px 4px 0;padding:12px 8px 8px}.routine-card.mini .rc-art img{height:108px}.routine-card.mini .rc-label{font-size:.98rem}.routine-card.mini .rc-check{width:24px;height:24px}.routine-card.mini .rc-check svg{width:12px;height:12px}.list-preview{background:var(--paper-50);border:1px solid var(--paper-200);border-radius:var(--r-card);min-width:216px;box-shadow:var(--shadow);padding:14px 18px 8px}.lp-period{font-family:var(--font-mono);letter-spacing:.13em;color:var(--ink-300);font-size:.65rem;font-weight:600}.lp-row{color:var(--ink-700);align-items:center;gap:11px;padding:10px 0;font-size:.95rem;display:flex}.lp-row+.lp-row{border-top:1px solid var(--paper-200)}.lp-check{border:1.5px solid var(--paper-300);color:#0000;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.lp-row.done .lp-check{border-color:var(--sage-500);background:var(--sage-500);color:var(--on-accent)}.lp-check svg{width:11px;height:11px}.cell-player .shot{border:1px solid var(--paper-200);width:auto;max-height:188px;box-shadow:var(--shadow);border-radius:14px;margin:0 auto}.cell-player .player-slot{aspect-ratio:393/852;border:1.5px dashed var(--paper-300);background:color-mix(in srgb, var(--paper-50) 55%, transparent);border-radius:14px;place-items:center;height:188px;margin:auto;display:grid}.index-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.5vw,48px);margin-top:clamp(24px,3.5vw,40px);display:grid}.index-group h3{margin-bottom:.6em;font-size:1.08rem}.index-group ul{margin:0;padding:0;list-style:none}.index-group li{color:var(--ink-500);padding:5px 0 5px 18px;font-size:.95rem;position:relative}.index-group li:before{content:"";border:1.5px solid var(--sage-300);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:0}@media (width<=900px){.index-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.index-grid{grid-template-columns:1fr}}.band{text-align:center}.band h2{margin-inline:auto}.band p{max-width:52ch;color:var(--ink-500);margin-inline:auto;font-size:1.1rem}.band .dotline{align-items:center;gap:10px;margin-bottom:22px;display:inline-flex}.band .dotline i{border:1.5px solid var(--paper-300);border-radius:50%;width:12px;height:12px}.band .dotline i.done{background:var(--sage-500);border-color:var(--sage-500)}.cta-final{text-align:center}.cta-final .panel{max-width:780px;margin-inline:auto;padding:clamp(40px,6vw,72px) clamp(24px,5vw,80px)}.cta-final h2{margin-inline:auto}.cta-final p{max-width:46ch;color:var(--ink-500);margin:0 auto 1.6em}.cta-final .fine{color:var(--ink-300);margin:1.6em auto 0;font-size:.9rem}@media (width<=960px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto)}.cell-capture{grid-area:auto/1/auto/3;min-height:330px}.cell-player{grid-area:auto/1/auto/2;min-height:300px}.cell-score,.cell-celebrate,.cell-voice,.cell-keepsake,.cell-affirm,.cell-share,.cell-print,.cell-suite{grid-column:auto}.cell-private{grid-column:1/3}}@media (width<=760px){.adults-panel{grid-template-columns:1fr}}@media (width<=560px){.bento{grid-template-columns:1fr}.cell-capture,.cell-private{grid-column:auto}.cell{min-height:150px}.cell-capture{min-height:360px}}