:root{--background:#f4f0e8;--surface:#fffefa;--surface-muted:#ece5da;--ink:#15120e;--ink-muted:#665d53;--border:#ded3c2;--border-strong:#bfaf9b;--ease-out:cubic-bezier(.23, 1, .32, 1);--duration-fast:.15s;--layer-header:10;--layer-skip:20}@supports (color:oklch(0 0 0)){:root{--background:oklch(95.6% .012 84.6);--ink:oklch(18.4% .009 76.5)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:SF Pro Rounded,ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}figure,p{margin:0}h1,h2,h3,.brand{font-family:inherit}h1,h2,h3{text-wrap:balance;letter-spacing:-.04em;margin:0;font-weight:850;line-height:1.04}h2{font-size:clamp(2.4rem,4.5vw,4rem)}h3{font-size:clamp(2rem,3.4vw,3rem)}p{text-wrap:pretty}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:4px}main:focus{outline:none}.shell{width:min(1160px,100% - 96px);margin-inline:auto}.skip-link{z-index:var(--layer-skip);background:var(--ink);color:var(--surface);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:var(--layer-header);background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:24px;min-height:86px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:8px;min-height:44px;font-size:29px;font-weight:850;text-decoration:none;display:inline-flex}.brand img{border-radius:9px;width:38px;height:38px}.site-nav,.download-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.site-nav>a{align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav .button{min-height:44px;padding:10px 18px;font-size:13px}.button{background:var(--ink);min-height:54px;color:var(--surface);transition:transform .15s var(--ease-out), background-color .15s ease;border-radius:12px;justify-content:center;align-items:center;gap:30px;padding:14px 24px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button:focus-visible{outline-offset:5px}.eyebrow{color:var(--ink-muted);margin-bottom:24px;font-size:12px;font-weight:600}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:740px;padding-block:64px 82px;display:grid}.hero h1{font-size:clamp(3.7rem,6.8vw,6rem);line-height:1}.hero h1 span{color:var(--ink-muted)}.hero-description{color:var(--ink-muted);max-width:42ch;margin-block:28px 30px;font-size:17px;line-height:1.7}.quiet-note{color:var(--ink-muted);margin-top:16px;font-size:11px}.hero-composition{isolation:isolate;height:590px;position:relative}.hero-orbit{aspect-ratio:1;border:1px solid var(--border);border-radius:50%;width:92%;position:absolute;top:65px;left:0}.phone{border:6px solid var(--ink);background:var(--background);border-radius:40px;overflow:hidden}.hero-phone{width:260px;animation:settle-phone .6s var(--ease-out) both;position:absolute;top:4px;right:6%;transform:rotate(7deg);box-shadow:15px 26px #15120e0e}.hero-phone img{width:100%}.coffee-print{background:var(--surface);width:206px;padding:10px 10px 18px;position:absolute;top:65px;left:-12px;transform:rotate(-11deg);box-shadow:-5px 8px #15120e0a}.coffee-print img{aspect-ratio:.84;object-fit:cover;width:100%}.coffee-print figcaption{text-align:center;color:var(--ink-muted);margin-top:15px;font-size:10px}.hero-sticker{width:275px;animation:settle-sticker .65s var(--ease-out) both;position:absolute;bottom:0;left:0;transform:rotate(-13deg)}.memory-label{color:var(--ink-muted);font-size:12px;position:absolute;bottom:42px;right:-8px;transform:rotate(-7deg)}.memory-label span{margin-left:5px;font-size:23px;display:inline-block}@keyframes settle-phone{0%{transform:translateY(15px)rotate(10deg)}to{transform:translateY(0)rotate(7deg)}}@keyframes settle-sticker{0%{transform:translateY(20px)rotate(-18deg)}to{transform:translateY(0)rotate(-13deg)}}.ritual-strip{border-block:1px solid var(--border);text-align:center;padding:24px;font-size:15px;font-weight:650}.ritual-strip span{color:var(--ink-muted);font-weight:400}.experience-section{padding-block:112px}.experience-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.body-large{color:var(--ink-muted);max-width:38ch;margin-top:24px;font-size:16px}.step-controls{margin-top:40px}.step-controls button{cursor:pointer;text-align:left;border:0;border-top:1px solid var(--border);background:0 0;align-items:center;gap:18px;width:100%;padding:23px 8px;display:flex}.step-controls button:last-child{border-bottom:1px solid var(--border)}.step-number{background:var(--surface-muted);width:28px;height:28px;color:var(--ink-muted);border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.step-controls strong{font-size:16px;font-weight:650;display:block}.step-controls button>span:nth-child(2)>span{color:var(--ink-muted);max-width:32ch;margin-top:4px;font-size:12px;display:block}.step-arrow{opacity:0;margin-left:auto;font-size:21px}.step-controls [aria-pressed=true] .step-number{background:var(--ink);color:var(--surface)}.step-controls [aria-pressed=true] .step-arrow{opacity:1}.experience-stage{background:var(--surface-muted);isolation:isolate;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:710px;padding:46px 24px 24px;display:flex;position:relative;overflow:hidden}.preview-phone{z-index:1;width:266px;display:grid}.screen-layer{opacity:0;width:100%;transition:opacity .24s var(--ease-out);grid-area:1/1}.screen-layer[data-active=true]{opacity:1}[data-keyboard=true] .screen-layer{transition:none}.preview-caption{z-index:1;text-align:center;color:var(--ink-muted);margin-top:22px;font-size:12px;position:relative}.stage-word{color:var(--border);z-index:-1;white-space:nowrap;font-size:110px;font-weight:850;position:absolute;transform:rotate(-90deg)}.collection-section{background:var(--surface-muted);padding-block:92px 110px}.collection-heading{text-align:center}.collection-heading>p:last-child{color:var(--ink-muted);margin-top:24px}.collection-layout{grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:70px auto 0;display:grid}.collection-journal{padding-top:26px}.collection-image{background:var(--background);border-radius:16px;height:490px;padding:36px 40px 0;overflow:hidden}.collection-image img{border:5px solid var(--ink);transform-origin:bottom;border-radius:36px 36px 0 0;width:290px;margin:auto;transform:rotate(-5deg)}.collection-journal figcaption{color:var(--ink-muted);margin-top:22px;font-size:13px}.collection-journal strong{color:var(--ink);margin-bottom:3px;font-size:17px;display:block}.collection-side{flex-direction:column;align-items:center;gap:36px;display:flex}.share-study{position:relative;transform:rotate(7deg)}.share-study img{border-radius:12px;width:225px}.share-study figcaption{color:var(--ink-muted);text-align:center;margin-top:14px;font-size:11px}.collection-note{max-width:290px}.collection-note p{color:var(--ink-muted);margin-top:18px;font-size:14px}.support-section{grid-template-columns:1fr 1fr;gap:80px;padding-block:112px;display:grid}.support-intro>p:not(.eyebrow){color:var(--ink-muted);margin-top:22px}.support-intro>a{align-items:center;min-height:44px;margin-top:24px;font-size:13px;font-weight:650;display:inline-flex}.help-list{padding-top:4px}.help-list details{border-bottom:1px solid var(--border)}.help-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:28px;min-height:44px;padding:25px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.help-list summary::-webkit-details-marker{display:none}.help-list summary span{font-size:22px;font-weight:400}.help-list details[open] summary span{transform:rotate(45deg)}.help-list details p{color:var(--ink-muted);padding-bottom:24px;font-size:14px}.support-hint{color:var(--ink-muted);margin-top:24px;font-size:12px}.closing{text-align:center;border-top:1px solid var(--border);padding:68px 0 76px}.closing img{border-radius:14px;margin:0 auto 24px}.closing h2{font-size:clamp(3rem,5.4vw,4.8rem)}.closing p{color:var(--ink-muted);margin:22px 0 28px;font-size:14px}.closing .download-links{justify-content:center}.closing-support{width:fit-content;min-height:44px;margin:16px auto 0;padding-top:10px;font-size:12px;display:block}.site-footer{border-top:1px solid var(--border)}.footer-content{justify-content:space-between;align-items:center;gap:32px;padding-block:32px;display:flex}.footer-brand{font-size:26px}.footer-content p{color:var(--ink-muted);margin-top:4px;font-size:11px}.footer-content nav{flex-wrap:wrap;gap:24px;display:flex}.footer-content nav a{color:var(--ink-muted);align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.legal{width:min(740px,100% - 48px);padding-block:90px}.legal-header{border-bottom:1px solid var(--border);padding-bottom:36px}.legal-header h1{font-size:clamp(2.5rem,6vw,4.5rem)}.section-label{color:var(--ink-muted);margin-bottom:18px;font-size:13px}.legal-header>p:last-child{color:var(--ink-muted);margin-top:24px;font-size:14px}.legal-copy{max-width:70ch;padding-top:36px}.legal-copy p{color:var(--ink-muted);overflow-wrap:anywhere;margin-block:18px}.legal-copy h2{margin-top:40px;font-size:25px}.legal-copy a{color:var(--ink)}@media (hover:hover) and (pointer:fine){.button:hover{background:#38332d;transform:translateY(-2px)}.site-nav>a:hover,.footer-content nav a:hover{text-decoration:underline}.step-controls button:hover{background:#fffefa80}}@media (max-width:1050px){.shell{width:calc(100% - 56px)}.hero{gap:0}.hero-phone{width:225px;top:25px;right:0}.hero-composition{height:555px}.coffee-print{width:165px;left:-8px}.hero-sticker{width:230px;bottom:25px;left:-12px}.memory-label{bottom:5px;right:0}.experience-grid,.support-section{gap:40px}.experience-stage{min-height:660px}.collection-layout{gap:34px}}@media (max-width:700px){html{scroll-padding-top:85px}.shell{width:calc(100% - 40px)}.header-content{gap:12px;min-height:72px}.brand{font-size:25px}.brand img{width:32px;height:32px}.site-nav{gap:16px}.site-nav>a{font-size:12px}.site-nav .download-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:48px 36px}.hero-copy{max-width:440px}.hero h1{font-size:clamp(3.6rem,12.8vw,5rem)}.hero-description{margin-block:24px;font-size:15px}.eyebrow{margin-bottom:20px}.hero-composition{justify-self:center;width:min(100%,440px);height:540px;margin-top:42px}.hero-phone{width:218px;top:0;right:16px}.hero-sticker{width:210px;bottom:2px;left:-12px}.coffee-print{width:150px;padding:8px 8px 14px;top:70px;left:0}.coffee-print figcaption{margin-top:10px;font-size:8px}.memory-label{font-size:10px;bottom:6px;right:6px}.hero-orbit{top:110px}.ritual-strip{padding:20px 12px;font-size:12px}.experience-section{padding-block:64px}.experience-grid{grid-template-columns:1fr;gap:32px}.body-large{max-width:42ch}.step-controls{margin-top:24px}.step-controls button{padding-block:18px}.experience-stage{min-height:640px;padding-top:30px}.preview-phone{width:250px}.collection-section{padding-block:64px}.collection-heading>p:last-child{font-size:14px}.collection-layout{grid-template-columns:1fr;gap:48px;max-width:420px;margin-top:32px}.collection-journal{padding-top:0}.collection-image{height:440px;padding:30px 30px 0}.collection-image img{width:260px}.collection-side{gap:30px}.share-study img{width:210px}.collection-note{text-align:center;max-width:32ch}.support-section{grid-template-columns:1fr;gap:30px;padding-block:64px}.support-intro>p:not(.eyebrow){font-size:14px}.closing{padding-block:56px}.footer-content{flex-direction:column;align-items:flex-start;gap:16px}.footer-content nav{column-gap:22px}.legal{padding-block:56px}}@media (max-width:360px){.hero-phone{width:195px;right:4px}.hero-composition{height:490px}.hero-sticker{width:180px}.coffee-print{width:132px}.desktop-break{display:none}.brand{gap:4px}.site-nav{gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-phone,.hero-sticker{animation:none}.screen-layer{transition:none}.button{transition:background-color .15s}.button:hover,.button:active{transform:none}}
