[data-approved-home] .approved-step{position:relative;display:block;width:100%;padding:18px 18px 20px;border-radius:18px;cursor:pointer;font:inherit;text-align:left;overflow:hidden;transition:box-shadow .35s,border-color .35s,opacity .35s,background .35s;background:transparent;border:1.5px solid transparent;opacity:.7}
[data-approved-home] .approved-step[aria-pressed=true]{background:var(--surface);border-color:var(--acc);opacity:1;box-shadow:0 24px 50px -32px oklch(.18 .014 250 / .45)}
[data-approved-home] .approved-step-number{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:800;background:var(--acc-s1);color:var(--acc-on)}
[data-approved-home] .approved-step[aria-pressed=true] .approved-step-number{background:var(--acc);color:white}
[data-approved-home] .approved-streak-day{width:40px;height:40px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-4);font-size:13px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:background .18s,transform .18s}
[data-approved-home] .approved-streak-day[aria-pressed=true]{background:linear-gradient(160deg,oklch(.93 .08 75),oklch(.86 .12 50));font-size:17px;border-color:transparent;box-shadow:0 10px 20px -12px oklch(.6 .16 45 / .8)}
[data-approved-home] .approved-streak-task{flex:none;height:34px;padding:0 14px;border-radius:999px;border:none;cursor:pointer;font-size:13px;font-weight:800;background:var(--acc);color:white}
[data-approved-home] .approved-streak-task[aria-pressed=true]{background:var(--acc-s1);color:var(--acc-on)}
[data-approved-home] .approved-dock{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:7px;align-items:flex-end}
[data-approved-home] .approved-dock button{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:5px 6px;border:none;background:transparent;cursor:pointer;font:inherit}
[data-approved-home] .approved-dock button>span:first-child{font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--acc-mid);opacity:0;transition:opacity .2s}
[data-approved-home] .approved-dock button>span:last-child{display:block;border-radius:999px;background:var(--faint);width:7px;height:7px}
[data-approved-home] .approved-dock button[aria-current=location]>span:first-child,[data-approved-home] .approved-dock button:focus-visible>span:first-child{opacity:1}
[data-approved-home] .approved-dock button[aria-current=location]>span:last-child{background:var(--acc);width:10px;height:10px}
[data-approved-home] .qm-do-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-approved-home] [data-public-marquee]:is(:hover,:focus-within)>.approved-marquee-track{animation-play-state:paused!important}
[data-approved-home] .qm-steps-screen video{position:absolute;inset:0}
[data-approved-home] .approved-coming-controls{position:relative;z-index:2}
[data-approved-home] .approved-coming-controls button[aria-pressed=true]{width:26px!important;background:#fff!important}
[data-approved-home] .approved-coming-controls button[aria-pressed=false]{width:8px!important;background:oklch(1 0 0 / .35)!important}
@media(max-width:900px){
 [data-approved-home] .qm-hero{grid-template-columns:1fr!important;padding:56px 28px!important;gap:40px!important;min-height:calc(100svh - 70px)!important;box-sizing:border-box}
 [data-approved-home] .qm-hero h1{font-size:clamp(28px,5vw,44px)!important}
 [data-approved-home] .qm-hero>div:last-child{align-items:center!important;width:100%;min-width:0}
 [data-approved-home] .qm-hero-lap{zoom:1;width:100%!important;max-width:704px;height:auto!important;aspect-ratio:16/10}
 [data-approved-home] .qm-hero>div:last-child>div:first-child{width:100%!important}
 [data-approved-home] .approved-dock{display:none}
 [data-approved-home] #features>div>div:last-child{gap:28px!important}
 [data-approved-home] .qm-steps-screen{zoom:1;width:100%!important;height:auto!important;aspect-ratio:16/10;flex:1 1 100%!important;max-width:736px}
 [data-approved-home] #features h2{white-space:normal!important}
 [data-approved-home] #diff>div>div:last-child{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
 [data-approved-home] #diff>div>div:last-child>div:nth-child(2){padding:20px 14px!important}
}
/* Content remains visible without JavaScript and after navigation cleanup. */
[data-approved-home] .qm-rv{opacity:1;transform:none}
[data-approved-home] .qm-rv[data-public-reveal]{opacity:0;transform:translateY(30px) scale(.985)}
[data-approved-home] .qm-rv[data-public-reveal].qm-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-approved-home] .qm-rv[data-public-reveal]{opacity:1;transform:none}}
[data-approved-home] .approved-comparison-label{display:none}
[data-approved-home] [data-coming-slot='0']>[data-coming-slide]{width:100%;max-width:460px}
@media(max-width:900px){[data-approved-home] .approved-dock{display:none!important}}
/* Phone layouts follow the reading order instead of scaling desktop columns. */
/* Phone-only structures share the existing content and interaction owners. */
[data-approved-home] .approved-step-caption,[data-approved-home] .approved-comparison-vs,[data-approved-home] .approved-sticky-signup{display:none}
@media(max-width:600px){
 [data-approved-home]{--hero-bg:transparent;--hero-text:var(--text);--hero-acc:oklch(.52 .12 178);--hero-badge-bg:oklch(.92 .04 178);--hero-badge-fg:oklch(.4 .1 178);--hero-p:oklch(.42 .012 255);--hero-frame:linear-gradient(160deg,oklch(1 0 0 / .9),oklch(.92 .04 178 / .8));--hero-frame-ring:oklch(.55 .12 178 / .18);--hero-shadow:oklch(.3 .06 190 / .45);--hero-glow:oklch(.8 .1 178 / .45);--hero-cta-bg:var(--acc);--hero-cta-fg:#fff;--hero-cta-edge:oklch(.42 .11 178);--hero-link:oklch(.48 .12 178)}
 [data-approved-home][data-theme=dark]{--hero-bg:radial-gradient(120% 70% at 50% 0%,oklch(.22 .03 200) 0%,oklch(.16 .018 205) 60%),oklch(.16 .018 205);--hero-text:#fff;--hero-acc:oklch(.64 .12 172);--hero-badge-bg:oklch(.3 .06 178 / .7);--hero-badge-fg:oklch(.82 .12 172);--hero-p:oklch(1 0 0 / .8);--hero-frame:linear-gradient(160deg,oklch(1 0 0 / .22),oklch(1 0 0 / .06));--hero-frame-ring:oklch(1 0 0 / .14);--hero-shadow:oklch(.08 .03 200 / .9);--hero-glow:oklch(.62 .13 178 / .4);--hero-cta-bg:oklch(.84 .13 172);--hero-cta-fg:oklch(.2 .04 200);--hero-cta-edge:oklch(.62 .11 175);--hero-link:#fff}
 [data-approved-home] .qm-hero{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch!important;gap:0!important;padding:24px 0 28px!important;margin:0 0 6px!important;min-height:calc(100svh - 57px - env(safe-area-inset-top))!important;box-sizing:border-box;text-align:center;border-radius:0 0 32px 32px;background:var(--hero-bg);overflow:hidden}
 [data-approved-home] .approved-hero-copy{display:contents}
 [data-approved-home] .approved-hero-badge{align-self:center;order:0;padding:7px 15px!important;margin:0 20px 16px!important;background:var(--hero-badge-bg)!important;color:var(--hero-badge-fg)!important;font-weight:800!important;letter-spacing:.01em}
 [data-approved-home] .qm-hero h1{position:relative;order:1;font-size:34px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0 10px!important;color:var(--hero-text)}
 [data-approved-home] .qm-hero h1 span{white-space:normal!important;text-wrap:balance}
 [data-approved-home] .qm-hero h1 span:last-child{color:var(--hero-acc)!important}
 [data-approved-home] .approved-hero-demo{order:2;width:auto!important;box-sizing:border-box;margin:22px 4px 0!important;padding:6px;border-radius:18px;background:var(--hero-frame);box-shadow:0 0 0 1px var(--hero-frame-ring),0 40px 60px -30px var(--hero-shadow),0 0 60px -10px var(--hero-glow)}
 [data-approved-home] .approved-hero-demo>div:first-child{display:none}
 [data-approved-home] .qm-hero-lap{width:100%!important;height:auto!important;aspect-ratio:704/440;border-radius:12px!important;box-shadow:none!important}
 [data-approved-home] .approved-hero-description{position:relative;order:3;font-size:16.5px!important;line-height:1.5!important;color:var(--hero-p)!important;max-width:330px!important;margin:22px auto 18px!important;padding:0 24px;text-wrap:balance}
 [data-approved-home] .approved-hero-actions{order:4;display:block!important;margin:0 24px}
 [data-approved-home] .approved-hero-actions a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:54px;padding:0 16px!important;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:16px!important;font-weight:800!important;background:var(--hero-cta-bg)!important;color:var(--hero-cta-fg)!important;box-shadow:0 4px 0 var(--hero-cta-edge),0 18px 34px -16px var(--hero-glow)}
 [data-approved-home] .approved-hero-free{display:none}
 [data-approved-home] .approved-hero-continue{order:5;display:flex;align-items:center;justify-content:center;min-height:44px;margin:6px 24px 0;font-size:14px;font-weight:700;color:var(--hero-link)}
 [data-approved-home] .qm-hero+section{padding:22px 0!important}
 [data-approved-home] .qm-hero+section h3{font-size:17px!important;line-height:1.4;margin:0 0 18px!important;padding:0 28px!important;text-wrap:balance}
 [data-approved-home] .qm-hero+section .approved-marquee-track{gap:28px!important;animation-duration:26s!important}
 [data-approved-home] .qm-uni-chip{padding:0!important}
 [data-approved-home] .qm-uni-chip>div{width:96px!important;height:40px!important}
 [data-approved-home] #features{padding:14px 20px 18px!important}
 [data-approved-home] #features>div>div:first-child{margin:0 0 16px!important}
 [data-approved-home] h2{font-size:23px!important;line-height:1.15!important;letter-spacing:-.02em!important;text-wrap:balance}
 [data-approved-home] #features h2{margin:0 0 6px!important}
 [data-approved-home] #features>div>div:first-child p{font-size:14.5px!important;line-height:1.45!important}
 [data-approved-home] #features .approved-steps-card{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch!important;padding:14px 14px 20px;border-radius:22px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 26px 50px -34px oklch(.18 .014 250 / .45)}
 [data-approved-home] .qm-steps-screen{order:0;flex:none!important;align-self:center;width:180px!important;max-width:100%;height:364px!important;aspect-ratio:auto;border-radius:18px!important;box-shadow:0 30px 50px -28px oklch(.2 .05 190 / .6)}
 [data-approved-home] .approved-step-tabs{order:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;max-width:none!important;flex:none!important;margin-top:2px}
 [data-approved-home] .approved-step-tabs>div:last-child{display:none!important}
 [data-approved-home] .approved-step{min-height:44px;padding:24px 2px 4px;border:0;border-radius:0;opacity:1;background:none!important;box-shadow:none!important;overflow:visible}
 [data-approved-home] .approved-step::before{content:'';display:block;height:4px;border-radius:999px;background:var(--line);margin-bottom:7px}
 [data-approved-home] .approved-step[aria-pressed=true]::before{background:var(--acc)}
 [data-approved-home] .approved-step>span:first-child{display:none!important}
 [data-approved-home] .approved-step-short{display:block;font-size:12.5px;font-weight:700;color:var(--text-5)}
 [data-approved-home] .approved-step[aria-pressed=true] .approved-step-short{color:var(--acc)}
 [data-approved-home] .approved-step-caption{order:2;display:flex;gap:12px;align-items:center;margin-top:8px;padding:0 2px}
 [data-approved-home] .approved-step-caption>div{flex:1;min-width:0;min-height:52px}
 [data-approved-home] .approved-step-caption strong{display:block;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em;margin-bottom:3px}
 [data-approved-home] .approved-step-caption p{margin:0;font-size:14.5px;line-height:1.45;color:var(--text-3)}
 [data-approved-home] [data-step-next]{flex:none;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--acc);color:#fff;cursor:pointer;box-shadow:0 10px 20px -10px oklch(.4 .12 178 / .8)}
 [data-approved-home] #what-you-can-do{padding:26px 0!important}
 [data-approved-home] #what-you-can-do h2{padding:0 20px;margin:0 0 20px!important}
 [data-approved-home] .qm-do-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 12px;scroll-padding:0 20px;scrollbar-width:none}
 [data-approved-home] .qm-do-card{flex:none;box-sizing:border-box;width:290px;scroll-snap-align:start;padding:10px 10px 18px;border-radius:20px}
 [data-approved-home] .qm-do-shot{height:360px;box-sizing:border-box;padding:16px 0 0;border:0;border-radius:14px;overflow:hidden}
 [data-approved-home] .qm-do-win{height:428px;width:212px;margin:auto;aspect-ratio:auto;border-radius:20px}
 [data-approved-home] .qm-do-body{padding:16px 8px 0}
 [data-approved-home] .qm-do-body h3{font-size:19px;margin:0 0 6px}
 [data-approved-home] .qm-do-body p{font-size:15px;line-height:1.5;margin:0 0 14px}
 [data-approved-home] .qm-do-body>span{font-size:14px}
 [data-approved-home] .approved-swipe-hint{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--text-5);margin:2px 0 0}
 [data-approved-home] #devices{padding:26px 20px!important}
 [data-approved-home] #devices>div{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;text-align:center}
 [data-approved-home] #devices h2{margin-bottom:10px!important}
 [data-approved-home] #devices p{font-size:14.5px!important;line-height:1.45!important}
 [data-approved-home] .qm-dev-stage{zoom:.55;justify-self:center}
 [data-approved-home] #premium{padding:16px 16px 8px!important;margin:0!important}
 [data-approved-home] #premium>div{width:auto!important;margin:0!important;padding:32px 0 26px!important;border-radius:28px!important}
 [data-approved-home] #premium>div>div:first-of-type{width:auto!important;padding:0 18px!important}
 [data-approved-home] #premium h2{font-size:22px!important}
 [data-approved-home] .approved-coming-row{display:flex!important;gap:10px!important;align-items:stretch!important;width:auto!important;padding:0 18px!important;min-height:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 18px;scrollbar-width:none}
 [data-approved-home] .approved-coming-row>[data-coming-slot]{display:none!important}
 [data-approved-home] .approved-coming-card{flex:none;width:284px;box-sizing:border-box;scroll-snap-align:start;padding:14px 14px 20px;border-radius:22px;background:linear-gradient(160deg,oklch(1 0 0 / .1),oklch(1 0 0 / .03));border:1px solid oklch(1 0 0 / .16)}
 [data-approved-home] .approved-coming-card>[data-coming-slide]:first-child{height:150px;overflow:hidden;border-radius:14px;background:oklch(1 0 0 / .05);margin-bottom:18px}
 [data-approved-home] .approved-coming-card>[data-coming-slide]:first-child>div{transform:scale(.64);transform-origin:top left;width:394px!important;max-width:none!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
 [data-approved-home] .approved-coming-card>[data-coming-slide]:last-child>div:first-child{font-size:10px!important;padding:5px 10px!important;margin-bottom:10px!important}
 [data-approved-home] .approved-coming-card h2{font-size:20px!important;line-height:1.18!important;margin-bottom:10px!important}
 [data-approved-home] .approved-coming-card p{font-size:14px!important;line-height:1.5!important}
 [data-approved-home] #testimonials{padding:34px 0 22px!important}
 [data-approved-home] #testimonials>div:first-child{padding:0 20px!important;margin-bottom:18px!important}
 [data-approved-home] #testimonials h2{margin-bottom:10px!important}
 [data-approved-home] #testimonials p{font-size:14.5px!important}
 [data-approved-home] #testimonials .approved-marquee-track{gap:12px!important;animation-duration:32s!important}
 [data-approved-home] #testimonials .approved-marquee-track>div{width:300px!important;box-sizing:border-box;padding:20px!important;border-radius:16px!important}
 [data-approved-home] #testimonials .approved-marquee-track>div>p{font-size:15px!important;line-height:1.55!important}
 [data-approved-home] #diff{padding:26px 20px!important}
 [data-approved-home] #diff>div>div:first-child{margin-bottom:18px!important}
 [data-approved-home] #diff h2{margin-bottom:10px!important}
 [data-approved-home] #diff p{font-size:14.5px!important;line-height:1.45;white-space:normal!important}
 [data-approved-home] #diff .approved-comparison{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch!important}
 [data-approved-home] .approved-comparison>div:first-child{display:none!important}
 [data-approved-home] #diff .approved-comparison-auto{padding:0!important;border-radius:22px!important;overflow:hidden}
 [data-approved-home] .approved-comparison-auto>div:first-child{display:flex;align-items:center;justify-content:space-between;text-align:left!important;padding:14px 18px;margin:0!important;background:var(--acc-s1)}
 [data-approved-home] .approved-comparison-tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--acc);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
 [data-approved-home] .approved-comparison-auto>div:not(:first-child){gap:12px!important;margin:0 18px;padding:14px 0!important;border-radius:0!important}
 [data-approved-home] .approved-comparison-auto>div:not(:first-child)>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:var(--acc-s1);margin-top:0!important}
 [data-approved-home] .approved-comparison-auto>div:not(:first-child)>div{font-size:13.5px!important;line-height:1.4}
 [data-approved-home] .approved-comparison-label{display:block;font-size:11px;font-weight:700;margin-bottom:3px;color:var(--text-4)}
 [data-approved-home] .approved-comparison-vs{display:grid;place-items:center;align-self:center;width:40px;height:40px;margin:-12px 0;position:relative;z-index:1;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:800}
 [data-approved-home] .approved-comparison-manual{margin:0 8px;padding:22px 14px 10px;background:var(--surface-3);border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px}
 [data-approved-home] .approved-comparison-manual>div:first-child{height:auto!important;text-align:center;font-size:13px!important;font-weight:800!important;margin-bottom:8px}
 [data-approved-home] .approved-comparison-manual>div:not(:first-child){gap:12px!important;padding:9px 0!important}
 [data-approved-home] .approved-comparison-manual>div:not(:first-child)>span{width:24px;flex:none;text-align:center}
 [data-approved-home] .approved-comparison-manual>div:not(:first-child)>div{font-size:13.5px!important;line-height:1.4}
 [data-approved-home] #faq{padding:18px 20px 26px!important}
 [data-approved-home] #faq h2{margin:0 0 8px!important}
 [data-approved-home] .approved-faq-list{gap:0}
 [data-approved-home] .approved-faq,[data-approved-home] .approved-faq[open]{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
 [data-approved-home] .approved-faq summary{box-sizing:border-box;min-height:64px;padding:18px 0;font-size:15px}
 [data-approved-home] .approved-faq p{padding:0 36px 20px 0;font-size:15px;line-height:1.6}
 [data-approved-home] #faq+section{padding:16px 16px 0!important}
 [data-approved-home] #faq+section>div{padding:12px 8px!important;gap:18px!important;background:none!important;box-shadow:none!important;overflow:visible!important;text-align:center}
 [data-approved-home] #faq+section>div>span{display:none}
 [data-approved-home] #faq+section h2{color:var(--text)!important}
 [data-approved-home] #faq+section p{color:var(--text-3)!important;font-size:14.5px!important;line-height:1.45!important}
 [data-approved-home] #faq+section a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:var(--acc)!important;color:#fff!important}
 [data-approved-home] .approved-sticky-signup:not([hidden]){display:block;position:fixed;z-index:80;left:0;right:0;bottom:0;padding:6px 12px calc(24px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(transparent,var(--bg))}
 [data-approved-home] .approved-sticky-signup a{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:999px;background:var(--acc);color:#fff;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:16.5px;font-weight:800;box-shadow:0 4px 0 oklch(.42 .11 178),0 16px 30px -12px oklch(.4 .12 178 / .7);pointer-events:auto}
 [data-approved-home]:has(.qm-mobile-nav[open]) .approved-sticky-signup,body:has(.public-auth-overlay:not([hidden])) [data-home-signup]{display:none}
}

.approved-phone-step-preview { display:none; }
@media (max-width:600px) {
  .approved-phone-step-preview:not([hidden]) { display:block; width:100%; height:100%; }
  .approved-phone-step-preview img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
  [data-phone-desktop-only] { display:none !important; }
}

/* #132: keep the existing demo owners inside the supplied iPhone chrome. */
@media (max-width: 600px) {
  [data-approved-home] .qm-steps-screen {
    --demo-island-top: 5px;
    --demo-island-width: 52px;
    --demo-island-height: 15px;
    box-sizing: border-box;
    border: 5px solid var(--demo-phone-bezel) !important;
    border-radius: 30px !important;
    clip-path: inset(-4px round 34px);
    isolation: isolate;
    background: var(--demo-phone-screen) !important;
    box-shadow: var(--demo-phone-ring), 0 30px 50px -28px oklch(.2 .05 190 / .6), 0 0 0 1px oklch(.55 .12 178 / .12) !important;
  }
  [data-approved-home] .qm-steps-screen .approved-phone-step-preview {
    position: absolute;
    left: 0;
    top: 24px;
    width: 100%;
    height: auto;
  }
  [data-approved-home] .qm-steps-screen .approved-phone-step-preview img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  [data-approved-home] .qm-do-win {
    box-sizing: border-box;
    border: 6px solid var(--demo-phone-bezel);
    border-radius: 34px;
    background: var(--demo-phone-bg);
    box-shadow: var(--demo-phone-ring), 0 18px 30px -18px oklch(.18 .014 250 / .55);
  }
  [data-approved-home] .qm-do-win > picture {
    display: block;
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
  }
  [data-approved-home] .qm-do-win img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* #132: source-matched phone Coming Soon typography and comparison treatment. */
@media (max-width: 600px) {
  [data-approved-home] #premium .approved-coming-card h2 {
    font-size: 20px !important;
    line-height: 1.18 !important;
    letter-spacing: -.015em !important;
    margin-bottom: 8px !important;
    text-wrap: balance;
  }
  [data-approved-home] #diff .approved-comparison-auto {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 1.5px oklch(.55 .12 178 / .4), 0 28px 50px -30px oklch(.3 .08 178 / .6) !important;
  }
  [data-approved-home] .approved-comparison-auto > div:first-child {
    gap: 10px;
    background: linear-gradient(120deg, var(--acc-s1), var(--acc-s2));
  }
  [data-approved-home] .approved-comparison-wordmark,
  [data-approved-home] .approved-comparison-glyph {
    display: none;
  }
  [data-approved-home] .approved-comparison-logo {
    display: block;
    height: 24px;
    width: auto;
    filter: var(--logo-filter, none);
  }
  [data-approved-home] .approved-comparison-tag {
    font-size: 11px;
    font-weight: 900;
  }
  [data-approved-home] .approved-comparison-auto > div:not(:first-child) {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center !important;
    margin: 0 14px;
  }
  [data-approved-home] .approved-comparison-auto > div:nth-child(2) {
    border-top: 0 !important;
    padding-top: 16px !important;
  }
  [data-approved-home] .approved-comparison-auto > div:last-child {
    padding-bottom: 20px !important;
  }
  [data-approved-home] .approved-comparison-auto > div:not(:first-child) > span {
    border-radius: 50%;
    background: var(--acc);
    color: #fff !important;
    box-shadow: 0 6px 12px -6px oklch(.4 .12 178 / .8);
  }
  [data-approved-home] .approved-comparison-auto svg,
  [data-approved-home] .approved-comparison-manual svg {
    display: block;
  }
  [data-approved-home] .approved-comparison-auto > div:not(:first-child) > div {
    min-width: 0;
    line-height: 1.35;
    font-weight: 700 !important;
    letter-spacing: -.01em;
  }
  [data-approved-home] .approved-comparison-auto .approved-comparison-label {
    color: var(--acc-on);
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 2px;
  }
  [data-approved-home] .approved-comparison-vs {
    z-index: 2;
    color: var(--text-4);
    box-shadow: 0 8px 18px -10px oklch(.18 .014 250 / .45);
  }
  [data-approved-home] .approved-comparison-manual {
    position: relative;
    z-index: 0;
    background: var(--surface-2);
    border-style: dashed;
  }
  [data-approved-home] .approved-comparison-manual > div:first-child {
    padding-bottom: 4px;
    margin-bottom: 0;
    font-family: 'Qumely Public Plus Jakarta Sans', sans-serif;
    font-size: 14px !important;
    color: var(--text-3) !important;
  }
  [data-approved-home] .approved-comparison-manual > div:not(:first-child) {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center !important;
  }
  [data-approved-home] .approved-comparison-manual > div:not(:first-child) > span {
    display: grid;
    place-items: center;
    height: 24px;
    margin-top: 0 !important;
    border-radius: 50%;
    background: var(--line);
    color: var(--text-4) !important;
  }
  [data-approved-home] .approved-comparison-manual > div:not(:first-child) > div {
    min-width: 0;
    font-size: 13px !important;
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: -.01em;
    color: var(--text-4) !important;
  }
  [data-approved-home] .approved-comparison-manual .approved-comparison-label {
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--text-5);
    margin-bottom: 1px;
  }
}

