/* Approved mock exemptions: three type families, 24px cards, rounded cards and pills. */
:root{--ground:#f9f9f7;--paper:#fff;--panel:#f4f4f2;--strong:#eeeeec;--ink:#1a1c1b;--muted:#444748;--yellow:#ffe247;--margin:32px;--radius:24px;--body:16px;--title:clamp(36px,3.6vw,56px);color:var(--ink);background:var(--ground);font-family:'Be Vietnam Pro',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:24px var(--margin);gap:24px}header a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.04em}nav{display:flex;gap:28px;font-family:'Be Vietnam Pro',sans-serif;font-weight:500;font-size:16px}.hero{margin:0 var(--margin);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;min-height:650px}.words{padding:36px 0;position:relative;z-index:2}h1{font-size:var(--title);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:700;text-wrap:balance}.body-copy{font-size:18px;line-height:1.6;max-width:52ch;margin:32px 0 24px}.availability{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:20px;line-height:1.5;margin:0 0 20px}.how-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-weight:600;font-size:16px}.requirements{font-size:16px;line-height:1.6;max-width:52ch;margin:24px 0 0;color:var(--muted)}.scene{position:relative;width:100%;height:650px;margin:0}.screen{width:100%;height:auto;display:block}.picture,.paper{position:absolute;background:var(--paper);padding:12px;overflow:hidden}.cat{position:absolute;height:auto;z-index:4;pointer-events:none}.bubble{position:absolute;z-index:5;width:260px}.bubble-art{display:block;width:100%;height:auto}.bubble p{position:absolute;top:15%;left:16%;right:13%;margin:0;text-align:center;font-family:'Patrick Hand',cursive;font-size:23px;line-height:1.2;transform:rotate(-2deg)}figcaption{position:absolute;bottom:16px;left:24px;right:24px;font-size:14px;line-height:1.5;color:var(--muted);text-align:center}.capture-note{margin:28px var(--margin) 0;padding:24px 32px;background:var(--panel);border-radius:var(--radius)}.capture-note p{font-size:16px;line-height:1.6;margin:0;max-width:100ch}footer{margin:28px var(--margin);font-size:14px;line-height:1.6;color:var(--muted);max-width:100ch}

/* The approved desk supplies the hero; these are its other sheets and open guides. */
:root{--section-gap:144px}
html{scroll-behavior:auto}img{max-width:100%}p,li{line-height:1.6}h2,h3{line-height:1.2;letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(32px,3.4vw,48px);margin:0 0 32px;max-width:31ch}h3{font-size:24px;margin:0 0 20px}p{font-size:16px;margin:0 0 24px;max-width:65ch}section{scroll-margin-top:24px}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--paper);padding:16px}.skip-link:focus{top:12px}nav{flex-wrap:wrap}.bank-glyph img{display:block;border-radius:8px}
.text-link{display:inline-flex;min-height:48px;align-items:center;font-weight:600}
.speech{position:relative;width:340px;max-width:100%}.speech p{position:absolute;top:15%;left:16%;right:13%;font:22px/1.2 'Patrick Hand',cursive;text-align:center;transform:rotate(-2deg);margin:0}

