:root{
  --page:#EEF2F7;--page-ink:#17224A;--page-mist:rgba(23,34,74,.62);--page-faint:rgba(23,34,74,.44);--page-line:rgba(15,24,52,.12);--page-card:#FFFFFF;
  --navy-0:#071431;--navy-1:#081736;--navy-2:#0A1226;
  --hero-ink:#F2F8F6;--hero-mist:rgba(234,244,239,.72);--hero-faint:rgba(234,244,239,.5);
  --mint:#6FD4D0;--mint-deep:#0F7F7B;--amber:#D98E2B;--amber-ink:#F0B457;--pine:#1D3EA0;--dk-line:rgba(160,196,232,.16);
  --display:"Schibsted Grotesk","Schibsted Grotesk Fallback","Segoe UI",system-ui,-apple-system,sans-serif;
  --body:"Schibsted Grotesk","Schibsted Grotesk Fallback","Segoe UI",system-ui,-apple-system,sans-serif;
  --wrap:1180px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--page:#0D1220;--page-ink:#E8EEF7;--page-mist:rgba(232,238,247,.66);--page-faint:rgba(232,238,247,.44);--page-line:rgba(160,196,232,.16);--page-card:#151B2B}}
:root[data-theme="dark"]{--page:#0D1220;--page-ink:#E8EEF7;--page-mist:rgba(232,238,247,.66);--page-faint:rgba(232,238,247,.44);--page-line:rgba(160,196,232,.16);--page-card:#151B2B}

*{box-sizing:border-box}
body{background:var(--page);color:var(--page-ink);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sheet{padding:40px 0 14px}
.eyebrow{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--page-faint);margin:0 0 10px}
.sheet h1{font-family:var(--display);font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.028em;line-height:1.1;margin:0 0 10px;text-wrap:balance}
.lede{margin:0;max-width:66ch;color:var(--page-mist);font-size:16px}
.rev{margin:14px 0 0;padding:12px 16px;border-radius:9px;background:var(--page-card);border:1px solid var(--page-line);font-size:14px;color:var(--page-mist);max-width:72ch}
.rev b{color:var(--page-ink);font-weight:600}
.framerow{display:flex;flex-direction:column;gap:14px;margin:34px 0 0}
.framehead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.framehead h2{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.012em;margin:0}
.framehead .note{color:var(--page-mist);font-size:13.5px;margin:0}
.chip{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:rgba(15,127,123,.14);color:var(--mint-deep);border:1px solid rgba(15,127,123,.26);white-space:nowrap}
.chip.live{background:rgba(217,142,43,.16);color:#8A5A14;border-color:rgba(217,142,43,.34)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .chip{background:rgba(111,212,208,.14);color:var(--mint);border-color:rgba(111,212,208,.28)}:root:not([data-theme="light"]) .chip.live{background:rgba(217,142,43,.18);color:var(--amber-ink);border-color:rgba(217,142,43,.36)}}
:root[data-theme="dark"] .chip{background:rgba(111,212,208,.14);color:var(--mint);border-color:rgba(111,212,208,.28)}
:root[data-theme="dark"] .chip.live{background:rgba(217,142,43,.18);color:var(--amber-ink);border-color:rgba(217,142,43,.36)}

.hero{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(178deg,var(--navy-0),var(--navy-1) 55%,var(--navy-2));color:var(--hero-ink);border:1px solid rgba(160,196,232,.1);min-height:520px}
.hero.short{min-height:0}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 380px at 14% -8%,rgba(95,204,198,.16),transparent 62%),radial-gradient(620px 340px at 92% 8%,rgba(36,80,200,.2),transparent 66%)}
.hero-inner{position:relative;padding:52px 56px 46px}
.kicker{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(160,196,232,.72);margin:0 0 16px}
.hero h3{font-family:var(--display);font-size:clamp(32px,3.6vw,46px);font-weight:900;letter-spacing:-.034em;line-height:1.04;margin:0 0 16px;max-width:17ch;text-wrap:balance;color:var(--hero-ink)}
.sub{font-size:17.5px;line-height:1.55;color:var(--hero-mist);max-width:52ch;margin:0 0 28px}
.shell{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 26px;padding:0 0 18px;border-bottom:1px solid var(--dk-line)}
.shell[hidden]{display:none}
.site{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--hero-ink)}
.site .fav{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#8FE7E0,#57A8F5);display:grid;place-items:center;font-size:12px;color:#071431;font-weight:900}
.site .dom{color:var(--hero-faint);font-weight:500;font-family:var(--body);font-size:14px}
.rail{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.rail li{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--hero-faint);padding:6px 11px;border-radius:999px;border:1px solid transparent}
.rail li.on{color:#071431;background:var(--mint);border-color:var(--mint)}
.rail li.done{color:var(--mint);border-color:rgba(111,212,208,.35)}
.rail .sep{color:rgba(160,196,232,.3);font-size:12px}
.searchform{display:flex;gap:12px;max-width:680px;align-items:stretch}
.searchwrap{position:relative;flex:1}
.searchwrap svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:19px;height:19px;opacity:.5;pointer-events:none}
.search{width:100%;height:64px;padding:0 18px 0 48px;font-family:var(--body);font-size:17px;font-weight:500;color:var(--hero-ink);background:rgba(255,255,255,.07);border:1px solid rgba(160,196,232,.3);border-radius:11px;transition:border-color .16s,background .16s,box-shadow .16s}
.search::placeholder{color:rgba(234,244,239,.42)}
.search:focus{outline:2px solid rgba(111,212,208,.62);outline-offset:2px;border-color:rgba(111,212,208,.62);background:rgba(255,255,255,.1)}
.btn{height:64px;padding:0 30px;border:0;border-radius:11px;cursor:pointer;font-family:var(--display);font-size:16.5px;font-weight:800;letter-spacing:-.008em;color:#071431;background:linear-gradient(115deg,#8FE7E0,#57A8F5);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:transform .14s,box-shadow .14s}
#scan-link[hidden]{display:none}
.btn:hover{transform:translateY(-1px)}
.dash .back{color:var(--pine);text-decoration:underline;text-underline-offset:3px}
.btn:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.btn.md{height:54px;padding:0 26px;font-size:15.5px}
.btn.ghost{background:rgba(255,255,255,.07);color:var(--hero-ink);border:1px solid rgba(160,196,232,.3);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.12)}
.arr{font-size:17px;line-height:1}
.fielderr{margin:10px 0 0;font-size:14px;color:#F5C98A;display:flex;gap:8px;align-items:flex-start;max-width:52ch}
.fielderr[hidden]{display:none}
.tags{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none}
.tags li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--hero-faint)}
.dot{width:6px;height:6px;border-radius:50%;background:var(--mint);opacity:.85;flex:none}
.secondary{margin:26px 0 0;font-size:14px;color:var(--hero-faint)}
.secondary a{color:rgba(234,244,239,.78);text-decoration:none;border-bottom:1px solid rgba(160,196,232,.3)}
.screen[hidden]{display:none}
.stitle{font-family:var(--display);font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.026em;line-height:1.1;margin:0 0 8px;color:var(--hero-ink);text-wrap:balance}
.sline{font-size:16px;color:var(--hero-mist);margin:0 0 24px;max-width:62ch}
.sline b{color:var(--hero-ink);font-weight:600}
.sline .quiet{color:var(--hero-faint)}

/* found: expandable tiles */
.txgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:9px;margin:0 0 14px}
.tx{display:flex;flex-direction:column;gap:0;padding:11px 13px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(160,196,232,.13);font-size:14px;line-height:1.3;cursor:pointer;transition:background .12s,border-color .12s}
.tx:hover{background:rgba(255,255,255,.08);border-color:rgba(160,196,232,.26)}
.tx .hd{display:flex;align-items:center;gap:10px}
.tx .tick{color:var(--mint);flex:none;font-size:12px}
.tx .dev{display:block;font-size:12px;color:var(--hero-faint);margin-top:2px}
.tx .chev{margin-left:auto;font-size:12px;color:rgba(160,196,232,.45);transition:transform .15s}
.tx.open .chev{transform:rotate(90deg)}
.tx .det{display:none;margin:10px 0 2px;padding-top:9px;border-top:1px solid rgba(160,196,232,.14);font-size:12.5px;color:var(--hero-mist);line-height:1.5}
.tx.open .det{display:block}
.tx .det q{color:var(--hero-ink);font-style:italic}
.tx .det b{color:var(--hero-ink);font-weight:600}
.tx.hid{display:none}
.txgrid.all .tx.hid{display:flex}
.showall{background:none;border:1px dashed rgba(160,196,232,.35);color:var(--hero-mist);font-family:var(--display);font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:8px;cursor:pointer;margin:0 0 24px}
.showall:hover{border-color:var(--mint);color:var(--hero-ink)}
.hint{font-size:12.5px;color:var(--hero-faint);margin:0 0 12px}