/* #132 phone atmosphere: dimensions, colors and motion from the supplied Home reference. */
[data-approved-home] .approved-phone-atmo{display:none}
@media(max-width:600px){
 [data-approved-home]{--atmo-bub:1;--atmo-star:0;--atmo-a:oklch(0.82 0.09 178 / 0.42);--atmo-b:oklch(0.87 0.07 205 / 0.34);--atmo-c:oklch(0.88 0.06 165 / 0.3)}
 [data-approved-home][data-theme=dark]{--atmo-bub:0;--atmo-star:1;--atmo-a:oklch(0.66 0.14 178 / 0.3);--atmo-b:oklch(0.6 0.12 205 / 0.22);--atmo-c:oklch(0.62 0.1 168 / 0.14)}
 [data-approved-home]>.qm-atmo{display:none}
 [data-approved-home] .approved-phone-atmo{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
 [data-approved-home] .approved-phone-atmo-glow-a{position:absolute;left:50%;bottom:-40%;width:620px;height:520px;margin-left:-310px;border-radius:50%;background:radial-gradient(closest-side,var(--atmo-a),transparent 78%);animation:qpub-phone-atmo-a 11s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-glow-b{position:absolute;right:-40%;top:-18%;width:380px;height:420px;border-radius:50%;background:radial-gradient(closest-side,var(--atmo-b),transparent 72%);animation:qpub-phone-atmo-b 14s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-glow-c{position:absolute;left:-30%;top:38%;width:300px;height:340px;border-radius:50%;background:radial-gradient(closest-side,var(--atmo-c),transparent 74%);animation:qpub-phone-atmo-c 12s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-bubbles{position:absolute;inset:0;opacity:var(--atmo-bub);transition:opacity .4s}
 [data-approved-home] .approved-phone-atmo-bubble-1{position:absolute;left:2%;top:100%;width:150px;height:150px;border-radius:50%;background:radial-gradient(closest-side,oklch(0.78 0.1 178 / 0.34),transparent 74%);animation:qpub-phone-atmo-rise 15s linear 0s infinite,qpub-phone-atmo-sway 5s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-bubble-2{position:absolute;left:34%;top:100%;width:96px;height:96px;border-radius:50%;background:radial-gradient(closest-side,oklch(0.8 0.08 205 / 0.3),transparent 74%);animation:qpub-phone-atmo-rise 11s linear 1.5s infinite,qpub-phone-atmo-sway 3.6s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-bubble-3{position:absolute;left:58%;top:100%;width:64px;height:64px;border-radius:50%;background:radial-gradient(closest-side,oklch(0.78 0.1 178 / 0.34),transparent 74%);animation:qpub-phone-atmo-rise 8.5s linear 0.6s infinite,qpub-phone-atmo-sway 2.8s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-bubble-4{position:absolute;left:76%;top:100%;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,oklch(0.82 0.07 168 / 0.3),transparent 74%);animation:qpub-phone-atmo-rise 13s linear 3s infinite,qpub-phone-atmo-sway 4.4s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-bubble-5{position:absolute;left:18%;top:100%;width:80px;height:80px;border-radius:50%;background:radial-gradient(closest-side,oklch(0.8 0.08 190 / 0.3),transparent 74%);animation:qpub-phone-atmo-rise 12s linear 6s infinite,qpub-phone-atmo-sway 4s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-stars{position:absolute;inset:0;opacity:var(--atmo-star);transition:opacity .4s}
 [data-approved-home] .approved-phone-atmo-starfield-1{position:absolute;left:0;right:0;top:0;height:200%;background-image:radial-gradient(1.6px 1.6px at 8% 4%,oklch(0.97 0.02 195 / 0.9),transparent 100%),radial-gradient(1.3px 1.3px at 26% 12%,oklch(0.9 0.03 190 / 0.6),transparent 100%),radial-gradient(2px 2px at 44% 7%,oklch(0.98 0.02 195 / 0.85),transparent 100%),radial-gradient(1.4px 1.4px at 62% 15%,oklch(0.92 0.03 190 / 0.7),transparent 100%),radial-gradient(1.7px 1.7px at 80% 5%,oklch(0.97 0.02 195 / 0.8),transparent 100%),radial-gradient(1.2px 1.2px at 94% 18%,oklch(0.9 0.03 190 / 0.6),transparent 100%),radial-gradient(1.5px 1.5px at 16% 30%,oklch(0.96 0.02 195 / 0.75),transparent 100%),radial-gradient(1.3px 1.3px at 52% 34%,oklch(0.9 0.03 190 / 0.55),transparent 100%),radial-gradient(1.8px 1.8px at 72% 27%,oklch(0.97 0.02 195 / 0.8),transparent 100%),radial-gradient(1.2px 1.2px at 34% 44%,oklch(0.9 0.03 190 / 0.5),transparent 100%);background-size:100% 50%;animation:qpub-phone-atmo-hs-up 60s linear infinite,qpub-phone-atmo-twinkle 6s ease-in-out infinite}
 [data-approved-home] .approved-phone-atmo-starfield-2{position:absolute;left:0;right:0;top:0;height:200%;background-image:radial-gradient(1.1px 1.1px at 12% 9%,oklch(0.85 0.04 188 / 0.55),transparent 100%),radial-gradient(1px 1px at 38% 21%,oklch(0.8 0.05 185 / 0.45),transparent 100%),radial-gradient(1.2px 1.2px at 58% 6%,oklch(0.85 0.04 188 / 0.5),transparent 100%),radial-gradient(1px 1px at 88% 26%,oklch(0.8 0.05 185 / 0.4),transparent 100%),radial-gradient(1.1px 1.1px at 68% 40%,oklch(0.85 0.04 188 / 0.45),transparent 100%),radial-gradient(1px 1px at 22% 47%,oklch(0.8 0.05 185 / 0.38),transparent 100%);background-size:100% 50%;animation:qpub-phone-atmo-hs-up 95s linear infinite}
 [data-approved-home] .approved-phone-atmo-shoot-1{position:absolute;top:9%;left:-35%;width:110px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .7));opacity:0;animation:qpub-phone-atmo-shoot 14s linear 0s infinite}
 [data-approved-home] .approved-phone-atmo-shoot-2{position:absolute;top:27%;left:-35%;width:80px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .7));opacity:0;animation:qpub-phone-atmo-shoot 19s linear 5s infinite}
 [data-approved-home] .approved-phone-atmo-shoot-3{position:absolute;top:46%;left:-35%;width:130px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .7));opacity:0;animation:qpub-phone-atmo-shoot 17s linear 9s infinite}
 [data-approved-home] .approved-phone-atmo-shoot-4{position:absolute;top:64%;left:-35%;width:95px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .7));opacity:0;animation:qpub-phone-atmo-shoot 23s linear 3s infinite}
 [data-approved-home] .approved-phone-atmo-shoot-5{position:absolute;top:80%;left:-35%;width:120px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(0.92 0.03 190 / .7));opacity:0;animation:qpub-phone-atmo-shoot 21s linear 12s infinite}