/* Broad fields separate the chapters; cards belong to the app and plan comparison. */
.redesign{--page-width:1320px;--ground:#fff;--strong:#fff;--gallery-ground:#fff;--gallery-shadow:126 104 42;background:var(--ground)}
.redesign main{max-width:none}
.redesign header{padding:18px max(40px,calc((100vw - 1240px)/2));background:var(--yellow);gap:32px}
.redesign header nav{gap:32px}
.redesign .wordmark{font-size:22px}
.attention{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:40px;background:var(--yellow);padding:48px max(40px,calc((100vw - 1240px)/2)) 80px;border-radius:0 0 64px 64px}
.hero-heading{min-width:0}
.redesign h1{font-size:clamp(64px,6.7vw,96px);line-height:1.2;letter-spacing:-.06em;margin:0}
.hero-summary{font-size:20px;line-height:1.6;max-width:46ch;margin:28px 0 0;text-wrap:pretty}
.hero-art{margin:0;min-width:0}
.hero-mascot{display:block;width:100%;height:auto}
.chapter{max-width:var(--page-width);margin:128px auto;padding:0 40px}
.chapter h2,.privacy-story h2{font-size:clamp(42px,4.8vw,68px);line-height:1.2;letter-spacing:-.05em;max-width:none;margin:0 0 32px}
.chapter h3,.privacy-story h3{font-size:28px;line-height:1.25;letter-spacing:-.04em;margin:0 0 24px}
.section-intro{font-size:20px;line-height:1.6;max-width:54ch;margin:0 0 56px}
.privacy-story{padding:128px 40px;background:var(--paper)}
.privacy-inner{max-width:1040px;margin:auto}
.privacy-story h2{max-width:1000px}
.privacy-lead{max-width:45ch}
.privacy-body{font-size:18px;line-height:1.6;max-width:57ch;margin:0}
.bank-privacy{margin-top:48px}
.bank-privacy p{font-size:18px;line-height:1.6;max-width:56ch;margin:0 0 12px}
.fit-note{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px}
.fit-note p{font-size:16px;line-height:1.6;max-width:55ch;margin:0}
.fit-note .text-link{flex-shrink:0}
.redesign .pricing-story{max-width:none;margin:0 0 96px;padding:104px max(40px,calc((100vw - 1240px)/2)) 112px;background:var(--strong);border-radius:64px}
.trial-copy{font-size:20px;line-height:1.6;max-width:60ch;margin:0 0 48px}
.pricing-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan-sheet{border:1px solid rgb(26 28 27 / .20);background:var(--paper);padding:32px;border-radius:24px;min-width:0;box-shadow:0 24px 26px -6px rgb(var(--plan-shadow,26 28 27) / .55),0 8px 10px -2px rgb(var(--plan-shadow,26 28 27) / .35)}
.plan-free    { background: #fffffb; --plan-shadow: 151 147 122; }
.plan-monthly { background: #ffefad; --plan-shadow: 217 183 69; }
.plan-yearly  { background: rgb(255, 219, 40); --plan-shadow: 232 192 0; }
.plan-heading{display:grid;grid-template-rows:34px 80px;gap:16px;padding-bottom:24px;border-bottom:1px solid rgb(26 28 27 / .18)}
.plan-sheet h3{font-size:26px;margin:0}
.plan-price{font:700 clamp(28px,2.4vw,36px)/1.2 'Be Vietnam Pro',sans-serif;letter-spacing:-.045em;margin:0;font-variant-numeric:tabular-nums}
.plan-sheet ul{margin:32px 0 0;padding-left:20px}
.plan-sheet li{font-size:16px;line-height:1.6;padding:0 0 20px 4px}
.plan-sheet li:last-child{padding-bottom:0}
.renewal-note{font-size:16px;margin:24px 0 0}
.plan-details{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px}
.plan-details p{font-size:16px;line-height:1.6;max-width:60ch;margin:0}
@media(min-width:1600px){.redesign .closing-section{max-width:1536px;margin-inline:auto}}
@media(max-width:1050px){
 .redesign header{padding-inline:32px}.redesign header nav{gap:20px}.attention{padding:40px 32px 64px;gap:24px}.redesign h1{font-size:clamp(48px,6.6vw,72px)}.hero-summary{font-size:18px}
 .chapter{padding-inline:32px;margin-block:104px}.privacy-story{padding:104px 32px}.fit-note{flex-direction:column;align-items:start;gap:8px}
 .redesign .pricing-story{padding:88px 32px 96px}.pricing-row{gap:16px}.plan-sheet{padding:24px}.plan-details{gap:32px}
}
@media(max-width:800px){
 .redesign header nav{font-size:14px;gap:8px 20px}.redesign .wordmark{font-size:19px}
 .attention{grid-template-columns:minmax(0,1fr);gap:24px}.redesign h1{font-size:clamp(40px,8vw,64px)}.hero-summary{max-width:46ch}.hero-art{width:350px;max-width:75%;justify-self:center}
 .pricing-row{grid-template-columns:1fr;gap:24px;max-width:600px;margin:auto}.plan-heading{grid-template-rows:auto auto;gap:16px}.plan-price{font-size:36px}.plan-sheet{padding:32px}.plan-details{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
 .redesign header{padding:16px 20px;align-items:start;gap:16px}.redesign header nav{max-width:54%;gap:0 16px;justify-content:flex-end}.redesign .wordmark{font-size:17px}
 .attention{padding:24px 20px 40px;gap:28px;border-radius:0 0 32px 32px}.redesign h1{font-size:clamp(34px,9.7vw,58px);line-height:1.2;letter-spacing:-.055em}.hero-summary{font-size:16px;line-height:1.6;margin:20px 0 0}.hero-art{width:310px;max-width:95%}
 .chapter{margin-block:80px;padding-inline:20px}.chapter h2,.privacy-story h2{font-size:34px;line-height:1.2;margin-bottom:24px}.chapter h3,.privacy-story h3{font-size:24px;line-height:1.25}.section-intro,.trial-copy{font-size:16px;line-height:1.6;margin-bottom:32px}
 .privacy-story{padding:80px 20px}.privacy-body,.bank-privacy p{font-size:16px}.bank-privacy{margin-top:32px}.fit-note{margin-top:32px}.fit-note p{font-size:16px}
 .redesign .pricing-story{padding:64px 20px 72px;border-radius:32px;margin-bottom:64px}.plan-sheet{padding:28px 24px}.plan-price{font-size:32px}.plan-sheet h3{font-size:26px}.renewal-note{line-height:1.6;margin-top:24px}.plan-details{margin-top:32px}
}
@media(max-width:360px){.redesign h1{font-size:32px}.chapter h2,.privacy-story h2{font-size:29px}.plan-price{font-size:28px}}
@media(min-width:801px){
 .redesign header{position:absolute;inset:0 0 auto;z-index:1}
 .attention{min-height:100dvh;padding-top:128px}
}
.redesign :is(.attention,.insights,.pricing-story,.closing-section){border-radius:0}

/* Each desktop scene gets a complete viewport; smaller screens follow reading order. */
.redesign header{padding-block:16px}
.redesign header nav{margin-left:auto;max-width:none}
.language-switch{display:flex;flex-shrink:0;border:1px solid rgb(26 28 27 / .24);border-radius:999px;padding:3px;font:600 14px/1 'Be Vietnam Pro',sans-serif}
.language-switch a{justify-content:center;min-width:44px;min-height:44px;border-radius:999px}
.language-switch [aria-current=page]{background:var(--ink);color:var(--yellow)}
.screen-scene{max-width:none;margin:0;min-height:100dvh;padding:52px max(40px,calc((100vw - 1240px)/2));display:grid;align-content:center;scroll-margin-top:0}
.scene-inner{width:100%;max-width:1240px;margin:auto}
.screen-scene h2{margin-bottom:32px}
.capture-story .section-intro{margin-bottom:28px;max-width:58ch;font-size:18px}
.capture-sequence{display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:40px;align-items:center}
.capture-sequence figure{margin:0;min-width:0}
.bank-fragment img{display:block;width:100%;height:auto;border-radius:24px}
.chooser-fragment>img{display:block;width:auto;max-width:100%;height:min(46dvh,440px);object-fit:contain;border-radius:44px;margin-inline:auto}
.capture-sequence img{padding:8px;border:1px solid rgb(126 104 42 / .12);background:var(--paper);box-shadow:0 24px 48px -20px rgb(126 104 42 / .24),0 6px 16px -8px rgb(126 104 42 / .18)}
.immediate-arrow{text-align:center}
.immediate-arrow strong{display:inline-block;background:var(--yellow);padding:4px 10px;font:700 24px/1.4 'Be Vietnam Pro',sans-serif;letter-spacing:-.03em;white-space:nowrap}
.immediate-arrow svg{display:block;width:100%;height:36px;margin-top:16px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.capture-chapter{background:var(--paper);padding-top:clamp(32px,5vw,72px);scroll-margin-top:0}
.review-followup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;max-width:1080px;width:100%;margin:auto}
.review-scene{position:relative;width:100%;max-width:440px;aspect-ratio:20/23;margin:0}
.review-stack{position:absolute;inset:0 0 auto;height:63%}
.review-card{position:absolute;display:block;height:auto;border:6px solid var(--panel);border-radius:18px}
.review-first{width:65%;left:0;top:18%;transform:rotate(-7deg);z-index:2}
.review-second{width:60%;right:0;top:0;transform:rotate(7deg);z-index:1}
.review-unreadable{width:65%;right:1%;top:47%;transform:rotate(2deg);z-index:3}
.review-mascot{position:absolute;bottom:0;left:18%;display:block;width:65%;height:auto}
.review-followup p{font-size:18px;line-height:1.6;max-width:40ch;margin:0}
.review-followup .manual-note{font-weight:600;margin-top:24px}
.redesign .insights{background:var(--gallery-ground)}
.redesign .analysis-story{background:var(--gallery-ground)}
.insights h2{text-align:center}
.gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;min-height:min(62dvh,560px);grid-auto-flow:dense}
.gallery figure{margin:0;min-width:0}
.gallery img{display:block;width:100%;height:auto}
.gallery-shot{width:100%;max-width:320px;justify-self:center;overflow:hidden;border-radius:24px}
.dashboard-gallery .gallery-left{transform:translateY(-16px) rotate(-2deg)}
.dashboard-gallery .gallery-right{transform:translateY(16px) rotate(2deg)}
.gallery-center{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}
.total-shot{width:100%;max-width:420px;overflow:hidden;border-radius:24px}
.gallery .gallery-mascot{position:relative;z-index:1;width:calc(100% + 48px);max-width:none;height:min(40dvh,360px);object-fit:contain}
@media(min-width:801px){
 .redesign .insights{min-height:125dvh}
 .dashboard-gallery{isolation:isolate}
 .dashboard-gallery :is(.gallery-shot,.total-shot){position:relative;z-index:2}
 .dashboard-gallery .gallery-mascot{transform:scale(1.4);transform-origin:50% 65%}
}
.analysis-gallery .gallery-left{align-self:center;transform:rotate(-2deg)}
.analysis-gallery .gallery-right{max-width:330px;transform:rotate(2deg)}
.averages-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.averages-pair figure{overflow:hidden;border-radius:20px}
.gallery-shot,.total-shot,.averages-pair figure{padding:8px;background:var(--paper);border:1px solid rgb(68 71 72 / .1);box-shadow:0 28px 60px -22px rgb(var(--gallery-shadow) / .32),0 8px 20px -10px rgb(var(--gallery-shadow) / .24)}
.gallery :is(.gallery-shot,.total-shot,.averages-pair figure)>img{border-radius:16px}
.averages-pair figure{padding:6px}
.privacy-point{display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;align-items:start}
.privacy-arrow{font:500 32px/1.1 'Be Vietnam Pro',sans-serif;color:var(--ink)}
.redesign .site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 64px;align-items:end;max-width:none;margin:80px max(var(--margin),calc((100vw - 1240px)/2)) 32px;padding-top:40px;border-top:1px solid rgb(68 71 72 / .16)}
.redesign .footer-name{font-family:'Be Vietnam Pro',sans-serif;font-size:clamp(72px,14vw,180px);font-weight:500;letter-spacing:-.075em;line-height:1.1;white-space:nowrap;color:var(--ink);width:fit-content}
.redesign .footer-links{display:flex;flex-direction:column;align-items:start;gap:0;margin:0;min-width:180px}
.redesign .site-footer>p{grid-column:1/-1;margin:0;max-width:75ch}
@media(min-width:801px) and (max-height:800px){.screen-scene{padding-block:36px}}
@media(max-width:1050px){
 .redesign header{gap:24px}.redesign header nav{gap:20px}
 .screen-scene{padding-inline:32px}.screen-scene h2{font-size:clamp(40px,4.8vw,60px)}
 .capture-sequence{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);gap:24px}.immediate-arrow strong{font-size:20px}
 .review-followup{gap:48px}.gallery{gap:24px}.gallery .gallery-mascot{width:calc(100% + 24px)}
}
@media(max-width:800px){
 .redesign header{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}
 .redesign header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;margin:0;font-size:14px;gap:16px}
 .language-switch{grid-column:2;grid-row:1}.language-switch a{min-height:44px}
 .screen-scene{min-height:0;padding-block:80px}.screen-scene h2{font-size:42px}
 .capture-sequence{grid-template-columns:1fr;gap:32px;max-width:540px;margin:auto}
 .bank-fragment{width:100%}.chooser-fragment{width:100%;max-width:440px;justify-self:center}.chooser-fragment>img{height:auto;width:100%}
 .immediate-arrow{display:flex;align-items:center;gap:24px;justify-content:center}.immediate-arrow svg{width:90px;height:40px;transform:rotate(90deg);margin:0}.immediate-arrow strong{font-size:24px}
 .review-followup{gap:32px}.review-followup p{font-size:16px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:32px;max-width:640px;margin:auto;align-items:start}
 .gallery-center{grid-column:1/-1;grid-row:1;max-width:440px;width:100%;justify-self:center;gap:24px}
 .gallery-shot{max-width:320px}.gallery .gallery-shot{transform:none}.gallery .gallery-mascot{width:100%;height:auto}
 .insights h2{margin-bottom:48px}
}
@media(max-width:600px){
 .redesign header{padding:16px 20px}.redesign header nav{gap:12px;font-size:13px}
 .screen-scene{padding:64px 20px}.screen-scene h2{font-size:34px;text-align:left;margin-bottom:24px}
 .capture-story .section-intro{font-size:16px;margin-bottom:32px}.capture-sequence{gap:28px}
 .bank-fragment img{border-radius:16px}.chooser-fragment>img{border-radius:16px}
 .capture-sequence img{padding:6px}
 .review-followup{grid-template-columns:1fr;gap:32px}.review-scene{max-width:390px;margin:auto}.review-followup>div{max-width:390px;margin:auto}.review-card{border-radius:12px}
 .gallery{grid-template-columns:1fr;gap:32px}.gallery-center{grid-column:auto;max-width:420px}.gallery-shot,.analysis-gallery .gallery-right{max-width:390px}.gallery-shot{border-radius:16px}
 .total-shot{border-radius:18px}.averages-pair figure{border-radius:16px}
 .gallery-shot,.total-shot{padding:6px}.averages-pair figure{padding:4px}.gallery :is(.gallery-shot,.total-shot,.averages-pair figure)>img{border-radius:12px}
 .privacy-point{grid-template-columns:24px minmax(0,1fr);gap:12px}.privacy-arrow{font-size:24px;line-height:1.25}
 .redesign .site-footer{grid-template-columns:1fr;gap:24px;margin-top:48px;padding-top:32px}.redesign .footer-links{flex-direction:row;flex-wrap:wrap;gap:0 20px;min-width:0}.insights h2{margin-bottom:40px}
}
@media(max-width:360px){.screen-scene h2{font-size:29px}.redesign header nav{font-size:12px;gap:8px}}