.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.back{background:none;border:0;color:var(--hero-faint);font-family:var(--body);font-size:14px;cursor:pointer;padding:8px 4px}
.back:hover{color:var(--hero-ink)}
.ready{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:9px;background:rgba(111,212,208,.07);border:1px solid rgba(111,212,208,.22);margin:0 0 12px}
.ready .l{display:flex;align-items:center;gap:12px;font-size:15px}
.ready .n{font-family:var(--display);font-weight:800;font-size:18px;color:var(--mint);font-variant-numeric:tabular-nums}
.ready .r{font-size:13.5px;color:var(--hero-faint)}
.item{padding:16px 16px 14px;border-radius:9px;background:rgba(217,142,43,.07);border:1px solid rgba(217,142,43,.28);margin:0 0 18px}
.item .top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.item .src{font-family:var(--display);font-weight:700;font-size:16px;color:var(--hero-ink);margin:0 0 4px}
.item .why{font-size:13.5px;color:var(--hero-mist);margin:0 0 12px;max-width:52ch}
.item .why q{color:var(--hero-ink);font-style:italic}
.item .count{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--amber-ink);white-space:nowrap}
.sugg{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(160,196,232,.16)}
.sugg .nm{font-size:14.5px;color:var(--hero-ink)}
.sugg .nm small{display:block;font-size:12px;color:var(--hero-faint);margin-top:2px}
.add{height:38px;padding:0 16px;border-radius:8px;border:0;cursor:pointer;font-family:var(--display);font-weight:800;font-size:14px;color:#071431;background:var(--mint)}
.item .add{height:auto;min-height:38px;max-width:75%;padding:8px 12px;line-height:1.3}
.item label.searchrow{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:16px 0}
.item label.searchrow input{width:100%;min-height:46px;box-sizing:border-box}
.item [data-catalogue-results]{display:flex;flex-wrap:wrap;gap:8px}
.item [data-catalogue-results] .add{max-width:100%}
.item .add:disabled{opacity:.5;cursor:not-allowed}
.itemacts{display:flex;gap:16px;align-items:center;margin-top:8px}
.notoff{background:none;border:0;color:var(--hero-faint);font-size:13.5px;cursor:pointer;padding:8px 2px;font-family:var(--body)}
.notoff:hover{color:var(--hero-ink)}
.golive-note{font-size:13.5px;color:var(--hero-faint);margin:0 0 18px;max-width:56ch}
.golive-note b{color:var(--hero-mist);font-weight:600}
.searchrow{display:flex;gap:10px;align-items:center;margin:0 0 26px;max-width:560px}
.searchrow input{flex:1;height:46px;padding:0 14px;border-radius:9px;font-family:var(--body);font-size:14.5px;color:var(--hero-ink);background:rgba(255,255,255,.06);border:1px solid rgba(160,196,232,.22)}
.searchrow input::placeholder{color:rgba(234,244,239,.4)}
.searchrow span{font-size:13px;color:var(--hero-faint);white-space:nowrap}
.dots{display:flex;gap:5px;align-items:center}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(160,196,232,.25)}
.dots i.c{background:var(--amber-ink)}

