@font-face{font-family:Yomogi;src:url('/introducing/assets/yomogi.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:#fff9f1;color:#655246;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7ea4be;outline-offset:6px}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin:0}h1,h2{font-family:Yomogi,'Hiragino Maru Gothic ProN',serif;font-weight:400;letter-spacing:.04em}h1{font-size:clamp(36px,4.6vw,63px);line-height:1.7}h1 span{color:#a56172}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.65}h3{font-weight:500}p{letter-spacing:.025em}.wrap{max-width:1120px;margin:0 auto;padding-left:32px;padding-right:32px}.header{display:flex;justify-content:space-between;align-items:center;min-height:104px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;line-height:1.5;letter-spacing:.09em}.brand img{height:auto}.brand small{display:block;font-size:9px;letter-spacing:.25em;font-weight:400;color:#9d8d7b}.header nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav-cta{padding:9px 20px;border:1px solid #c89b96;border-radius:40px;color:#915c69}.nav-cta span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:center;padding-top:26px;padding-bottom:50px;position:relative}.hero-copy{z-index:1}.eyebrow{font-size:11px;letter-spacing:.15em;color:#9c8071;margin-bottom:22px}.lead{line-height:2.25;margin:24px 0 29px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:60px;padding:14px 30px;border-radius:40px;background:#a66877;color:#fffaf6;font-weight:500;box-shadow:0 6px 20px #91566616;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#965b69}.hero-note{margin-top:14px;font-size:11px;color:#9d877b}.hero-art{position:relative;margin-left:-34px;margin-right:-45px}.hero-dog{width:610px;height:auto;mix-blend-mode:multiply;display:block;transform:rotate(-3deg)}.pet-whisper{position:absolute;right:0;top:7%;font-family:Yomogi,serif;font-size:19px;transform:rotate(7deg)}.paper-tag{position:absolute;right:8%;bottom:4%;padding:18px 28px;background:#fffdf9dd;border:1px solid #e7d9c8;box-shadow:3px 6px 16px #72533209;transform:rotate(-6deg);font-family:Yomogi,serif;font-size:16px;text-align:center}.intro{text-align:center;padding-top:36px;padding-bottom:94px;font-size:17px;line-height:2.4}.tiny-flower{display:block;color:#bd918f;font-size:30px;margin-bottom:24px}.moment{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-bottom:135px}.moment-copy>p:not(.eyebrow){margin-top:24px;font-size:14px;line-height:2.2}.hand-note{font-family:Yomogi,serif;color:#a66877;font-size:17px!important;transform:rotate(-3deg)}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #cba9a1;padding-bottom:5px;margin-top:24px}.text-link span{margin-left:22px}.certificate-scene{position:relative;padding:0 23px}.certificate{padding:22px 27px 17px;background:#f9efdf;border:1px solid #e4d3bc;box-shadow:0 18px 30px #7253320c;transform:rotate(-4deg);color:#866646;text-align:center;font-family:Yomogi,serif;border-radius:5px}.certificate-top{display:flex;justify-content:space-between;text-align:left;line-height:1.4;font-size:9px}.certificate-top small{font-size:7px;letter-spacing:.15em}.certificate h3{font-size:23px;letter-spacing:.12em;margin-top:5px}.certificate-pet{width:100%;height:242px;mix-blend-mode:multiply}.pet-name{font-family:Georgia,serif;font-size:25px;letter-spacing:.15em;font-weight:400}.pet-reading{font-size:8px}.certificate dl{margin:12px 0}.certificate dl>div{display:flex;padding:5px 0;border-bottom:1px solid #dfcbb252;font-size:9px;gap:12px;text-align:left}.certificate dt{min-width:64px}.certificate dd{margin:0}.certificate-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px}.scene-note{font-size:10px;color:#9b897d;text-align:center;margin-top:22px}.scene-flower{position:absolute;bottom:30px;right:-18px;transform:rotate(12deg)}.daily-section{background:#f8efe9;border-radius:50% 50% 0 0 / 30px 30px 0 0;padding:85px 0 70px}.daily-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.activity-row{display:flex;gap:26px;margin-top:28px}.activity-row span{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:6px}.phone-scene{justify-self:center;text-align:center}.phone{--phone-bg:#fff3f5;--phone-ink:#935168;background:var(--phone-bg);width:286px;border:7px solid #fffdf9;border-radius:43px;padding:16px 18px 10px;box-shadow:10px 15px 0 #e5d2c944,0 18px 42px #785a4514;transition:background .35s,color .35s;transform:rotate(4deg);color:var(--phone-ink);position:relative}.phone[data-color=milktea]{--phone-bg:#f7efdf;--phone-ink:#816143}.phone[data-color=sky]{--phone-bg:#eef7ff;--phone-ink:#527fa3}.phone-top{display:flex;justify-content:space-between;font-size:10px;padding:0 7px;margin-bottom:27px;color:#554a41}.phone-date{font-size:10px}.pet-cloud{font-family:Yomogi,serif;border-radius:60% 60% 50% 40%;background:#ffffffa8;padding:10px;font-size:17px;margin:20px 20px 2px}.pet-demo{border:0;padding:0;background:none;position:relative;height:185px;width:210px;display:block;margin:0 auto}.pet-demo>img{width:180px;height:180px;transition:transform .3s}.pet-demo:active>img{transform:scale(1.06)}#pet-hearts{position:absolute;inset:0;pointer-events:none}.floating-heart{position:absolute;color:#d78398;font-size:27px;left:65%;top:25%;animation:float-heart 1.3s ease-out forwards}.floating-heart:nth-child(2){left:23%;top:40%;animation-delay:.1s;font-size:20px}.floating-heart:nth-child(3){left:80%;top:55%;animation-delay:.2s;font-size:19px}.phone-name{font-family:Yomogi,serif;font-size:23px}.phone-caption{font-size:10px;margin:5px 0 28px}.phone-nav{border-top:1px solid #e7cbd488;display:flex;justify-content:space-around;padding-top:12px}.phone-nav span{display:flex;flex-direction:column;align-items:center;font-size:8px;gap:2px}.trail-section{text-align:center;padding-top:110px;padding-bottom:110px}.section-lead{margin-top:24px;font-size:14px}.trail{display:flex;align-items:center;gap:12px;margin-top:62px}.trail article{flex:1}.trail h3{font-family:Yomogi,serif;font-size:21px;line-height:1.8}.trail article>p:last-child{font-size:10px;margin-top:13px}.trail-date{font-size:10px;letter-spacing:.1em;color:#a8897c;margin:16px 0 14px}.trail-paw{opacity:.6;transform:rotate(30deg);width:30px;flex-shrink:0}.color-section{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;border-top:1px solid #e9ddd0;padding-top:65px;padding-bottom:65px}.color-section h2{font-size:32px}.color-section p:not(.eyebrow){font-size:12px;margin-top:20px}.color-samples{display:flex;gap:25px;justify-content:center}.color-samples button{border:0;background:none;padding:8px 0;color:#8d7367;font-size:11px;min-width:88px}.swatch{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:46% 55% 48% 52%;margin-bottom:13px;outline:1px solid transparent;outline-offset:5px;transition:transform .2s}.swatch.rose{background:radial-gradient(#d8a1b5,#f5dce5 70%,#fff3f5)}.swatch.milktea{background:radial-gradient(#c4a67c,#ead9ba 70%,#fbf5e9)}.swatch.sky{background:radial-gradient(#97bbd6,#d4e8f8 70%,#f0f7ff)}[aria-pressed=true] .swatch{outline-color:#b49a8b;transform:rotate(-8deg)}.family-section{display:grid;grid-template-columns:280px 1fr;gap:65px;align-items:center;background:#f4f4ed;border-radius:90px 30px 80px 35px;padding-top:36px;padding-bottom:46px;margin-top:35px;margin-bottom:100px}.family-section .eyebrow{font-size:10px}.family-section h2{font-size:32px}.family-section p:not(.eyebrow){font-size:12px;margin-top:22px}.family-art img{mix-blend-mode:multiply}.faq{max-width:850px;padding-bottom:95px}.faq>.eyebrow,.faq>h2{text-align:center}.faq>h2{margin-bottom:40px}.faq details{border-bottom:1px solid #e8dccc;padding:22px 2px}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'＋';color:#ad8991}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:2.1;padding:20px 28px 0 0;color:#907b6a}.download-section{text-align:center;background:#efddd7;padding:66px 0 70px;border-radius:50% 50% 0 0 / 25px 25px 0 0}.download-section .eyebrow{margin-top:18px;margin-bottom:14px}.download-section h2{color:#915569}.download-section h2+p{font-size:13px;margin:20px 0 28px}.store-buttons{display:flex;gap:16px;justify-content:center}.store-button{display:flex;align-items:center;gap:14px;border:1px solid #9e7673;border-radius:15px;min-width:204px;padding:10px 19px;background:#fffaf5;color:#6e5050;text-align:left;line-height:1.4}.store-button strong{font-size:19px;font-weight:500;display:block}.store-button small{font-size:10px;display:block}.store-button em{font-size:9px;font-style:normal;display:block;margin-top:3px;color:#957877}.store-device{font-size:23px;min-width:33px}.store-status{font-size:11px;margin:18px 0 26px}.button.light{background:#fff9f0;color:#875461;font-size:13px;border:1px solid #cfada7;box-shadow:none;min-height:53px}.footer{display:grid;grid-template-columns:1fr 1fr;padding-top:46px;padding-bottom:35px;row-gap:24px}.footer>p{font-family:Yomogi,serif;font-size:14px;justify-self:end}.footer nav{display:flex;gap:22px;font-size:10px}.footer>small{justify-self:end;font-size:10px;color:#a18c7e}.mobile-only{display:none}.skip{position:absolute;left:8px;top:-90px;padding:8px 14px;background:#fff;z-index:30}.skip:focus{top:8px}.legal{max-width:780px;padding-top:50px;padding-bottom:80px}.legal h1{font-size:34px;margin-bottom:22px}.legal h2{font-family:inherit;font-size:19px;margin:30px 0 12px}.legal p,.legal li{font-size:14px;line-height:2.1}.legal a{text-decoration:underline;color:#915569}.legal ul{padding-left:22px}.legal .updated{font-size:11px;color:#978477}.legal .button{text-decoration:none;color:#fff;margin-top:25px}@keyframes float-heart{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-85px) scale(1.2)}}@media(max-width:800px){.wrap{padding-left:25px;padding-right:25px}.header{min-height:84px}.brand{font-size:16px;gap:7px}.brand img{width:33px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:7px 13px}.nav-cta span{margin-left:6px}.hero{grid-template-columns:1fr;min-height:0;text-align:center;padding-top:36px;padding-bottom:32px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(33px,6.5vw,46px);line-height:1.65}.lead{font-size:13px;line-height:2.1;margin:22px 0}.hero-art{grid-row:2;margin:10px 0 0}.hero-copy .button{font-size:13px;min-height:56px}.hero-dog{max-width:445px;width:100%;margin:auto}.pet-whisper{right:0;top:7%;font-size:15px}.paper-tag{font-size:13px;padding:11px 18px;bottom:2%;right:4%}.hero-note{font-size:10px}.intro{padding-top:20px;padding-bottom:68px;font-size:14px}.moment{grid-template-columns:1fr;gap:38px;padding-bottom:70px;max-width:560px}.moment-copy{text-align:center}.moment-copy>p:not(.eyebrow){font-size:12px}.moment-copy h2{font-size:32px}.moment-copy .eyebrow{margin-bottom:18px}.certificate-scene{max-width:335px;margin:auto;width:100%;grid-row:2}.certificate{padding:18px 21px}.certificate-pet{height:190px}.certificate h3{font-size:21px}.certificate dl>div{font-size:8px}.certificate dt{min-width:62px}.scene-flower{width:72px;right:-6px}.hand-note{font-size:14px!important}.daily-section{padding:58px 0}.daily-layout{grid-template-columns:1fr;gap:42px}.activity-row{justify-content:center}.phone{transform:rotate(2deg)}.scene-note{font-size:9px}.trail-section{padding-top:68px;padding-bottom:60px}.trail-section h2{font-size:29px}.section-lead{font-size:12px}.trail{flex-direction:column;gap:23px;margin-top:36px}.trail article{width:100%}.trail article>img{width:85px;height:85px}.trail article>p:last-child{font-size:11px}.trail-date{margin:8px 0}.trail-paw{transform:rotate(12deg);height:30px}.color-section{grid-template-columns:1fr;gap:24px;text-align:center;padding-top:48px;padding-bottom:44px}.color-section h2{font-size:29px}.color-samples{gap:23px}.color-samples button{font-size:10px}.swatch{width:77px;height:77px}.family-section{grid-template-columns:1fr;gap:0;border-radius:55px 25px 55px 25px;margin:10px 20px 65px;padding-top:10px;padding-bottom:38px;text-align:center}.family-art img{width:190px;height:180px}.family-section h2{font-size:27px}.family-section p:not(.eyebrow){font-size:11px;line-height:2.2}.family-section .eyebrow{margin-bottom:18px}.faq{padding-bottom:65px}.faq h2{font-size:32px;margin-bottom:25px}.faq summary{font-size:12px}.faq details{padding:18px 0}.faq details p{font-size:11px}.download-section{padding:42px 0 50px}.download-section h2{font-size:31px}.store-buttons{gap:10px}.store-button{min-width:0;padding:10px 12px;gap:10px}.store-button strong{font-size:16px}.store-device{min-width:24px;font-size:19px}.store-button small{font-size:9px}.store-button em{font-size:8px}.footer{grid-template-columns:1fr;padding-top:36px;row-gap:20px;text-align:center}.footer .brand{justify-content:center}.footer>p,.footer>small{justify-self:center}.footer nav{justify-content:center;gap:18px;font-size:9px}.mobile-only{display:block}.legal{text-align:left}.legal h1{font-size:29px}.legal h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.floating-heart{opacity:1}}

/* Readable copy and comfortable targets on phones as well as desktop. */
body{font-size:16px;overflow-wrap:anywhere}.hero-art{margin-right:0}.lead,.moment-copy>p:not(.eyebrow),.section-lead,.color-section p:not(.eyebrow),.family-section p:not(.eyebrow),.faq summary,.faq details p,.legal p,.legal li{font-size:1rem}.eyebrow,.hero-note,.header nav,.nav-cta,.text-link,.activity-row span,.trail-date,.trail article>p:last-child,.color-samples button,.footer nav,.store-status,.store-button em{font-size:.875rem}.brand small,.scene-note,.footer>small,.keepsake-note,.store-button small{font-size:.75rem}.scene-note{color:#7b675b}.button,.button.light{font-size:1rem;min-height:56px}.text-link,.footer nav a{min-height:44px;display:inline-flex;align-items:center}.faq summary{min-height:44px;align-items:center}.header nav{gap:22px}.certificate dl>div{font-size:12px;line-height:1.8;gap:8px}.certificate dt{min-width:72px}.certificate-reading,.pet-reading,.certificate-top,.certificate-top small,.certificate-bottom{font-size:12px}.certificate dd{min-width:0}.phone-date,.phone-caption,.phone-nav span,.phone-top{font-size:12px}.pet-cloud{font-size:18px}.phone{width:300px}.color-samples button{min-width:88px}.download-section h2+p{font-size:1rem}.footer nav{flex-wrap:wrap;column-gap:22px;row-gap:0}.keepsakes{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-bottom:90px;text-align:center}.keepsake>img{display:block;margin:0 auto 24px}.keepsake h2{font-size:32px}.keepsake>p:not(.eyebrow){margin-top:22px}.keepsake .eyebrow{margin-bottom:15px}.keepsake .keepsake-note{font-size:12px;color:#806c60}.brand small{letter-spacing:.18em}.family-section{max-width:calc(100% - 40px)}
@media(min-width:1180px){.family-section{max-width:1120px}}
@media(max-width:800px){.header nav{gap:0}.nav-cta{font-size:12px;min-height:44px;display:flex;align-items:center}.hero .eyebrow{font-size:13px}.hero h1{font-size:clamp(30px,7.5vw,46px)}.hero-copy .button{font-size:16px}.hero-art{margin:10px auto 0;max-width:445px}.pet-whisper{font-size:15px}.hero-note{font-size:13px}.intro{font-size:16px}.moment-copy>p:not(.eyebrow){font-size:16px}.moment-copy h2{font-size:30px}.certificate-scene{max-width:360px;padding:0 16px}.certificate{padding:18px}.certificate dl>div{font-size:12px}.certificate dt{min-width:72px}.hand-note{font-size:17px!important}.scene-flower{right:-3px;bottom:14px;width:60px}.phone-scene{max-width:100%}.phone{max-width:100%;transform:rotate(1deg)}.scene-note{font-size:12px}.section-lead,.family-section p:not(.eyebrow),.faq details p,.color-section p:not(.eyebrow){font-size:16px}.family-section .eyebrow{font-size:13px}.trail article>p:last-child{font-size:14px}.color-samples{gap:14px}.color-samples button{font-size:14px}.swatch{width:76px;height:76px;margin-left:auto;margin-right:auto}.color-section .scene-note{font-size:12px}.family-section{padding-left:20px;padding-right:20px}.family-section h2{font-size:26px}.faq summary{font-size:16px}.footer nav{font-size:14px}.store-buttons{flex-wrap:wrap}.store-button{min-width:150px;flex:0 1 185px}.store-button em{font-size:12px}.store-button small{font-size:12px}.keepsakes{grid-template-columns:1fr;gap:48px;padding-bottom:64px}.keepsake h2{font-size:30px}.keepsake>p:not(.eyebrow){font-size:16px}.keepsake .keepsake-note{font-size:12px}.header .brand{font-size:15px}.header .brand small{font-size:11px}.wrap{padding-left:22px;padding-right:22px}}

.hero h1{font-size:clamp(26px,3.3vw,46px)}@media(max-width:800px){.hero h1{font-size:clamp(26px,7vw,42px)}}

/* Family story: a playful app introduction that opens into a picture-book letter. */
.story-home{--story-rose:#975c70;--story-blue:#637f8d;--story-ink:#655246}
.story-home .eyebrow{color:#80685c}
.story-home .hero{padding-bottom:44px}
.story-home .hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.75}
.story-home .hero .lead{font-size:16px;line-height:2.15}
.hero-story-link{display:block;width:fit-content;margin-top:20px;font-size:14px;color:#80665a;padding:6px 0;border-bottom:1px solid #d7bfb2}
.hero-story-link span{margin-left:12px}
.empathy{padding-top:44px;padding-bottom:104px;text-align:center}
.empathy h2{font-size:clamp(28px,3.1vw,40px)}
.empathy .section-lead{line-height:2.2}
.empathy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;text-align:left}
.feeling{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px 18px 20px;border-top:1px solid #d8c2b1;transition:background .2s}
.feeling:hover{background:#f6ece355}
.feeling>img{margin-bottom:18px}
.feeling h3{font-family:Yomogi,serif;font-size:22px;font-weight:400;line-height:1.7;margin-bottom:12px}
.feeling>p{font-size:15px;line-height:2.1}
.feeling-link{font-size:13px;color:#91566b;margin-top:auto;padding-top:18px}
.feeling-link>span{margin-left:8px}
.story-home .moment{gap:70px;padding-bottom:100px}
.story-home .moment-copy .small-note{font-size:13px;margin-top:10px;color:#806c60}
.feature-points{list-style:none;padding:0;margin:24px 0 0;font-size:14px;line-height:2.1}
.feature-points li{padding:7px 0;border-bottom:1px solid #e6d8ca}
.feature-points li:before{content:'✓';margin-right:12px;color:#956b77}
.story-home .daily-section{padding:78px 0 62px;background:#f6ede8}
.memory-example{margin-top:28px;border-left:2px solid #c9a29f;padding:0 0 0 20px}
.memory-example>span{font-size:12px;color:#886e64}
.memory-example>p{font-family:Yomogi,serif;font-size:23px;line-height:1.8;margin-top:9px}
.story-home .daily-layout{align-items:center}
.story-home .color-picker{margin-top:25px}
.color-invite{font-size:13px;margin-bottom:12px;color:#80665a}
.story-home .color-samples{gap:12px}
.story-home .color-samples button{font-size:13px;min-width:85px;padding:8px 0}
.story-home .swatch{width:48px;height:48px;margin:0 auto 9px}
.story-home #color-status{margin-top:6px}
.origin-section{padding:100px 0 92px;text-align:center;background:linear-gradient(#fff9f1,#f7f5ee 62%,#fff9f1)}
.origin-section h2{font-size:clamp(29px,3.3vw,42px);color:#637784}
.origin-picture{max-width:900px;margin:40px auto 0}
.origin-picture img{display:block;width:100%;height:auto;border-radius:12px}
.origin-letter{max-width:720px;margin:42px auto 0}
.origin-letter>p{font-size:17px;line-height:2.35;margin-top:26px}
.origin-letter .origin-wish{font-family:Yomogi,serif;font-size:clamp(25px,3vw,34px);color:#6b8491;margin-top:40px}
.origin-letter .small-note{font-size:13px;margin-top:8px;color:#806f65}
.origin-letter .text-link{font-size:13px}
.family-stories{padding-top:10px;padding-bottom:100px;text-align:center}
.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.family-chapter{min-width:0;background:#f7ede5;border-radius:60px 60px 20px 20px;padding:28px 16px 24px;display:flex;flex-direction:column;align-items:center}
.family-chapter.rainbow-chapter{background:#edf0f0}
.family-chapter.rescue-chapter{background:#f2efdf}
.family-chapter>img{mix-blend-mode:multiply}
.family-chapter .chapter-for{font-size:13px;margin-top:20px;color:#7c665b}
.family-chapter h3{font-family:Yomogi,serif;font-size:25px;font-weight:400;margin:6px 0 18px}
.family-chapter>p:not(.chapter-for){font-size:14px;line-height:2.2}
.family-chapter .text-link{font-size:13px;margin-top:auto;padding-top:20px;gap:5px}
.family-chapter .text-link span{margin-left:0}
.family-reassurance{font-size:14px;color:#806f65;margin-top:25px}
.story-home .keepsakes{padding-top:62px;border-top:1px solid #e6d8ca}
.story-home .keepsake>img{width:110px;height:110px}
.story-home .faq details p{color:#766051}
.story-home .faq .eyebrow{margin-bottom:12px}
.story-home .download-section{background:#efddd7}
.start-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px;padding:0;list-style:none;counter-reset:start;margin:28px 0 32px}
.start-steps li{counter-increment:start;font-size:14px;display:flex;align-items:center;gap:8px}
.start-steps li:before{content:counter(start);display:grid;place-items:center;background:#fff7ee;border-radius:50%;width:27px;height:27px;font-size:13px;color:#8f5c6a}
.mobile-start{display:none}
@media(max-width:1000px) and (min-width:801px){.story-home .hero h1{font-size:33px}.story-home .header nav{gap:16px}.family-chapter>p:not(.chapter-for){font-size:13px}.family-chapter .text-link{font-size:12px}.story-home .moment{gap:34px}.feeling{padding-left:5px;padding-right:5px}}
@media(max-width:800px){
  .story-home .hero{padding-top:28px;padding-bottom:28px}
  .story-home .hero h1{font-size:clamp(27px,7.2vw,42px)}
  .story-home .hero .lead{font-size:15px;line-height:2.1}
  .story-home .hero .button{gap:18px;padding:14px 22px}
  .hero-story-link{margin:16px auto 0;font-size:13px}
  .story-home .hero-art{margin-top:20px}
  .story-home .hero-dog{max-width:365px}
  .empathy{padding-top:24px;padding-bottom:64px}
  .empathy h2{font-size:30px}
  .empathy .section-lead{font-size:15px}
  .empathy-grid{grid-template-columns:1fr;gap:0;margin-top:32px}
  .feeling{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:18px;padding:23px 0}
  .feeling>img{grid-row:1 / 4;width:64px;height:64px;margin-top:5px;margin-bottom:0}
  .feeling h3{font-size:21px;margin-bottom:7px}
  .feeling>p{font-size:14px}
  .feeling-link{padding-top:10px;font-size:12px}
  .story-home .moment{padding-bottom:64px;gap:32px}
  .feature-points{max-width:330px;margin-left:auto;margin-right:auto;text-align:left;font-size:14px}
  .story-home .daily-section{padding:52px 0 42px}
  .memory-example{max-width:310px;text-align:left;margin-left:auto;margin-right:auto;padding-left:16px}
  .memory-example>p{font-size:23px}
  .story-home .phone-scene{width:100%}
  .story-home .phone{margin-left:auto;margin-right:auto}
  .story-home .color-picker{margin-top:24px}
  .origin-section{padding:64px 0 60px}
  .origin-section h2{font-size:30px}
  .origin-picture{margin-top:26px;margin-left:-6px;margin-right:-6px}
  .origin-letter{margin-top:26px}
  .origin-letter>p{font-size:15px;line-height:2.3;margin-top:24px}
  .origin-letter .origin-wish{font-size:clamp(22px,6.2vw,29px);margin-top:30px}
  .origin-letter .text-link{font-size:12px;text-align:left}
  .origin-letter .text-link span{margin-left:10px}
  .family-stories{padding-bottom:64px}
  .family-stories>h2{font-size:28px}
  .family-grid{grid-template-columns:1fr;gap:22px;max-width:430px;margin:32px auto 0}
  .family-chapter{padding:24px 20px 28px;border-radius:70px 70px 22px 22px}
  .family-chapter h3{font-size:27px}
  .family-chapter>p:not(.chapter-for){font-size:16px}
  .family-chapter .chapter-for,.family-chapter .text-link{font-size:14px}
  .family-chapter .chapter-for{margin-top:10px}
  .family-reassurance{font-size:13px}
  .story-home .keepsakes{padding-top:48px}
  .story-home .download-section h2{font-size:clamp(25px,6.5vw,34px)}
  .start-steps{gap:12px 18px;max-width:310px;margin-left:auto;margin-right:auto}
  .start-steps li{font-size:13px}
  .story-home .button.light{font-size:14px;gap:12px;padding-left:18px;padding-right:18px}
  .story-home .footer{padding-bottom:100px}
  .mobile-start{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#fffaf3f5;border-top:1px solid #dbc5ba;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 -5px 24px #62423608}
  .mobile-start>span{font-family:Yomogi,serif;font-size:13px}
  .mobile-start .button{font-size:13px;min-height:44px;padding:10px 16px;box-shadow:none;white-space:nowrap}
  .mobile-start[hidden]{display:none}
  .desktop-only{display:none}
}
@media(max-width:360px){.story-home .header .brand{font-size:14px}.story-home .header .brand img{width:27px}.story-home .header .nav-cta{padding:7px 10px;font-size:11px}.story-home .hero .lead{font-size:14px}.story-home .hero .button{font-size:14px}.feeling{column-gap:12px;grid-template-columns:50px minmax(0,1fr)}.feeling>img{width:50px;height:50px}.feeling h3{font-size:19px}.mobile-start>span{font-size:11px}.mobile-start .button{font-size:12px}.story-home .phone{width:280px}.family-stories>h2{font-size:26px}}
@media(max-width:800px){
  .story-home .hero-copy{display:contents}
  .story-home .hero-copy>.eyebrow{grid-row:1;margin-bottom:14px}
  .story-home .hero-copy>h1{grid-row:2}
  .story-home .hero-art{grid-row:3;width:min(100%,300px);margin:10px auto 4px}
  .story-home .hero-copy>.lead{grid-row:4;margin:16px 0 22px}
  .story-home .hero-copy>.button{grid-row:5;justify-self:center}
  .story-home .hero-copy>.hero-note{grid-row:6}
  .story-home .hero-story-link{grid-row:7}
  .story-home .daily-layout>*{min-width:0}
  .story-home .phone{max-width:calc(100% - 12px)}
  .story-home .pet-demo{max-width:100%}
  .story-home .color-samples button{min-width:0;max-width:85px;flex:1}
  .origin-section h2{font-size:clamp(22px,6.7vw,30px)}
  .family-stories>h2{font-size:clamp(20px,6.2vw,28px)}
}
@media(max-width:360px){.story-home .hero h1{font-size:24px}.story-home .hero-art{width:260px}.story-home .hero .pet-whisper{font-size:13px}.mobile-start>span{display:none}.mobile-start .button{width:100%;max-width:320px}}

.story-home .download-section .phrase{display:inline-block}