/* The selected compositions share one measure and the same yellow/white rhythm. */
.redesign header .wordmark{font:800 34px/1 'Be Vietnam Pro',sans-serif;letter-spacing:-.075em}
.redesign .attention{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px;padding:120px max(40px,calc((100vw - 1240px)/2)) 32px}
.redesign .attention h1{font-size:clamp(64px,7.4vw,112px);line-height:1.12;font-weight:800;letter-spacing:-.06em;text-wrap:initial}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;min-height:0}
.hero-copy{align-self:center}.hero-copy .hero-summary{margin:0;max-width:42ch;font-size:19px}
.hero-action{display:inline-flex;align-items:center;gap:32px;padding:16px 24px;margin-top:28px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:700;min-height:56px}.hero-action [aria-hidden]{font-size:28px;line-height:1}.hero-action:hover{background:#353732}
.redesign .hero-art{width:100%;height:100%;min-height:0;max-width:none;justify-self:center;display:flex;align-items:center;justify-content:center}
.redesign .hero-mascot{width:100%;height:100%;max-height:46dvh;object-fit:contain}
.combined-privacy .wrap{max-width:1240px;margin:auto}.combined-privacy .privacy-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.combined-privacy h2{font-weight:800;max-width:none;margin:0;font-size:clamp(40px,4.6vw,68px)}
.combined-privacy .text-link{flex-shrink:0;text-decoration:underline;white-space:nowrap;font-weight:500}
.privacy-facts{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:80px}.privacy-facts h3{font-size:30px;font-weight:800;max-width:28ch;margin-bottom:28px}.privacy-facts p{font-size:18px;line-height:1.6;margin:0;max-width:54ch}
.compatibility{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:88px;padding:24px 0}.compatibility p{margin:0;font-size:16px;max-width:none}.compatibility a{text-decoration:underline;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.combined-closing{background:var(--yellow);padding:104px max(40px,calc((100vw - 1240px)/2)) 64px;text-align:center}.combined-closing h2{font-size:clamp(40px,4.8vw,68px);max-width:none;margin:0 0 24px}.combined-closing>.availability{margin:0 auto;font:20px/1.6 'Be Vietnam Pro',sans-serif}
.closing-art{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;max-width:820px;margin:32px auto 24px}.combined-closing .speech{width:100%;max-width:none;align-self:start;margin-top:20px}.combined-closing .speech::before{content:none}.speech-outline{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.combined-closing .speech p{inset:22% 18% 25% 9%;font:clamp(20px,2vw,28px)/1.25 'Patrick Hand',cursive;display:flex;align-items:center;justify-content:center;transform:none;margin:0}.closing-cat{display:block;width:100%;height:auto}.combined-closing .back{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline}
.combined-footer{padding:64px max(40px,calc((100vw - 1240px)/2)) 32px;background:var(--paper)}.combined-footer a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.combined-footer .footer-logo{display:block;text-align:center;font:800 clamp(100px,23vw,340px)/1.15 'Be Vietnam Pro',sans-serif;letter-spacing:-.085em;text-decoration-thickness:3px;text-underline-offset:16px;padding-bottom:48px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.footer-bottom nav{font:500 16px/1.6 'Be Vietnam Pro',sans-serif;gap:32px}.footer-bottom nav a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom p{margin:0;max-width:60ch;font-size:14px}
@media(min-width:801px){.redesign .attention{min-height:100dvh}}
@media(min-width:801px) and (max-height:800px){.redesign .attention{padding-top:104px;padding-bottom:24px}.redesign .attention h1{font-size:clamp(60px,7vw,96px)}.hero-copy .hero-summary{font-size:18px}.hero-action{margin-top:20px}.redesign .hero-mascot{max-height:44dvh}}
@media(max-width:1050px){.redesign .attention{padding-inline:32px}.hero-bottom{gap:32px}.combined-privacy .privacy-intro{display:block}.combined-privacy .privacy-intro .text-link{margin-top:24px}.privacy-facts{gap:40px}.compatibility{flex-wrap:wrap}.combined-closing,.combined-footer{padding-inline:32px}.footer-bottom{gap:32px}}
@media(max-width:800px){.redesign .attention{padding-top:40px;padding-bottom:48px;grid-template-rows:auto auto;gap:32px}.redesign .attention h1{font-size:clamp(40px,8vw,64px)}.hero-bottom{grid-template-columns:1fr;gap:32px}.hero-copy .hero-summary{font-size:18px;max-width:48ch}.redesign .hero-mascot{height:auto;max-height:340px;width:auto;max-width:100%}.redesign .hero-art{height:auto}.privacy-facts{margin-top:32px;gap:32px}.privacy-facts h3{font-size:26px}.privacy-facts p{font-size:16px}.compatibility{margin-top:32px}.combined-closing{padding-top:80px}.combined-footer .footer-logo{padding-bottom:40px}.footer-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.redesign header .wordmark{font-size:28px}.redesign .attention{padding:32px 20px 40px}.redesign .attention h1{font-size:clamp(32px,8.7vw,48px)}.hero-copy .hero-summary{font-size:16px}.hero-action{font-size:14px;padding:14px 20px;margin-top:24px}.redesign .hero-mascot{max-height:280px}.combined-privacy h2{font-size:34px}.privacy-facts{grid-template-columns:1fr;gap:40px}.privacy-facts h3{font-size:24px;margin-bottom:20px}.compatibility{margin-top:40px;padding:0}.compatibility p{font-size:14px}.combined-closing{padding:64px 20px 40px}.combined-closing h2{font-size:34px}.combined-closing>.availability{font-size:16px}.closing-art{gap:4px;grid-template-columns:1.15fr 1fr;margin-top:32px}.combined-closing .speech{margin-top:0}.combined-closing .speech p{font-size:clamp(12px,3.7vw,20px)}.combined-footer{padding:40px 20px 24px}.combined-footer .footer-logo{font-size:24vw;text-underline-offset:10px;text-decoration-thickness:2px;padding-bottom:32px}.footer-bottom nav{gap:20px;font-size:14px}.footer-bottom p{font-size:13px}}
.combined-footer{max-width:none;margin:0;color:var(--ink)}

@media(max-width:600px){.combined-closing .speech-outline{height:160px}.combined-closing .speech p{font-size:16px}.closing-art{align-items:center}}

.combined-footer .footer-logo{ text-decoration-thickness:.035em;text-underline-offset:.015em;text-decoration-skip-ink:auto}
@media(min-width:801px){
 .redesign .pricing-story{min-height:100dvh;margin:0;padding-block:40px;display:flex;flex-direction:column;justify-content:center}
 .pricing-story h2{font-size:48px;line-height:1.15;margin-bottom:24px}.pricing-story .trial-copy{font-size:16px;margin-bottom:28px;max-width:70ch}
 .pricing-row{width:100%}.plan-sheet{padding:24px}.plan-heading{grid-template-rows:minmax(32px,auto) minmax(54px,auto);gap:12px;padding-bottom:20px}.plan-price{font-size:30px}.plan-sheet h3{font-size:24px}.plan-sheet ul{margin-top:20px}.plan-sheet li{font-size:15px;padding-bottom:12px}
}
@media(min-width:801px) and (max-width:1050px){.pricing-story h2{font-size:44px}.plan-sheet{padding:20px}.plan-price{font-size:26px}.plan-sheet li{font-size:14px}}
@media(max-width:800px){.redesign .pricing-story{margin-bottom:0}}
@media(max-width:600px){.redesign .attention h1{font-size:clamp(30px,8vw,46px)}}

/* Inset yellow fields leave a white seam while every chapter keeps the same text edge. */
.redesign{--page-gutter:max(40px,calc((100vw - 1240px)/2));--field-inset:24px;--field-radius:0px}
.redesign :is(.screen-scene,.privacy-story,.pricing-story,.combined-closing,.combined-footer){padding-inline:var(--page-gutter)}
.redesign :is(.dashboard-story,.combined-privacy){background:var(--yellow);margin-inline:var(--field-inset);padding-inline:calc(var(--page-gutter) - var(--field-inset));border-radius:var(--field-radius)}
.redesign :is(.chapter,.privacy-story,.combined-closing) h2{font-size:clamp(40px,4.45vw,64px);font-weight:800;line-height:1.2;letter-spacing:-.045em}
.redesign .attention h1{font-size:clamp(60px,7.1vw,104px);line-height:1.16;letter-spacing:-.05em}
.hero-copy .hero-summary{max-width:38ch;line-height:1.65}
.hero-action{border-radius:12px;gap:28px}
.hero-action:active{transform:translateY(1px)}
.hero-action:focus-visible{outline-offset:6px}
.capture-chapter{padding-top:0}
.redesign .capture-story{min-height:0;padding-top:112px;padding-bottom:88px}
.redesign .review-story{min-height:0;padding-top:88px;padding-bottom:120px}
.capture-story .section-intro{max-width:52ch;margin-bottom:40px;text-wrap:pretty}
.review-followup{max-width:1120px;gap:96px}
.review-followup h2{margin-bottom:28px}
.review-followup p{max-width:36ch}
.redesign .insights{padding-block:100px}
.insights h2{margin-bottom:64px}
.gallery-shot,.total-shot,.averages-pair figure{box-shadow:0 22px 40px -24px rgb(var(--gallery-shadow) / .28),0 4px 12px -8px rgb(var(--gallery-shadow) / .18)}
.combined-privacy{padding-block:64px}
.combined-privacy .privacy-intro{align-items:start}
.redesign .combined-privacy h2{font-size:clamp(34px,3.4vw,48px);max-width:none}
.combined-privacy .text-link{margin-top:8px;gap:8px}
.privacy-facts{margin-top:32px;gap:48px}
.privacy-facts h3{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin-bottom:16px;max-width:none}
.privacy-facts p{font-size:16px;max-width:52ch}
@media(min-width:601px){
 .combined-privacy .privacy-facts{row-gap:16px}
 .privacy-facts article{display:grid;grid-row:span 2;grid-template-rows:subgrid}
 .combined-privacy .privacy-facts h3{margin-bottom:0}
}
.compatibility{margin-top:32px;padding:24px 0 0;border-top:1px solid rgb(26 28 27 / .18)}
.redesign .pricing-story{padding-block:64px}
.redesign .pricing-story h2{font-size:48px;margin-bottom:24px}
.pricing-story .trial-copy{max-width:72ch;line-height:1.65}
.plan-heading{grid-template-rows:minmax(32px,auto) minmax(60px,auto)}
.plan-sheet li{line-height:1.65}
.combined-closing{padding-top:100px;padding-bottom:64px;border-radius:var(--field-radius) var(--field-radius) 0 0}
.closing-art{margin-top:40px;margin-bottom:32px}
.combined-footer{padding-top:48px}
.combined-footer .footer-logo{padding-bottom:56px}
.footer-bottom{align-items:start}
.footer-bottom p{line-height:1.7}
@media(min-width:801px) and (max-height:800px){
 .redesign .attention h1{font-size:clamp(56px,6.8vw,94px)}
 .redesign .pricing-story{padding-block:40px}
 .redesign .pricing-story h2{font-size:44px}
}
@media(min-width:801px) and (max-width:1100px){
 .redesign{--page-gutter:32px;--field-inset:16px;--field-radius:0px}
 .redesign header nav{gap:20px}
 .hero-copy .hero-summary{font-size:18px}
 .review-followup{gap:48px}
 .privacy-facts{gap:40px}
 .privacy-facts h3{font-size:24px}
 .plan-price{font-size:25px}
}
@media(max-width:800px){
 .redesign{--page-gutter:32px;--field-inset:16px;--field-radius:0px}
 .redesign .attention h1{font-size:clamp(40px,7.8vw,64px)}
 .redesign :is(.chapter,.privacy-story,.combined-closing) h2{font-size:42px}
 .redesign .capture-story{padding-top:80px;padding-bottom:64px}
 .redesign .review-story{padding-top:64px;padding-bottom:88px}
 .review-followup{gap:40px}
 .redesign .insights{padding-block:88px}
 .insights h2{margin-bottom:48px}
 .combined-privacy{padding-block:56px}
 .combined-privacy .text-link{margin-top:20px}
 .privacy-facts{margin-top:32px;gap:32px}
 .privacy-facts h3{font-size:24px}
 .compatibility{margin-top:32px}
 .redesign .pricing-story{padding-block:80px}
 .redesign .pricing-story h2{font-size:42px}
 .plan-heading{grid-template-rows:auto auto}
 .combined-closing{padding-top:80px}
 .combined-footer .footer-logo{padding-bottom:40px}
}
@media(max-width:600px){
 .redesign{--page-gutter:20px;--field-inset:0px;--field-radius:0px}
 .redesign header nav{font-size:13px;gap:12px}
 .redesign .attention h1{font-size:clamp(29px,7.7vw,46px);line-height:1.22;letter-spacing:-.045em}
 .redesign :is(.chapter,.privacy-story,.combined-closing) h2,.redesign .pricing-story h2{font-size:34px;line-height:1.25;letter-spacing:-.04em}
 .hero-copy .hero-summary{max-width:38ch}
 .hero-action{gap:24px}
 .redesign .capture-story{padding-top:72px;padding-bottom:48px}
 .capture-story .section-intro{margin-bottom:32px}
 .redesign .review-story{padding-top:48px;padding-bottom:80px}
 .review-followup{gap:24px}
 .review-followup h2{margin-bottom:24px}
 .redesign .insights{padding-block:72px}
 .insights h2{margin-bottom:40px}
 .combined-privacy{padding-block:48px}
 .privacy-facts{gap:28px;margin-top:28px}
 .privacy-facts h3{font-size:22px;max-width:none;margin-bottom:12px}
 .compatibility{margin-top:28px;gap:16px}
 .compatibility p{line-height:1.8}
 .redesign .pricing-story{padding-block:72px}
 .plan-sheet{padding:28px 24px}
 .combined-closing{padding-top:72px;padding-bottom:40px}
 .closing-art{margin-top:32px;margin-bottom:24px}
 .combined-footer{padding-top:32px}
 .combined-footer .footer-logo{padding-bottom:32px}
}
@media(max-width:360px){
 .redesign header nav{font-size:12px;gap:8px}
 .redesign :is(.chapter,.privacy-story,.combined-closing) h2,.redesign .pricing-story h2{font-size:30px}
}

/* The divider and fire-lit shadows follow the owner's requested scene treatment. */
.redesign{font-family:'Be Vietnam Pro',sans-serif}
.redesign nav{font-family:'Be Vietnam Pro',sans-serif}
.redesign :is(.review-story,.capture-story){position:relative}
.redesign .review-story::before,.redesign .capture-story::after{content:'';position:absolute;top:0;left:var(--page-gutter);right:var(--page-gutter);height:1px;background:rgb(26 28 27 / .18)}
.redesign .capture-story::after{top:auto;bottom:0}
.redesign .dashboard-story{background:#fffbf0;margin-inline:0;padding-inline:var(--page-gutter)}
.dashboard-gallery :is(.gallery-shot,.total-shot){--fire-x:0px;box-shadow:var(--fire-x) 22px 44px -14px rgb(218 109 32 / .42),0 5px 16px -6px rgb(218 109 32 / .24)}
.dashboard-gallery .gallery-left{--fire-x:18px}
.dashboard-gallery .gallery-right{--fire-x:-18px}
.privacy-links{display:flex;align-items:center;gap:28px;font-family:inherit;font-weight:inherit;flex-wrap:wrap;flex-shrink:0}
.combined-privacy .compatibility{flex-direction:column;align-items:flex-start;gap:16px}
.combined-privacy .privacy-links .text-link{margin:0}
@media(min-width:801px){
 .redesign .combined-closing{scroll-margin-top:0;min-height:58dvh;padding-block:32px 12px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;justify-items:center;gap:12px}
 .redesign .combined-closing h2{font-size:clamp(40px,4vw,56px);margin:0}
 .combined-closing>.availability{font-size:18px}
 .combined-closing .closing-art{height:100%;min-height:0;width:min(820px,100%);max-width:none;gap:32px;margin:0}
 .combined-closing .closing-cat{width:100%;height:100%;min-height:0;object-fit:contain}
 .combined-closing .speech{max-width:340px;align-self:center;margin:0;justify-self:end}
 .combined-closing .speech p{font-size:24px}
 .combined-closing .back{min-height:44px}
 .redesign .combined-footer{min-height:34dvh;padding-block:12px 20px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
 .combined-footer .footer-logo{width:100%;font-size:clamp(96px,min(16vw,18dvh),200px);line-height:1.08;padding-bottom:8px}
 .combined-footer .footer-bottom{width:min(1440px,calc(100vw - 80px));align-self:center;grid-template-columns:minmax(0,1fr) max-content;gap:40px;margin-top:24px}
 .combined-footer .footer-bottom nav{font-size:14px;gap:24px}
 .combined-footer .footer-bottom p{font-size:12px;justify-self:end}
}
@media(min-width:1000px){.combined-footer .footer-bottom p{max-width:none;white-space:nowrap}}
@media(max-width:800px){.privacy-links{gap:20px}}
@media(max-width:600px){.privacy-links{gap:20px;width:100%}.privacy-links a{font-size:14px}}

/* The complete trademark credit wraps within the approved footer. */
.combined-footer .footer-bottom p{max-width:58ch;white-space:normal}
::selection{background:var(--ink);color:var(--yellow)}


.insight-story,.insight-stage{display:contents}
@media(prefers-reduced-motion:no-preference){
 .motion-ready{--ease-out:cubic-bezier(.23,1,.32,1)}
 .motion-ready .scroll-reveal{opacity:0;transform:translateY(48px);transition:opacity 650ms var(--ease-out),transform 650ms var(--ease-out)}
 .motion-ready .scroll-enter{opacity:1;transform:none}
 .motion-ready .insight-story{display:block;position:relative;height:300svh}
 .motion-ready .insight-stage{display:block;position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#fffbf0}
 .motion-ready .insight-stage .insights{position:absolute;inset:0;min-height:0;height:100%;padding-block:32px;display:grid;align-content:center}
 .motion-ready .insight-stage .scene-inner{max-width:1240px}
 .motion-ready .insight-stage h2{margin-bottom:32px}
 .motion-ready .insight-stage .gallery{min-height:0}
 .motion-ready .insight-stage .gallery-shot{max-height:55svh}
 .motion-ready .insight-stage .gallery-shot img{max-height:52svh;object-fit:contain}
 .motion-ready .insight-stage .gallery-mascot{height:32svh}
 .motion-ready .insight-stage .total-shot{max-width:360px}
 .motion-ready .insight-stage .analysis-story{background:#fff;pointer-events:none}
 .motion-ready .dashboard-story .scene-inner{opacity:0}
 .motion-ready .budget-arrived .dashboard-story .scene-inner{opacity:1}
 /* Individual transforms compose with the scroll-driven fly-out transforms. */
 .motion-ready .budget-arrived .dashboard-story .gallery-mascot{transform-origin:50% 70%;animation:budget-burst 1600ms linear both}
 .motion-ready .budget-arrived .dashboard-story .gallery-left{--burst-x:32px;--burst-y:16px;animation:budget-card 1600ms 200ms var(--ease-out) both}
 .motion-ready .budget-arrived .dashboard-story .total-shot{--burst-x:0px;--burst-y:24px;animation:budget-card 1600ms 120ms var(--ease-out) both}
 .motion-ready .budget-arrived .dashboard-story .gallery-right{--burst-x:-32px;--burst-y:16px;animation:budget-card 1600ms 280ms var(--ease-out) both}
 .motion-ready .budget-departing .dashboard-story :is(.gallery-mascot,.gallery-left,.total-shot,.gallery-right){animation:none}
 @keyframes budget-burst{
  0%{scale:.72;rotate:-4deg;animation-timing-function:cubic-bezier(.32,.72,0,1)}
  55%{scale:1.08;rotate:1deg;animation-timing-function:cubic-bezier(.23,1,.32,1)}
  100%{scale:1;rotate:0deg}
 }
 @keyframes budget-card{
  from{translate:var(--burst-x) var(--burst-y);scale:.96}
  to{translate:0 0;scale:1}
 }
 @media(min-width:801px){
  .motion-ready .plan-sheet:nth-child(2){transition-delay:240ms}
  .motion-ready .plan-sheet:nth-child(3){transition-delay:480ms}
  .motion-ready .capture-sequence>:nth-child(2){transition-delay:80ms}
  .motion-ready .capture-sequence>:nth-child(3){transition-delay:160ms}
 }
 @media(max-width:800px){
  .motion-ready .insight-stage .insights{padding:24px 20px}
  .motion-ready .insight-stage h2{font-size:clamp(26px,7vw,38px);margin-bottom:24px;text-align:center}
  .motion-ready .insight-stage .gallery{grid-template-columns:1fr 1fr;gap:16px;align-items:center;max-width:500px}
  .motion-ready .insight-stage .gallery-center{grid-column:1/-1;grid-row:1;max-width:300px;gap:8px}
  .motion-ready .insight-stage .gallery-mascot{height:23svh;width:100%;object-fit:contain}
  .motion-ready .insight-stage .total-shot{max-width:240px}
  .motion-ready .insight-stage .total-shot img{max-height:16svh;object-fit:contain}
  .motion-ready .insight-stage .gallery-shot{max-height:26svh;padding:4px;border-radius:16px}
  .motion-ready .insight-stage .gallery-shot img{max-height:24svh;object-fit:contain}
  .motion-ready .insight-stage .averages-pair img{max-height:14svh;object-fit:contain}
 }
}

@media(prefers-reduced-motion:no-preference){
 .motion-ready .plan-sheet.scroll-reveal{transition-duration:1200ms}
 @media(min-width:801px){.motion-ready .insight-story{height:260svh}}
 @media(max-width:800px){.motion-ready .plan-sheet.scroll-reveal{transition-duration:1000ms;transition-delay:0ms}}
}

/* Editable copy and larger text must grow their containers, including the speech art. */
[data-slot], .scene-inner, .hero-copy { min-width: 0; overflow-wrap: anywhere; }
.combined-closing .speech { display: grid; }
.combined-closing .speech-outline { grid-area: 1 / 1; height: 100%; min-height: 160px; }
.combined-closing .speech p { grid-area: 1 / 1; position: relative; inset: auto; padding: 36px 18% 40px 9%; }
@media (max-width: 800px) {
 .redesign header { display: flex; flex-wrap: wrap; }
 .redesign header nav { order: 1; flex-basis: 100%; }
 .language-switch { margin-left: auto; }
}
@media (max-width: 800px) {
 .capture-sequence { grid-template-columns: minmax(0, 1fr); }
 .immediate-arrow { flex-wrap: wrap; }
 .immediate-arrow strong, .privacy-links a { white-space: normal; }
}
.combined-privacy .privacy-links a { white-space: normal; min-width: 0; flex-shrink: 1; }

/* Keep every overlay in the coordinate space of its original screenshot. */
.usp-stage{--usp-content-shift:0svh;--usp-phone-width:min(25vw,calc(73svh * 924 / 1912),440px);position:relative;height:100svh;min-height:100svh;background:#fff;isolation:isolate;overflow:hidden}
.usp-phone{position:absolute;z-index:2;top:calc(24% - var(--usp-content-shift));left:50%;transform:translateX(-50%);width:var(--usp-phone-width);aspect-ratio:924/1912;margin:0}
.usp-bank,.usp-final,.usp-card-layer{position:absolute;inset:0}
.usp-card-layer{z-index:3}
.usp-bank{display:none}
.usp-base,.usp-final-base{display:block;width:100%;height:100%;border-radius:12% / 6%}
/* The floating card replaces the baked-in row, avoiding two overlapping expense labels. */
.usp-final-base{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,4.11% 46.61%,4.11% 57.95%,96.1% 57.95%,96.1% 46.61%,4.11% 46.61%,0 0)}
.usp-component{position:absolute;top:7%;left:1.73%;width:96.54%;height:auto;box-shadow:0 12px 24px -12px rgb(26 28 27 / .28);border-radius:9% / 10%}
.usp-notification{left:.65%;width:98.7%;border-radius:6% / 25%}
.usp-shopping{position:absolute;box-sizing:content-box;left:calc(4.11% - 3px);top:calc(46.61% - 3px);width:91.99%;height:auto;border-radius:7% / 28%;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fff7b2,#efc941 55%,#ffe990) border-box;transform-origin:center top;transform:scale(1.08);box-shadow:0 0px 22px 0px rgb(244 215 90 / .65),0 8px 18px rgb(255 235 151 / .8)}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .usp-story{height:500svh;position:relative}
 .motion-ready .usp-stage{position:sticky;top:0;height:100svh;overflow:hidden}
 .motion-ready .usp-bank{display:block}
}

.usp-heading{position:absolute;z-index:3;top:6.5%;left:4%;right:4%;text-align:center}
.usp-heading h2{margin:0;font-size:clamp(32px,4.2vw,88px);font-weight:800;line-height:1.18;letter-spacing:-.04em;text-wrap:balance}
.usp-heading p{margin:12px 0 0;font-size:clamp(16px,1.7vw,34px);line-height:1.45;color:#4d5559}
.usp-words{position:absolute;inset:0;z-index:0;pointer-events:none}
.usp-word{position:absolute;top:calc(32% - var(--usp-content-shift));height:29%;overflow:visible}
.usp-word text{font:700 270px 'Oswald',sans-serif;letter-spacing:-.02em}
.usp-word-left{left:4%;width:calc(46% - var(--usp-phone-width) * .5 + 12px);fill:#ffe044}
.usp-word-right{right:4%;width:calc(46% - var(--usp-phone-width) * .5 + 12px);fill:#e7e7e3}
.usp-underline{position:absolute;top:calc(54% - var(--usp-content-shift));right:4%;width:18%;height:4%;overflow:visible}
.usp-underline path{stroke:#ffe044;stroke-width:15;stroke-linecap:round}
.usp-phone::before{content:'';position:absolute;inset:0;background:#fff;border-radius:12% / 6%;box-shadow:0 24px 56px -12px rgb(26 28 27 / .30),0 6px 16px -6px rgb(26 28 27 / .24)}
.usp-frame{position:absolute;z-index:2;left:-33.49%;top:-4.36%;width:166.98%;max-width:none;height:108.73%;pointer-events:none}
.usp-mascot,.usp-mascot-hand{position:absolute;z-index:1;left:calc(50% + var(--usp-phone-width) * .334);bottom:calc(5% + var(--usp-content-shift));width:calc(var(--usp-phone-width) * .58);height:auto;pointer-events:none}
.usp-mascot-hand{z-index:4;clip-path:polygon(26% 63.9%,28.4% 63.9%,30.5% 65%,32.5% 66.8%,33.1% 69.3%,32.9% 75.5%,30.3% 78.5%,28.4% 79.3%,25.4% 78.6%,23.5% 77.2%,22.3% 75.3%,22% 73.5%,22.5% 71.8%,23% 71.1%,22% 69.6%,21.8% 68%,22.4% 66.4%,23.6% 65.1%,25% 64.4%)}
.usp-callout{position:absolute;z-index:3;font-size:clamp(16px,1.5vw,30px);font-weight:700;line-height:1.45}
.usp-callout p{margin:0;font-size:inherit;line-height:inherit}
.usp-callout svg{position:absolute;bottom:calc(100% + 4px);height:auto;overflow:visible}
.usp-callout path{stroke:#d9d9d6;stroke-width:2}
.usp-callout-left{top:calc(71% - var(--usp-content-shift));left:23.5%;max-width:20%}
.usp-callout-left svg{left:0;width:calc(var(--usp-phone-width) * .8)}
.usp-callout-left circle{fill:#1a1c1b}
.usp-callout-right{top:calc(64% - var(--usp-content-shift));left:71%;max-width:25%}
.usp-callout-right svg{right:calc(100% + 12px);bottom:calc(100% - 21px);width:calc(var(--usp-phone-width) * .5)}
.usp-callout-right circle{fill:#ffe044}
@media(max-width:800px){
 .usp-stage{--usp-phone-width:min(60vw,calc(58svh * 924 / 1912))}
 .usp-heading{top:5%;left:6%;right:6%}
 .usp-heading h2{font-size:clamp(28px,6.8vw,44px)}
 .usp-heading p{font-size:15px;max-width:30ch;margin:12px auto 0}
 .usp-word{top:calc(19% - var(--usp-content-shift));height:15%}
 .usp-word-left{left:4%;width:46%}
 .usp-word-right{right:4%;width:45%}
 .usp-underline{top:calc(30% - var(--usp-content-shift));right:5%;width:23%;height:2%}
 .usp-phone{top:calc(32% - var(--usp-content-shift))}
 .usp-mascot,.usp-mascot-hand{bottom:calc(11% + var(--usp-content-shift))}
 .usp-callout{top:calc(92% - var(--usp-content-shift));font-size:14px;line-height:1.4;max-width:42%}
 .usp-callout-left{left:7%}
 .usp-callout-right{left:58%}
 .usp-callout svg{display:none}
}

.usp-stage:not(:has(.usp-heading p)){--usp-content-shift:4svh}