/* Match App: .system(weight: .black, design: .rounded).
   Apple uses native rounded system glyphs; other platforms use their available fallback. */
:root{--paper:#f8f5ec;--ink:#20251b;--green:#c9f64b;--muted:#66695e;--line:#e1e1d4}
body{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}
h1,h2,h3,.phone-name,.widget-body b,.mini-person strong{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:900;letter-spacing:-.025em}
p{letter-spacing:.015em}h2{line-height:1.35}.nav{padding-top:24px;padding-bottom:24px}.nav .wordmark{width:190px;height:42px}.nav nav{gap:12px}.nav nav a{padding:12px 16px;border-radius:25px;font-weight:650}.nav nav a:hover{background:#e9edda;text-decoration:none}.nav nav a:last-child{background:#e9edda;box-shadow:inset 2px 2px 4px #fff9,inset -2px -3px 6px #bcc5a670}
.button{font-weight:750;border:1px solid #b5dc45;background:linear-gradient(150deg,#daff77,#c9f64b 52%,#b6dd39);box-shadow:inset 2px 3px 4px #f5ffc3,inset -2px -4px 6px #85ab2c50,0 6px 0 #94b82c,0 12px 19px #627a2020;transition:transform .18s,box-shadow .18s;min-height:52px;text-align:center}
.button:hover{background:#d4fc67;transform:translateY(-2px);box-shadow:inset 2px 3px 4px #f5ffc3,0 8px 0 #94b82c,0 15px 22px #627a2020}.button:active{transform:translateY(3px);box-shadow:inset 2px 3px 4px #f5ffc3,0 2px 0 #94b82c}.button.secondary{background:#f8f7ef;border-color:#dedfd2;box-shadow:inset 2px 3px 5px white,inset -3px -4px 6px #dddccb,0 5px 0 #d5d6c8}.text-link{font-weight:600;text-decoration-thickness:1px}
.film-hero{gap:64px;padding:30px 60px 50px;grid-template-columns:1.2fr .8fr}.film-intro>.pill{border:0;background:#e9edda;font-size:12px;padding:10px 15px;box-shadow:inset 1px 2px 3px #fff,inset -2px -3px 5px #b3bd9938}.film-intro h1{font-size:clamp(64px,6.9vw,92px);font-weight:900;letter-spacing:-.025em;line-height:1.24;margin:26px 0 24px}.highlight{display:inline-block;isolation:isolate;background:none;position:relative;padding:0 .1em;margin-left:.025em;transform:rotate(-3deg)}.highlight:before{content:"";position:absolute;z-index:-1;inset:8% -2% 0;background:linear-gradient(150deg,#dbff83,#c9f64b 65%,#aed232);border-radius:26% 28% 23% 20% / 30% 38% 27% 35%;box-shadow:inset 3px 4px 5px #efffac,inset -3px -5px 7px #89b42860,0 5px 0 #b4d948}
.film-lede{font-size:20px;line-height:1.85;margin-bottom:0;font-weight:500}.film-intro .actions{margin-top:8px;gap:22px}.film-intro .actions .button{font-size:15px}.film-friend{display:flex;align-items:center;gap:17px;margin-top:36px}.film-friend img{width:100px;height:105px;object-fit:contain;filter:drop-shadow(0 10px 6px #353a191a);transform:rotate(-8deg)}.film-friend p{font-size:14px;line-height:1.8;font-weight:600;margin:0;color:#525849}.brand-film{max-width:350px}.film-frame{background:#252a20;padding:12px;border-radius:38px;border:1px solid #454b3c;box-shadow:inset 4px 4px 6px #65705b,inset -5px -5px 8px #12160f,0 13px 0 #d8dbcb,0 27px 38px #2836161d}.film-frame video{border-radius:27px}.brand-film figcaption{margin-top:26px;font-weight:650}.brand-film small{font-weight:400}.film-context{border:0;gap:18px;padding-bottom:45px}.film-context>span{font-weight:600;font-size:14px}.film-context p{margin-top:9px}
.why{position:relative;background:#242a20;color:#faf9ef;border-radius:48px;margin:0 36px 65px;padding:58px 38px 60px;box-shadow:inset 2px 3px 5px #5a624c,inset -3px -4px 8px #11170d}.why h2{font-size:40px}.why>.eyebrow{color:#c9f64b;letter-spacing:.05em}.why>p:not(.eyebrow){color:#c0c8b7;font-size:16px}.memory-strip{margin-top:30px;gap:16px}.memory-strip span{font-weight:600;padding:18px 22px;color:#252a20;background:#f4f0e5;box-shadow:inset 2px 3px 3px #fff,inset -2px -4px 5px #b8b5a370,0 6px 0 #12190d;border-radius:20px 24px 22px 9px}.memory-strip span:nth-child(2){background:#d4f76d}.memory-strip span:nth-child(3){transform:rotate(-1deg)}
.experience>.section-heading h2{font-size:44px;max-width:650px;margin:0 auto 16px}.feature-row{padding:40px 0 65px;gap:65px}.feature-copy h2{font-size:38px}.feature-copy p{font-size:16px}.feature-num{display:inline-flex;align-items:center;gap:13px;font-size:15px;color:#525d40;font-weight:650;letter-spacing:0}.feature-num img{width:52px;height:52px;object-fit:contain}.feature-copy .example{border:0;padding:0;color:#67714f;font-size:14px}.visual{border-radius:40px;box-shadow:inset 3px 3px 6px #fff8,inset -4px -5px 9px #a5aa8624}.visual-notes{background:#e9ecd9}.visual-reminder{background:#d6ef85}.visual-person{background:#dadbcb}.widget-demo{border:2px solid #fff;box-shadow:inset 3px 4px 5px #fff,inset -3px -4px 6px #dedac7,0 15px 0 #8d9d4540,0 30px 32px #3f551e20}.phone-demo{box-shadow:inset -2px -3px 6px #dcdccf,0 12px 0 #b1b6a1,0 23px 33px #28361622}.motion-extras summary{font-weight:750}.editorial-scene{border-radius:40px}.editorial-scene h2{font-weight:900}.join-section{margin:0 36px 65px;padding:45px 40px;background:#e9edda;border-radius:38px;box-shadow:inset 3px 3px 6px #fff8,inset -4px -5px 9px #a5aa8624}.join-section h2{font-size:34px}.join-section .eyebrow{display:none}
.doc-head h1{font-weight:900}.scan-box{box-shadow:inset 3px 3px 6px #fff8,inset -4px -5px 9px #a5aa8624}.doc h2{font-weight:800}.doc p,.doc li{letter-spacing:0}.doc-head .button{margin-bottom:7px}
@media(max-width:1050px) and (min-width:801px){.film-hero{padding-left:36px;padding-right:36px;gap:30px}.film-intro h1{font-size:68px}.film-intro .actions{gap:14px}.film-intro .actions .button{font-size:13px}.film-friend{margin-top:26px}.feature-copy h2{font-size:32px}}
@media(max-width:800px){.nav{padding:20px 24px}.nav .wordmark{width:145px;height:32px}.nav nav{gap:4px}.nav nav a{padding:10px;font-size:12px}.film-hero{grid-template-columns:1fr;padding:24px 24px 34px;gap:34px}.film-intro h1{font-size:clamp(48px,12vw,68px);margin:22px 0;line-height:1.28}.film-lede{font-size:17px}.film-friend{justify-content:center;margin-top:23px}.film-friend img{width:65px;height:70px}.film-friend p{font-size:12px;text-align:left}.film-intro .actions{gap:18px;justify-content:center}.film-intro .actions .button{font-size:14px}.brand-film{max-width:330px}.film-frame{padding:10px}.why{margin:0 20px 40px;padding:35px 22px 40px;border-radius:32px}.why h2{font-size:28px}.why>p:not(.eyebrow){font-size:14px}.memory-strip{gap:14px}.memory-strip span{font-size:12px;padding:15px}.experience>.section-heading h2{font-size:32px;max-width:380px}.feature-copy h2{font-size:30px}.feature-row{gap:25px;padding:20px 0 50px}.feature-num img{width:43px;height:43px}.feature-copy p{font-size:15px}.visual{border-radius:32px}.film-context>span{font-size:11px}.film-context{gap:9px;margin:0 24px;padding-bottom:30px}.film-context p{font-size:10px}.join-section{display:block;margin:0 20px 45px;padding:28px 24px}.join-section h2{font-size:28px}.join-actions{align-items:stretch;gap:24px}.join-actions .button{justify-content:center}.editorial-scene{border-radius:30px}}
@media(max-width:440px){.nav nav a:first-child{display:none}.nav .wordmark{width:130px}.nav nav a{padding:9px 8px}.film-intro .actions{gap:13px}.film-intro .actions .text-link{font-size:12px}.film-intro .actions .button{padding:15px 18px;font-size:13px}.film-lede{font-size:16px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}
/* Life stories: App characters carry the situations; open editorial rows keep the reading light. */
.film-intro h1{font-size:clamp(56px,6.1vw,78px)}
.film-lede{font-size:18px}.film-friend p{max-width:290px}
.life-stories{padding:45px 60px 60px;background:#efefdf;border-radius:40px;margin:0 36px 70px;box-shadow:inset 2px 3px 6px #fff9,inset -3px -4px 7px #bdc3a333}
.stories-heading{text-align:center;margin:10px auto 35px;max-width:720px}.stories-heading h2{font-size:46px;margin:0 0 20px}.stories-heading p{color:#5c6252;font-size:17px;line-height:1.9}
.life-story{display:grid;grid-template-columns:150px minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;padding:42px 0}.life-story+.life-story{border-top:1px solid #cfd3bf}.story-person{text-align:center;align-self:end;position:relative}.story-person:before{content:"";position:absolute;bottom:33px;left:0;right:0;height:23px;border-radius:50%;background:#c9f64b45}.story-person img{position:relative;width:150px;height:230px;object-fit:contain;display:block}.story-person span{display:block;margin-top:12px;font-size:12px;font-weight:650;color:#626951}
.story-copy h3{font-size:27px;line-height:1.55;margin:0 0 15px}.story-copy p,.story-help p{font-size:14px;line-height:1.95;color:#606655;margin:0}.story-payoff{display:block;font-size:15px;line-height:1.9;margin-top:18px;color:#343f24}.story-help{padding:22px 24px;background:#faf9f1;border-radius:25px 28px 28px 8px;box-shadow:inset 2px 3px 4px #fff,inset -2px -3px 5px #d5d7c055,0 5px 0 #d6dcc0}.story-help img{object-fit:contain}.story-help h4{font-size:16px;line-height:1.6;margin:10px 0;font-weight:750}.story-help a{display:inline-block;margin-top:16px;font-size:12px;line-height:1.7;font-weight:700;color:#445e22}.stories-footnote{text-align:center;color:#707661;font-size:11px;line-height:1.8;margin:22px 0 0}
@media(max-width:1050px){.life-stories{padding:35px 30px 45px}.life-story{gap:22px;grid-template-columns:115px minmax(0,1fr) minmax(0,1fr)}.story-person img{width:115px;height:210px}.story-copy h3{font-size:23px}.story-help{padding:20px}.story-copy p br{display:none}}
@media(max-width:800px){.film-intro h1{font-size:clamp(44px,10.8vw,64px)}.film-lede{font-size:16px}.life-stories{margin:0 20px 45px;padding:30px 24px 35px;border-radius:30px}.stories-heading{margin:8px 0 0}.stories-heading h2{font-size:30px}.stories-heading p{font-size:14px}.life-story{grid-template-columns:84px minmax(0,1fr);gap:18px;padding:32px 0}.story-person{align-self:center}.story-person img{width:84px;height:168px}.story-person span{font-size:10px;line-height:1.6}.story-copy h3{font-size:21px;margin-bottom:12px}.story-copy p{font-size:13px}.story-payoff{font-size:13px;margin-top:12px}.story-help{grid-column:1 / -1;padding:19px 21px}.story-help img{width:40px;height:40px;float:left;margin-right:12px}.story-help h4{margin:7px 0 17px;font-size:15px;min-height:28px}.story-help p{clear:both}.stories-footnote{text-align:left;font-size:10px;margin-top:0}}
@media(max-width:380px){.life-stories{padding-left:18px;padding-right:18px}.life-story{grid-template-columns:64px minmax(0,1fr);gap:14px}.story-person img{width:64px;height:155px}.story-copy h3{font-size:19px}.film-lede br{display:none}}