@keyframes qpub-phone-atmo-rise{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}12%{opacity:1}80%{opacity:1}100%{transform:translate3d(0,-1050px,0) scale(1.15);opacity:0}}
@keyframes qpub-phone-atmo-sway{0%,100%{margin-left:0}50%{margin-left:30px}}
@keyframes qpub-phone-atmo-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,-30px,0) scale(1.08)}}
@keyframes qpub-phone-atmo-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-26px,40px,0) scale(1.12)}}
@keyframes qpub-phone-atmo-c{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-46px,0) scale(1.1)}}
@keyframes qpub-phone-atmo-hs-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes qpub-phone-atmo-shoot{0%{opacity:0;transform:translate3d(0,0,0) rotate(18deg)}8%{opacity:.9}88%{opacity:.9}100%{opacity:0;transform:translate3d(560px,180px,0) rotate(18deg)}}
@keyframes qpub-phone-atmo-twinkle{0%,100%{opacity:.5}50%{opacity:1}}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){
 [data-approved-home] .approved-phone-atmo,[data-approved-home] .approved-phone-atmo *{animation:none!important;transition:none!important}
}

/* #132: the reference progress track and Bao share the demo clock. */
[data-approved-home] .approved-phone-step-progress { display: none; }
@media (max-width: 600px) {
  [data-approved-home] .approved-step::before { display: none; }
  [data-approved-home] .approved-phone-step-progress {
    display: block;
    position: relative;
    height: 4px;
    border-radius: 999px;
    margin-bottom: 7px;
    background: var(--line);
  }
  [data-approved-home] .approved-phone-step-fill {
    display: block;
    height: 100%;
    width: var(--phone-step-progress, 0%);
    border-radius: inherit;
    background: var(--acc);
  }
  [data-approved-home] .approved-phone-step-bao {
    display: none;
    position: absolute;
    bottom: 3px;
    left: var(--phone-step-progress, 0%);
    width: 22px;
    height: auto;
    margin-left: -11px;
    pointer-events: none;
    transform-origin: 50% 100%;
    animation: qpub-phone-bao-dance .8s ease-in-out infinite;
    animation-play-state: paused;
  }
  [data-approved-home] .approved-step[aria-pressed=true] .approved-phone-step-bao { display: block; }
  [data-approved-home] .approved-step[data-phone-step-running=true] .approved-phone-step-bao { animation-play-state: running; }
  [data-approved-home][data-theme=dark] .approved-phone-step-bao { filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 5px rgba(160,255,230,.55)); }
  @keyframes qpub-phone-bao-dance {
    0%, 100% { transform: translateY(0) rotate(-10deg); }
    25%, 75% { transform: translateY(-4px) rotate(0deg); }
    50% { transform: translateY(0) rotate(10deg); }
  }
}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  [data-approved-home] .approved-phone-step-bao { animation: none; }
}