/* see it */
.sitewrap{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start;margin:0 0 26px}
.capture{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(160,196,232,.22);background:#111;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.capture img{display:block;width:100%;height:auto}
.capture .tag{position:absolute;left:12px;top:12px;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:rgba(7,20,49,.78);color:var(--mint);border:1px solid rgba(111,212,208,.3)}
.launcher{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:12px 16px 12px 14px;border-radius:999px;background:linear-gradient(115deg,#8FE7E0,#57A8F5);color:#071431;font-family:var(--display);font-weight:800;font-size:14px}
.launcher .pulse{width:8px;height:8px;border-radius:50%;background:#071431;opacity:.75;animation:pl 1.6s ease-in-out infinite}
@keyframes pl{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.5);opacity:.35}}
.tryit{position:absolute;right:18px;bottom:66px;font-family:var(--display);font-size:12.5px;font-weight:700;color:#071431;background:var(--mint);padding:6px 11px;border-radius:7px;box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}
.tryit::after{content:"";position:absolute;right:26px;bottom:-6px;border:6px solid transparent;border-top-color:var(--mint);border-bottom:0}
.sitecopy h4{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px;color:var(--hero-ink)}
.sitecopy p{margin:0 0 12px;color:var(--hero-mist);font-size:15px;line-height:1.55}
.sitecopy ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sitecopy li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--hero-mist)}
.sitecopy li .dot{margin-top:7px}

/* dashboard: the light product inside the navy frame */
.dash{background:#F5F8FC;color:#17224A;border-radius:10px;overflow:hidden;border:1px solid rgba(160,196,232,.25);font-family:var(--body);box-shadow:0 22px 50px -26px rgba(0,0,0,.6)}
.dash .top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(15,24,52,.08);background:#fff;flex-wrap:wrap}
.dash .top b{font-family:var(--display);font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}
.dash .top b i{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#8FE7E0,#57A8F5);display:inline-block}
.dash .top nav{display:flex;gap:16px;font-size:12.5px;color:rgba(23,34,74,.6)}
.dash .top nav span.on{color:#17224A;font-weight:600;border-bottom:2px solid var(--pine);padding-bottom:2px}
.dash .top nav span.dim{opacity:.38}
.dash .pend{display:inline-block;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:rgba(217,142,43,.14);color:#8A5A14;border:1px solid rgba(217,142,43,.3);margin:0 0 8px}
.dash .ret{background:none;border:0;color:var(--pine);font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.dash .enq .tm[hidden],.dash .enq .dets[hidden]{display:none}
.dash .pill{font-family:var(--display);font-size:12px;font-weight:750;letter-spacing:0;padding:3px 8px;border-radius:4px;background:rgba(217,142,43,.14);color:#8A5A14;border:1px solid rgba(217,142,43,.3)}
.dash .in{padding:18px}
.dash .ready2{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.dash .ready2 h4{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}
.dash .stats{display:flex;gap:16px;font-size:13px;color:rgba(23,34,74,.6);font-variant-numeric:tabular-nums;flex-wrap:wrap}
.dash .stats b{color:#17224A;font-weight:700}
.dash .enq{background:#fff;border:1px solid rgba(15,24,52,.08);border-radius:9px;padding:14px 16px;margin:0 0 14px}
.dash .lab{font-family:var(--display);font-size:12.5px;font-weight:750;letter-spacing:0;color:rgba(23,34,74,.5);margin:0 0 8px}
.dash .enq .hd{display:flex;align-items:center;gap:10px;margin:0 0 8px;flex-wrap:wrap}
.dash .hot{font-family:var(--display);font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:#FDECD3;color:#8A5A14}
.dash .enq .who{font-family:var(--display);font-size:16px;font-weight:700}
.dash .enq .when{font-size:12px;color:rgba(23,34,74,.5);margin-left:auto}
.dash .enq .con{font-size:14px;color:#17224A;margin:0 0 10px;line-height:1.5}
.dash .enq .con q{font-style:italic}
.dash .lines{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:rgba(23,34,74,.72)}
.dash .lines b{color:#17224A;font-weight:600}
.dash .so{margin:12px 0 0;padding:10px 12px;border-radius:7px;background:rgba(15,127,123,.07);border:1px solid rgba(15,127,123,.18);font-size:13.5px;color:#0F5F5C;line-height:1.5}
.dash .live{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;background:#fff;border:1px solid rgba(29,62,160,.24);border-radius:9px;padding:16px;margin:0 0 14px}
.dash .live h4{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.018em;margin:0 0 4px}
.dash .live p{font-size:13.5px;color:rgba(23,34,74,.66);margin:0 0 12px;line-height:1.5}
.dash .lf{width:100%;height:44px;padding:0 12px;border-radius:7px;border:1px solid rgba(15,24,52,.16);font-family:var(--body);font-size:14px;background:#fff;color:#17224A;margin:0 0 8px}
.dash .lf::placeholder{color:rgba(23,34,74,.4)}
.dash .crow{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:8px}
.dash .sec{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(23,34,74,.5);margin:2px 0 10px}
.dash .lbtn{width:100%;height:46px;border:0;border-radius:8px;font-family:var(--display);font-weight:800;font-size:14.5px;color:#fff;background:var(--pine);cursor:pointer;margin-top:2px}
.dash .assure2{display:flex;flex-direction:column;gap:9px;font-size:13px;color:rgba(23,34,74,.72);padding:0;margin:0;list-style:none}
.dash .assure2 li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.dash .assure2 b{color:#17224A;font-weight:600}
.dash .d2{width:5px;height:5px;border-radius:50%;background:#0F7F7B;margin-top:7px;flex:none}
.dash .rowx{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dash .mini{background:#fff;border:1px solid rgba(15,24,52,.08);border-radius:8px;padding:12px 14px;font-size:13px;color:rgba(23,34,74,.66)}
.dash .mini b{display:block;font-family:var(--display);font-size:14px;color:#17224A;font-weight:700;margin-bottom:2px}
.dashcap{font-size:13px;color:var(--hero-faint);margin:12px 0 0}

/* the finder itself, over the capture */
.capture .launcher{cursor:pointer}
.finder{position:absolute;right:18px;bottom:18px;width:300px;max-width:calc(100% - 36px);background:#fff;color:#17224A;border-radius:14px;box-shadow:0 24px 60px -18px rgba(0,0,0,.55);border:1px solid rgba(15,24,52,.1);font-family:var(--body);z-index:2;overflow:hidden;text-align:left}
.finder[hidden]{display:none}
.fhead{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 10px 14px;background:linear-gradient(115deg,#8FE7E0,#57A8F5);color:#071431}
.fhead b{font-family:var(--display);font-size:13px;font-weight:800}
.fx{background:none;border:0;font-size:18px;line-height:1;color:#071431;cursor:pointer;opacity:.7}
.fstep{padding:14px}
.fstep[hidden]{display:none}
.fq{font-family:var(--display);font-size:15px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em;color:#17224A}
.fin{width:100%;height:40px;padding:0 11px;border-radius:8px;border:1px solid rgba(15,24,52,.16);font-family:var(--body);font-size:13.5px;color:#17224A;margin:0 0 8px;background:#fff}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 10px}
.chips span{font-size:12px;padding:5px 10px;border-radius:999px;background:#F0F4FA;border:1px solid rgba(15,24,52,.1);color:#17224A}
.fbtn{width:100%;height:42px;border:0;border-radius:8px;font-family:var(--display);font-weight:800;font-size:14px;color:#fff;background:var(--pine);cursor:pointer}
.fback{background:none;border:0;color:rgba(23,34,74,.55);font-size:12.5px;cursor:pointer;margin-top:6px;padding:4px 2px;font-family:var(--body)}
.fnote{font-size:12px;color:rgba(23,34,74,.5);margin:8px 0 0}
.fres{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:9px;background:#F0F4FA;border:1px solid rgba(15,24,52,.1);margin:0 0 10px;font-size:13px;color:rgba(23,34,74,.72)}
.fres b{font-family:var(--display);font-size:14px;color:#17224A;font-weight:700}
.fres .fp{color:var(--pine);font-weight:600}
.gate{font-size:13.5px;color:var(--hero-faint);margin:0 0 10px}
.gate.sent{color:var(--mint)}

/* the finder picks up the clinic's own colours */
.finder{--fa:#B5955A;--fa2:#9A7D46;--fg:#FAF8F3;--fi:#1A1A1A}
.finder.themed .fhead{background:linear-gradient(115deg,var(--fa),var(--fa2));color:#fff}
.finder.themed .fx{color:#fff}
.finder.themed .fbtn{background:var(--fa);color:#fff}
.finder.themed .fstep{background:var(--fg)}
.finder.themed .fq,.finder.themed .fres b{color:var(--fi)}
.finder.themed .fres{background:#fff;border-color:rgba(0,0,0,.08)}
.finder.themed .fres .fp{color:var(--fa2)}
.finder.themed .chips span{background:#fff;border-color:rgba(0,0,0,.1);cursor:pointer}
.finder.themed .chips span.sel{background:var(--fa);color:#fff;border-color:var(--fa)}
.finder.themed .fin{background:#fff}
.fhead .fprog{font-size:12px;font-weight:700;opacity:.85;margin-left:auto;margin-right:10px;font-family:var(--display)}
.coach{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px;padding:9px 11px;border-radius:8px;background:rgba(7,20,49,.06);border:1px solid rgba(7,20,49,.1);font-size:12.5px;line-height:1.4;color:#17224A}
.finder.themed .coach{background:rgba(181,149,90,.12);border-color:rgba(181,149,90,.3);color:var(--fi)}
.coach .n{flex:none;width:18px;height:18px;border-radius:50%;background:#17224A;color:#fff;font-family:var(--display);font-size:12px;font-weight:800;display:grid;place-items:center}
.finder.themed .coach .n{background:var(--fa)}
.swatches{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--hero-mist)}
.swatches i{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.2);display:inline-block;flex:none}
.dash .enq .src2{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12.5px;color:rgba(23,34,74,.6);margin:0 0 8px}
.dash .enq .src2 b{color:#17224A;font-weight:600}
.dash .enq .src2 q{font-style:italic;color:#17224A}
.dash .enq .dets{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12.5px;color:rgba(23,34,74,.72);margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(15,24,52,.08)}
.dash .enq .dets em{font-style:normal;color:rgba(23,34,74,.5)}
.dash .enq .tm{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:6px 10px;border-radius:999px;background:rgba(15,127,123,.1);color:#0F5F5C;font-family:var(--display);font-size:12.5px;font-weight:800}

/* dashboard: the comparison and the pitch */
.dash .compare{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin:0 0 10px}
.dash .today{background:#F0F2F5;border:1px dashed rgba(15,24,52,.22);border-radius:9px;padding:14px 16px;font-size:13.5px;color:rgba(23,34,74,.72)}
.dash .today .fl{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}
.dash .today .fl span{display:flex;gap:8px}
.dash .today .fl em{font-style:normal;color:rgba(23,34,74,.5);min-width:60px;flex:none}
.dash .today .fl q{font-style:italic;color:#17224A}
.dash .today .vd{font-size:12.5px;color:rgba(23,34,74,.55);line-height:1.5;padding-top:8px;border-top:1px solid rgba(15,24,52,.1);margin:0}
.dash .compare .enq{margin:0;border-color:rgba(15,127,123,.3)}
.dash .capline{font-family:var(--display);font-size:13.5px;font-weight:700;color:#17224A;margin:0 0 14px;text-align:center}
.dash .pitch{background:#fff;border:1px solid rgba(15,24,52,.08);border-radius:9px;padding:14px 16px;margin:0 0 14px}
.dash .pitch h5{font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:-.014em;margin:0 0 10px;color:#17224A}
.dash .pitch ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.dash .pitch li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:rgba(23,34,74,.72);line-height:1.45}
.dash .pitch li b{color:#17224A;font-weight:600}

.blocked{display:flex;gap:14px;align-items:flex-start;max-width:60ch}
.blocked .ic{flex:none;width:34px;height:34px;border-radius:8px;background:rgba(217,142,43,.16);border:1px solid rgba(217,142,43,.32);display:grid;place-items:center;color:var(--amber-ink);font-size:16px;font-weight:700}
.blocked h4{font-family:var(--display);font-size:17px;font-weight:700;margin:0 0 6px;color:var(--hero-ink)}
.blocked p{margin:0 0 14px;color:var(--hero-mist);font-size:15px;line-height:1.55}
.scanning{display:flex;align-items:center;gap:12px;color:var(--hero-mist);font-size:15px;padding:8px 0}
.spin{width:17px;height:17px;border-radius:50%;flex:none;border:2px solid rgba(160,196,232,.25);border-top-color:var(--mint);animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin,.launcher .pulse{animation:none}.btn{transition:none}}

.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.jstep{border-radius:11px;overflow:hidden;background:linear-gradient(178deg,var(--navy-0),var(--navy-1) 60%,var(--navy-2));border:1px solid rgba(160,196,232,.12);color:var(--hero-ink);min-height:236px;display:flex;flex-direction:column}
.jstep .jh{padding:12px 14px 10px;border-bottom:1px solid var(--dk-line);display:flex;align-items:center;justify-content:space-between}
.jstep .jh b{font-family:var(--display);font-size:13px;font-weight:800}
.jstep .jh span{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.1em;color:rgba(160,196,232,.6)}
.jstep .jb{padding:14px;font-size:12.5px;color:var(--hero-mist);line-height:1.5;flex:1;display:flex;flex-direction:column;gap:8px}
.jstep .bar{height:34px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid rgba(160,196,232,.28);display:flex;align-items:center;padding:0 10px;font-size:12px;color:var(--hero-ink)}
.jstep .btnmini{height:30px;border-radius:7px;background:linear-gradient(115deg,#8FE7E0,#57A8F5);color:#071431;font-family:var(--display);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:auto}
.jstep .rows{display:flex;flex-direction:column;gap:5px}
.jstep .row{height:22px;border-radius:5px;background:rgba(255,255,255,.05);border:1px solid rgba(160,196,232,.12);display:flex;align-items:center;padding:0 8px;font-size:12px;color:var(--hero-ink);gap:6px}
.jstep .row .tick{color:var(--mint);font-size:9px}
.jstep .row.amb{border-color:rgba(217,142,43,.3);background:rgba(217,142,43,.07)}
.jstep .row.amb .tick{color:var(--amber)}
.jstep .ask{font-size:12px;color:var(--hero-faint)}
.jstep .ask b{color:var(--mint);font-weight:700}
.jstep .thumb{height:72px;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(160,196,232,.2);background:#111}
.jstep .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:.9}
.jstep .thumb i{position:absolute;right:6px;bottom:6px;width:36px;height:14px;border-radius:999px;background:linear-gradient(115deg,#8FE7E0,#57A8F5)}
.jstep .lite{background:#F5F8FC;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px}
.jstep .lite .l1{height:16px;border-radius:4px;background:#fff;border:1px solid rgba(15,24,52,.1);display:flex;align-items:center;padding:0 6px;font-size:9.5px;color:#17224A;gap:5px}
.jstep .lite .l1 .h{font-size:8px;font-weight:800;padding:1px 5px;border-radius:999px;background:#FDECD3;color:#8A5A14}
.jstep .lite .l2{height:22px;border-radius:4px;background:var(--pine);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-family:var(--display);font-weight:800}
.jstep.em{border-color:rgba(111,212,208,.3)}
.jstep.em .jh span{color:var(--mint)}
.jcap{font-size:12.5px;color:var(--page-faint);margin:8px 2px 0;font-family:var(--display);font-weight:600;line-height:1.4}

.phones{display:flex;gap:26px;flex-wrap:wrap}
.phone{width:330px;border-radius:22px;overflow:hidden;flex:none;background:linear-gradient(178deg,var(--navy-0),var(--navy-1) 60%,var(--navy-2));border:1px solid rgba(160,196,232,.14)}
.phone .pbar{height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.06em;color:rgba(234,244,239,.4);border-bottom:1px solid rgba(160,196,232,.1)}
.phone .body{padding:26px 20px 24px}
.phone .kicker{font-size:12px;margin-bottom:12px}
.phone h3{font-size:27px;line-height:1.08;margin:0 0 12px;max-width:none}
.phone .sub{font-size:15px;margin:0 0 20px}
.phone .searchform{flex-direction:column;gap:10px;max-width:none}
.phone .search{height:56px;font-size:16px}
.phone .btn{height:54px;width:100%;justify-content:center}
.phone .tags{flex-direction:column;gap:9px;margin-top:18px}
.phone .tags li{font-size:13px}
.phone .txgrid{grid-template-columns:1fr;gap:7px;margin-bottom:18px}
.phone .tx{font-size:13.5px;padding:10px 12px}
.phone .stitle{font-size:22px}
.phone .sline{font-size:14px;margin-bottom:16px}
.phone .shell{margin-bottom:18px;padding-bottom:14px}
.phone .rail li{font-size:12px;padding:5px 9px}
.phonecap{font-size:12.5px;color:var(--page-faint);margin:10px 2px 0;font-family:var(--display);font-weight:600}

.notes{margin:44px 0 56px;padding:30px 32px;border-radius:12px;background:var(--page-card);border:1px solid var(--page-line)}
.notes h2{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.016em;margin:0 0 4px}
.sub2{margin:0 0 22px;color:var(--page-mist);font-size:14.5px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}
.col h3{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--page-faint);margin:0 0 12px}
.col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.col li{font-size:14px;line-height:1.5;color:var(--page-mist);padding-left:16px;position:relative}
.col li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--mint-deep);opacity:.7}
.col li b{color:var(--page-ink);font-weight:600}
.foot{border-top:1px solid var(--page-line);padding:20px 0 46px;font-size:13px;color:var(--page-faint);display:flex;gap:8px;flex-wrap:wrap}
.foot b{color:var(--page-mist);font-weight:600}
@media (max-width:900px){.hero-inner{padding:34px 24px 30px}.searchform{flex-direction:column}.btn{width:100%;justify-content:center}.sitewrap,.dash .live,.dash .compare,.dash .pitch ul{grid-template-columns:1fr}.finder{width:calc(100% - 24px);right:12px;bottom:12px}.journey{grid-template-columns:1fr 1fr}.notes{padding:24px 22px}.dash .crow{grid-template-columns:1fr 1fr}.dash .rowx{grid-template-columns:1fr}}

/* pp-three-step-ui 2026-09-16: journey version 2 screens (waiting, finder result,
   claim). Version-1 classes .site, .finder and .tx keep their existing meaning,
   so every new rule here is namespaced v2 and the old journey renders unchanged. */
.v2rail{display:flex;gap:14px;list-style:none;padding:0;margin:0 0 20px;font-size:12.5px;color:var(--hero-faint)}
.v2rail li{font-family:var(--display);font-weight:600}
.v2rail li.on{color:var(--hero-ink)}
.v2bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 0 12px;max-width:560px}
.v2bar i{display:block;height:100%;width:100%;transform:translateX(-100%);background:linear-gradient(90deg,var(--mint),var(--pine));transition:transform .4s ease}
.v2bar.waiting i{transform:none;animation:v2breathe 1.6s ease-in-out infinite alternate}
@keyframes v2breathe{from{opacity:.25}to{opacity:.7}}
@media (prefers-reduced-motion:reduce){.v2bar.waiting i{animation:none;opacity:.45}}
.v2counts{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--hero-mist);margin:0 0 16px}
.v2counts b{color:var(--hero-ink);font-weight:600}
.v2rows{display:grid;gap:8px;max-width:560px;margin:0 0 14px}
.v2row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--dk-line);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--hero-ink)}
.v2row .v2st{font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--hero-mist);white-space:nowrap}
.v2row .v2st.ready{background:rgba(111,212,208,.16);color:var(--mint)}
.v2row .v2st.unplaced{background:rgba(217,142,43,.18);color:var(--amber-ink)}
.v2skel{height:41px;border-radius:10px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.v2skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:v2sheen 1.6s infinite}
@keyframes v2sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.v2readybar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(111,212,208,.34);border-radius:12px;background:rgba(111,212,208,.1)}
.v2readycopy{display:flex;align-items:center;gap:10px;min-width:0;color:var(--hero-ink)}
.v2readycopy>i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--mint);color:#071431;font-style:normal;font-weight:900}
.v2readycopy strong,.v2readycopy small{display:block}.v2readycopy strong{font-family:var(--display);font-size:14px}.v2readycopy small{margin-top:2px;color:var(--hero-mist);font-size:12px}
.v2readybar .btn{flex:0 0 auto;margin:0}
.v2grid,.v2claim-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:start}
.v2frame{--v2-ground:#fff;--v2-ink:#17224A;--v2-accent:var(--pine);border-radius:14px;overflow:hidden;border:1px solid var(--dk-line);background:#fff;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.v2cap{position:relative;min-height:96px;background:linear-gradient(180deg,#eef1f7,#e6edf2)}
.v2cap img{display:block;width:100%;height:auto}
.v2captag{position:absolute;left:12px;top:12px;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:rgba(7,20,49,.78);color:var(--mint);max-width:calc(100% - 24px)}
.v2finder{padding:14px 14px 16px;background:var(--v2-ground);color:var(--v2-ink)}
.v2finder h4{font-family:var(--display);margin:0 0 2px;font-size:15px}
.v2sub{margin:0 0 10px;font-size:12.5px;color:rgba(23,34,74,.62)}
/* pp-menu-row-polish 2026-09-19 — said once, above the list, when the site
   carried no prices at all. Quiet: it is a note, not a warning. */
.v2nopricenote{margin:0 0 10px;font-size:12.5px;line-height:1.45;color:rgba(23,34,74,.72);
  background:rgba(23,34,74,.045);border-radius:9px;padding:8px 10px}
.v2nopricenote[hidden]{display:none}
/* A disabled Save name is quiet, not broken-looking, and not clickable. */
.v2btn-sm[disabled]{opacity:.45;cursor:default}
.v2tx{display:grid;gap:6px}
.v2showall{display:none;width:100%;margin:9px 0 0;border:1px solid rgba(15,24,52,.16);border-radius:9px;background:#fff;color:var(--v2-ink);font:inherit;font-size:13px;font-weight:700;min-height:44px;cursor:pointer}
.v2t{border:1px solid rgba(15,24,52,.12);border-radius:10px;padding:9px 10px;font-size:13.5px;color:var(--v2-ink);background:#fff}
.v2thead{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:26px}
.v2price{font-size:12px;color:rgba(23,34,74,.62);white-space:nowrap}
.v2price.unconfirmed{color:#9A5B00}
.v2t[data-editing="1"]{border-color:var(--pine);box-shadow:0 0 0 3px rgba(29,62,160,.12)}
.v2edit{display:grid;gap:8px;margin-top:8px}
.v2edit .hint{color:#556174}
.v2edit input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:8px 10px;border:1px solid rgba(15,24,52,.16);border-radius:8px;color:#17224A;background:#fff}
.v2editacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.v2btn-sm{border:1px solid rgba(15,24,52,.16);background:#fff;color:#17224A;border-radius:999px;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:38px}
.v2btn-sm.primary{background:var(--v2-accent);border-color:var(--v2-accent);color:#fff}
.v2saved{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#0F7F7B;background:rgba(111,212,208,.18);border-radius:999px;padding:3px 9px}
.v2unplaced{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(217,142,43,.12);border:1px solid rgba(217,142,43,.28);font-size:12.5px;line-height:1.55;color:#5A4A2E}
.v2unplaced b{color:#9A5B00}
.v2unplaced ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.v2unplaced li{display:flex;justify-content:space-between;align-items:center;gap:8px}
.v2unplaced .v2btn-sm{background:#FFF1D8;border-color:#A65E0B;color:#653900;min-height:44px}
.v2unplaced .v2btn-sm:hover,.v2unplaced .v2btn-sm:focus-visible{background:#FFE5B8;outline-color:#A65E0B}
.v2side .stitle{font-size:clamp(20px,2vw,26px)}
.v2resume-form{display:grid;gap:8px;max-width:360px;margin:12px 0 0}
.v2resume-form label{font-size:12px;color:var(--hero-faint)}
.v2receipt{border:1px solid var(--dk-line);border-radius:12px;padding:12px 14px;margin:0 0 16px;background:rgba(255,255,255,.06)}
.v2receipt b{display:block;font-family:var(--display);font-size:15px;color:var(--hero-ink);margin-bottom:4px}
.v2receipt small{display:block;font-size:12.5px;line-height:1.55;color:var(--hero-mist)}
.v2claim-form{background:var(--page-card);color:var(--page-ink);border-radius:14px;padding:16px}
.v2claim-form label{display:block;font-size:12px;color:var(--page-mist);margin:10px 0 4px}
.v2chk{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;margin:12px 0}
.v2chk input{width:16px;margin:3px 0 0}
.btn.full{width:100%;justify-content:center}
@media (max-width:900px){.v2grid,.v2claim-grid{grid-template-columns:1fr;gap:18px}.v2rail{gap:10px;font-size:12px}}
@media (max-width:700px){.v2readybar{align-items:stretch;flex-direction:column}.v2readybar .btn{width:100%;justify-content:center}.v2tx.v2collapsed .v2t:nth-child(n+9){display:none}.v2unplaced.v2collapsed ul{display:none}.v2showall[data-needed="true"]{display:block}}
@media (prefers-reduced-motion:reduce){.v2bar.waiting i,.v2skel::after{animation:none}.v2bar i{transition:none}}

/* pp-onboarding-rethink-2 2026-09-16: the finder is followed by the finder on their
   site, then the briefed enquiry, then the claim. Exit sheet offers the resume link. */
.v2site{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:var(--hero-mist)}
.v2site b{color:var(--hero-ink);font-family:var(--display)}
.v2save{font-size:13px;color:var(--hero-mist);margin:14px 0 0}
.v2savebtn{color:var(--mint);background:none;border:0;font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.v2compare{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 4px}
.v2card{background:var(--page-card);color:var(--page-ink);border-radius:14px;padding:14px}
.v2card.plain{background:rgba(255,255,255,.06);color:var(--hero-mist);border:1px solid var(--dk-line)}
.v2card.plain q{display:block;font-size:15px;color:var(--hero-ink);margin:0 0 6px;quotes:"\201C" "\201D"}
.v2lab{font-size:12.5px;letter-spacing:0;color:var(--page-mist);margin:0 0 8px;font-weight:700}
.v2card.plain .v2lab{color:var(--hero-faint)}
.v2small{font-size:12.5px}
.v2enq .v2top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.v2enq .v2lab{margin:0}
.v2chip{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#FFF0D6;color:#8A4B00;white-space:nowrap}
.v2enq dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13px}
.v2enq dt{color:var(--page-mist)}.v2enq dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.v2enq .v2brief{margin:10px 0 0;font-size:13px;color:var(--page-mist)}
.v2pitch{margin:16px 0 12px;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:var(--hero-mist);max-width:62ch}
.v2pitch b{color:var(--hero-ink)}
.v2sheet{position:fixed;inset:0;background:rgba(7,20,49,.72);display:flex;align-items:flex-end;justify-content:center;padding:14px;z-index:20}
.v2sheet[hidden]{display:none}
/* The page reserves space for unanswered consent, but this fixed sheet used to
   ignore that space. Keep both sets of controls reachable without implying a
   consent choice. The height is measured by the existing consent component. */
body.pp-cc-open .v2sheet{bottom:var(--pp-cc-h, 168px)}
.v2sheet-box{background:var(--page-card);color:var(--page-ink);border-radius:16px;padding:18px;width:100%;max-width:420px;margin:0}
.v2sheet-box{max-height:100%;overflow-y:auto;box-sizing:border-box}
/* pp-sheet-title-contrast 2026-09-17: `.hero h3` paints every h3 in the hero
   ink for the dark background, and this h3 sits inside a white card, so it
   rendered at 1.08:1 against white, effectively invisible. It looked correct
   in dark mode, which is why it shipped. The same rule also caps h3 at 17
   characters, which is what wrapped the title after "finder". Both are
   overridden here rather than weakening the hero rule. */
.v2sheet-box h3{font-family:var(--display);margin:0 0 6px;font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.012em;color:var(--page-ink);max-width:none}
.v2sheet-box p{margin:0 0 10px;font-size:13.5px;color:var(--page-mist)}
.v2sheet-box label{display:block;font-size:12px;color:var(--page-mist);margin:10px 0 4px}
.v2sheet-box .lf{width:100%;box-sizing:border-box}
.v2sheet-box .btn.full{margin-top:10px}
.v2sheet-later{background:none;border:0;color:var(--page-mist);font:inherit;padding:10px 0 0;cursor:pointer;text-decoration:underline;width:100%}
@media (min-width:900px){.v2compare{grid-template-columns:1fr 1.15fr}.v2sheet{align-items:center}}

/* pp-wizard-onboarding 2026-09-16: approved ten-screen, click-only walkthrough. */
.v2prog{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;color:var(--hero-faint);font-family:var(--display);font-weight:600}
.v2prog span{flex:0 0 auto;min-width:138px}.v2prog i{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;display:block}
.v2prog i b{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--pine));transform-origin:left center}
.v2right{justify-content:flex-end}.v2wizard .hint{margin-top:10px}
.v2live{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--dk-line);background:#111;min-height:340px}
.v2home{position:absolute;inset:0;background:linear-gradient(180deg,#f6f1f4,#eef2f5 40%,#dfe6ee)}
.v2wg{position:absolute;left:10px;right:10px;bottom:10px;background:#FAF8F3;color:#1A1A1A;border-radius:14px;box-shadow:0 24px 60px -18px rgba(0,0,0,.55);padding:12px;font-size:12.5px}
.v2wg h5{margin:0 0 2px;font-family:var(--display);font-size:14px}.v2q{margin:0 0 8px;color:#555;font-size:12px}
.v2steps{display:flex;gap:6px;font-size:12px;color:#8a8a8a;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}.v2steps b{color:#1A1A1A}
.v2opt{display:block;width:100%;text-align:left;font:inherit;background:#fff;border:1px solid #e3ddd0;border-radius:10px;padding:8px 10px;margin-bottom:5px;color:#1A1A1A;cursor:pointer}.v2opt.selected{border-color:#B5955A;box-shadow:0 0 0 3px rgba(181,149,90,.18)}.v2opt small{display:block;color:#777;font-size:12px}
.v2send{width:100%;border:0;border-radius:999px;background:#B5955A;color:#fff;font:inherit;font-weight:700;padding:10px;margin-top:4px;cursor:pointer}
.v2box{background:#fff;border:1px solid #e3ddd0;border-radius:10px;padding:9px 10px;font-size:12.5px;line-height:1.45;color:#1A1A1A;margin:0 0 6px}
.v2coach{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#5c5c5c;margin:2px 0 8px}.v2coach span::before{content:"✓ ";color:#2f8f5b}
.v2tabs{display:flex;gap:6px;margin:0 0 10px}.v2tabs button{flex:1;font:inherit;font-size:12px;font-weight:700;padding:8px 6px;border-radius:999px;border:1px solid var(--dk-line);background:transparent;color:var(--hero-mist);cursor:pointer}.v2tabs button[aria-pressed="true"]{background:var(--mint);color:#071431;border-color:var(--mint)}
.v2ai{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#EEF1FB;color:#1D3EA0;border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}
.v2match{background:#fff;border:1px solid #e3ddd0;border-radius:12px;padding:10px;margin-bottom:6px;color:#1A1A1A}.v2matchtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.v2matchtop b{font-family:var(--display);font-size:13.5px}.v2matchtop span{font-size:12px;color:#666;white-space:nowrap}.v2recommended{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2f8f5b}.v2why{margin:5px 0 0;font-size:12px;color:#555}.v2why b{color:#1A1A1A;font-weight:600}.v2meta{display:flex;gap:10px;font-size:12px;color:#777;margin-top:5px;flex-wrap:wrap}.v2matchactions{display:flex;gap:6px;margin-top:8px}.v2matchactions button{flex:1;font:inherit;font-size:12px;font-weight:700;padding:7px 8px;border-radius:999px;border:1px solid #e3ddd0;background:#fff;color:#1A1A1A;text-align:center;cursor:pointer}.v2matchactions .ask{background:#B5955A;border-color:#B5955A;color:#fff}
.v2contact{background:#fff;border:1px solid #e3ddd0;border-radius:12px;padding:10px;color:#1A1A1A;font-size:12px}.v2contact dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.v2contact dt{color:#777}.v2contact dd{margin:0;font-weight:500}.v2consent{display:flex;gap:6px;align-items:flex-start;color:#555;font-size:12px;margin-top:6px}
.v2timeline{font-size:12px;color:var(--hero-faint);margin:6px 0 0;line-height:1.5}.v2enq dd small{display:block;font-weight:400;color:var(--page-mist);font-size:12px}.v2enq .v2timeline{color:var(--page-mist);border-top:1px solid rgba(15,24,52,.08);padding-top:6px}
.v2dash{background:#fff;color:#17224A;--page-ink:#17224A;--page-mist:rgba(23,34,74,.62);border-radius:14px;overflow:hidden;font-size:12.5px}.v2dashbar{display:flex;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(15,24,52,.1);font-size:12px;overflow-x:auto}.v2dashbar b{font-family:var(--display);white-space:nowrap}.v2dashbar span{color:var(--page-mist);white-space:nowrap}.v2dashbar span.on{color:var(--page-ink);font-weight:600}.v2stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 12px 4px}.v2stats div{background:#f4f6fb;border-radius:10px;padding:8px 6px;font-size:12px;color:var(--page-mist);line-height:1.25}.v2stats b{display:block;font-family:var(--display);font-size:17px;color:var(--page-ink);font-variant-numeric:tabular-nums}.v2sec{padding:8px 12px 2px;font-size:12px;letter-spacing:0;color:var(--page-mist);font-weight:700}.v2dashrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 12px;border-top:1px solid rgba(15,24,52,.08);align-items:center}.v2dashrow small,.v2who{display:block;color:var(--page-mist);font-size:12px}.v2act{font-size:12px;color:var(--pine);font-weight:600;white-space:nowrap}.v2example{font-size:12px;color:var(--hero-faint);margin:8px 0 12px}
.v2intel{display:grid;gap:8px}.v2icard{background:#fff;color:#17224A;--page-ink:#17224A;--page-mist:rgba(23,34,74,.62);border-radius:14px;padding:12px;font-size:12.5px}.v2icard h5{font-family:var(--display);margin:0 0 4px;font-size:14px}.v2icard p{margin:0 0 6px;color:var(--page-mist)}.v2bars{display:grid;gap:4px;margin-top:6px}.v2bars div{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;font-size:12px}.v2bars i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--pine))}.v2bars span:last-child{font-variant-numeric:tabular-nums;color:var(--page-mist)}
.v2ticks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}.v2ticks li{position:relative;padding-left:20px;font-size:12.5px;color:var(--hero-mist);line-height:1.45}.v2ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mint);font-weight:800;font-size:13px}.v2ticks li b{color:var(--hero-ink);font-weight:600}.v2ticks .group{padding-left:0;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-faint);margin-top:6px}.v2ticks .group::before{content:none}.v2fine{font-size:12px;color:var(--page-mist);margin:8px 0 0}
@media(min-width:900px){.v2wg{left:auto;width:360px}.v2wizard .btn.md{min-width:340px}.v2intel{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.v2stats{grid-template-columns:1fr 1fr}.v2bars div{grid-template-columns:minmax(95px,1fr) minmax(50px,1fr) auto}.v2dashbar{flex-wrap:wrap;overflow-x:visible}.v2dashrow{grid-template-columns:1fr}.v2act{white-space:normal}.v2live{min-height:370px}}

/* pp-claim-arrival 2026-09-17: the last screen is an arrival, and the email
   field is the brightest, most obviously-designed thing on it. The field had
   no width rule of its own (only .dash .lf and .v2sheet-box .lf existed), so
   it rendered at the browser default of about 20 characters. */
.v2laststep{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mint);background:rgba(111,212,208,.12);border:1px solid rgba(111,212,208,.34);border-radius:999px;padding:5px 11px;margin:0 0 12px}
.v2laststep i{width:15px;height:15px;border-radius:50%;background:var(--mint);color:#071431;font-size:12px;font-weight:900;display:grid;place-items:center;font-style:normal}
.v2claim-form{position:relative;overflow:hidden;box-shadow:0 20px 50px -26px rgba(0,0,0,.65)}

.v2claim-form .v2formhead{font-family:var(--display);font-size:15px;font-weight:700;margin:4px 0 2px;color:var(--page-ink)}
.v2claim-form .v2formsub{font-size:12.5px;color:var(--page-mist);margin:0 0 14px}
.v2field{display:block;margin:0 0 12px}
.v2field>span{display:block;font-size:12px;font-weight:600;color:var(--page-ink);margin:0 0 6px}
.v2claim-form .lf,.v2sheet-box .lf{width:100%;box-sizing:border-box;height:52px;font-size:16px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(15,24,52,.18);background:#fff;color:#17224A;transition:border-color .15s ease,box-shadow .15s ease}
.v2claim-form .lf::placeholder,.v2sheet-box .lf::placeholder{color:rgba(23,34,74,.36)}
.v2claim-form .lf:hover,.v2sheet-box .lf:hover{border-color:rgba(15,24,52,.3)}
.v2claim-form .lf:focus,.v2sheet-box .lf:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 4px rgba(29,62,160,.14)}
.v2chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--page-mist);margin:0 0 14px;padding:11px 12px;border:1px solid rgba(15,24,52,.12);border-radius:12px;background:rgba(15,24,52,.03);cursor:pointer}
.v2chk input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:none;margin:1px 0 0;border:1.5px solid rgba(15,24,52,.32);border-radius:6px;background:#fff;cursor:pointer;position:relative}
.v2chk input:checked{background:var(--pine);border-color:var(--pine)}
.v2chk input:checked::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900}
.v2chk input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.v2claim-form .v2chk a{color:#0B6665;text-decoration-color:currentColor;text-underline-offset:2px}
.v2claim-form .v2chk a:focus-visible{outline:2px solid #0B6665;outline-offset:3px}
.v2claim-form .btn.full{height:54px;font-size:16.5px;letter-spacing:-.01em}
.v2claim-form .fine{margin-top:12px}
/* the arrival: the bar completes, the ticks land, the card lifts once */
.v2wizard:not([hidden]):not(#v2claim),#v2find:not([hidden]){animation:v2rise .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes v2grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes v2rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes v2fill{from{transform:scaleX(.9)}to{transform:none}}
@keyframes v2pop{0%,18%{opacity:0;transform:scale(.82)}62%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes v2lift{0%{box-shadow:0 20px 50px -26px rgba(0,0,0,.65)}45%{box-shadow:0 28px 60px -20px rgba(0,0,0,.75)}100%{box-shadow:0 20px 50px -26px rgba(0,0,0,.65)}}
#v2claim.arriving .v2prog i b{animation:v2fill .85s cubic-bezier(.2,.8,.2,1) both}
#v2claim.arriving .v2laststep{animation:v2rise .4s ease-out both}
#v2claim.arriving .v2ticks li{animation:v2rise .42s cubic-bezier(.2,.8,.2,1) both}
#v2claim.arriving .v2ticks li:nth-child(1){animation-delay:0.280s}
#v2claim.arriving .v2ticks li:nth-child(2){animation-delay:0.365s}
#v2claim.arriving .v2ticks li:nth-child(3){animation-delay:0.450s}
#v2claim.arriving .v2ticks li:nth-child(4){animation-delay:0.535s}
#v2claim.arriving .v2ticks li:nth-child(5){animation-delay:0.620s}
#v2claim.arriving .v2ticks li:nth-child(6){animation-delay:0.705s}
#v2claim.arriving .v2ticks li:nth-child(7){animation-delay:0.790s}
#v2claim.arriving .v2ticks li:nth-child(8){animation-delay:0.875s}
#v2claim.arriving .v2ticks li:nth-child(9){animation-delay:0.960s}
#v2claim.arriving .v2ticks li:nth-child(10){animation-delay:1.045s}
#v2claim.arriving .v2ticks li:nth-child(11){animation-delay:1.130s}
#v2claim.arriving .v2ticks li:nth-child(12){animation-delay:1.215s}
#v2claim.arriving .v2ticks li:nth-child(13){animation-delay:1.300s}
#v2claim.arriving .v2ticks li:nth-child(14){animation-delay:1.385s}
#v2claim.arriving .v2ticks li:nth-child(15){animation-delay:1.470s}
#v2claim.arriving .v2ticks li:nth-child(16){animation-delay:1.555s}
#v2claim.arriving .v2ticks li:nth-child(17){animation-delay:1.640s}
#v2claim.arriving .v2ticks li:nth-child(18){animation-delay:1.725s}
#v2claim.arriving .v2ticks li:nth-child(19){animation-delay:1.810s}
#v2claim.arriving .v2ticks li:nth-child(20){animation-delay:1.895s}
#v2claim.arriving .v2ticks li:nth-child(n+21){animation-delay:1.98s}
#v2claim.arriving .v2inc{animation:v2pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:inherit}
#v2claim.arriving .v2plan{animation:v2rise .5s cubic-bezier(.2,.8,.2,1) .06s both}
#v2claim.arriving .v2planprice b{animation:v2pop .6s cubic-bezier(.2,.8,.2,1) .06s both}
#v2claim.arriving .v2receipt{animation:v2rise .5s cubic-bezier(.2,.8,.2,1) .22s both}
#v2claim.arriving .v2claim-form{animation:v2rise .46s ease-out .1s both,v2lift 1.9s ease-in-out .6s 1}
@media (prefers-reduced-motion:reduce){.v2wizard:not([hidden]),#v2find:not([hidden]),#v2claim.arriving .v2receipt,#v2claim.arriving .v2prog i b,#v2claim.arriving .v2laststep,#v2claim.arriving .v2ticks li,#v2claim.arriving .v2inc,#v2claim.arriving .v2plan,#v2claim.arriving .v2planprice b,#v2claim.arriving .v2claim-form{animation:none}}

/* pp-ios-zoom 2026-09-17: the save sheet looked broken on a real iPhone. The
   layout was correct at every width (measured 362px in a 390px viewport), but
   its email field was 13.33px, and Safari zooms the whole page whenever a
   focused field is under 16px. Once zoomed, a position:fixed sheet is laid out
   at the unzoomed width while the visual viewport is smaller, so it ran off the
   right edge and its title was clipped. The field is now 16px like the claim
   field, and the sheet scrolls rather than clipping if it is ever taller than
   the space it has. */
.v2sheet{overflow:auto;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.v2sheet-box{max-height:calc(100% - 4px);overflow:auto;-webkit-overflow-scrolling:touch}
.v2sheet-box .lf{margin-bottom:2px}
.v2sheet-later{min-height:44px}

/* pp-wizard-nav 2026-09-17: a Back and a small Save on every staged screen, so a
   clinic is never one-way and can save from anywhere. The editor inputs move to
   16px for the same reason the sheet did: Safari zooms the page below that. */
.v2foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;padding-top:12px;border-top:1px solid var(--dk-line);flex-wrap:wrap}
.v2backbtn{background:none;border:1px solid var(--dk-line);color:var(--hero-mist);font:inherit;font-size:13px;font-weight:600;border-radius:999px;padding:10px 15px;min-height:44px;cursor:pointer}
.v2backbtn:hover{color:var(--hero-ink);border-color:rgba(160,196,232,.4)}
.v2savesm{background:none;border:0;color:var(--mint);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:10px 4px;min-height:44px;cursor:pointer}
.v2backbtn:focus-visible,.v2savesm:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.v2stuck{font-size:12.5px;color:var(--amber-ink);margin:8px 0 0}
.v2stuck[hidden]{display:none}

/* pp-claim-plan 2026-09-17: the last screen is the arrival, so it has to say
   what the clinic gets, what it costs and that the first days are free, and
   every feature line carries its own Included chip. The chip is inline at the
   end of the text on purpose: the earlier two-column grid split each line into
   one word per cell on a phone. */
.v2plan{border:1px solid rgba(111,212,208,.28);background:linear-gradient(180deg,rgba(111,212,208,.10),rgba(111,212,208,.02));border-radius:16px;padding:13px 15px;margin:0 0 15px}
.v2planrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}
.v2planprice{font-family:var(--display);color:var(--hero-ink);margin:0;display:flex;align-items:baseline;gap:6px}
.v2planprice b{font-size:31px;font-weight:900;letter-spacing:-.02em;line-height:1;display:inline-block}
.v2planprice span{font-size:12.5px;font-weight:600;color:var(--hero-mist)}
.v2plantrial{display:inline-flex;align-items:center;gap:6px;margin:0;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#071431;background:var(--mint);border-radius:999px;padding:6px 11px;white-space:nowrap}
.v2plantrial i{font-style:normal;font-weight:900}
.v2planalt{margin:9px 0 0;font-size:12px;line-height:1.5;color:var(--hero-mist)}
.v2billing{border:0;padding:0;margin:16px 0;color:var(--page-ink)}
.v2billing legend{font-size:13px;font-weight:700;margin-bottom:7px;padding:0}
.v2claim-form .v2billing label{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 11px;margin:0 0 8px;border:1.5px solid rgba(15,24,52,.18);border-radius:12px;color:var(--page-ink);cursor:pointer}
.v2claim-form .v2billing label:has(input:checked){border-color:var(--pine);background:rgba(29,62,160,.06)}
.v2billing input{flex:none;accent-color:var(--pine);width:18px;height:18px;margin:0}
.v2billing span{display:flex;gap:4px 10px;align-items:baseline;flex-wrap:wrap}
.v2billing b{font-weight:800}
.v2billing small{font-size:12px;color:var(--page-mist)}
.v2plancount{margin:9px 0 0;padding-top:9px;border-top:1px solid rgba(111,212,208,.20);font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mint)}
.v2inc{display:inline;font-style:normal;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mint);background:rgba(111,212,208,.13);border:1px solid rgba(111,212,208,.30);border-radius:999px;padding:2px 7px;margin-left:5px;white-space:nowrap;vertical-align:middle;transform-origin:left center}

/* pp-seamless 2026-09-17: a tap has to be seen to land. There was no pressed
   state and no disabled state anywhere on the journey, so the two taps that wait
   on the network read as dead for the whole round trip. */
.btn:active,.v2send:active,.v2opt:active,.v2backbtn:active{transform:scale(.985)}
.btn[disabled],.v2send[disabled]{opacity:.72;cursor:progress}

/* pp-alive 2026-09-17: the story reacts. The patient types and the coaching
   ticks light as the facts land; the matches arrive one after the other; the
   brief assembles line by line; the month counts up and the bars grow; the
   phone in the story shows the time, and the time moves. Every rule keys on
   .arriving so it happens once, and all of it is off under
   prefers-reduced-motion. */
.v2home[data-clock]::before{content:attr(data-clock);position:absolute;top:0;left:0;right:0;height:24px;padding:5px 14px;box-sizing:border-box;background:rgba(250,250,252,.96);border-bottom:1px solid rgba(0,0,0,.06);font-family:var(--display);font-size:12px;font-weight:700;color:#1A1A1A;letter-spacing:.02em;line-height:14px}
.v2home[data-clock]::after{content:"\25CF\25CF\25CF \25AE";position:absolute;top:8px;right:12px;font-size:8px;letter-spacing:1px;color:#1A1A1A;opacity:.55;line-height:1}
.v2wg.typing .v2coach span{opacity:.55;transition:opacity .25s}.v2wg.typing .v2coach span.on{opacity:1}
.v2wg.typing #v2demo-concern::after{content:"";display:inline-block;width:1px;height:1em;background:#1A1A1A;margin-left:1px;vertical-align:-2px;animation:v2caret .8s steps(2) infinite}
@keyframes v2caret{to{opacity:0}}
#v2matches.arriving .v2match{animation:v2rise .45s cubic-bezier(.2,.8,.2,1) both}
#v2matches.arriving .v2match:nth-child(1){animation-delay:.25s}
#v2matches.arriving .v2match:nth-child(2){animation-delay:.6s}
#v2receive.arriving .v2enq dt,#v2receive.arriving .v2enq dd,#v2receive.arriving .v2enq .v2timeline{animation:v2rise .4s cubic-bezier(.2,.8,.2,1) both}
#v2receive.arriving .v2enq dl > :nth-child(1){animation-delay:0.35s}
#v2receive.arriving .v2enq dl > :nth-child(2){animation-delay:0.42s}
#v2receive.arriving .v2enq dl > :nth-child(3){animation-delay:0.49s}
#v2receive.arriving .v2enq dl > :nth-child(4){animation-delay:0.56s}
#v2receive.arriving .v2enq dl > :nth-child(5){animation-delay:0.63s}
#v2receive.arriving .v2enq dl > :nth-child(6){animation-delay:0.70s}
#v2receive.arriving .v2enq dl > :nth-child(7){animation-delay:0.77s}
#v2receive.arriving .v2enq dl > :nth-child(8){animation-delay:0.84s}
#v2receive.arriving .v2enq dl > :nth-child(9){animation-delay:0.91s}
#v2receive.arriving .v2enq dl > :nth-child(10){animation-delay:0.98s}
#v2receive.arriving .v2enq dl > :nth-child(11){animation-delay:1.05s}
#v2receive.arriving .v2enq dl > :nth-child(12){animation-delay:1.12s}
#v2receive.arriving .v2enq dl > :nth-child(13){animation-delay:1.19s}
#v2receive.arriving .v2enq dl > :nth-child(14){animation-delay:1.26s}
#v2receive.arriving .v2enq dl > :nth-child(15){animation-delay:1.33s}
#v2receive.arriving .v2enq dl > :nth-child(16){animation-delay:1.40s}
#v2receive.arriving .v2enq .v2timeline{animation-delay:1.55s}
#v2receive.arriving .v2chip{animation:v2pop .5s cubic-bezier(.2,.8,.2,1) 1.7s both}
#v2intel.arriving .v2bars i{animation:v2grow .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
#v2intel.arriving .v2bars div:nth-child(1) i{animation-delay:0.30s}
#v2intel.arriving .v2bars div:nth-child(2) i{animation-delay:0.39s}
#v2intel.arriving .v2bars div:nth-child(3) i{animation-delay:0.48s}
#v2intel.arriving .v2bars div:nth-child(4) i{animation-delay:0.57s}
#v2intel.arriving .v2bars div:nth-child(5) i{animation-delay:0.66s}
#v2intel.arriving .v2bars div:nth-child(6) i{animation-delay:0.75s}
@media (prefers-reduced-motion:reduce){.v2wg.typing .v2coach span,#v2matches:not([hidden]) .v2match,#v2receive:not([hidden]) .v2enq dt,#v2receive:not([hidden]) .v2enq dd,#v2receive:not([hidden]) .v2enq .v2timeline,#v2receive:not([hidden]) .v2chip,#v2intel:not([hidden]) .v2bars i,.v2wg.typing #v2demo-concern::after{animation:none;opacity:1;transform:none}}

/* pp-cream 2026-09-17: made for this clinic. Their homepage under the story
   phone, their colours on its buttons, their treatments cascading in on their
   finder screen, and the iOS breadcrumb that says where the patient came from. */
.v2home[data-from]::before{content:"\25C0\00A0" attr(data-from);opacity:.75}
.v2home.captured{background-size:cover;background-position:center 24px;background-repeat:no-repeat}
.v2live{--story:#B5955A}
.v2send,.v2matchactions .ask{background:var(--story);border-color:var(--story)}
.v2opt.selected{border-color:var(--story)}
#v2find.arriving .v2t{animation:v2rise .4s cubic-bezier(.2,.8,.2,1) both}
#v2find.arriving .v2t:nth-child(1){animation-delay:0.12s}
#v2find.arriving .v2t:nth-child(2){animation-delay:0.18s}
#v2find.arriving .v2t:nth-child(3){animation-delay:0.24s}
#v2find.arriving .v2t:nth-child(4){animation-delay:0.30s}
#v2find.arriving .v2t:nth-child(5){animation-delay:0.36s}
#v2find.arriving .v2t:nth-child(6){animation-delay:0.42s}
#v2find.arriving .v2t:nth-child(7){animation-delay:0.48s}
#v2find.arriving .v2t:nth-child(8){animation-delay:0.54s}
#v2find.arriving .v2t:nth-child(n+9){animation-delay:.6s}
#v2receive.arriving .v2enq dl > :nth-child(17){animation-delay:1.47s}
#v2receive.arriving .v2enq dl > :nth-child(18){animation-delay:1.54s}
@media (prefers-reduced-motion:reduce){#v2find .v2t{animation:none}}

/* pp-signoff 2026-09-17: the four reviewers' findings. The consent label on the
   claim card missed AA by a hair; the story card outgrew the phone at 320px and
   sat on the status strip; and every reduce-motion override lost on specificity
   to the rule it meant to cancel, so one block now wins outright. */
.v2chk{color:rgba(23,34,74,.72)}
.v2wg{max-height:calc(100% - 44px);overflow:auto}
@media(max-width:360px){.v2live{min-height:420px}}
@media(min-width:900px){.v2live{min-height:360px}}
@media (prefers-reduced-motion:reduce){main .screen,main .screen *,main .screen *::before,main .screen *::after{animation:none!important;transition:none!important}.v2wg.typing .v2coach span{opacity:1}}

/* Desktop walkthrough: make the demonstration the focus, including when no
   clinic screenshot is available. Keep the mobile story geometry unchanged. */
@media (min-width:900px){
  :is(#v2arrival,#v2search,#v2matches,#v2ask,#v2receive) > .stitle{max-width:980px;margin:0 auto 12px;text-align:center;font-size:clamp(30px,2.7vw,40px)}
  :is(#v2arrival,#v2search,#v2matches,#v2ask,#v2receive) > .sline{max-width:740px;margin:0 auto 28px;text-align:center;font-size:18px;line-height:1.6}
  :is(#v2arrival,#v2search,#v2matches,#v2ask) .v2live{display:grid;place-items:center;max-width:800px;margin-inline:auto;min-height:0;padding:52px 36px 30px;box-sizing:border-box}
  :is(#v2arrival,#v2search,#v2matches,#v2ask) .v2wg{position:relative;inset:auto;width:100%;max-width:540px;max-height:none;overflow:visible;box-sizing:border-box;padding:22px;font-size:16px}
  :is(#v2arrival,#v2search,#v2matches,#v2ask) .v2wg h5{font-size:21px;line-height:1.3;margin-bottom:8px}
  .v2wizard .v2q{font-size:15px;line-height:1.55;margin-bottom:14px}
  .v2wizard .v2steps{font-size:12px;margin-bottom:14px}
  .v2wizard .v2opt{padding:12px 14px;margin-bottom:9px}
  .v2wizard .v2opt small{font-size:14px;line-height:1.5;margin-top:3px}
  .v2wizard .v2send{padding:13px 16px}
  .v2wizard .v2box{font-size:16px;padding:13px 14px}
  .v2wizard .v2coach{font-size:13px;gap:8px 14px;margin:10px 0 14px}
  #v2search .v2tabs{max-width:800px;margin:0 auto 14px}
  #v2search .v2tabs button{font-size:15px;padding:12px}
  .v2wizard .v2match{padding:15px;margin-bottom:10px}
  .v2wizard .v2matchtop b{font-size:18px}
  .v2wizard .v2matchtop span{font-size:13px}
  .v2wizard .v2recommended{font-size:12px;margin-top:4px}
  .v2wizard .v2why{font-size:15px;line-height:1.55;margin-top:8px}
  .v2wizard .v2matchactions button{font-size:14px;padding:10px}
  .v2wizard .v2contact{font-size:15px;padding:14px}
  .v2wizard .v2contact dl{gap:7px 14px}
  .v2wizard .v2consent{font-size:13px;line-height:1.5;margin-top:12px}
  :is(#v2arrival,#v2search,#v2matches,#v2ask) > .hint{max-width:800px;margin:16px auto 0;text-align:center;font-size:14px;line-height:1.6}
  :is(#v2arrival,#v2search,#v2matches,#v2ask,#v2receive) > .actions{justify-content:center;margin-top:22px}
  #v2receive .v2compare{align-items:center;gap:24px;margin-top:32px}
  #v2receive .v2card{padding:24px}
  #v2receive .v2card.plain q{font-size:21px;line-height:1.5}
  #v2receive .v2small{font-size:16px}
  #v2receive .v2enq dl{font-size:15px;gap:10px 16px}
  #v2receive .v2enq dd small{font-size:12px;margin-top:3px}
  #v2receive .v2timeline{font-size:13px;line-height:1.6}
  #v2receive .v2pitch{max-width:1080px;margin:40px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:17px;line-height:1.65;text-align:center}
  #v2receive .v2pitch li:first-child{grid-column:1 / -1;font-size:clamp(24px,2.3vw,30px);line-height:1.35;max-width:760px;margin:0 auto 6px;text-wrap:balance}
  #v2receive .v2pitch li:not(:first-child){padding:20px 14px;border-top:1px solid var(--dk-line)}
  #v2receive .v2pitch li:not(:first-child) b{display:block;font-size:20px;line-height:1.4;margin-bottom:10px;text-wrap:balance}
}

/* The final screen presents the value in four readable groups, alongside the
   claim form. Keep each feature and its Included marker in normal text flow. */
.v2claim-intro{max-width:850px;margin:0 auto 24px;text-align:center}
.v2claim-intro .sline{margin-inline:auto}
.v2cancelled{max-width:850px;margin:0 auto 18px;padding:12px 16px;border:1px solid rgba(111,212,208,.34);border-radius:12px;background:rgba(111,212,208,.10);color:var(--hero-ink);font-size:14.5px;line-height:1.5;text-align:center}
.v2value-groups{display:grid;gap:16px;min-width:0}
.v2value-card{border:1px solid var(--dk-line);border-radius:18px;padding:22px;background:rgba(255,255,255,.045)}
.v2value-card .v2lab{color:var(--mint);margin:0 0 10px}
.v2value-card h3{font-family:var(--display);font-size:23px;line-height:1.25;margin:0 0 20px;letter-spacing:-.02em;text-wrap:balance}
.v2value-card .v2ticks{gap:16px;margin:0}
.v2value-card .v2ticks li{font-size:15px;line-height:1.6}
.v2value-card .v2ticks li b{font-weight:700}
.v2claim-side{min-width:0}
.v2claim-terms{margin-top:24px;padding:0 8px}
.v2claim-terms .v2lab{color:var(--hero-mist)}
.v2claim-terms .v2ticks{gap:14px}
.v2claim-terms .v2ticks li{font-size:13px;line-height:1.6}
@media(min-width:1100px){
  #v2claim .v2claim-grid{grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:24px}
  #v2claim .v2value-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  #v2claim .v2claim-side{position:sticky;top:24px}
}
@media(min-width:900px){
  #v2claim .stitle{font-size:clamp(32px,2.8vw,42px);line-height:1.2;margin-bottom:14px}
  #v2claim .sline{font-size:18px;line-height:1.6}
  #v2claim .v2plan{padding:22px 26px;margin-bottom:16px;display:grid;grid-template-columns:1.2fr 1fr;gap:8px 28px;align-items:center}
  #v2claim .v2planrow{justify-content:flex-start;gap:24px;grid-row:1 / 3}
  #v2claim .v2planprice b{font-size:42px}
  #v2claim .v2planprice span{font-size:15px}
  #v2claim .v2planalt{font-size:14px;margin:0}
  #v2claim .v2plancount{margin:0}
  #v2claim .v2receipt{margin-bottom:24px;font-size:14px}
  #v2claim .v2claim-form{padding:24px}
  #v2claim .v2formhead{font-size:25px;margin-bottom:8px}
  #v2claim .v2formsub{font-size:15px;line-height:1.6}
  #v2claim .v2claim-form .v2field>span{font-size:14px}
  #v2claim.arriving .v2ticks li,#v2claim.arriving .v2inc{animation:none}
}
@media(max-width:899px){
  .v2value-card{padding:18px}
  .v2value-card h3{font-size:21px}
  .v2value-card .v2ticks li{font-size:14px}
}

/* pp-copy-batch 2026-09-30 (4b): the approved card line sits under the claim button, and on phones the claim form comes before the feature cards so it is not ~1,400px down. */
.v2cardline{margin:10px 0 0;font-size:12.5px;font-weight:600;color:var(--page-ink,#1a1a2e);text-align:center;line-height:1.45}
@media (max-width:900px){#v2claim .v2claim-side{order:-1}}

/* Drawn arrow icon and themed browser parts (design scan, 4 Oct 2026) */
::selection{background:#8FE7E0;color:#071431}
html{scrollbar-color:rgba(160,196,232,.4) transparent}
input,textarea{caret-color:#0F7F7B}
.search{caret-color:#8FE7E0}
.pp-arr{display:inline-block;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9.5M8.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9.5M8.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.pp-arr-back{transform:scaleX(-1)}