@font-face { font-family:'Nunito'; src:url('/fonts/nunito.ttf') format('truetype'); font-style:normal; font-weight:200 1000; font-display:swap; }
html { scroll-behavior:smooth; scrollbar-color:#c7b4da #fcfbf8; }
body { margin:0; }
#tt-living-hero { --tt-ink:#49385b; --tt-muted:#6b5c76; --tt-page:#fcfbf8; --tt-purple:#796094; font-family:'Nunito',sans-serif; font-size:17px; font-weight:500; line-height:1.65; color:var(--tt-ink); background:var(--tt-page); color-scheme:light; width:100%; overflow-x:clip; overflow-y:visible; }
#tt-living-hero * { box-sizing:border-box; }
#tt-living-hero ::selection { background:#e6d8f1; color:#49385b; }
#tt-living-hero :focus-visible { outline:3px solid #796094; outline-offset:5px; }
#tt-living-hero [hidden] { display:none !important; }
#tt-living-hero a { color:inherit; text-decoration:none; text-underline-offset:5px; }
#tt-living-hero button { font:inherit; }
#tt-living-hero h1, #tt-living-hero h2, #tt-living-hero h3 { margin:0; font-weight:800; text-wrap:balance; }
#tt-living-hero h1 { font-size:clamp(40px,5vw,62px); line-height:1.08; letter-spacing:-.035em; }
#tt-living-hero h2 { font-size:clamp(32px,3.7vw,44px); line-height:1.13; letter-spacing:-.025em; margin-bottom:20px; }
#tt-living-hero h3 { font-size:23px; line-height:1.25; letter-spacing:-.015em; }
#tt-living-hero p { color:var(--tt-muted); }
#tt-living-hero img { max-width:100%; }
#tt-living-hero figure { margin:0; }
#tt-living-hero figcaption { font-size:13px; color:var(--tt-muted); }
#tt-living-hero .tt-skip { position:absolute; z-index:20; left:18px; top:10px; padding:8px 16px; background:var(--tt-page); transform:translateY(-160%); }
#tt-living-hero .tt-skip:focus { transform:none; }
#tt-living-hero .tt-nav { position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; max-width:1300px; margin:auto; padding:24px 42px; }
#tt-living-hero .tt-wordmark { display:flex; align-items:center; gap:9px; font-size:23px; font-weight:850; letter-spacing:-.04em; }
#tt-living-hero .tt-wordmark img { width:34px; height:31px; object-fit:contain; }
#tt-living-hero .tt-desktop-nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:700; }
#tt-living-hero .tt-desktop-nav a { padding:10px 0; }
#tt-living-hero .tt-desktop-nav a:hover, #tt-living-hero .tt-site-footer a:hover { text-decoration:underline; }
#tt-living-hero .tt-desktop-nav .tt-nav-download { padding:9px 19px; border:1px solid #b8a5c8; border-radius:24px; }
#tt-living-hero .tt-menu { display:none; position:relative; font-weight:700; font-size:15px; }
#tt-living-hero .tt-menu summary { cursor:pointer; padding:10px 0 10px 14px; }
#tt-living-hero .tt-menu nav { position:absolute; right:0; top:100%; width:190px; padding:15px 22px; display:grid; gap:5px; background:var(--tt-page); border:1px solid #ded5e5; border-radius:16px; }
#tt-living-hero .tt-menu nav a { padding:6px 0; }
#tt-living-hero .tt-action { display:inline-flex; min-height:48px; padding:12px 27px; align-items:center; justify-content:center; background:#796094; color:white; font-size:16px; font-weight:750; border:0; border-radius:30px; box-shadow:none; }
#tt-living-hero .tt-action:hover { background:#61497a; }
#tt-living-hero .tt-analytics-settings { justify-self:start; padding:0; border:0; background:none; color:inherit; text-align:left; text-decoration:underline; text-underline-offset:5px; cursor:pointer; }
#tt-living-hero .tt-consent { position:fixed; z-index:15; bottom:18px; left:18px; width:min(490px,calc(100% - 36px)); max-height:calc(100dvh - 36px); overflow:auto; padding:24px; border:1px solid #c7b4da; border-radius:20px; background:var(--tt-page); box-shadow:0 8px 30px #49385b20; font-size:15px; line-height:1.5; }
#tt-living-hero .tt-consent h2 { font-size:21px; letter-spacing:0; margin:0; }
#tt-living-hero .tt-consent p { margin:12px 0 18px; }
#tt-living-hero .tt-consent a { text-decoration:underline; }
#tt-living-hero .tt-consent-actions { display:flex; flex-wrap:wrap; gap:10px; }
#tt-living-hero .tt-consent button { min-height:44px; padding:10px 16px; border:1px solid #9b82af; border-radius:24px; background:var(--tt-page); color:var(--tt-ink); cursor:pointer; }
#tt-living-hero .tt-consent-actions button { flex:1 1 150px; }
#tt-living-hero .tt-consent button:hover { background:#f2edf5; }
#tt-living-hero .tt-consent .tt-consent-close { margin-top:12px; border:0; padding:8px 0; text-decoration:underline; text-underline-offset:4px; }
#tt-living-hero .tt-text-link { display:inline-block; margin-top:12px; padding:7px 0; font-size:16px; font-weight:750; text-decoration:underline; }
#tt-living-hero .tt-small { font-size:13px !important; line-height:1.6; color:var(--tt-muted); margin-top:17px !important; }
#tt-living-hero .tt-hero { position:relative; isolation:isolate; min-height:765px; overflow:hidden; background:var(--tt-page); }
#tt-living-hero canvas { position:absolute; width:100%; height:100%; inset:0; z-index:-1; display:block; filter:blur(6px); transform:scale(1.025); opacity:.38; }
#tt-living-hero .tt-fallback { position:absolute; inset:0; z-index:-2; background:radial-gradient(ellipse at 0% 45%,#e0ceec,transparent 55%),radial-gradient(ellipse at 100% 55%,#f8dfc5,transparent 55%); mask-image:linear-gradient(to bottom,#000 55%,transparent 100%); }
#tt-living-hero .tt-message { margin:45px auto 0; max-width:700px; padding:0 26px 80px; text-align:center; }
#tt-living-hero .tt-message h1 span { color:#8a6aa7; }
#tt-living-hero .tt-message>p { max-width:360px; margin:23px auto; font-size:18px; line-height:1.6; }
#tt-living-hero .tt-message .tt-hero-note { font-size:12px; margin:12px auto 0; }
#tt-living-hero .tt-hero-family { position:relative; display:flex; align-items:flex-end; justify-content:center; gap:4px; margin:30px auto 0; width:365px; max-width:100%; height:175px; }
#tt-living-hero .tt-hero-family::before { content:''; position:absolute; bottom:-5px; left:-20px; right:-20px; height:64px; border-radius:50%; background:#e9def0; z-index:-1; }
#tt-living-hero .tt-hero-family>img { object-fit:contain; height:auto; width:103px; margin-bottom:0; }
#tt-living-hero .tt-family-feed { transform:rotate(-10deg) translate(6px,0); }
#tt-living-hero .tt-family-diaper { transform:rotate(9deg) translate(-6px,0); }
#tt-living-hero .tt-greeter { position:relative; display:block; flex:0 0 163px; width:163px; margin:0 0 15px; padding:0; border:0; background:transparent; cursor:pointer; color:var(--tt-ink); }
#tt-living-hero .tt-greeter .tt-pebble { display:block; width:100%; height:auto; transform-origin:50% 90%; }
#tt-living-hero .tt-hello { position:absolute; left:50%; bottom:calc(100% + 4px); white-space:nowrap; padding:7px 13px; border-radius:16px 16px 16px 3px; font-size:13px; font-weight:700; background:#fffdf9; opacity:0; transform:translate(-50%,5px) rotate(-4deg); transition:opacity 160ms ease-out,transform 240ms cubic-bezier(.2,.8,.2,1); pointer-events:none; }
#tt-living-hero .tt-greeter:hover .tt-hello, #tt-living-hero .tt-greeter:focus-visible .tt-hello, #tt-living-hero .tt-greeter.tt-saying-hi .tt-hello { opacity:1; transform:translate(-50%,0) rotate(-4deg); }
#tt-living-hero[data-motion='playing'] .tt-greeter.tt-saying-hi .tt-pebble { animation:tt-pebble-hello 720ms cubic-bezier(.2,.7,.2,1); }
@keyframes tt-pebble-hello { 0%,100% { transform:rotate(0) scale(1); } 18% { transform:rotate(-9deg) scale(1.035,.975); } 42% { transform:rotate(7deg) translateY(-4px); } 65% { transform:rotate(-4deg); } 83% { transform:rotate(2deg); } }
#tt-living-hero .tt-section-heading { text-align:center; max-width:650px; margin:0 auto 35px; }
#tt-living-hero .tt-section-heading p { margin:0; }
#tt-living-hero .tt-care-chapters { max-width:1120px; padding:55px 32px 85px; margin:auto; }
#tt-living-hero .tt-chapter-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
#tt-living-hero .tt-care-chapter { position:relative; text-align:center; display:block; padding:22px 8px; }
#tt-living-hero .tt-care-chapter::before { content:''; position:absolute; width:205px; height:173px; top:15px; left:50%; transform:translateX(-50%); background:#f8ecd2; border-radius:48% 52% 43% 57%; z-index:-1; }
#tt-living-hero .tt-chapter-sleep::before { background:#eae2f4; transform:translateX(-50%) rotate(-12deg); }
#tt-living-hero .tt-chapter-diaper::before { background:#dfefec; transform:translateX(-50%) rotate(12deg); }
#tt-living-hero .tt-care-chapter img { height:153px; width:150px; object-fit:contain; display:block; margin:0 auto 27px; transition:transform 250ms ease-out; }
#tt-living-hero .tt-care-chapter:hover img { transform:translateY(-5px) rotate(-3deg); }
#tt-living-hero .tt-care-chapter p { font-size:15px; margin:12px 0; line-height:1.6; }
#tt-living-hero .tt-care-chapter span { font-size:14px; text-decoration:underline; font-weight:750; }
#tt-living-hero .tt-app { position:relative; isolation:isolate; padding:65px 48px 75px; }
#tt-living-hero .tt-app::before { content:''; position:absolute; inset:0 max(20px,calc((100% - 1180px)/2)); border-radius:90px 90px 140px 70px; background:#eee7f5; z-index:-1; }
#tt-living-hero .tt-app-layout { max-width:940px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:95px; align-items:center; }
#tt-living-hero .tt-app-copy { max-width:375px; }
#tt-living-hero .tt-app-copy>p { font-size:17px; }
#tt-living-hero .tt-care-list { list-style:none; padding:0; margin:25px 0 0; }
#tt-living-hero .tt-care-list li { display:grid; grid-template-columns:9px minmax(0,1fr); gap:16px; align-items:baseline; padding:14px 0; }
#tt-living-hero .tt-care-dot { width:9px; height:11px; background:#b98d43; border-radius:55% 45% 50% 40%; transform:rotate(-16deg); }
#tt-living-hero .tt-care-list li:nth-child(2) .tt-care-dot { background:#9273b0; }
#tt-living-hero .tt-care-list li:nth-child(3) .tt-care-dot { background:#679e98; }
#tt-living-hero .tt-care-list h3 { font-size:18px; margin:0 0 3px; }
#tt-living-hero .tt-care-list h3 a:hover { text-decoration:underline; }
#tt-living-hero .tt-care-list p { font-size:14px; margin:0; }
#tt-living-hero .tt-phone-scene { display:flex; flex-direction:column; align-items:center; }
#tt-living-hero .tt-phone-stage { position:relative; isolation:isolate; width:100%; max-width:380px; margin-bottom:105px; }
#tt-living-hero .tt-phone { position:relative; z-index:1; width:260px; height:auto; display:block; margin:auto; }
#tt-living-hero .tt-friend { position:absolute; display:block; height:auto; object-fit:contain; pointer-events:none; }
#tt-living-hero .tt-friend-feed { width:75px; left:-18px; top:70px; transform:rotate(-14deg); }
#tt-living-hero .tt-friend-diaper { width:68px; right:-18px; top:48%; transform:rotate(11deg); }
#tt-living-hero .tt-friend-pair { width:145px; right:0; bottom:-105px; z-index:2; transform-origin:50% 90%; animation:tt-pebble-snuggle 6s cubic-bezier(.37,0,.63,1) infinite paused; }
#tt-living-hero[data-motion='playing'][data-document-visible='true'] .tt-app[data-in-view='true'] .tt-friend-pair { animation-play-state:running; }
@keyframes tt-pebble-snuggle { 0%,55%,100% { transform:rotate(-3deg) scale(1); } 67% { transform:rotate(0) scale(1.025,.98); } 80% { transform:rotate(-3deg) scale(1); } }
#tt-living-hero .tt-phone-scene figcaption { margin-top:18px; }
#tt-living-hero .tt-product-story { padding:95px 48px; position:relative; isolation:isolate; }
#tt-living-hero .tt-story-layout { max-width:950px; margin:auto; display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:100px; }
#tt-living-hero .tt-story-reverse { grid-template-columns:1.15fr 1fr; }
#tt-living-hero .tt-story-copy { max-width:440px; }
#tt-living-hero .tt-story-copy>p { margin:18px 0; }
#tt-living-hero .tt-story-phone { position:relative; display:flex; justify-content:center; }
#tt-living-hero .tt-story-phone::before { content:''; position:absolute; inset:65px -28px 40px; background:#e6e7f7; border-radius:48% 48% 43% 45%; transform:rotate(-7deg); z-index:-1; }
#tt-living-hero .tt-peach .tt-story-phone::before { background:#f9e5d9; transform:rotate(7deg); }
#tt-living-hero .tt-sage .tt-story-phone::before { background:#e2eee3; }
#tt-living-hero .tt-story-phone>.tt-device { width:245px; height:auto; }
#tt-living-hero .tt-story-details { margin:25px 0 10px; }
#tt-living-hero .tt-story-details div { margin:0 0 17px; }
#tt-living-hero .tt-story-details dt { font-weight:800; font-size:16px; margin-bottom:3px; }
#tt-living-hero .tt-story-details dd { margin:0; color:var(--tt-muted); line-height:1.65; font-size:15px; }
#tt-living-hero .tt-copy-friend { width:85px; height:82px; object-fit:contain; margin:0 0 20px; }
#tt-living-hero .tt-inline-pebbles { width:140px; height:auto; margin:0 0 25px; }
#tt-living-hero .tt-home-widget { text-align:center; padding:65px 32px; background:#f0eaf7; border-radius:90px 120px 0 0; }
#tt-living-hero .tt-playtime { display:flex; align-items:flex-end; justify-content:center; gap:70px; margin:20px auto 28px; }
#tt-living-hero .tt-playtime figure { width:170px; }
#tt-living-hero .tt-playtime img { display:block; height:155px; width:170px; object-fit:contain; margin:0 auto 12px; }
#tt-living-hero .tt-playtime figure:nth-child(2) { padding-bottom:27px; }
#tt-living-hero .tt-playtime figcaption { font-size:15px; font-weight:700; }
#tt-living-hero .tt-home-offer { text-align:center; max-width:900px; margin:auto; padding:90px 29px 55px; }
#tt-living-hero .tt-home-offer .tt-action { margin:12px 16px 0 0; }
#tt-living-hero .tt-title-pebble { width:155px; height:115px; object-fit:contain; margin:0 auto 26px; display:block; }
#tt-living-hero .tt-faq-section { max-width:800px; margin:auto; padding:50px 29px 68px; }
#tt-living-hero .tt-faq-section h2 { margin-bottom:30px; }
#tt-living-hero .tt-faq-section details { padding:19px 0; border-top:1px solid #e3dae9; }
#tt-living-hero .tt-faq-section details:last-of-type { border-bottom:1px solid #e3dae9; }
#tt-living-hero .tt-faq-section summary { cursor:pointer; font-size:18px; font-weight:750; padding-right:15px; }
#tt-living-hero .tt-faq-section summary::marker { color:#947baa; font-size:13px; }
#tt-living-hero .tt-faq-section details p { padding-left:18px; font-size:16px; }
#tt-living-hero .tt-faq-section details a { text-decoration:underline; }
#tt-living-hero .tt-page-title { text-align:center; padding:60px 28px 45px; }
#tt-living-hero .tt-page-title p { max-width:480px; margin:24px auto 0; }
#tt-living-hero .tt-feature-hero { position:relative; isolation:isolate; max-width:1180px; margin:22px auto 30px; padding:60px 70px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:60px; border-radius:70px 110px 80px 100px; }
#tt-living-hero .tt-feature-hero.tt-peach { background:#fbecd9; }
#tt-living-hero .tt-feature-hero.tt-lilac { background:#eee7f5; }
#tt-living-hero .tt-feature-hero.tt-sage { background:#e5efeb; }
#tt-living-hero .tt-feature-copy { max-width:520px; }
#tt-living-hero .tt-feature-copy h1 { font-size:50px; }
#tt-living-hero .tt-feature-copy p { max-width:420px; margin:23px 0; }
#tt-living-hero .tt-chapter-pebble { width:100px; height:100px; object-fit:contain; display:block; margin:0 0 25px; transform:rotate(-6deg); }
#tt-living-hero .tt-feature-phone { width:100%; text-align:center; }
#tt-living-hero .tt-feature-phone>.tt-device { width:250px; margin:auto; }
#tt-living-hero .tt-feature-phone figcaption { margin-top:14px; }
#tt-living-hero .tt-reading-section { max-width:1020px; margin:auto; padding:55px 35px; }
#tt-living-hero .tt-feature-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:38px; counter-reset:step; }
#tt-living-hero .tt-feature-steps h3 { font-size:20px; margin-bottom:12px; }
#tt-living-hero .tt-feature-steps p { font-size:16px; }
#tt-living-hero .tt-wide-story { max-width:1120px; margin:35px auto; padding:55px 70px; display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:70px; align-items:center; border-radius:60px 85px 70px 80px; }
#tt-living-hero .tt-wide-story.tt-lilac, #tt-living-hero .tt-wide-story.tt-night { background:#eee7f5; }
#tt-living-hero .tt-wide-story.tt-peach { background:#fbecdf; }
#tt-living-hero .tt-wide-story.tt-sage { background:#e5efeb; }
#tt-living-hero .tt-wide-story p { max-width:560px; }
#tt-living-hero .tt-story-pebble { width:100%; height:auto; }
#tt-living-hero .tt-related { max-width:1020px; margin:auto; padding:45px 35px; }
#tt-living-hero .tt-related h2 { font-size:30px; }
#tt-living-hero .tt-related a { display:inline-block; padding:9px 0; margin-right:26px; text-decoration:underline; font-weight:700; }
#tt-living-hero .tt-offer { max-width:930px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:35px; }
#tt-living-hero .tt-offer>div+div { border-left:1px solid #dcd2e3; padding-left:55px; }
#tt-living-hero .tt-offer h2 { font-size:31px; }
#tt-living-hero .tt-offer strong { font-weight:800; color:var(--tt-ink); }
#tt-living-hero .tt-offer-action { text-align:center; padding:20px 29px 45px; }
#tt-living-hero .tt-check-list { padding-left:20px; margin:30px 0 0; }
#tt-living-hero .tt-check-list li { padding:9px 0; }
#tt-living-hero .tt-check-list li::marker { color:#8d76a5; }
#tt-living-hero .tt-faq-full { padding-top:20px; }
#tt-living-hero .tt-small-cta { max-width:760px; margin:auto; text-align:center; padding:30px 29px 70px; }
#tt-living-hero .tt-small-cta>img { width:110px; height:auto; margin-bottom:25px; }
#tt-living-hero .tt-small-cta p { margin-bottom:25px; }
#tt-living-hero .tt-guide-index { max-width:960px; margin:auto; padding:20px 29px 60px; }
#tt-living-hero .tt-guide-index>a { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:35px; margin-bottom:22px; background:#eee7f5; border-radius:16px; }
#tt-living-hero .tt-guide-index>a:nth-child(2) { background:#f8ecdf; }
#tt-living-hero .tt-guide-index h2 { font-size:29px; margin-bottom:15px; }
#tt-living-hero .tt-guide-index p { max-width:510px; margin:0; }
#tt-living-hero .tt-guide-link { white-space:nowrap; font-size:14px; text-decoration:underline; font-weight:750; }
#tt-living-hero .tt-article, #tt-living-hero .tt-policy { max-width:780px; margin:auto; padding:40px 29px 70px; }
#tt-living-hero .tt-breadcrumb { display:flex; flex-wrap:wrap; gap:15px; font-size:13px; margin:0 0 40px; color:var(--tt-muted); }
#tt-living-hero .tt-article a, #tt-living-hero .tt-policy a { text-decoration:underline; }
#tt-living-hero .tt-article h1, #tt-living-hero .tt-policy h1 { font-size:44px; }
#tt-living-hero .tt-article h2, #tt-living-hero .tt-policy h2 { font-size:29px; margin-top:40px; }
#tt-living-hero .tt-article p, #tt-living-hero .tt-policy p { line-height:1.8; }
#tt-living-hero .tt-article .tt-article-meta { font-size:13px; margin:20px 0 32px; }
#tt-living-hero .tt-article .tt-article-lead { font-size:21px; line-height:1.6; }
#tt-living-hero .tt-template { white-space:pre-wrap; overflow-wrap:anywhere; padding:27px; font:inherit; font-size:15px; line-height:1.9; background:#eee9f2; border-radius:16px; }
#tt-living-hero .tt-article-aside { display:grid; grid-template-columns:110px minmax(0,1fr); gap:30px; align-items:center; margin:48px 0; padding:30px 0; border-top:1px solid #ded5e5; border-bottom:1px solid #ded5e5; }
#tt-living-hero .tt-article-aside img { width:100%; height:auto; }
#tt-living-hero .tt-article-aside h2 { font-size:25px; margin:0 0 16px; }
#tt-living-hero .tt-site-footer { max-width:1180px; padding:45px 50px 28px; margin:auto; font-size:14px; border-radius:45px 45px 0 0; background:#f2edf5; }
#tt-living-hero .tt-footer-top { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
#tt-living-hero .tt-footer-top p { margin:0; }
#tt-living-hero .tt-site-footer nav { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
#tt-living-hero .tt-site-footer nav div { display:grid; gap:10px; align-content:start; }
#tt-living-hero .tt-footer-bottom { display:flex; justify-content:space-between; gap:22px; padding-top:28px; margin-top:32px; border-top:1px solid #e1d7e8; color:var(--tt-muted); font-size:12px; }
@media(max-width:1000px) {
 #tt-living-hero .tt-desktop-nav { display:none; }
 #tt-living-hero .tt-menu { display:block; }
 #tt-living-hero .tt-story-layout, #tt-living-hero .tt-app-layout { gap:55px; }
 #tt-living-hero .tt-feature-hero { margin-left:20px; margin-right:20px; padding:45px; gap:35px; }
 #tt-living-hero .tt-feature-copy h1 { font-size:43px; }
 #tt-living-hero .tt-wide-story { margin-left:20px; margin-right:20px; padding:45px; }
}
@media(max-width:760px) {
 #tt-living-hero .tt-nav { padding:18px 25px; }
 #tt-living-hero .tt-desktop-nav { display:none; }
 #tt-living-hero .tt-menu { display:block; }
 #tt-living-hero .tt-hero { min-height:725px; }
 #tt-living-hero .tt-message { margin-top:42px; }
 #tt-living-hero .tt-message h1 { font-size:clamp(38px,7.5vw,56px); }
 #tt-living-hero .tt-message>p { font-size:17px; max-width:320px; }
 #tt-living-hero .tt-hero-family { width:310px; height:153px; margin-top:32px; }
 #tt-living-hero .tt-hero-family>img { width:85px; }
 #tt-living-hero .tt-greeter { flex-basis:140px; width:140px; }
 #tt-living-hero .tt-care-chapters { padding:40px 26px 45px; }
 #tt-living-hero .tt-chapter-path { gap:16px; }
 #tt-living-hero .tt-care-chapter { padding-top:10px; }
 #tt-living-hero .tt-care-chapter::before { width:145px; height:130px; top:10px; }
 #tt-living-hero .tt-care-chapter img { width:120px; height:120px; }
 #tt-living-hero .tt-care-chapter h3 { font-size:20px; }
 #tt-living-hero .tt-care-chapter p { font-size:14px; }
 #tt-living-hero .tt-app { padding:45px 42px 55px; }
 #tt-living-hero .tt-app::before { inset:0 14px; border-radius:45px 65px 65px 45px; }
 #tt-living-hero .tt-app-layout { grid-template-columns:1fr; gap:38px; max-width:430px; }
 #tt-living-hero .tt-app-copy { max-width:none; }
 #tt-living-hero .tt-phone-stage { max-width:340px; }
 #tt-living-hero .tt-phone { width:245px; }
 #tt-living-hero .tt-friend-feed { left:0; top:auto; bottom:-98px; width:65px; }
 #tt-living-hero .tt-friend-diaper { right:auto; left:66px; top:auto; bottom:-98px; width:58px; }
 #tt-living-hero .tt-friend-pair { width:145px; }
 #tt-living-hero .tt-product-story { padding:60px 35px; }
 #tt-living-hero .tt-story-layout, #tt-living-hero .tt-story-reverse { grid-template-columns:1fr; gap:40px; max-width:450px; }
 #tt-living-hero .tt-story-copy { grid-row:1; max-width:none; }
 #tt-living-hero .tt-story-phone { max-width:330px; width:100%; margin:auto; }
 #tt-living-hero .tt-story-phone::before { left:0; right:0; }
 #tt-living-hero .tt-story-phone>.tt-device { width:235px; }
 #tt-living-hero .tt-home-widget { padding:50px 26px; border-radius:55px 65px 0 0; }
 #tt-living-hero .tt-playtime { gap:25px; }
 #tt-living-hero .tt-playtime figure { width:135px; }
 #tt-living-hero .tt-playtime img { width:135px; height:125px; }
 #tt-living-hero .tt-home-offer { padding-top:60px; }
 #tt-living-hero .tt-page-title { padding:40px 29px; }
 #tt-living-hero .tt-feature-hero { margin:10px 14px 20px; padding:35px 25px 45px; grid-template-columns:1fr; gap:38px; border-radius:45px 60px 55px 45px; }
 #tt-living-hero .tt-feature-copy { justify-self:center; }
 #tt-living-hero .tt-feature-copy h1 { font-size:39px; }
 #tt-living-hero .tt-feature-phone>.tt-device { width:245px; }
 #tt-living-hero .tt-feature-steps { grid-template-columns:1fr; gap:14px; }
 #tt-living-hero .tt-reading-section { padding:40px 29px; }
 #tt-living-hero .tt-wide-story { margin:20px 14px; padding:40px 29px; grid-template-columns:1fr; gap:25px; border-radius:45px 60px 55px 45px; }
 #tt-living-hero .tt-story-pebble { width:140px; justify-self:center; }
 #tt-living-hero .tt-offer { grid-template-columns:1fr; gap:15px; padding-top:15px; }
 #tt-living-hero .tt-offer>div+div { border-left:0; border-top:1px solid #dcd2e3; padding:30px 0 0; }
 #tt-living-hero .tt-guide-index>a { align-items:flex-start; flex-direction:column; gap:15px; padding:26px; }
 #tt-living-hero .tt-article h1, #tt-living-hero .tt-policy h1 { font-size:36px; }
 #tt-living-hero .tt-article .tt-article-lead { font-size:19px; }
 #tt-living-hero .tt-site-footer { padding:35px 29px 24px; margin:0 14px; }
 #tt-living-hero .tt-footer-top { align-items:flex-start; flex-direction:column; gap:10px; }
 #tt-living-hero .tt-site-footer nav { grid-template-columns:1fr 1fr; row-gap:25px; }
 #tt-living-hero .tt-footer-bottom { flex-direction:column; gap:10px; }
}
@media(max-width:550px) {
 #tt-living-hero .tt-chapter-path { grid-template-columns:1fr; gap:18px; }
 #tt-living-hero .tt-care-chapter { display:grid; grid-template-columns:105px 1fr; text-align:left; column-gap:23px; padding:25px 0; }
 #tt-living-hero .tt-care-chapter::before { width:116px; height:121px; left:50px; top:21px; }
 #tt-living-hero .tt-care-chapter img { width:108px; height:123px; grid-row:1 / 4; align-self:center; margin:0; }
 #tt-living-hero .tt-care-chapter h3 { align-self:end; font-size:21px; }
 #tt-living-hero .tt-care-chapter p { margin:8px 0; }
 #tt-living-hero .tt-care-chapter p br { display:none; }
 #tt-living-hero .tt-section-heading { margin-bottom:22px; }
 #tt-living-hero .tt-playtime { gap:7px; }
 #tt-living-hero .tt-playtime figure { width:calc((100% - 14px)/3); }
 #tt-living-hero .tt-playtime img { height:95px; width:100%; }
 #tt-living-hero .tt-playtime figcaption { font-size:12px; }
 #tt-living-hero .tt-article-aside { grid-template-columns:1fr; gap:20px; }
 #tt-living-hero .tt-article-aside img { width:100px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 #tt-living-hero .tt-hello, #tt-living-hero .tt-care-chapter img { transition:none; }
 #tt-living-hero .tt-friend-pair, #tt-living-hero .tt-greeter .tt-pebble { animation:none !important; }
}

/* Apple's original bezel overlays the unchanged native capture. */
#tt-living-hero .tt-device { position:relative; aspect-ratio:1470 / 3000; flex-shrink:0; }
#tt-living-hero .tt-device .tt-device-screen { position:absolute; left:5.102041%; top:2.2%; width:89.795918%; height:95.6%; object-fit:contain; border-radius:13% / 6%; }
#tt-living-hero .tt-device .tt-device-frame { position:relative; display:block; width:100%; height:auto; pointer-events:none; }
#tt-living-hero .tt-shared-story .tt-story-layout { max-width:1100px; grid-template-columns:1fr 1.25fr; gap:65px; }
#tt-living-hero .tt-shared-phones { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
#tt-living-hero .tt-shared-phones>.tt-device { display:block; width:100%; height:auto; }
#tt-living-hero .tt-shared-phones>.tt-device:nth-child(2) { margin-top:65px; }
#tt-living-hero .tt-shared-phones figcaption { grid-column:1 / -1; text-align:center; }
/* Phone, Watch and widget belong to the same everyday-care scene. */
#tt-living-hero .tt-reach-story .tt-story-layout { max-width:1100px; grid-template-columns:1.15fr 1fr; column-gap:80px; row-gap:0; }
#tt-living-hero .tt-reach-intro { grid-column:2; grid-row:1; align-self:end; }
#tt-living-hero .tt-reach-details { grid-column:2; grid-row:2; align-self:start; }
#tt-living-hero .tt-reach-scene { grid-column:1; grid-row:1 / 3; display:grid; grid-template-columns:1.05fr 1fr; align-items:end; gap:16px; padding-bottom:64px; }
#tt-living-hero .tt-reach-scene::before { inset:100px -20px 95px; background:#e8e3f1; border-radius:48% 52% 43% 45%; }
#tt-living-hero .tt-reach-scene>.tt-device { width:100%; max-width:245px; }
#tt-living-hero .tt-reach-watch { display:block; width:100%; height:auto; }
#tt-living-hero .tt-reach-pebble { position:absolute; width:115px; height:auto; bottom:0; left:35%; }
#tt-living-hero .tt-watch-copy { margin-top:16px; }
#tt-living-hero .tt-watch-copy h3 { font-size:24px; }
#tt-living-hero .tt-watch-copy p { margin:12px 0 0; font-size:16px; }
#tt-living-hero .tt-reach-story .tt-widget-demo { max-width:365px; margin-top:32px; }
#tt-living-hero .tt-widget-demo .tt-text-link { margin-top:6px; font-size:14px; }
#tt-living-hero .tt-system-crop { position:relative; overflow:hidden; isolation:isolate; }
#tt-living-hero .tt-system-crop img { display:block; width:100%; height:auto; }
/* The asset contains only the visible native widget pixels. */
#tt-living-hero .tt-widget-crop { aspect-ratio:987 / 465; border-radius:8% / 17%; }
@media(max-width:900px) {
 #tt-living-hero .tt-shared-story .tt-story-layout { grid-template-columns:1fr; gap:30px; max-width:570px; }
 #tt-living-hero .tt-shared-story .tt-story-copy { max-width:480px; }
 #tt-living-hero .tt-shared-phones { max-width:490px; margin:auto; }
 #tt-living-hero .tt-reach-story .tt-story-layout { grid-template-columns:1fr; gap:48px; max-width:480px; }
 #tt-living-hero .tt-reach-story .tt-story-copy { grid-column:1; grid-row:1; max-width:none; }
 #tt-living-hero .tt-reach-details { grid-column:1; grid-row:3; }
 #tt-living-hero .tt-reach-details .tt-watch-copy { margin-top:0; }
 #tt-living-hero .tt-reach-scene { grid-column:1; grid-row:2; width:100%; max-width:480px; margin:auto; }
 #tt-living-hero .tt-reach-story .tt-widget-demo { max-width:365px; }
}
@media(max-width:550px) {
 #tt-living-hero .tt-shared-phones { grid-template-columns:1fr; max-width:270px; gap:24px; }
 #tt-living-hero .tt-shared-phones>.tt-device:nth-child(2) { margin-top:0; }
 #tt-living-hero .tt-reach-scene { gap:12px; padding-bottom:48px; }
 #tt-living-hero .tt-reach-scene::before { inset:60px -12px 70px; }
 #tt-living-hero .tt-reach-pebble { width:90px; }
}

/* Homepage motion. Springs match the app: the speech bubble's .spring(duration: 0.45, bounce: 0.26)
   and feedback's .snappy(duration: 0.24), sampled into linear() easings. motion.js reads the same values. */
#tt-living-hero.tt-home { --tt-bubble:linear(0, 0.0222, 0.0685, 0.1409, 0.2166, 0.3081, 0.4012, 0.4821, 0.5684, 0.6478, 0.7117, 0.7754, 0.8248, 0.8723, 0.9119, 0.9408, 0.9672, 0.9856, 1.0015, 1.0131, 1.0203, 1.0256, 1.0284, 1.0294, 1.0292, 1.0281, 1.0261, 1.0237, 1.0213, 1.0186, 1.0162, 1.0136, 1.0112, 1.0092, 1.0072, 1.0057, 1.0042, 1.003, 1.0021, 1.0012, 1.0006, 1.0001, 0.9997, 0.9995, 1); --tt-bubble-ms:633ms; --tt-snappy:linear(0, 0.0258, 0.0831, 0.1596, 0.246, 0.3356, 0.4237, 0.5072, 0.5986, 0.6663, 0.7261, 0.7779, 0.8222, 0.8596, 0.8908, 0.9165, 0.9374, 0.9541, 0.9674, 0.9778, 0.9857, 0.9917, 0.9969, 0.9998, 1.0018, 1.0031, 1.0039, 1.0042, 1.0043, 1.0042, 1.0039, 1.0036, 1.0032, 1.0028, 1.0024, 1.0021, 1.0018, 1.0014, 1.0011, 1.0009, 1.0007, 1.0006, 1.0005, 1.0003, 1); --tt-snappy-ms:373ms; --tt-drop-in:cubic-bezier(.5,0,.9,.5); }
/* Only motion.js adds this, and only to content still below the fold, so the page is complete without it. */
#tt-living-hero .tt-motion-pending { opacity:0; }
#tt-living-hero .tt-motion-bubble, #tt-living-hero .tt-motion-sparkle, #tt-living-hero .tt-motion-heart { position:absolute; left:0; top:0; display:block; pointer-events:none; }
#tt-living-hero .tt-motion-bubble { border-radius:50%; background:radial-gradient(circle at 34% 30%,#fff 0 22%,#ffffff99 42%,#d6cbec73 100%); box-shadow:inset 0 0 0 1.5px #9780be66; }
@media print { #tt-living-hero .tt-motion-pending { opacity:1; } }
@media(prefers-reduced-motion:no-preference) {
 #tt-living-hero.tt-home .tt-message h1, #tt-living-hero.tt-home .tt-message>p:not(.tt-hero-note), #tt-living-hero.tt-home .tt-message .tt-action, #tt-living-hero.tt-home .tt-hero-note { animation:tt-motion-rise 640ms cubic-bezier(.2,.8,.2,1) 60ms backwards; }
 #tt-living-hero.tt-home .tt-message>p:not(.tt-hero-note) { animation-delay:140ms; }
 #tt-living-hero.tt-home .tt-message .tt-action { animation-delay:220ms; }
 #tt-living-hero.tt-home .tt-hero-note { animation-delay:300ms; }
 /* Each Pebble drops for 346 ms, lands with a squash on the speech bubble spring, then breathes. */
 /* Squash and lean pivot on each Pebble's base. The side Pebbles' existing transforms are rewritten
    for that origin so they rest exactly where they did with the default centre origin. */
 #tt-living-hero.tt-home .tt-greeter, #tt-living-hero.tt-home .tt-hero-family>img { transform-origin:50% 100%; }
 #tt-living-hero.tt-home .tt-family-feed { transform:translateY(-50%) rotate(-10deg) translate(6px,50%); }
 #tt-living-hero.tt-home .tt-family-diaper { transform:translateY(-50%) rotate(9deg) translate(-6px,50%); }
 #tt-living-hero.tt-home .tt-greeter { animation:tt-motion-drop 346ms var(--tt-drop-in) 380ms backwards, tt-motion-land var(--tt-bubble-ms) var(--tt-bubble) 726ms, tt-motion-breathe 4.2s ease-in-out calc(726ms + var(--tt-bubble-ms)) infinite; }
 #tt-living-hero.tt-home .tt-family-feed { animation:tt-motion-drop 346ms var(--tt-drop-in) 500ms backwards, tt-motion-land-soft var(--tt-bubble-ms) var(--tt-bubble) 846ms, tt-motion-breathe 4.2s ease-in-out calc(2246ms + var(--tt-bubble-ms)) infinite; }
 #tt-living-hero.tt-home .tt-family-diaper { animation:tt-motion-drop 346ms var(--tt-drop-in) 620ms backwards, tt-motion-land-soft var(--tt-bubble-ms) var(--tt-bubble) 966ms, tt-motion-breathe 4.2s ease-in-out calc(3766ms + var(--tt-bubble-ms)) infinite; }
 #tt-living-hero.tt-home .tt-hero-family::before { animation:tt-motion-rug var(--tt-bubble-ms) var(--tt-bubble) 726ms, tt-motion-rug-soft var(--tt-bubble-ms) var(--tt-bubble) 846ms, tt-motion-rug-soft var(--tt-bubble-ms) var(--tt-bubble) 966ms; }
 #tt-living-hero.tt-home .tt-hello { transform:translate(-50%,8px) rotate(-4deg) scale(.6); transform-origin:0 100%; transition:opacity 140ms ease-out,transform var(--tt-bubble-ms) var(--tt-bubble); }
 #tt-living-hero.tt-home .tt-greeter:hover .tt-hello, #tt-living-hero.tt-home .tt-greeter:focus-visible .tt-hello, #tt-living-hero.tt-home .tt-greeter.tt-saying-hi .tt-hello { transform:translate(-50%,0) rotate(-4deg) scale(1); }
 #tt-living-hero.tt-home .tt-care-chapter img { transform-origin:50% 100%; }
 #tt-living-hero.tt-home .tt-care-chapter:hover img { transform:none; }
 #tt-living-hero.tt-home .tt-care-chapter::before { animation:tt-motion-blob 9s ease-in-out infinite alternate; }
 #tt-living-hero.tt-home .tt-chapter-sleep::before { animation-delay:-3s; }
 #tt-living-hero.tt-home .tt-chapter-diaper::before { animation-delay:-6s; }
 /* Like the snuggle loop, the breathing and backdrop loops pause while their section is off screen.
    The Pebbles' drop and landing keep running, so they always finish arriving. */
 #tt-living-hero.tt-home .tt-hero[data-in-view='false'] .tt-greeter, #tt-living-hero.tt-home .tt-hero[data-in-view='false'] .tt-hero-family>img { animation-play-state:running,running,paused; }
 #tt-living-hero.tt-home .tt-chapter-path[data-in-view='false'] .tt-care-chapter::before { animation-play-state:paused; }
 /* motion.js sets --tt-par from -1 to 1 as a phone scene crosses the viewport. */
 #tt-living-hero.tt-home { --tt-depth:26px; }
 #tt-living-hero.tt-home .tt-story-phone>.tt-device { translate:0 calc(var(--tt-par,0) * var(--tt-depth)); }
 #tt-living-hero.tt-home .tt-reach-watch { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * .6); }
 #tt-living-hero.tt-home .tt-story-phone::before { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * -.35); rotate:calc(var(--tt-par,0) * 3deg); }
 #tt-living-hero.tt-home .tt-shared-phones>.tt-device:nth-child(1) { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * .6); }
 #tt-living-hero.tt-home .tt-shared-phones>.tt-device:nth-child(2) { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * 1.3); }
 #tt-living-hero.tt-home .tt-phone-stage .tt-phone { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * .7); }
 #tt-living-hero.tt-home .tt-friend-feed { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * 2); }
 #tt-living-hero.tt-home .tt-friend-diaper { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * 1.5); }
 #tt-living-hero.tt-home .tt-friend-pair { translate:0 calc(var(--tt-par,0) * var(--tt-depth) * .4); }
 #tt-living-hero.tt-home .tt-playtime figure { position:relative; cursor:pointer; }
 #tt-living-hero.tt-home .tt-playtime img, #tt-living-hero.tt-home .tt-title-pebble { transform-origin:50% 100%; }
 #tt-living-hero.tt-home .tt-home-offer { position:relative; }
 #tt-living-hero.tt-home .tt-action, #tt-living-hero.tt-home .tt-nav-download { transition:background-color 160ms ease-out,scale var(--tt-snappy-ms) var(--tt-snappy); }
 #tt-living-hero.tt-home .tt-action:hover, #tt-living-hero.tt-home .tt-nav-download:hover { scale:1.03; }
 #tt-living-hero.tt-home .tt-action:active, #tt-living-hero.tt-home .tt-nav-download:active { scale:.95; }
}
@keyframes tt-motion-rise { from { opacity:0; translate:0 16px; } }
@keyframes tt-motion-drop { from { opacity:0; translate:0 -48px; scale:.94 1.07; } 30% { opacity:1; } to { translate:0 0; scale:.96 1.05; } }
@keyframes tt-motion-land { from { scale:1.13 .87; } to { scale:1 1; } }
@keyframes tt-motion-land-soft { from { scale:1.09 .91; } to { scale:1 1; } }
@keyframes tt-motion-rug { from { scale:1.035 .86; } to { scale:1 1; } }
@keyframes tt-motion-rug-soft { from { scale:1.025 .9; } to { scale:1 1; } }
@keyframes tt-motion-breathe { 0%,100% { scale:1 1; } 50% { scale:.99 1.03; } }
@keyframes tt-motion-blob { 0% { border-radius:48% 52% 43% 57% / 50% 50% 50% 50%; } 35% { border-radius:55% 45% 52% 48% / 45% 56% 44% 55%; } 70% { border-radius:44% 56% 47% 53% / 56% 45% 55% 44%; } 100% { border-radius:51% 49% 57% 43% / 47% 53% 47% 53%; } }

#tt-living-hero .tt-guide-screenshot { margin:32px 0; padding:24px; background:#fff; border-radius:24px; text-align:center; }
#tt-living-hero .tt-guide-screenshot img { display:block; width:290px; max-width:100%; height:auto; margin:auto; border-radius:16px; }
#tt-living-hero .tt-guide-screenshot figcaption { max-width:440px; margin:16px auto 0; font-size:14px; line-height:1.6; }