@media (max-width: 600px) {
  [data-approved-home] .approved-phone-demo-pointer {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 30px;
    pointer-events: none;
    transform-origin: 10px 3px;
    transition: left .35s cubic-bezier(.3,.7,.2,1), top .35s cubic-bezier(.3,.7,.2,1), opacity .2s, transform .12s;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,.35));
  }
  [data-approved-home] .approved-phone-demo-pointer[data-pressed=true] { transform: scale(.86); }
  [data-approved-home] .approved-phone-demo-ripple {
    position: absolute;
    left: -1px;
    top: -8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(20,184,166,.5);
    transition: transform .22s, opacity .22s;
    transform: scale(.4);
    opacity: 0;
  }
  [data-approved-home] .approved-phone-demo-pointer[data-pressed=true] .approved-phone-demo-ripple { transform: scale(1.4); opacity: 1; }
}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  [data-approved-home] .approved-phone-demo-pointer,
  [data-approved-home] .approved-phone-demo-ripple { transition: none; }
}

@media (max-width: 600px) {
  [data-approved-home] #diff .approved-comparison > .approved-comparison-auto.qm-hv { padding: 0 !important; }
  [data-approved-home] .approved-phone-demo-overlay {
    position: absolute;
    left: 0;
    top: 24px;
    width: 100%;
    aspect-ratio: 393 / 760;
    z-index: 3;
    pointer-events: none;
  }
}