:root{--cream:#faf6ed;--paper:#fffdf7;--ink:#403a2e;--muted:#706b5e;--accent:#a84e37;--accent-dark:#883c28;--sage:#e5e8dc;--sage-ink:#586448;--line:#ded8c9;--sand:#f0e6d6;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--shadow:0 14px 45px #4c392016}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9b613d;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.04em}p{color:var(--muted)}img{display:block;width:100%;height:100%;object-fit:cover}button{color:inherit}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{max-width:1216px;margin:0 auto;padding:0 40px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:650;color:var(--sage-ink);display:flex;align-items:center;gap:10px}.serif{font-family:var(--serif)}.accent{color:var(--accent)}.italic{font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:52px;border:1px solid transparent;padding:12px 25px;text-decoration:none;background:var(--accent);color:var(--paper);border-radius:100px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.btn:hover{background:var(--accent-dark);transform:translateY(-2px)}.btn .icon{width:18px;height:18px}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn.light:hover{background:var(--sand)}.btn.small{min-height:42px;padding:9px 19px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;text-decoration:none;min-height:44px;border:0;background:none;padding:5px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.smallprint{font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-90px;left:20px;background:var(--paper);padding:12px;z-index:100}.skip:focus{top:15px}[hidden]{display:none!important}
.header{height:87px;border-bottom:1px solid #e4ded280;position:relative;z-index:10;background:var(--cream)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.065em;line-height:1}.logo svg{width:30px;height:30px;color:var(--accent)}.navlinks{display:flex;gap:31px;margin-left:50px}.navlinks a{text-decoration:none;font-size:12px;color:#5e5c4f;min-height:44px;display:flex;align-items:center}.navlinks a:hover{color:var(--accent)}.nav-right{display:flex;gap:18px;align-items:center}.preview-tag{font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;border:1px solid var(--line);padding:3px 7px;border-radius:4px}.mobile-menu{display:none;border:0;background:none;padding:9px;min-width:44px;min-height:44px}
.hero{position:relative;overflow:hidden;padding:72px 0 63px}.hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:42px;align-items:center;min-height:550px}.hero-copy{position:relative;z-index:2;max-width:520px}.hero h1{font-size:79px;letter-spacing:-.053em;line-height:1.055;margin:25px 0 18px}.hero h1 em{font-weight:400;color:var(--accent);white-space:nowrap}.hero h2{font-size:28px;letter-spacing:-.03em;margin-bottom:23px}.hero-desc{max-width:421px;font-size:15px;line-height:1.83}.hero-desc +p{margin-top:14px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:29px}.hero-note{font-size:11px;margin-top:16px}.hero-note .dot{padding:0 5px}.hero-art{height:550px;position:relative;isolation:isolate}.wash{position:absolute;inset:19px -56px -17px -15px;border-radius:49% 51% 44% 56%;background:radial-gradient(ellipse at 52% 52%,#e9dec6aa, #efeadc55 60%,transparent 70%);z-index:-1}.hero-scribble{position:absolute;right:2px;top:1px;width:52px;height:60px;color:#a88458;transform:rotate(13deg)}.memory-main{position:absolute;left:91px;top:32px;width:352px;background:var(--paper);padding:13px 13px 17px;border:1px solid #e7ddcb;border-radius:6px;transform:rotate(5deg);box-shadow:var(--shadow);text-align:left;transition:transform .25s}.memory-main:hover{transform:rotate(2deg) translateY(-4px)}.memory-main .photo{height:auto;aspect-ratio:3/2;border-radius:2px;overflow:hidden}.memory-main .meta{display:flex;justify-content:space-between;margin:13px 3px 8px;font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.memory-main h3{font-size:23px;letter-spacing:-.025em;margin:0 3px 7px}.memory-main p{font-family:var(--serif);font-size:12px;line-height:1.55;margin:0 3px}.tape{position:absolute;width:93px;height:29px;background:#dcd2b694;top:-14px;left:127px;transform:rotate(-5deg);clip-path:polygon(1% 3%,97% 0,100% 20%,96% 35%,100% 65%,96% 100%,0 96%,3% 70%,0 40%)}.memory-small{position:absolute;left:-9px;top:78px;width:183px;padding:9px 9px 13px;background:var(--paper);border:1px solid #e4dac8;border-radius:3px;transform:rotate(-10deg);box-shadow:0 12px 28px #4c392020;z-index:2;transition:transform .25s}.memory-small:hover{transform:rotate(-6deg) translateY(-5px)}.memory-small .photo{height:auto;aspect-ratio:3/2;overflow:hidden}.memory-small p{font-size:14px;font-family:var(--serif);font-style:italic;text-align:center;margin-top:11px;color:var(--ink)}.note-card{position:absolute;left:232px;top:379px;width:275px;background:#edeedc;border:1px solid #d5d9bd;padding:16px 19px 15px;transform:rotate(-4deg);box-shadow:0 7px 22px #4c392012;z-index:3;border-radius:5px;text-align:left;transition:transform .2s}.note-card:hover{transform:rotate(-1deg) translateY(-4px)}.note-top{display:flex;align-items:center;gap:10px;color:var(--sage-ink);font-size:9px;letter-spacing:.02em}.mic-circle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dce0c8}.mic-circle .icon{width:16px;height:16px}.wave{display:flex;gap:3px;align-items:center;height:21px;color:#7c886b}.wave i{display:block;width:2px;border-radius:3px;background:currentColor;min-height:3px}.note-card p{font-family:var(--serif);font-size:16px;line-height:1.4;margin-top:10px;color:#48513d}.note-card .read{font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:8px;color:#5d654c}.handnote{position:absolute;top:510px;left:37px;font-family:var(--serif);font-style:italic;font-size:20px;color:#846c51;transform:rotate(-6deg)}.handnote svg{width:70px;height:29px;position:absolute;top:-18px;left:82px;transform:rotate(-3deg)}.sample-label{position:absolute;bottom:0;right:3px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#817864}
.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:#f1ebdf70}.promises{display:flex;align-items:center;justify-content:center;gap:57px;color:#605b4c}.promises .promise-item{display:flex;align-items:center;gap:12px;font-size:12px}.promises .icon{color:#9b7b53;width:16px;height:16px}.promises .separator{width:3px;height:3px;border-radius:50%;background:#c0b5a0}
.kinds{padding:90px 0 91px}.section-head{text-align:center;max-width:680px;margin:0 auto 41px}.section-head .eyebrow{justify-content:center;margin-bottom:17px}.section-head h2{font-size:47px;line-height:1.13;letter-spacing:-.045em}.section-head p{font-size:14px;margin-top:15px}.kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:29px}.kind-card .kind-image{height:218px;border-radius:110px 110px 6px 6px;overflow:hidden;position:relative}.kind-card:nth-child(2) .kind-image{border-radius:6px;transform:rotate(1.5deg)}.kind-card:nth-child(3) .kind-image{border-radius:110px 110px 6px 6px}.image-corner{position:absolute;bottom:11px;left:12px;background:#fcf9f0e8;font-size:8px;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:30px}.kind-card h3{font-size:24px;line-height:1.23;margin:21px 0 12px;letter-spacing:-.03em}.kind-card p{font-size:12px;line-height:1.9;max-width:320px}.kind-link{font-size:10px;margin-top:10px;color:var(--accent);font-weight:600;background:none;border:0;padding:8px 0;min-height:40px;display:inline-flex;align-items:center;gap:9px}.kind-link .icon{width:14px;height:14px}
.timeline-section{padding:78px 0 84px;background:var(--sand);border-top:1px solid #e7dcc9;border-bottom:1px solid #e7dcc9}.timeline-layout{display:grid;grid-template-columns:.78fr 1.25fr;gap:71px;align-items:center}.timeline-copy .eyebrow{margin-bottom:24px}.timeline-copy h2{font-size:49px;line-height:1.15;margin-bottom:24px}.timeline-copy>p{font-size:14px;line-height:1.9}.little-steps{margin-top:29px}.little-step{display:flex;gap:15px;margin-top:20px}.step-num{color:#907559;font-family:var(--serif);font-style:italic;font-size:19px;border:1px solid #cabea8;border-radius:50%;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;line-height:1}.little-step h3{font-size:17px;letter-spacing:-.01em;margin:3px 0 5px}.little-step p{font-size:11px;line-height:1.6}.timeline-copy .smallprint{margin-top:29px;font-style:italic;font-family:var(--serif);font-size:14px}.empty-title{margin:20px 0;font-family:var(--serif);font-size:23px}
.voice-section{padding:88px 0 92px}.voice-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.voice-art{position:relative;max-width:440px;margin:auto;width:100%;padding:8px 25px 35px}.voice-photo{background:var(--paper);padding:12px 12px 42px;border:1px solid #e4dac8;border-radius:4px;transform:rotate(-5deg);box-shadow:var(--shadow)}.voice-photo .photo{height:262px}.voice-photo>p{font-family:var(--serif);font-style:italic;text-align:center;margin-top:13px;color:#7b684f;font-size:17px}.voice-sticky{position:relative;margin:-36px -24px 0 90px;z-index:1;padding:18px 22px;background:#e9ebd9;border:1px solid #d8dbc3;transform:rotate(4deg);box-shadow:0 8px 20px #473c2010}.voice-sticky p{font-size:18px;font-family:var(--serif);color:#50573f;line-height:1.4;margin:13px 0}.voice-sticky .note-top{font-size:8px;gap:8px}.voice-sticky .smallprint{font-size:8px;letter-spacing:.04em;color:#6c725e}.voice-copy .eyebrow{margin-bottom:24px}.voice-copy h2{font-size:48px;line-height:1.13;margin-bottom:21px}.voice-copy>p{font-size:14px;line-height:1.9;margin-bottom:13px}.voice-copy .text-link{color:var(--accent);margin-top:9px}.voice-copy .voice-hint{font-size:10px;line-height:1.5;margin-top:7px;color:#766e5d}
.privacy-section{padding:0 0 83px}.privacy-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--sage);border:1px solid #dce1cc;border-radius:16px;padding:50px 60px;align-items:center;position:relative;overflow:hidden}.privacy-copy .eyebrow{margin-bottom:18px}.privacy-copy h2{font-size:41px;line-height:1.15;margin-bottom:16px}.privacy-copy p{font-size:12px;line-height:1.85;max-width:370px;color:#656d56}.visibility-card{background:#fbfcf2;border:1px solid #d7ddc9;border-radius:12px;padding:23px 25px;box-shadow:0 8px 22px #4150300c;max-width:330px;margin-left:auto;width:100%;transform:rotate(2deg)}.visibility-card h3{font-size:20px;letter-spacing:-.02em;margin-bottom:6px}.visibility-card>p{font-size:9px}.visibility-rows{margin-top:16px;display:grid;gap:11px}.visibility-row{display:flex;align-items:center;gap:10px;font-size:10px}.visibility-row>.icon{width:15px;height:15px;color:#687955}.visibility-row small{display:block;font-size:8px;color:#6f785e;line-height:1.6}.visibility-row .check{margin-left:auto;width:13px;height:13px;color:#879567}.privacy-foot{font-family:var(--serif);font-style:italic;color:#70795e;font-size:12px;margin-top:17px;padding-top:12px;border-top:1px solid #dce2cc;text-align:center}
.closing{padding:3px 0 76px;text-align:center}.closing .little-sun{width:47px;height:47px;color:var(--accent);margin:0 auto 20px}.closing h2{font-size:49px;line-height:1.15}.closing>div>p{font-size:13px;margin:20px auto 24px;max-width:530px}.signup-form{max-width:477px;margin:0 auto;display:flex;border:1px solid #d9cebb;padding:6px;background:#fffdf7;border-radius:100px;gap:5px}.signup-form input{background:transparent;border:0;outline:0!important;padding:5px 17px;min-width:0;flex:1;font-size:12px;color:var(--ink)}.signup-form input:focus-visible{box-shadow:inset 0 0 0 2px #9b613d;border-radius:100px}.signup-form .btn{min-height:43px;font-size:11px;padding:10px 20px}.closing .form-note{font-size:9px;margin:12px auto 0;max-width:500px}.form-status{font-size:12px;max-width:480px;min-height:25px;margin:13px auto 0;color:var(--sage-ink)}.footer{border-top:1px solid var(--line);padding:28px 0 25px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .logo{font-size:28px}.footer .logo svg{width:22px;height:22px}.footer-tagline{font-size:10px;margin:6px 0 0}.footer-meta{text-align:right;font-size:9px;line-height:1.9;color:#797363}.footer-meta button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:9px;padding:5px 0;min-height:32px;color:#797363}
.dialog{border:1px solid #d7cdbb;border-radius:15px;background:var(--cream);color:var(--ink);padding:0;max-width:660px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 22px 90px #312b2455}.dialog::backdrop{background:#3e352a99;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:#faf6ed;position:sticky;top:0;z-index:2;border-bottom:1px solid #e0d8c9}.dialog-top span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.close{display:flex;justify-content:center;align-items:center;background:#eee7d8;border:0;border-radius:50%;width:35px;height:35px;min-width:35px}.close .icon{width:17px;height:17px}.dialog-image{height:258px;overflow:hidden}.dialog-content{padding:27px 35px 33px}.dialog-content .eyebrow{font-size:8px;margin-bottom:12px}.dialog-content h2{font-size:39px;line-height:1.15;margin-bottom:16px}.dialog-content .story{font-family:var(--serif);font-size:20px;line-height:1.7;color:#5f5748;white-space:pre-line}.dialog-content .dialog-disclaimer{font-size:10px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line);color:#7b7363;line-height:1.7}.dialog-content .simple-copy{font-size:14px;line-height:1.9}.dialog-content .simple-copy+p{margin-top:15px}.demo-transcript{background:#e9ebd9;padding:18px 20px;border-radius:8px;margin:20px 0;font-family:var(--serif);font-size:21px;line-height:1.6;color:#50583f}.floating-note{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);border:1px solid #cfbea4;background:#fff9e8;box-shadow:var(--shadow);padding:10px 17px;border-radius:100px;font-size:11px;z-index:100;max-width:90vw;text-align:center}
@media(min-width:1500px){.wrap{max-width:1280px}.hero-grid{gap:75px}.hero-art{margin-left:8px}}
@media(max-width:1100px){.wrap{padding:0 32px}.hero-grid{gap:20px;grid-template-columns:1fr 1fr}.hero h1{font-size:66px}.hero-art{transform:scale(.88);transform-origin:center right;margin-left:-40px}.hero-actions{gap:16px}.hero-actions .btn{padding:12px 19px}.timeline-layout{gap:39px;grid-template-columns:.8fr 1.2fr}.timeline-copy h2{font-size:43px}.voice-layout{gap:45px}.voice-copy h2{font-size:43px}.privacy-panel{padding:42px;gap:30px}.navlinks{margin-left:0;gap:22px}.kind-grid{gap:24px}.kind-card h3{font-size:23px}.preview-tag{display:none}}
@media(max-width:850px){.hero{padding:55px 0 39px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:25px}.hero-copy{max-width:620px;min-width:0;width:100%;text-align:center;margin:auto}.hero .eyebrow{justify-content:center}.hero h1{font-size:77px;margin-top:23px}.hero-desc{max-width:495px;margin:auto}.hero h2{font-size:30px}.hero-actions{justify-content:center}.hero-art{width:525px;height:550px;max-width:100%;margin:0 auto;transform:none}.hero-art .memory-main{left:121px}.hero-art .memory-small{left:24px}.hero-art .note-card{left:238px}.hero-art .handnote{left:75px}.hero-scribble{right:2px}.promises{gap:27px}.kinds{padding:70px 0}.section-head h2{font-size:43px}.kind-grid{gap:19px}.kind-card .kind-image{height:179px}.kind-card h3{font-size:21px}.kind-card p{font-size:11px}.timeline-layout{grid-template-columns:1fr;gap:35px;max-width:650px;margin:auto}.timeline-copy{max-width:570px}.timeline-copy h2{font-size:47px}.little-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.little-step{display:block}.little-step h3{margin-top:13px;font-size:16px}.timeline-copy .smallprint{margin-top:21px}.voice-layout{gap:32px}.voice-copy h2{font-size:36px}.voice-copy>p{font-size:12px}.voice-photo .photo{height:220px}.voice-art{padding:8px 15px 25px}.voice-sticky{margin-left:40px;margin-right:-10px;padding:16px}.privacy-panel{padding:36px;gap:25px}.privacy-copy h2{font-size:34px}.visibility-card{padding:21px 19px}.navlinks a{font-size:11px}.nav-right .btn{padding:9px 15px;font-size:11px}.closing h2{font-size:43px}}
@media(max-width:600px){html{scroll-padding-top:20px}.wrap{padding:0 23px}.header{height:75px}.nav{gap:12px}.logo{font-size:31px}.logo svg{width:26px;height:26px}.navlinks{display:none;position:absolute;top:75px;left:0;width:100%;padding:12px 23px 20px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #483c2111}.navlinks.open{display:block}.navlinks a{font-size:13px;padding:9px 0}.mobile-menu{display:flex;align-items:center;justify-content:center}.nav-right{gap:5px}.nav-right .btn{min-height:37px;font-size:10px;padding:8px 13px}.hero{padding:35px 0 28px}.hero-grid{gap:12px}.hero .eyebrow{font-size:8px;gap:7px;letter-spacing:.15em}.hero .eyebrow .icon{width:14px;height:14px}.hero h1{font-size:58px;line-height:1.07;margin:20px 0 15px;letter-spacing:-.055em}.hero h2{font-size:25px;margin-bottom:20px;letter-spacing:-.035em}.hero-desc{font-size:13px;line-height:1.85;max-width:340px}.hero-desc+p{margin-top:11px}.hero-actions{gap:17px;margin-top:23px;flex-wrap:wrap}.hero-actions .btn{font-size:11px;min-height:47px;padding:11px 20px;gap:13px}.hero-actions .text-link{font-size:10px}.hero-note{font-size:9px;margin-top:12px}.hero-art{height:406px;width:350px;margin-top:13px}.hero-art .memory-main{width:252px;left:66px;top:30px;padding:9px 9px 12px}.memory-main .photo{height:auto;aspect-ratio:3/2}.memory-main .meta{font-size:6px;margin:9px 2px 6px}.memory-main h3{font-size:17px;margin-bottom:5px}.memory-main p{font-size:9px;line-height:1.45}.tape{left:84px;width:74px;height:23px;top:-11px}.hero-art .memory-small{width:135px;left:1px;top:72px;padding:7px 7px 10px}.memory-small .photo{height:auto;aspect-ratio:3/2}.memory-small p{font-size:11px;margin-top:8px}.hero-art .note-card{width:205px;left:137px;top:284px;padding:12px 13px}.note-top{gap:7px;font-size:7px}.mic-circle{height:25px;width:25px}.mic-circle .icon{width:13px;height:13px}.wave{gap:2px;height:19px}.wave i{width:2px;max-height:18px}.note-card p{font-size:13px;line-height:1.35;margin-top:8px}.note-card .read{font-size:6px;margin-top:7px}.hero-art .handnote{top:364px;left:9px;font-size:14px}.handnote svg{width:40px;left:70px;top:-13px}.hero-scribble{width:35px;height:42px;right:0;top:0}.sample-label{font-size:6px;right:1px;bottom:1px}.promise-strip{padding:17px 0}.promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px}.promises .promise-item{flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.35;text-align:center;white-space:normal}.promises .icon{height:20px;width:20px}.promises .separator{display:none}.kinds{padding:54px 0 50px}.section-head{margin-bottom:30px}.section-head .eyebrow{font-size:8px;margin-bottom:15px}.section-head h2{font-size:36px;line-height:1.14}.section-head p{font-size:12px;line-height:1.8;margin-top:14px}.kind-grid{grid-template-columns:1fr;gap:32px;max-width:430px;margin:auto}.kind-card{display:flex;flex-direction:column;gap:14px;align-items:stretch}.kind-card .kind-image,.kind-card:nth-child(3) .kind-image{width:100%;height:auto;aspect-ratio:3/2;border-radius:66px 66px 4px 4px}.kind-card:nth-child(2) .kind-image{height:auto;aspect-ratio:3/2;border-radius:5px;transform:none}.image-corner{display:none}.kind-card h3{font-size:23px;line-height:1.18;margin:6px 0 10px}.kind-card p{font-size:11px;line-height:1.75}.kind-link{font-size:12px;margin-top:4px;min-height:44px;padding:8px 0}.timeline-section{padding:49px 0 52px}.timeline-layout{gap:29px}.timeline-copy .eyebrow{font-size:8px;margin-bottom:18px}.timeline-copy h2{font-size:40px;margin-bottom:18px}.timeline-copy>p{font-size:12px;line-height:1.85}.little-steps{gap:15px;margin-top:23px}.little-step{margin:0}.step-num{width:27px;min-width:27px;height:27px;font-size:17px}.little-step h3{font-size:16px;margin:12px 0 7px;line-height:1.15}.little-step p{font-size:10px}.timeline-copy .smallprint{font-size:12px;margin-top:20px}.voice-section{padding:57px 0 51px}.voice-layout{display:flex;flex-direction:column-reverse;gap:32px}.voice-copy .eyebrow{font-size:8px;margin-bottom:17px}.voice-copy h2{font-size:40px;line-height:1.15;margin-bottom:19px}.voice-copy>p{font-size:12px;line-height:1.85}.voice-copy .text-link{font-size:11px}.voice-art{max-width:360px;padding:0 25px 20px}.voice-photo .photo{height:222px}.voice-photo>p{font-size:15px}.voice-sticky{margin-top:-32px;margin-left:73px;margin-right:-10px;padding:15px 17px}.voice-sticky p{font-size:16px}.voice-sticky .note-top{font-size:8px}.voice-sticky .smallprint{font-size:7px}.privacy-section{padding:0 0 54px}.privacy-panel{grid-template-columns:1fr;padding:29px 25px 31px;gap:26px;border-radius:13px}.privacy-copy .eyebrow{font-size:8px;margin-bottom:15px}.privacy-copy h2{font-size:35px;margin-bottom:15px}.privacy-copy p{font-size:12px;line-height:1.85}.visibility-card{margin:0 auto;max-width:310px;padding:23px;transform:rotate(1deg)}.visibility-card h3{font-size:21px}.visibility-card>p{font-size:10px}.visibility-row{font-size:11px}.visibility-row small{font-size:9px}.visibility-rows{gap:16px}.privacy-foot{font-size:12px}.closing{padding:0 0 43px}.closing .little-sun{width:39px;height:39px;margin-bottom:19px}.closing h2{font-size:36px;line-height:1.17}.closing>div>p{font-size:12px;line-height:1.9;margin:17px auto 20px}.signup-form{max-width:365px;padding:5px;gap:0}.signup-form input{font-size:11px;padding:8px 11px}.signup-form .btn{font-size:10px;padding:10px 15px;min-height:43px;gap:8px}.signup-form .btn .icon{width:14px;height:14px}.closing .form-note{font-size:8px;max-width:290px;line-height:1.7}.form-status{font-size:11px;margin-top:10px;line-height:1.7}.footer{padding:23px 0}.footer-inner{gap:16px;align-items:start}.footer .logo{font-size:25px}.footer-tagline{font-size:8px;max-width:150px}.footer-meta{font-size:7px;max-width:150px}.footer-meta button{font-size:8px}.dialog-content{padding:23px}.dialog-content h2{font-size:31px}.dialog-content .story{font-size:18px}.dialog-image{height:220px}.dialog-content .eyebrow{font-size:7px}.dialog-top{padding:10px 15px}.dialog-content .simple-copy{font-size:12px}.demo-transcript{font-size:19px}}
@media(max-width:370px){.wrap{padding:0 18px}.hero h1{font-size:51px}.hero h2{font-size:23px}.hero-art{width:324px;transform:scale(.94);transform-origin:top center;margin-bottom:-23px}.hero-art .note-card{left:120px}.hero-art .memory-main{left:56px}.hero-art .memory-small{left:0}.kind-card{grid-template-columns:107px 1fr;gap:15px}.kind-card h3{font-size:21px}.kind-card p{font-size:10px}.kind-card .kind-image{height:160px}.section-head h2{font-size:33px}.privacy-panel{padding:27px 22px}.signup-form .btn{padding:10px 12px}.signup-form input{padding:8px 9px;font-size:10px}.nav-right .btn{font-size:9px;padding:8px 11px}.hero-actions{gap:12px}.hero-actions .btn{padding:11px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.header,.hero-actions,.signup-form,.navlinks,.kind-link,.text-link,.mobile-menu,.preview-tag{display:none}.hero{padding-top:0}.dialog{display:none}.wrap{max-width:100%}.footer{page-break-inside:avoid}}

/* Kinlo production details layered onto the approved reference layout. */
.logo img { display: block; flex: 0 0 34px; width: 34px; height: 34px; object-fit: contain; }
.footer-main .logo img { flex-basis: 40px; width: 40px; height: 40px; }


.store-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 22px auto 0; }
.store-actions .btn { min-width: 188px; min-height: 48px; font-size: 14px; }
.closing .form-note { margin-top: 13px; font-size: 13px; }
.site-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(35px, 7vw, 90px); align-items: start; max-width: 1216px; margin: 0 auto; padding: 74px 40px 82px; border-top: 1px solid var(--line); }
.faq-heading { position: sticky; top: 25px; }
.faq-heading .eyebrow { margin-bottom: 16px; }
.faq-heading h2 { font-size: clamp(34px, 4vw, 46px); line-height: 1.12; }
.faq-intro { margin-top: 15px; font-size: 15px; line-height: 1.7; }
.faq-heading .text-link { margin-top: 12px; color: var(--accent); }
.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 13px 0; color: var(--ink); font: 400 19px/1.35 var(--serif); cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; color: var(--accent); font: 400 25px/1 var(--sans); }
.faq-item[open] summary::after { content: '−'; }
.faq-answer { padding: 0 35px 20px 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.faq-answer a { color: var(--accent); text-underline-offset: 3px; }
.faq-download { margin-top: 24px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
.faq-download > p { color: var(--ink); font: 400 20px/1.3 var(--serif); }
.faq-download .capture-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.faq-download .btn { min-height: 46px; padding: 10px 12px; font-size: 13px; }
.site-footer { max-width: 1216px; margin: 0 auto; padding: 25px 40px 28px; border-top: 1px solid var(--line); }
.site-footer .footer-main { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; padding-bottom: 20px; }
.site-footer .brand { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: var(--ink); text-decoration: none; }
.site-footer .brand b { font: 600 29px/1 var(--serif); letter-spacing: -.045em; }
.site-footer .footer-main p { margin-top: 7px; color: var(--muted); font-size: 13px; }
.site-footer .footer-links { display: grid; grid-template-columns: repeat(3, auto); gap: 2px 22px; }
.site-footer .footer-links a, .site-footer .footer-link-button { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 13px; }
.site-footer .footer-links a { text-decoration: none; }
.site-footer .footer-link-button { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.site-footer .footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.dialog { max-width: min(620px, calc(100vw - 32px)); max-height: min(86vh, 820px); padding: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); color: var(--ink); box-shadow: 0 22px 70px #403a2e35; }
.dialog::backdrop { background: #403a2e75; backdrop-filter: blur(3px); }
.contact-dialog { width: min(480px, calc(100vw - 32px)); }
.contact-dialog .dialog-content { padding: 28px; }
.contact-dialog .dialog-content h2 { margin-bottom: 14px; }
.contact-dialog .simple-copy { font-size: 16px; line-height: 1.6; }
.contact-address { margin-top: 18px; font-size: 18px; font-weight: 600; overflow-wrap: anywhere; }
.contact-address a { color: var(--accent); text-underline-offset: 4px; }
.contact-copy, .contact-mail { width: 100%; min-height: 48px; margin-top: 12px; font-size: 15px; }
.contact-status { min-height: 1.65em; margin-top: 12px; font-size: 14px; line-height: 1.65; }
@media(max-width:850px) {
  .site-faq { grid-template-columns: 1fr; gap: 25px; padding: 56px 32px 62px; }
  .faq-heading { position: static; }
}
@media(max-width:600px) {
  .store-actions { flex-direction: column; align-items: center; gap: 8px; margin-top: 18px; }
  .store-actions .btn { width: min(100%, 350px); min-height: 50px; }
  .site-faq { padding: 48px 23px 54px; }
  .faq-heading h2 { font-size: 35px; }
  .faq-answer { padding-right: 8px; font-size: 14px; }
  .faq-download .capture-row { grid-template-columns: 1fr; }
  .site-footer { padding: 23px; }
  .site-footer .footer-main { gap: 18px; }
  .site-footer .footer-links { grid-template-columns: repeat(2, auto); gap: 2px 13px; }
  .site-footer .footer-links a, .site-footer .footer-link-button { font-size: 12px; }
  .site-footer .footer-bottom { flex-direction: column; gap: 6px; }
  .hero-desc { font-size: 15px; line-height: 1.7; }
  
  
}

@media(max-width:600px) {
  
  
  
  
  
  .close { width: 44px; height: 44px; min-width: 44px; }
  .dialog-top { min-height: 60px; }
  
}
@media(max-width:370px) {
  .hero h1 { font-size: 44px; }
  .hero-actions { gap: 12px; }
  .hero-art { width: 284px; height: 406px; transform: none; margin-bottom: 0; }
  .hero-art .memory-main { width: 230px; left: 48px; top: 30px; }
  .memory-main .photo { height: 157px; }
  .hero-art .memory-small { width: 125px; left: 0; top: 72px; }
  .memory-small .photo { height: 96px; }
  .hero-art .note-card { width: 186px; left: 94px; top: 278px; }
  .hero-art .handnote { top: 350px; left: 5px; font-size: 13px; }
  .handnote svg { width: 38px; left: 68px; }
  
}

.founder-section { padding: 58px 0 68px; border-top: 1px solid var(--line); }
.founder-copy { max-width: 760px; }
.founder-copy .eyebrow { margin-bottom: 16px; }
.founder-copy h2 { margin-bottom: 21px; font-size: clamp(35px, 4.2vw, 48px); line-height: 1.14; }
.founder-copy h2 em { font-weight: 400; }
.founder-copy > p:not(.eyebrow) { max-width: 700px; margin-top: 13px; color: var(--muted); font-size: 16px; line-height: 1.75; }
@media(max-width:600px) {
  .founder-section { padding: 45px 0 50px; }
  .founder-copy h2 { font-size: 35px; }
  .founder-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.65; }
}
@media(max-width:600px) {
  .hero h1 { font-size: clamp(44px, 13vw, 58px); }
}
/* Existing production consent and mobile install controls use their original hooks. */
.btn.btn-primary { background: var(--accent); color: var(--paper); }
.btn.btn-primary:hover { background: var(--accent-dark); }
.btn.btn-secondary { background: var(--paper); border-color: var(--line); color: var(--ink); }
.btn.btn-secondary:hover { background: var(--sand); }
.analytics-consent[hidden] { display: none !important; }
.analytics-consent:not([hidden]) { position: fixed; z-index: 100; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; max-width: 720px; margin: 0 auto; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); box-shadow: 0 12px 32px rgb(64 58 46 / 18%); }
.analytics-consent h2 { margin-bottom: 5px; font-size: 21px; }
.analytics-consent p { font-size: 14px; line-height: 1.5; }
.analytics-consent p a { color: var(--accent); }
.analytics-consent-actions { display: flex; align-items: center; gap: 8px; }
.analytics-consent-actions .btn { min-height: 46px; font-size: 13px; }
.sticky-cta { display: none; }
@media(max-width:760px) {
  .sticky-cta.show { position: fixed; z-index: 45; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 8px; padding: 10px max(14px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); border-top: 1px solid var(--line); background: rgb(250 246 237 / 97%); box-shadow: 0 -8px 24px rgb(64 58 46 / 8%); backdrop-filter: blur(10px); }
  .sticky-cta-text { display: flex; min-width: 0; flex-direction: column; margin-right: auto; color: var(--ink); font: 600 13px/1.2 var(--sans); }
  .sticky-cta-text small { margin-top: 3px; color: var(--muted); font: 400 11px/1.2 var(--sans); }
  .sticky-cta .btn { flex: 0 0 auto; min-width: 66px; min-height: 46px; padding: 10px 12px; font-size: 12px; }
  body:has(.sticky-cta.show) { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .analytics-consent:not([hidden]) ~ .sticky-cta { visibility: hidden; }
  body:has(.analytics-consent:not([hidden])) { padding-bottom: 0; }
  .analytics-consent:not([hidden]) { grid-template-columns: 1fr; gap: 12px; }
  .analytics-consent-actions { justify-content: flex-end; flex-wrap: wrap; }
}
@media(max-width:370px) {
  .sticky-cta.show { gap: 6px; padding-right: max(9px, env(safe-area-inset-right)); padding-left: max(9px, env(safe-area-inset-left)); }
  .sticky-cta .btn { min-width: 62px; padding-inline: 8px; }
}

/* Keep the reference composition while making phone controls easy to read. */
@media(max-width:600px) {
  .nav-right .btn { min-height: 44px; font-size: 12px; padding: 9px 14px; }
  .hero-actions .btn, .hero-actions .text-link { font-size: 14px; }
  .navlinks a { min-height: 44px; font-size: 14px; }
  .site-footer .footer-main { flex-direction: column; }
  .site-footer .footer-links { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dialog-content .simple-copy { font-size: 16px; }
  .little-steps { grid-template-columns: 1fr; gap: 18px; }
  .little-step { display: flex; gap: 12px; }
  .little-step h3 { margin: 0 0 6px; font-size: 19px; }
  .kind-card { grid-template-columns: minmax(90px, 1fr) minmax(0, 1.5fr); }
}

@font-face {
  font-family: KinloNativeDisplay;
  src: url('fonts/Fraunces-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: KinloNativeBody;
  src: url('fonts/InstrumentSans-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: KinloNativeBody;
  src: url('fonts/InstrumentSans-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
}
.app-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  height: min(730px, 84vh);
  min-height: min(620px, 72vh);
  max-height: 730px;
  margin: 0 auto;
  padding: 24px 16px 0;
  overflow: hidden;
  border: 1px solid #e7ddca;
  border-radius: 30px;
  background: #f5ead7;
  box-shadow: 0 20px 36px rgb(64 58 46 / 10%);
  color: #403a2e;
  font-family: KinloNativeBody, system-ui, sans-serif;
}
.app-greeting {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 5px 9px 0;
}
.app-greeting h3 {
  color: #403a2e;
  font: 400 30px/1.08 KinloNativeDisplay, Georgia, serif;
  letter-spacing: -.04em;
}
.app-greeting h3 span { display: block; }
.app-search {
  display: grid;
  flex: 0 0 40px;
  place-items: center;
  width: 40px;
  height: 44px;
  margin-top: 22px;
  color: #75624b;
}
.app-search svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.app-section-label {
  flex: 0 0 auto;
  margin: 31px 8px 0;
  color: #95816a;
  font: 600 13px/1.3 KinloNativeBody, system-ui, sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.app-feed {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  margin-top: 14px;
  padding: 0 2px 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.app-feed::-webkit-scrollbar { display: none; }
.app-entry {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  padding: 17px 17px 18px;
  border: 0;
  border-radius: 25px;
  background: #fff8e9;
  color: #342e27;
  box-shadow: 0 2px 8px rgb(72 55 32 / 4%);
  font-family: KinloNativeBody, system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: box-shadow .18s ease, transform .18s ease;
}
.app-entry:hover { transform: translateY(-2px); box-shadow: 0 7px 18px rgb(72 55 32 / 9%); }
.app-entry:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.app-entry-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 20px; }
.app-entry-type { color: #776047; font-size: 12px; font-weight: 600; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; }
.app-entry-type.milestone { color: #bd842f; }
.app-entry-meta time { color: #786e61; font-size: 13px; line-height: 1.4; }
.app-entry-title { display: block; margin-top: 11px; color: #514637; font: 500 17px/1.35 KinloNativeBody, system-ui, sans-serif; letter-spacing: -.025em; }
.app-entry-preview { display: flex; align-items: baseline; gap: 4px; min-width: 0; margin-top: 9px; color: #75695c; font: 400 15px/1.4 KinloNativeBody, system-ui, sans-serif; }
.app-entry-preview > span:first-child { min-width: 0; overflow: hidden; text-overflow: clip; white-space: nowrap; }
.app-preview-more { flex: 0 0 auto; color: var(--accent); }
.app-entry-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; margin-top: 15px; border-radius: 15px; object-fit: cover; }
.app-caption { flex: 0 0 auto; padding: 0 0 11px; color: #84735e; font: 500 10px/1.3 KinloNativeBody, system-ui, sans-serif; text-align: center; }
.app-tabbar {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 -16px;
  padding: 10px 7px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e9dec9;
  border-radius: 17px 17px 0 0;
  background: #fff7e6;
}
.app-tab { display: flex; min-width: 0; min-height: 62px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #6f5c45; font: 500 12px/1.2 KinloNativeBody, system-ui, sans-serif; }
.app-tab svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.app-tab.active { color: var(--accent); font-weight: 600; }
@media(max-width:600px) {
  .app-frame { height: min(730px, 78svh); min-height: min(620px, 68svh); max-height: 730px; padding-inline: 13px; border-radius: 27px; }
  .app-greeting { padding-inline: 7px; }
  .app-greeting h3 { font-size: 28px; }
  .app-section-label { margin-top: 27px; }
  .app-feed { gap: 12px; }
  .app-entry { padding: 15px 14px 15px; border-radius: 23px; }
  .app-entry-title { font-size: 16px; }
  .app-entry-preview { font-size: 14px; }
  .app-tabbar { margin-inline: -13px; padding-top: 8px; }
}
@media(max-width:370px) {
  .app-frame { padding-inline: 10px; }
  .app-tabbar { margin-inline: -10px; }
  .app-entry { padding-inline: 12px; }
  .app-entry-meta time { font-size: 12px; }
  .app-entry-type { font-size: 11px; }
  .app-entry-title { font-size: 16px; }
  .app-tab { font-size: 11px; }
}

@media(max-width:370px) {
  .nav { gap: 8px; }
  .nav .logo { gap: 7px; font-size: 28px; }
  .nav .logo img { width: 30px; height: 30px; flex-basis: 30px; }
  .nav-right { gap: 3px; }
  .nav-right .btn { padding-inline: 12px; }
  .nav-right .btn .icon { display: none; }
  .hero-art .memory-main { left: 44px; }
  .hero-art { height: 470px; }
  .hero-art .handnote { top: 421px; left: 6px; }
}

/* Versioned family artwork framing. */
.kind-card p{font-size:14px;line-height:1.7}
.kind-link{font-size:12px;min-height:44px}
.app-entry-image{object-position:center top}
.memory-main .photo,.memory-small .photo{overflow:hidden}
.memory-main .photo img,.memory-small .photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.privacy-memory-card{max-width:390px;margin:0 auto;padding:17px;background:var(--paper);border:1px solid #e4dac8;border-radius:7px;box-shadow:var(--shadow);transform:rotate(1deg)}
.privacy-memory-card h3{font-size:22px;margin:0 0 12px}
.privacy-memory-card figure{margin:0}
.privacy-memory-card figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.privacy-memory-card figcaption{margin-top:9px;color:var(--muted);font:italic 12px/1.5 var(--serif)}
.privacy-memory-card .kind-link{margin-top:8px}
@media(max-width:600px){.kind-card .kind-image,.kind-card:nth-child(2) .kind-image,.kind-card:nth-child(3) .kind-image{width:100%;height:auto;aspect-ratio:3/2}.kind-card p{font-size:16px;line-height:1.55}.privacy-memory-card{width:100%;padding:14px}.privacy-memory-card h3{font-size:21px}.privacy-memory-card figcaption{font-size:13px}.memory-main .photo,.memory-small .photo{height:auto;aspect-ratio:3/2}}