@font-face{font-family:ImanokoSerif;src:url("lp-serif.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:ImanokoRounded;src:url("lp-rounded.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f8f5ef;--ink:#343e35;--muted:#60685d;--orange:#b24629;--peach:#edcfb7;--green:#263b32;--line:#dedfd4;--serif:ImanokoSerif,"Yu Mincho","Hiragino Mincho ProN",serif;--round:ImanokoRounded,"Hiragino Maru Gothic ProN",sans-serif;--ease:cubic-bezier(.22,.7,.3,1);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}img,svg,video{display:block;max-width:100%}img,video{height:auto}
button{border:0}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
::selection{color:var(--ink);background:var(--peach)}h1,h2,h3,p,figure{margin:0}em{font-style:normal}
.container{width:min(1200px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}
.section-label{font-size:.76rem;letter-spacing:.09em;font-weight:600;line-height:1.8;color:var(--orange);margin-bottom:24px}
.section-label>span{letter-spacing:.12em;margin-right:12px;font-weight:400}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.75rem,3.1vw,2.6rem);line-height:1.65;letter-spacing:-.035em}
.section-description{font-size:.95rem;line-height:2.2;color:var(--muted);margin-top:24px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px 18px;border-radius:6px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.header{position:sticky;top:0;z-index:30;background:rgba(248,245,239,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(52,62,53,.1)}
.header-inner{width:min(1392px,calc(100% - 80px));margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img{border-radius:11px}.brand span{font-family:var(--round);font-size:1.35rem;letter-spacing:.04em}.header-nav{display:flex;gap:32px;align-items:center;font-size:.75rem;font-weight:500}.header-nav a{padding-block:12px;transition:color .2s}.header-nav a:hover{color:var(--orange)}
.header-download{display:flex;align-items:center;gap:25px;font-size:.76rem;font-weight:600;padding:14px 20px;background:#e9ecdf;border-radius:5px;border:1px solid #e0e3d8;transition:background .2s,transform .2s}.header-download span{font-size:1.1rem}.header-download:hover{background:#dce2cc;transform:translateY(-2px)}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left}
.hero{position:relative;padding:62px 0 30px;overflow:clip}.hero-inner{display:grid;grid-template-columns:1.02fr 1fr;gap:12px;align-items:center;min-height:670px}
.hero-copy{position:relative;z-index:2;padding:12px 0 35px}.eyebrow{font-size:.77rem;letter-spacing:.05em;display:flex;align-items:center;gap:12px;margin-bottom:28px}.tiny-spark{font-size:1.65rem;font-weight:400;line-height:1;color:var(--orange)}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.9rem,4.7vw,4.3rem);line-height:1.5;letter-spacing:-.065em}.hero-last{display:block;white-space:nowrap}.hero-last em{color:var(--orange);position:relative}.hero-last em:after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:.1em;z-index:-1;background:#efc5ac;transform:rotate(-2deg)}
.hero-description{margin-top:25px;font-size:.9rem;line-height:2.1;color:#62695e}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.store-link{display:inline-block;border-radius:9px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.store-link:hover{transform:translateY(-3px);box-shadow:0 7px 15px #263b3214}.store-link img{width:162px;height:54px;object-fit:contain}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.76rem;padding:12px 0;border-bottom:1px solid #a2a89b}.text-link span{font-size:1.15rem;color:var(--orange)}.download-note{font-size:.64rem;color:var(--muted);margin-top:16px;line-height:1.9}.download-note>span{padding-inline:7px;color:#818676}
.hero-art{position:relative;height:630px;isolation:isolate;margin-left:16px}.hero-orbit{position:absolute;inset:-10px -30px -30px -25px;z-index:-1;color:#b6baa6;transform:rotate(6deg)}.hero-orbit svg{width:100%;height:100%}
.hero-film{width:70%;max-width:345px;position:absolute;top:18px;left:15%;padding:12px 12px 0;background:#fffdf7;box-shadow:0 24px 60px #353f3520;transform:rotate(5deg);border:1px solid #e7e4db;border-radius:3px}
.film-window{position:relative;aspect-ratio:9/14.5;overflow:hidden;background:#d9dfca}.film-window video{width:100%;height:100%;object-fit:cover;object-position:center 43%}.film-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 28%,transparent 65%,#0005)}
.film-top,.film-bottom{position:absolute;left:18px;right:18px;z-index:1;color:#fff}.film-top{top:19px;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.05em}.film-top>span:first-child{display:flex;align-items:center;gap:6px}.film-top i{width:5px;height:5px;background:#f6c6a6;border-radius:50%}.film-top>span:last-child{font-variant-numeric:tabular-nums}.film-bottom{bottom:22px;font-size:.72rem;letter-spacing:.025em}.hero-film figcaption{height:53px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.6rem;color:#6e705e}.hero-film figcaption>span:first-child{font-family:var(--round);font-size:.88rem;color:var(--ink)}
.icon-button{background:#fffdf0eb;color:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.icon-button svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.hero-motion{position:absolute;bottom:64px;right:15px;z-index:3}.motion-pause{display:none!important}.hero-motion[aria-pressed="true"] .motion-pause{display:block!important}.hero-motion[aria-pressed="true"] .motion-play{display:none}.motion-play{fill:currentColor!important;stroke:none!important}
.little-memory{position:absolute;width:30%;max-width:166px;left:-5%;top:335px;padding:7px 7px 0;background:#fffdf7;transform:rotate(-10deg);box-shadow:0 12px 35px #353f3520;border:1px solid #e7e4db}.little-memory img{width:100%;aspect-ratio:3/4;object-fit:cover}.little-memory figcaption{font-family:var(--serif);font-size:.54rem;text-align:center;padding:14px 0;color:#595f52;white-space:nowrap}
.hero-sticker{position:absolute;right:0;top:385px;width:100px;height:100px;transform:rotate(10deg);color:var(--green);z-index:3}.hero-sticker svg{width:100%;height:100%;fill:#e2e8c6}.hero-sticker>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;line-height:1.45;text-align:center}.hero-sticker b{font-family:var(--serif);font-size:1.9rem;font-weight:500}
.art-note{position:absolute;bottom:8px;left:36%;font-family:var(--serif);font-size:.95rem;line-height:1.8;letter-spacing:.08em;transform:rotate(-6deg);color:var(--orange)}
.scroll-hint{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px auto 0;font-size:.61rem;letter-spacing:.12em;color:var(--muted);width:max-content}.scroll-hint svg{width:14px;height:23px;stroke:var(--orange);stroke-width:1.2;fill:none}
.letter{border-top:1px solid var(--line);margin-top:40px;padding-block:88px 100px}.letter-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:start}.letter h2{font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.8;letter-spacing:-.045em}.hand-line{width:200px;height:25px;color:var(--orange);fill:none;stroke:currentColor;stroke-width:1.5;margin-top:25px}.letter-body{font-size:.9rem;line-height:2.2;padding-top:4px}.letter-body p+p{margin-top:23px}.letter-close{color:var(--muted)}.letter-close strong{font-weight:600;color:var(--ink)}
.experience{background:var(--green);color:#faf7ef;position:relative;overflow:clip;padding-block:110px}.experience:before{content:"";pointer-events:none;position:absolute;width:500px;height:500px;border:1px solid #c7d3b516;border-radius:50%;left:-340px;top:200px}.experience-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.experience .section-label{color:#d3ddbe}.experience h2{font-size:clamp(2.15rem,3.4vw,3.15rem);line-height:1.65;letter-spacing:-.035em}.experience .section-description{color:#ced5c9;font-size:.9rem;margin-top:26px}.moment-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:38px}.moment{min-width:0;padding:0;background:transparent;text-align:center;color:#c9d2c1;font-size:.62rem;line-height:1.8}.moment>span:last-child{display:block;margin-top:9px;white-space:nowrap}.moment-image{position:relative;display:block;border-radius:5px;padding:3px;border:1px solid transparent;transition:border-color .2s,transform .3s var(--ease)}.moment img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px;opacity:.64;transition:opacity .2s}.moment.active{color:#f2d6b7}.moment.active .moment-image{border-color:#e6cbaa}.moment.active img,.moment:hover img{opacity:1}.moment:hover .moment-image{transform:translateY(-4px)}.moment-progress{position:absolute;left:4px;bottom:4px;right:4px;height:2px;background:#f5dfc8;transform:scaleX(0);transform-origin:left}.moment:focus-visible{outline-color:#f2d6b7;outline-offset:3px}.selector-note{font-size:.64rem;color:#c7d1bc;margin-top:15px}.selector-note>span{margin-right:7px;color:#f0c5a3}
.demo-play{margin-top:28px;width:100%;display:flex;align-items:center;gap:14px;background:#f0e1ce;color:#263b32;border:1px solid #f0e1ce;border-radius:5px;padding:19px 20px;text-align:left;font-size:.79rem;transition:background .2s}.demo-play:hover{background:#fff4e5}.play-symbol{font-size:.77rem;width:16px}.demo-duration{margin-left:auto;font-size:.67rem;color:#526052}.sample-note{color:#b8c4b3;font-size:.61rem;line-height:1.9;margin-top:20px}.demo-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:15px}.demo-decoration{position:absolute;top:2px;right:-18px;font-family:Georgia,serif;font-style:italic;font-size:1.05rem;line-height:1.4;letter-spacing:.01em;color:#e0cfb7;transform:rotate(7deg);z-index:2}.demo-film{width:min(100%,332px);padding:10px 10px 0;background:#ebe9df;border-radius:4px;box-shadow:0 30px 55px #111c193b;transform:rotate(-3deg)}.demo-screen{position:relative;aspect-ratio:9/14;overflow:hidden;background:#d7dcc9}.demo-screen video{width:100%;height:100%;object-fit:cover}.demo-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 25%,transparent 60%,#0007)}.demo-video-top{position:absolute;z-index:1;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font-size:.65rem}.demo-count{font-variant-numeric:tabular-nums}.demo-count>span{color:#fff9;margin-left:5px}.demo-status{font-size:.55rem;border:1px solid #fff5;padding:5px 8px;border-radius:3px;letter-spacing:.04em}.demo-caption{position:absolute;bottom:24px;left:20px;right:20px;z-index:1;display:flex;flex-direction:column;gap:8px}.demo-scene{font-family:var(--serif);font-size:1.45rem;letter-spacing:.02em}.demo-caption>span:last-child{font-size:.62rem;letter-spacing:.02em}.demo-screen-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:64px;height:64px;border-radius:50%;border:1px solid #fff7;background:#fffdf0db;color:var(--green);display:grid;place-items:center;transition:transform .2s,opacity .2s}.demo-screen-play svg{width:33px;height:33px;fill:currentColor}.demo-screen-play:hover{transform:translate(-50%,-50%) scale(1.07)}.demo-screen-play.is-playing{opacity:0}.demo-screen:hover .demo-screen-play.is-playing,.demo-screen-play.is-playing:focus-visible{opacity:1;background:#fffdf0db}.demo-screen-play.is-playing svg{display:none}.demo-screen-play.is-playing:after{content:"Ⅱ";font-weight:700;font-size:1.3rem}.demo-film figcaption{height:52px;display:flex;align-items:center;gap:15px;padding-inline:4px;color:#37443a}.demo-clock{font-size:.6rem;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-clock>span{color:#616959}.demo-film input[type="range"]{width:100%;min-width:0;accent-color:var(--orange);height:30px;cursor:pointer}.demo-note{margin-top:35px;font-family:var(--serif);font-size:.84rem;letter-spacing:.09em;color:#d9ddcf}.video-error{font-size:.7rem;line-height:1.8;color:#f5dfc8;max-width:340px;margin-top:20px}
.section-heading{text-align:center}.section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.step-art{position:relative;height:236px;overflow:hidden;background:#ebece1;border-radius:5px;display:flex;align-items:center;justify-content:center}.notification-art{background:#e9edde;flex-direction:column;gap:20px}.notification-time{font-family:var(--serif);font-size:2.55rem;font-weight:500;color:#53614d;letter-spacing:-.02em;position:absolute;top:23px;left:50%;transform:translateX(-50%)}.notification{position:relative;display:flex;align-items:center;gap:10px;padding:13px;background:#fffcf4e8;border:1px solid #ffffff8c;box-shadow:0 8px 18px #414e3810;border-radius:15px;width:calc(100% - 30px);margin-top:34px}.notification img{width:36px;height:36px;border-radius:9px;flex-shrink:0}.notification>div{flex:1;min-width:0}.notification-app{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:600}.notification-app small{font-size:.52rem;color:#7d8375;font-weight:400}.notification p{font-size:.63rem;line-height:1.8;margin-top:3px;white-space:nowrap}.notification-hint{position:absolute;bottom:27px;font-family:var(--serif);font-size:.74rem;letter-spacing:.04em;color:#5e6854}.capture-art{background:#eee2d8;gap:25px}.capture-preview{position:relative;width:114px;height:186px;border-radius:8px;overflow:hidden;box-shadow:0 10px 20px #3f332215}.capture-preview>img{width:100%;height:100%;object-fit:cover}.capture-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,transparent 40%,#0006);pointer-events:none}.capture-corner{position:absolute;z-index:1;width:15px;height:15px;border:1px solid #fff9}.corner-tl{top:14px;left:9px;border-bottom:0;border-right:0}.corner-tr{top:14px;right:9px;border-bottom:0;border-left:0}.corner-bl{bottom:48px;left:9px;border-top:0;border-right:0}.corner-br{bottom:48px;right:9px;border-top:0;border-left:0}.capture-seconds{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#c75038;color:white;padding:3px 7px;font-size:.47rem;font-variant-numeric:tabular-nums;z-index:1;border-radius:2px}.capture-button{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:26px;height:26px;border:2px solid white;border-radius:50%;z-index:1}.capture-button:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#e9614c}.capture-label{font-family:var(--serif);font-size:.7rem;line-height:2;writing-mode:vertical-rl;letter-spacing:.09em;color:#815e4a}.memories-art{background:#eae4d6;flex-direction:column}.memory-date{position:absolute;top:22px;left:25px;right:25px;font-size:.66rem;display:flex;justify-content:space-between;align-items:center;color:#60614a}.memory-date>span:last-child{font-size:1.2rem;color:var(--orange)}.memory-stack{display:flex;align-items:center;justify-content:center;width:80%;margin-top:14px}.memory-stack img{width:33%;aspect-ratio:3/4;object-fit:cover;border:4px solid #fffaf0;box-shadow:0 5px 12px #5e584318}.memory-stack img:first-child{transform:rotate(-10deg) translateX(10px)}.memory-stack img:nth-child(2){z-index:2;transform:translateY(-9px)}.memory-stack img:last-child{transform:rotate(10deg) translateX(-10px)}.memory-footer{position:absolute;bottom:21px;font-family:var(--serif);font-size:.7rem;letter-spacing:.02em;color:#60614a}.step-heading{display:flex;gap:12px;align-items:center;margin-top:28px}.step-number{font-family:Georgia,serif;font-size:.9rem;color:var(--orange);font-style:italic}.step-heading h3{font-family:var(--round);font-size:1.05rem;font-weight:700;letter-spacing:0}.how-step>p{font-size:.76rem;color:var(--muted);line-height:2.05;margin-top:12px}.illustration-note{margin-top:30px;text-align:center;color:#636d5e;font-size:.6rem;line-height:1.9}.mobile-break{display:none}
.keepsake{padding-top:50px;padding-bottom:130px}.keepsake-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.keepsake-art{position:relative;min-height:535px;padding:30px 55px}.keepsake-photo{padding:13px 13px 0;background:#fffdf6;width:290px;max-width:100%;transform:rotate(-6deg);border:1px solid #e7e4db;box-shadow:0 20px 45px #353f3512}.keepsake-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}.keepsake-photo figcaption{font-family:var(--serif);padding:24px 4px;font-size:.9rem;letter-spacing:.04em}.keepsake-spark{position:absolute;top:4px;right:70px;color:#bd6044;font-size:4.5rem;font-weight:400;transform:rotate(18deg)}.caption-slip{position:absolute;bottom:46px;right:10px;display:flex;flex-direction:column;gap:15px;background:#e8ebd9;border:1px solid #dfe2cc;padding:22px 35px;min-width:245px;transform:rotate(4deg);box-shadow:0 12px 20px #3f4b3410}.caption-slip>span:first-child{font-family:var(--serif);font-size:1.05rem}.caption-slip-line{font-size:.64rem;letter-spacing:.03em;color:#68735e}.caption-slip-line i{font-style:normal;margin-inline:8px}.quiet-features{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:25px}.quiet-features li{display:flex;gap:15px;align-items:start}.quiet-features svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:var(--orange);stroke-width:1.2;margin-top:2px}.quiet-features strong{display:block;font-size:.78rem;line-height:1.8;font-weight:500}.quiet-features li span{display:block;font-size:.7rem;line-height:1.9;color:var(--muted);margin-top:3px}
.gentle{background:#eceee3;border-top:1px solid #e2e5d5;border-bottom:1px solid #e2e5d5}.gentle-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.gentle-title h2{font-size:clamp(1.85rem,2.9vw,2.5rem);line-height:1.7}.gentle-title>p:last-child{font-size:.86rem;line-height:2.2;color:var(--muted);margin-top:27px}.gentle-points{display:flex;flex-direction:column;gap:30px}.gentle-points article{display:flex;gap:21px;align-items:flex-start}.gentle-point-icon{width:32px;height:32px;font-family:var(--serif);font-size:2.1rem;line-height:1;color:#526447;flex-shrink:0}.gentle-points svg{stroke:currentColor;stroke-width:1.2;fill:none;margin-top:3px}.gentle-points h3{font-family:var(--round);font-size:.98rem;line-height:1.8}.gentle-points p{font-size:.75rem;line-height:2;color:var(--muted);margin-top:6px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-heading>p:last-child{margin-top:23px;font-size:.76rem;line-height:2.1;color:var(--muted)}.inline-link{color:var(--ink);border-bottom:1px solid #b2b9a8;padding-bottom:4px}.inline-link span{color:var(--orange);margin-left:6px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.83rem;line-height:1.8;font-weight:500;padding:23px 3px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{display:block;position:relative;width:22px;height:22px;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:var(--orange);left:5px;right:5px;top:10px;height:1px;transition:transform .2s}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}.faq-answer{font-size:.76rem;line-height:2.05;color:var(--muted);padding:0 38px 25px 3px}.faq-answer p+p{margin-top:12px}
.closing{position:relative;background:#eedaca;text-align:center;overflow:clip;padding:95px 0 75px;border-top:1px solid #e3cbb7}.closing-copy{position:relative;z-index:2}.closing h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.65;color:#654632}.closing .section-label{color:#83503b}.closing-copy>p:not(.section-label):not(.download-note){font-size:.85rem;line-height:2.15;margin-top:23px;color:#705540}.closing .store-link{margin-top:31px}.closing .store-link img{width:180px;height:60px}.closing .download-note{font-size:.62rem;color:#6c5f4d;margin-top:14px}.closing-signature{display:block;font-family:var(--round);margin-top:43px;font-size:.95rem;color:#705540;letter-spacing:.07em}.closing-memories{position:absolute;inset:0;pointer-events:none}.closing-photo{position:absolute;width:160px;height:208px;object-fit:cover;border:9px solid #fff7ed;box-shadow:0 15px 28px #76534215}.photo-a{left:max(-30px,calc((100vw - 1250px)/2));top:75px;transform:rotate(-13deg)}.photo-b{right:max(-30px,calc((100vw - 1250px)/2));bottom:60px;transform:rotate(12deg)}
.footer{padding:39px 0 33px;background:var(--paper)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .brand span{font-size:1rem}.footer-top .brand img{border-radius:8px}.footer-top>p{font-family:var(--serif);font-size:.75rem;color:var(--muted);letter-spacing:.035em}.footer-bottom{margin-top:28px}.footer-bottom small{font-size:.58rem;color:var(--muted);white-space:nowrap}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom nav a{font-size:.6rem;color:var(--muted);padding-block:8px}.footer-bottom nav a:hover{color:var(--orange)}.mobile-download{display:none}
.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}.js-motion .how-step:nth-child(2){transition-delay:.1s}.js-motion .how-step:nth-child(3){transition-delay:.2s}
@media(min-width:1500px){.hero-inner{min-height:735px}.hero-art{height:655px}.hero-film{max-width:365px}.hero-description{font-size:.97rem}.hero-sticker{right:10px;top:405px}.art-note{bottom:0}}
@media(max-width:1100px){.container{width:calc(100% - 80px)}.hero-inner{min-height:590px}.hero-art{height:560px}.hero-film{width:75%;left:12%}.hero-sticker{width:85px;height:85px;top:355px;right:-10px}.hero-sticker b{font-size:1.65rem}.little-memory{left:-9%;top:300px}.art-note{bottom:0;left:30%}.hero-actions{gap:18px}.hero-actions .text-link{font-size:.68rem}.experience-layout,.keepsake-layout,.gentle-layout{gap:55px}.how-steps{gap:26px}.notification p{font-size:.53rem}.keepsake-art{padding-inline:30px;min-height:470px}.keepsake-spark{right:20px}.caption-slip{right:-15px;bottom:13px;min-width:210px;padding:20px 25px}.letter-layout{gap:50px}.faq-layout{gap:55px}.footer-bottom nav{gap:15px}}
@media(max-width:850px){.container{width:calc(100% - 56px)}.header-inner{width:calc(100% - 40px);min-height:74px;gap:18px}.header-nav{gap:18px;font-size:.65rem}.header-download{padding:12px 14px;font-size:.68rem;gap:12px}.header .brand span{font-size:1.1rem}.header .brand img{width:32px;height:32px}.hero{padding-top:44px}.hero-inner{min-height:550px;gap:0}h1{font-size:clamp(2.35rem,5.2vw,3.1rem)}.hero-copy{padding-bottom:20px}.eyebrow{font-size:.63rem;margin-bottom:24px;gap:8px}.hero-description{font-size:.76rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:24px}.hero-actions .text-link{padding:5px 0}.hero .download-note{font-size:.54rem}.hero-art{height:500px;margin-left:22px}.hero-film{width:87%;top:22px;left:4%;padding:9px 9px 0}.film-top{font-size:.55rem;left:12px;right:12px}.film-bottom{font-size:.56rem;left:12px;right:12px;bottom:18px}.hero-film figcaption{height:45px;font-size:.47rem}.hero-film figcaption>span:first-child{font-size:.69rem}.little-memory{width:37%;top:285px;left:-20%}.little-memory figcaption{font-size:.43rem;padding-block:10px}.hero-sticker{width:75px;height:75px;right:-13px;top:330px}.hero-sticker>span{font-size:.5rem}.hero-sticker b{font-size:1.5rem}.art-note{font-size:.77rem;bottom:15px;left:25%}.hero-orbit{inset:0 -15px 0 -35px}.section{padding-block:80px}.letter{margin-top:30px;padding-block:67px}.letter-layout{gap:35px}.letter h2{font-size:1.4rem}.letter-body{font-size:.77rem;line-height:2.1}.section-label{font-size:.64rem;margin-bottom:20px}.experience-layout{gap:38px;grid-template-columns:1.08fr 1fr}.experience h2{font-size:2rem}.experience .section-description{font-size:.76rem}.moment-selector{gap:5px}.moment{font-size:.51rem}.demo-play{font-size:.67rem;gap:8px;padding:16px 13px}.demo-duration{font-size:.57rem}.selector-note{font-size:.57rem}.sample-note{font-size:.54rem}.demo-decoration{font-size:.8rem;right:-7px;top:-9px}.demo-note{font-size:.65rem}.demo-scene{font-size:1.2rem}.demo-caption>span:last-child{font-size:.53rem}.demo-clock{font-size:.52rem}.demo-film figcaption{gap:6px}.how-steps{gap:18px;margin-top:40px}.step-art{height:210px}.notification{gap:7px;padding:10px;width:calc(100% - 16px)}.notification img{width:28px;height:28px}.notification p{font-size:.48rem;white-space:normal}.notification-time{font-size:2.1rem}.notification-app{font-size:.57rem}.notification-hint{font-size:.65rem}.capture-preview{width:99px;height:164px}.capture-art{gap:14px}.capture-label{font-size:.59rem}.step-heading{gap:9px;margin-top:22px}.step-heading h3{font-size:.84rem}.how-step>p{font-size:.66rem}.memory-date{left:14px;right:14px;font-size:.56rem}.memory-footer{font-size:.56rem}.keepsake-layout{gap:35px}.keepsake-art{padding-inline:8px;min-height:430px}.keepsake-photo{width:245px}.keepsake-photo figcaption{font-size:.74rem;padding:20px 2px}.keepsake-spark{font-size:3.5rem;right:10px}.caption-slip{right:-7px;bottom:0;min-width:185px;padding:18px 20px}.caption-slip>span:first-child{font-size:.84rem}.caption-slip-line{font-size:.52rem}.keepsake h2{font-size:1.9rem}.section-description{font-size:.77rem}.quiet-features{gap:20px}.quiet-features li{gap:11px}.quiet-features strong{font-size:.68rem}.quiet-features li span{font-size:.62rem}.gentle-layout{gap:35px}.gentle-title h2{font-size:1.8rem}.gentle-title>p:last-child{font-size:.72rem}.gentle-points article{gap:16px}.gentle-points h3{font-size:.84rem}.gentle-points p{font-size:.65rem}.faq-layout{gap:30px;grid-template-columns:.75fr 1.25fr}.faq-list summary{font-size:.73rem;gap:16px}.faq-answer{font-size:.68rem;padding-right:20px}.closing-photo{width:120px;height:160px;border-width:7px}.photo-a{left:-25px}.photo-b{right:-25px}.footer-bottom{align-items:flex-start}.footer-bottom nav{max-width:420px;justify-content:flex-end;gap:4px 18px}}
@media(max-width:650px){:root{scroll-padding-top:90px}.container{width:calc(100% - 44px)}.section{padding-block:68px}.header-inner{min-height:68px;width:calc(100% - 36px);gap:10px}.header-nav{display:none}.brand{gap:8px}.header .brand span{font-size:1.12rem}.header-download{border-radius:4px;padding:10px 13px;font-size:.67rem}.hero{padding-top:32px;padding-bottom:26px}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.hero-copy{padding:0 0 16px;z-index:3}.eyebrow{font-size:.64rem;gap:9px;margin-bottom:21px}.tiny-spark{font-size:1.4rem}h1{font-size:clamp(2.55rem,10.45vw,3.55rem);line-height:1.48;letter-spacing:-.055em}.hero-description{font-size:.8rem;margin-top:20px;line-height:2.05}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:24px}.store-link img{width:145px;height:48px}.hero-actions .text-link{font-size:.64rem;gap:8px;padding:10px 0}.hero .download-note{font-size:.57rem;margin-top:12px}.hero-art{width:100%;height:405px;margin:18px 0 0}.hero-film{width:54%;max-width:235px;top:11px;left:31%;padding:8px 8px 0;transform:rotate(7deg)}.film-window{aspect-ratio:9/13.5}.hero-film figcaption{height:40px;font-size:.44rem;gap:8px}.hero-film figcaption>span:first-child{font-size:.62rem}.hero-orbit{inset:-10px -25px -5px -15px}.hero-orbit svg{transform:rotate(-10deg)}.little-memory{width:29%;max-width:123px;top:145px;left:2%;padding:6px 6px 0}.little-memory figcaption{font-size:.44rem;padding-block:10px}.hero-sticker{width:73px;height:73px;right:0;top:265px}.hero-sticker>span{font-size:.5rem}.hero-sticker b{font-size:1.45rem}.art-note{left:21%;bottom:0;font-size:.8rem;line-height:1.8;transform:rotate(-5deg)}.film-top{top:13px;left:11px;right:11px;font-size:.48rem}.film-bottom{bottom:15px;left:11px;right:11px;font-size:.51rem}.hero-motion{bottom:45px;right:11px;width:34px;height:34px}.hero-motion svg{width:15px;height:15px}.scroll-hint{margin-top:15px;font-size:.57rem;gap:13px}.scroll-hint svg{height:20px}.letter{margin-top:13px;padding-block:53px 62px}.letter-layout{display:block}.letter h2{font-size:clamp(1.25rem,5.1vw,1.6rem);line-height:1.8}.section-label{font-size:.64rem;letter-spacing:.05em;margin-bottom:19px}.hand-line{width:172px;margin-top:18px}.letter-body{font-size:.81rem;line-height:2.2;margin-top:33px}.letter-body p+p{margin-top:21px}.letter-close{font-size:.76rem}h2{font-size:1.85rem;line-height:1.65;letter-spacing:-.03em}.experience{padding-block:62px}.experience-layout{display:flex;flex-direction:column;gap:45px;align-items:stretch}.experience-copy{width:100%}.experience h2{font-size:2.15rem;line-height:1.6}.experience .section-description{font-size:.8rem;margin-top:22px}.moment-selector{gap:8px;margin-top:29px}.moment{font-size:.58rem}.moment img{aspect-ratio:4/5}.moment>span:last-child{margin-top:7px}.selector-note{font-size:.61rem;margin-top:12px}.demo-play{padding:17px 18px;margin-top:24px;font-size:.77rem;gap:12px;min-height:56px}.demo-duration{font-size:.63rem}.sample-note{font-size:.57rem;margin-top:16px}.demo-stage{padding:10px 30px 0}.demo-film{width:100%;max-width:278px}.demo-decoration{right:9px;top:-11px;font-size:.9rem}.demo-screen{aspect-ratio:9/13}.demo-video-top{font-size:.61rem;left:15px;right:15px;top:16px}.demo-status{font-size:.51rem}.demo-caption{left:18px;bottom:21px}.demo-scene{font-size:1.4rem}.demo-caption>span:last-child{font-size:.6rem}.demo-film figcaption{height:48px;gap:11px}.demo-clock{font-size:.56rem}.demo-note{font-size:.75rem;margin-top:28px}.section-heading{text-align:left}.section-heading h2{font-size:1.9rem}.mobile-break{display:block}.how-steps{display:flex;flex-direction:column;gap:38px;margin-top:34px}.how-step{display:grid;grid-template-columns:130px 1fr;grid-template-rows:auto 1fr;gap:0 21px;align-items:start}.step-art{width:130px;height:175px;grid-column:1;grid-row:1/3}.step-heading{grid-column:2;grid-row:1;margin-top:23px;gap:8px;flex-wrap:wrap}.step-heading h3{font-size:.89rem}.step-number{font-size:.75rem}.how-step>p{grid-column:2;grid-row:2;font-size:.69rem;line-height:2;margin-top:11px}.how-step>p br{display:none}.notification{width:calc(100% - 12px);padding:7px;gap:5px;border-radius:9px;margin-top:27px}.notification img{width:21px;height:21px;border-radius:5px}.notification-app{font-size:.4rem}.notification-app small{font-size:.35rem}.notification p{font-size:.39rem;line-height:1.7;letter-spacing:-.035em}.notification-time{font-size:1.65rem;top:19px}.notification-hint{font-size:.52rem;bottom:20px}.capture-preview{width:80px;height:137px}.capture-label{display:none}.capture-button{width:23px;height:23px}.capture-seconds{font-size:.41rem}.capture-corner{width:12px;height:12px}.capture-seconds{top:17px}.memory-date{left:10px;right:10px;top:18px;font-size:.47rem}.memory-date>span:last-child{font-size:.85rem}.memory-stack{width:95%}.memory-stack img{border-width:3px;width:37%}.memory-stack img:first-child{transform:rotate(-10deg) translateX(8px)}.memory-stack img:last-child{transform:rotate(10deg) translateX(-8px)}.memory-footer{font-size:.43rem;bottom:22px}.illustration-note{text-align:left;font-size:.55rem;margin-top:26px}.keepsake{padding-top:16px;padding-bottom:70px}.keepsake-layout{display:flex;flex-direction:column-reverse;gap:30px;align-items:stretch}.keepsake-copy h2{font-size:2rem}.section-description{font-size:.8rem;margin-top:22px}.quiet-features{margin-top:27px;gap:21px}.quiet-features strong{font-size:.75rem}.quiet-features li span{font-size:.66rem}.quiet-features li{gap:13px}.keepsake-art{width:min(100%,355px);min-height:395px;align-self:center;padding:18px 24px}.keepsake-photo{width:230px}.keepsake-photo figcaption{font-size:.76rem;padding:20px 4px}.keepsake-spark{top:0;right:16px;font-size:3.3rem}.caption-slip{bottom:0;right:0;padding:18px 26px;min-width:205px;gap:11px}.caption-slip>span:first-child{font-size:.95rem}.caption-slip-line{font-size:.58rem}.gentle-layout{display:block}.gentle-title h2{font-size:1.95rem}.gentle-title>p:last-child{font-size:.8rem;margin-top:22px}.gentle-points{margin-top:40px;gap:29px}.gentle-points article{gap:18px}.gentle-points h3{font-size:.94rem}.gentle-points p{font-size:.74rem;line-height:2}.gentle-point-icon{width:29px;height:29px}.faq-layout{display:block}.faq-heading h2{font-size:2rem}.faq-heading>p:last-child{font-size:.74rem;margin-top:20px}.faq-list{margin-top:32px}.faq-list summary{font-size:.79rem;line-height:1.85;padding:21px 0;gap:14px}.faq-answer{font-size:.73rem;padding-right:18px}.faq-plus{width:21px;height:21px}.closing{padding-block:68px 60px}.closing h2{font-size:clamp(1.85rem,7.65vw,2.55rem);line-height:1.7}.closing .section-label{font-size:.59rem}.closing-copy>p:not(.section-label):not(.download-note){font-size:.77rem;margin-top:22px}.closing .store-link{margin-top:28px}.closing .store-link img{width:162px;height:54px}.closing .download-note{font-size:.57rem}.closing-photo{width:75px;height:99px;border-width:5px;opacity:.86}.photo-a{left:-35px;top:185px;transform:rotate(-17deg)}.photo-b{right:-35px;bottom:90px;transform:rotate(15deg)}.closing-signature{margin-top:32px;font-size:.86rem}.footer{padding:30px 0 105px}.footer-top{align-items:flex-start}.footer-top .brand img{width:29px;height:29px}.footer-top .brand span{font-size:.89rem}.footer-top>p{font-size:.57rem;margin-top:6px;letter-spacing:0}.footer-bottom{flex-direction:column-reverse;gap:24px;margin-top:21px}.footer-bottom nav{justify-content:flex-start;gap:6px 20px;max-width:none}.footer-bottom nav a{font-size:.58rem}.footer-bottom small{font-size:.55rem}.mobile-download{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;gap:10px;background:#faf8f1f2;backdrop-filter:blur(15px);border:1px solid #d9ddcf;box-shadow:0 4px 20px #273b3226;border-radius:8px;padding:11px 12px;transform:translateY(calc(100% + 35px));opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s var(--ease)}.mobile-download.is-visible{transform:none;opacity:1;pointer-events:auto}.mobile-download img{border-radius:8px;flex-shrink:0}.mobile-download>span:nth-child(2){font-size:.69rem;font-weight:500;line-height:1.6}.mobile-download small{display:block;font-size:.51rem;font-weight:400;color:var(--muted)}.mobile-download-action{margin-left:auto;background:var(--green);color:#f8f5ed;padding:10px 12px;border-radius:5px;font-size:.66rem;white-space:nowrap}.mobile-download-action>span{margin-left:7px}.js-motion .reveal{transform:translateY(13px)}.js-motion .how-step:nth-child(2),.js-motion .how-step:nth-child(3){transition-delay:0}}
@media(max-width:360px){.container{width:calc(100% - 36px)}.hero-actions{gap:16px}.hero-actions .text-link{font-size:.57rem}.hero-art{height:370px}.hero-film{width:55%;left:31%}.hero-sticker{top:236px;width:66px;height:66px}.little-memory{top:134px}.art-note{font-size:.72rem}.how-step{grid-template-columns:115px 1fr;gap:0 16px}.step-art{width:115px;height:168px}.step-heading h3{font-size:.78rem}.how-step>p{font-size:.66rem}.moment-selector{gap:5px}.moment{font-size:.5rem}.demo-stage{padding-inline:21px}.mobile-download>span:nth-child(2){font-size:.62rem}.mobile-download-action{font-size:.6rem;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-film,.demo-film{transform:rotate(0)}.reading-progress{display:none}.store-link,.header-download,.moment-image,.mobile-download,.demo-screen-play{transition:none}.store-link:hover,.header-download:hover,.moment:hover .moment-image{transform:none}}
@media(prefers-reduced-transparency:reduce){.header,.mobile-download{background:var(--paper);backdrop-filter:none}.notification{background:#fffdf6}}
@media(prefers-contrast:more){:root{--muted:#434f40;--line:#9ea797}.header,.mobile-download{background:var(--paper);backdrop-filter:none}.sample-note,.selector-note,.experience .section-description{color:#f1f5e7}.download-note{color:#434f40}}
@media print{.header,.hero-motion,.demo-play,.demo-screen-play,.moment-selector,.mobile-download,.reading-progress,.scroll-hint{display:none!important}.reveal{opacity:1!important;transform:none!important}.section{padding-block:36px}.hero-inner{min-height:0}.experience{-webkit-print-color-adjust:exact;print-color-adjust:exact}.footer{padding-bottom:30px}details .faq-answer{display:block}}
/* Keep the handwritten caption below the main photograph. */
@media(min-width:851px){.art-note{bottom:-27px;font-size:.87rem}}
.demo-video-top,.demo-caption{pointer-events:none}
.no-js .hero-motion,.no-js .moment-selector,.no-js .selector-note,.no-js .demo-play,.no-js .demo-screen-play,.no-js .demo-film figcaption{display:none}
[hidden]{display:none!important}
/* The finished Vlog retains the app's complete frame and burned-in captions. */
.moment-selector{grid-template-columns:repeat(3,minmax(0,1fr));max-width:400px}.moment{font-size:.61rem}.moment img{aspect-ratio:1;object-position:center 40%}.moment>span:last-child{white-space:normal;line-height:1.65}.demo-screen{aspect-ratio:135/256;background:#111}.demo-screen video{object-fit:contain}.demo-screen:after,.demo-video-top,.demo-caption{display:none}.demo-screen-play{background:#263b32cc}.walkthrough-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.walkthrough-copy h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.7}.walkthrough-steps{list-style:none;padding:0;margin:32px 0 0}.walkthrough-steps li+li{margin-top:8px}.walk-chapter{width:100%;display:flex;align-items:flex-start;gap:18px;padding:18px 14px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);transition:background .2s,border-color .2s}.walk-chapter:hover,.walk-chapter.active{background:#f0eee4;border-color:#dedfcf}.walk-number{font-family:var(--serif);font-size:1rem;color:#795c3f;line-height:1.8}.walk-chapter strong{display:block;font-size:.86rem;font-weight:500;line-height:1.9}.walk-chapter>span:nth-child(2)>span{display:block;font-size:.72rem;line-height:1.9;color:var(--muted);margin-top:5px}.chapter-play{font-size:.6rem;color:#76543b;align-self:center;margin-left:auto}.walk-play{display:flex;align-items:center;gap:13px;margin-top:25px;padding:17px 20px;background:var(--green);color:#fff9ee;border-radius:5px;width:100%;font-size:.78rem;text-align:left}.walk-play small{margin-left:auto;font-size:.65rem}.walk-note{font-size:.62rem;line-height:1.9;color:var(--muted);margin-top:17px}.walkthrough-device{width:min(100%,320px);justify-self:center;position:relative}.walk-phone{padding:7px;background:#242724;border:1px solid #5c6357;border-radius:39px;box-shadow:0 30px 65px #273b3221}.walk-phone video{display:block;width:100%;height:auto;aspect-ratio:151/328;border-radius:32px;background:#faf7f0;object-fit:contain}.walkthrough-device figcaption{margin-top:24px;text-align:center;display:flex;flex-direction:column;gap:8px}.walk-live{font-family:var(--serif);font-size:.85rem;color:var(--ink)}.walk-real{font-size:.6rem;color:var(--muted)}.walk-error{margin-top:15px;color:var(--muted);font-size:.7rem;line-height:1.9}.no-js .walk-play{display:none}.no-js .walk-chapter{pointer-events:none}.no-js .chapter-play{display:none}
@media(max-width:1100px){.walkthrough-layout{gap:60px}}
@media(max-width:850px){.header-nav{gap:14px;font-size:.59rem}.walkthrough-layout{gap:32px}.walkthrough-device{width:min(100%,280px)}.walk-chapter{gap:12px;padding:14px 10px}.walk-chapter strong{font-size:.77rem}.walk-chapter>span:nth-child(2)>span{font-size:.67rem}.walkthrough-copy h2{font-size:2rem}}
@media(max-width:650px){.demo-screen{aspect-ratio:135/256}.walkthrough-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.walkthrough-copy h2{font-size:2.05rem}.walk-chapter{padding:15px 13px;gap:16px}.walk-chapter strong{font-size:.79rem}.walk-chapter>span:nth-child(2)>span{font-size:.7rem}.walkthrough-steps{margin-top:26px}.walkthrough-device{align-self:center;width:min(100%,258px)}.walk-phone{padding:6px;border-radius:32px}.walk-phone video{border-radius:26px}.walk-note{font-size:.6rem}.walkthrough-device figcaption{margin-top:20px}.walk-live{font-size:.78rem}.moment{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.walk-chapter{transition:none}}