/* Home page version 3, the staff preview at /internal/home-next/ (templates/claimsverified/v4/home_next.html).
   Every class here starts with "v-" so nothing collides with the live home page's style block, which the
   preview also loads for the parts it takes from the live page (the dashboard console, the footer, the ticker).
   Colour rules: oxblood only for risk, green only for fixed or signed, the Reader is silver. Nothing a visitor
   reads is under 14px. Motion: every animated block has a still state (.v-static) for reduced motion or no script. */
.v3{--ink:#0D0E14;--red:#A8342A;--green:#2E6B47;--green-d:#1F6B45;--green-ink:#123D28;--mint:#9FD3B4;--warm:#F2B8AE;--steel:#475569;
  --line:rgba(13,14,20,.11);--body:rgba(13,14,20,.82);--muted:rgba(13,14,20,.68);
  --serif:Spectral,Georgia,serif;--sans:'Public Sans',system-ui,sans-serif;--mono:'Spline Sans Mono',ui-monospace,monospace;--ease:cubic-bezier(.2,.8,.2,1);
  font-size:16.5px;line-height:1.55;color:var(--ink);}
:where(.v3) p{margin:0;}
:where(.v3) button{font:inherit;color:inherit;}
.v-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.v-label{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--steel);text-transform:uppercase;}
.v-label i{display:block;width:7px;height:7px;transform:rotate(45deg);background:currentColor;flex:none;}
.v-label::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,currentColor);flex:none;}
.v-chip{display:inline-flex;align-items:center;font-size:14px;font-weight:700;line-height:1.2;padding:5px 11px;border-radius:999px;background:#E9EDF2;color:#343945;white-space:nowrap;}
.v-tick{flex:none;width:18px;height:18px;border-radius:50%;background:var(--green);display:inline-grid;place-items:center;}
.v-tick svg{width:10px;height:10px;display:block;}
.v-sec{position:relative;}
.v-sec[id]{scroll-margin-top:72px;}
.v-pad{padding-top:clamp(28px,4.4vw,56px);padding-bottom:clamp(28px,4.4vw,56px);}
.v-h2{margin:14px 0 0;font-family:var(--serif);font-weight:800;font-size:clamp(30px,4vw,50px);line-height:1.06;letter-spacing:-.025em;text-wrap:balance;padding-bottom:.06em;}
.v-h2>span{display:block;}
.v-lede{margin:14px 0 0;font-size:18px;line-height:1.55;max-width:66ch;color:var(--body);text-wrap:pretty;}
.v-more{font-size:15.5px;font-weight:700;border-bottom:1px solid rgba(13,14,20,.35);}
.v-dark{color:#fff;}
.v-dark .v-label{color:var(--mint);}
.v-dark .v-lede{color:rgba(255,255,255,.84);}
.v-dark .v-more{color:#fff;border-bottom-color:rgba(255,255,255,.45);}
.v-mint{color:var(--mint);}
.v-warmc{color:var(--warm);}
.v-greenc{color:var(--green);}
.v-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;font-size:16.5px;font-weight:700;cursor:pointer;border:1px solid transparent;text-align:center;}
.v-btn-1{color:#fff;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 38%),linear-gradient(180deg,#2B2E39 0%,#0D0E14 62%);}
.v-btn-1:hover{color:#fff;background:linear-gradient(180deg,#3A3D48 0%,#1E212B 62%);}
.v-btn-2{color:var(--ink);background:#fff;border-color:rgba(13,14,20,.2);}
.v-btn-2:hover{border-color:rgba(13,14,20,.45);}
.v-btn-w{color:var(--ink);background:linear-gradient(180deg,#FFFFFF,#E4E7EC);}
.v-btn-w:hover{color:var(--ink);background:#fff;}
.v-btn-g{color:#fff;border-color:rgba(255,255,255,.4);background:transparent;}
.v-btn-g:hover{color:#fff;border-color:#fff;}
/* The one choice on the page (an Amazon listing or a telehealth site, and the agents on a phone): a labelled
   control of radio pills in one track. The picked one is filled with a dot; the other shows an empty ring, takes
   the pointer and lights on hover. Same look in the hero box, the example, the engine and the services. */
.v-choose{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;}
.v-choose-lab{margin:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--steel);}
.v-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;max-width:100%;background:#E3E8EF;border:1px solid rgba(13,14,20,.16);box-shadow:inset 0 1px 3px rgba(13,14,20,.1);}
.v-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:4px 15px 4px 11px;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer;font-size:14.5px;font-weight:700;line-height:1.2;color:rgba(13,14,20,.8);white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.v-tabs button::before{content:"";flex:none;box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:2px solid rgba(13,14,20,.45);background:#fff;}
.v-tabs button:hover{background:#fff;border-color:rgba(13,14,20,.3);color:var(--ink);}
.v-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff;cursor:default;box-shadow:0 3px 8px -3px rgba(13,14,20,.55);}
.v-tabs button[aria-selected="true"]::before{border-color:#fff;background:radial-gradient(circle,#fff 0 3.5px,transparent 4.5px);}
.v-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.v-dark .v-choose-lab,.v-engine .v-choose-lab{color:rgba(255,255,255,.8);}
.v-eng-tabs,.v-ag-tabs{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);box-shadow:none;}
.v-eng-tabs button,.v-ag-tabs button{color:rgba(255,255,255,.88);}
.v-eng-tabs button::before,.v-ag-tabs button::before{border-color:rgba(255,255,255,.65);background:transparent;}
.v-eng-tabs button:hover,.v-ag-tabs button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;}
.v-eng-tabs button[aria-selected="true"],.v-ag-tabs button[aria-selected="true"]{background:#fff;border-color:#fff;color:var(--ink);}
.v-eng-tabs button[aria-selected="true"]::before,.v-ag-tabs button[aria-selected="true"]::before{border-color:var(--ink);background:radial-gradient(circle,var(--ink) 0 3.5px,transparent 4.5px);}
.v-eng-tabs button:focus-visible,.v-ag-tabs button:focus-visible{outline-color:#fff;}
.v-nojs .v-choose,.v-nojs .v-choose-lab{display:none;}

/* The player bar, on whatever plays: a track of the named steps (the current one fills over the time it holds),
   then previous, Pause / Play / Replay with its icon and its word, next, and what is on screen: "Playing · Step 3
   of 7 · Why it is a risk", "Paused · ...", "Finished · ...". Before an agent panel plays: "Play it" and its length. */
.v-player{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.v-player[hidden]{display:none;}
.v-pl-trk{display:flex;align-items:center;gap:4px;height:8px;}
.v-pl-trk i{position:relative;flex:1;height:6px;border-radius:3px;background:rgba(13,14,20,.2);box-shadow:inset 0 0 0 1px rgba(13,14,20,.1);overflow:hidden;}
.v-pl-trk i b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--ink);}
.v-pl-trk i.v-done b{width:100%;}
.v-pl-trk i.v-now{height:8px;border-radius:4px;background:rgba(13,14,20,.38);box-shadow:none;}
@keyframes v-fill{from{width:0;}to{width:100%;}}
.v-pl-row{display:flex;align-items:center;gap:8px 12px;}
.v-pl-btns{flex:none;display:flex;gap:6px;}
.v-pl-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(13,14,20,.26);background:#fff;color:var(--ink);cursor:pointer;font-size:14.5px;font-weight:700;line-height:1;}
.v-pl-b svg{display:block;flex:none;width:14px;height:14px;}
.v-pl-step svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.v-pl-play{min-width:100px;padding:0 15px 0 12px;}
.v-pl-play path{display:none;fill:currentColor;}
.v-pl-play path.v-i-replay{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
[data-play="playing"] .v-i-pause,[data-play="paused"] .v-i-play,[data-play="ready"] .v-i-play,[data-play="ended"] .v-i-replay{display:block;}
[data-play="ready"] .v-pl-play,[data-play="ended"] .v-pl-play{background:var(--ink);border-color:var(--ink);color:#fff;}
.v-pl-b:hover:not(:disabled){border-color:var(--ink);}
.v-pl-b:disabled{opacity:.32;cursor:default;}
.v-pl-b:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
[data-play="ready"] .v-pl-trk,[data-play="ready"] .v-pl-step{display:none;}
.v-pl-time{flex:none;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;}
[data-play="ready"] .v-pl-time{display:none;}
.v-pl-time:has(.v-pl-len){flex-direction:column;align-items:flex-start;gap:0;}
.v-pl-len{font-size:14px;}
.v-st-foot .v-pl-row{flex-wrap:wrap;}.v-st-foot .v-pl-say{flex:1 1 100%;}
@media (max-width:640px){.v-player:not([data-play="ready"]) .v-pl-row{flex-wrap:wrap;}.v-player:not([data-play="ready"]) .v-pl-say{flex:1 1 100%;}}
.v-pl-say{flex:1;min-width:0;margin:0;font-size:14.5px;line-height:1.4;color:var(--body);}
.v-pl-say b{display:inline-block;padding:0 7px;border-radius:6px;background:#E3E8EF;font-weight:800;color:var(--ink);}
[data-play="playing"] .v-pl-say b{background:var(--ink);color:#fff;}
.v-board .v-pl-trk i{background:rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.v-board .v-pl-trk i b{background:#fff;}
.v-board .v-pl-trk i.v-now{background:rgba(255,255,255,.46);box-shadow:none;}
.v-board .v-pl-b{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);}
.v-board .v-pl-b:hover:not(:disabled){border-color:#fff;}
.v-board .v-pl-b:focus-visible{outline-color:#fff;}
.v-board [data-play="ended"] .v-pl-play{background:#fff;border-color:#fff;color:var(--ink);}
.v-board .v-pl-say{color:rgba(255,255,255,.84);}
.v-board .v-pl-say b{background:rgba(255,255,255,.14);color:#fff;}
.v-board [data-play="playing"] .v-pl-say b{background:#fff;color:var(--ink);}

/* preview bar and nav */
.v-bar{background:#2E323C;color:#fff;font-size:14px;}
.v-bar .wrap{padding-top:8px;padding-bottom:8px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;}
.v-bar a{padding:3px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;}
.v-bar a[aria-current="true"]{background:#fff;color:var(--ink);border-color:#fff;}
.v-nav{position:sticky;top:0;z-index:30;background:rgba(248,249,251,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,14,20,.08);}
.v-nav-in{display:flex;align-items:center;gap:8px 20px;padding-top:10px;padding-bottom:10px;}
.v-brand{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--serif);font-weight:700;font-size:19px;}
.v-brand img{height:34px;width:34px;display:block;}
.v-links{flex:1;min-width:0;display:flex;justify-content:center;gap:2px;}
.v-links a{flex:none;padding:9px 10px;border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap;color:rgba(13,14,20,.76);}
.v-links a:hover{color:var(--ink);background:rgba(13,14,20,.05);}
.v-links a[aria-current="true"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border-radius:10px 10px 0 0;}
.v-login{flex:none;font-size:15px;font-weight:600;}
.v-free{flex:none;font-size:15px;font-weight:700;padding:10px 18px;border-radius:999px;}
@media (max-width:1080px){.v-links{display:none;}.v-login{margin-left:auto;}}
@media (max-width:520px){.v-login{display:none;}.v-free{margin-left:auto;}}

/* 1. hero */
.v-hero{position:relative;border-bottom:1px solid rgba(15,23,42,.08);
  background:linear-gradient(rgba(13,14,20,.028) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(13,14,20,.028) 1px,transparent 1px) 0 0/48px 48px,
    radial-gradient(760px 460px at 84% 12%,rgba(148,170,205,.30),transparent 65%),radial-gradient(520px 380px at 8% 0%,rgba(255,255,255,.95),transparent 70%),linear-gradient(180deg,#FFFFFF 0%,#EEF2F7 100%);}
.v-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,570px);gap:clamp(28px,4vw,60px);align-items:center;padding-top:clamp(22px,2.8vw,38px);padding-bottom:clamp(28px,3.4vw,46px);}
.v-hero-grid>*{min-width:0;}
.v-h1{margin:16px 0 0;font-family:var(--serif);font-weight:800;font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.03em;text-wrap:balance;padding-bottom:.06em;}
.v-h1[data-long]{font-size:clamp(34px,3.9vw,52px);line-height:1.05;}
.v-second{margin:12px 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.25;color:#2E323C;text-wrap:balance;}
.v-hero .v-lede{font-size:18px;max-width:56ch;color:rgba(13,14,20,.86);}
.v-box{margin-top:18px;max-width:600px;padding:12px 14px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78));border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 1px 0 #fff,0 18px 36px -28px rgba(30,41,59,.34);}
.v-box .v-try+.v-try{margin-top:14px;padding-top:12px;border-top:1px solid rgba(13,14,20,.1);}
.v-box[data-on] .v-try{display:none;margin-top:10px;padding-top:0;border-top:0;}
.v-box[data-on][data-who="a"] .v-try[data-box-pane="a"],.v-box[data-on][data-who="b"] .v-try[data-box-pane="b"]{display:block;}
.v-box[data-on] .v-try-lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.v-hero-alt{margin-top:12px;}
.v-try-wide{max-width:none;}
.v-try-lab{display:block;font-size:16px;font-weight:700;}
.v-try-lab span{font-weight:400;color:var(--muted);}
.v-try-row{margin-top:8px;display:flex;gap:8px;}
.v-try input,.v-try select{flex:1;min-width:0;min-height:48px;padding:0 13px;border-radius:12px;border:1px solid rgba(13,14,20,.24);background:#fff;font:inherit;font-size:16px;color:var(--ink);}
.v-try select{flex:0 1 168px;padding-right:6px;}
.v-try-4 input[type=email]{flex:0 1 230px;}
.v-try input::placeholder{color:rgba(13,14,20,.56);}
.v-try input:focus-visible,.v-try select:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}
.v-try .v-btn{min-height:48px;border-radius:12px;white-space:nowrap;padding:0 18px;}
.v-try-note{margin-top:9px;font-size:14px;line-height:1.45;color:var(--muted);}
.v-try-err{margin-top:8px;font-size:14.5px;font-weight:600;color:var(--red);}
/* The answer to a listing check, in the box: the counts on file, or "not on file yet". While it shows, the field and the note give way to it. */
.v-res{margin-top:8px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid rgba(13,14,20,.14);}
.v-res[hidden]{display:none;}
.v-try[data-res] .v-try-row,.v-try[data-res] .v-try-note{display:none;}
.v-res-top{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;font-size:15px;}
.v-res-ok{color:var(--green-d);}
.v-res-code{font-family:var(--mono);font-size:14px;color:var(--muted);}
.v-res-counts{margin-top:8px;display:flex;gap:4px 20px;flex-wrap:wrap;align-items:baseline;font-size:14.5px;}
.v-res-counts b{font-family:var(--serif);font-size:30px;line-height:1.1;}
.v-res-crit{color:var(--red);}
.v-res-say{margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--muted);}
.v-res-acts{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.v-res-back{min-height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(13,14,20,.2);background:#fff;cursor:pointer;font:inherit;font-size:15.5px;font-weight:600;color:var(--ink);}
.v-res-back:hover{border-color:rgba(13,14,20,.45);}
.v-try-sent{margin-top:8px;padding:10px 12px;border-radius:10px;background:#EEF2F7;border:1px dashed rgba(13,14,20,.3);font-size:14.5px;font-weight:600;}
@media (max-width:1020px){.v-hero-grid{grid-template-columns:minmax(0,1fr);}.v-stage{max-width:620px;}}
@media (max-width:900px){.v-try-4{flex-wrap:wrap;}.v-try-4 input[type=text]{flex:1 1 100%;}}
/* a phone: the box sits right under the headline and the example right under the box, so the example shows in the first screen; the paragraph follows it */
@media (max-width:560px){
  .v-hero-grid{display:flex;flex-direction:column;gap:0;padding-top:14px;}
  .v-hero-copy{display:contents;}
  .v-hero .v-label{order:1;letter-spacing:.06em;}.v-hero .v-label::before{display:none;}
  .v-h1{order:2;margin-top:10px;}.v-h1[data-long]{font-size:30px;}
  .v-second{order:3;margin-top:8px;font-size:18px;}
  .v-box{order:4;margin-top:12px;padding:10px 10px 10px;width:100%;}
  .v-stage{order:5;margin-top:12px;width:100%;}
  .v-hero .v-lede{order:6;margin-top:18px;}
  .v-hero-alt{order:7;}
  .v-box-tabs{display:flex;width:100%;}.v-box-tabs button{flex:1;padding:4px 8px;}
  .v-box[data-on] .v-try{margin-top:8px;}
  .v-box .v-try-note{margin-top:6px;}
  .v-try-3{flex-direction:column;}.v-try-3 input{flex:none!important;width:100%;}
  .v-try-4{flex-direction:row;flex-wrap:wrap;}.v-try-4 input[type=text],.v-try-4 .v-btn{flex:1 1 100%!important;width:100%;}
  .v-try-4 select,.v-try-4 input[type=email]{flex:1 1 0!important;min-width:0;width:auto;}
  .v-try .v-btn{padding:0 14px;}
  .v-st-top .v-choose{display:none!important;}
  .v-st-top{position:absolute;z-index:2;top:10px;right:12px;}.v-st-top .v-chip{margin:0;}.v-exs{margin-top:0;}
  .v-pl-play{min-width:92px;}.v-pl-say{font-size:14px;}
}

/* the stage: two constructed examples, one at a time */
.v-stage{position:relative;border-radius:24px;padding:clamp(12px,1.8vw,20px);
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(244,246,249,.92)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(13,14,20,.2) 50%,rgba(255,255,255,.7)) border-box;
  border:1px solid transparent;box-shadow:inset 0 1px 0 #fff,0 40px 80px -40px rgba(13,14,20,.55);}
.v-st-top{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 10px;flex-wrap:wrap;}
.v-st-top .v-chip{margin-bottom:6px;}
.v-box-tabs{margin-top:5px;}
.v-exs{display:grid;margin-top:10px;}
.v-ex{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;}
.v-stage[data-ex="a"] .v-ex[data-ex-pane="a"],.v-stage[data-ex="b"] .v-ex[data-ex-pane="b"]{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s;}
.v-resetting .v-ex{opacity:0!important;}
.v-who{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.v-who svg{width:11px;height:24px;display:block;flex:none;}
.v-who .v-chip{margin-left:auto;font-family:var(--sans);letter-spacing:0;text-transform:none;}
.v-lst{margin-top:8px;border-radius:16px;background:#fff;border:1px solid rgba(13,14,20,.1);overflow:hidden;}
.v-lst-head{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(13,14,20,.08);background:linear-gradient(180deg,#fff,#F7F9FB);}
.v-lst-thumb{flex:none;width:40px;height:48px;border-radius:8px;background:linear-gradient(160deg,#F4F6F9,#DDE3EA);display:grid;place-items:center;}
.v-lst-thumb svg{width:20px;height:33px;display:block;}
.v-lst-where{display:block;font-size:14px;font-weight:700;color:var(--muted);}
.v-lst-title{display:block;font-size:16px;font-weight:700;line-height:1.3;}
.v-web-bar{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid rgba(13,14,20,.08);background:linear-gradient(180deg,#F4F6F9,#E9EDF2);}
.v-web-bar i{display:block;width:9px;height:9px;border-radius:50%;background:#C3CAD5;}
.v-web-bar span{flex:1;margin-left:8px;padding:4px 12px;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v-web-nav{display:flex;align-items:center;gap:14px;padding:10px 16px 0 78px;}
.v-web-nav b{font-family:var(--serif);font-size:16px;font-weight:800;}
.v-web-nav i{display:block;height:6px;width:44px;border-radius:3px;background:#DDE3EA;}
.v-web-nav i:last-child{margin-left:auto;width:74px;height:24px;border-radius:8px;background:#C3CAD5;}
.v-lst-body{position:relative;padding:14px 16px 12px 78px;}
.v-lst-about{font-size:14px;font-weight:700;color:var(--muted);}
.v-lst-body ul{list-style:none;margin:5px 0 0;padding:0;display:grid;gap:3px;}
.v-lst-body li{position:relative;font-family:var(--serif);font-weight:600;font-size:clamp(17px,1.45vw,19px);line-height:1.4;padding:4px 8px;margin-left:-8px;border-radius:8px;color:rgba(13,14,20,.56);transition:color .4s ease;
  background:linear-gradient(rgba(91,103,120,.13),rgba(91,103,120,.13)) no-repeat left center/0% 100%;}
.v-lst-body li.v-reading{color:var(--ink);background-size:100% 100%;transition:color .3s ease,background-size .8s linear;}
.v-lst-body li.v-read{color:var(--ink);background-size:100% 100%;background-image:linear-gradient(transparent,transparent);}
.v-ph{padding:1px 5px;margin-left:-5px;margin-right:-5px;border-radius:5px;background:linear-gradient(var(--red),var(--red)) no-repeat left center/0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .35s ease,color .2s ease .1s,margin .3s ease;}
.v-ph.v-on{background-size:100% 100%;color:#fff;margin-right:0;}
/* the old line and its rewording share one cell, so the swap never changes the height of the page drawn here */
.v-lst-body li.v-swapli{display:grid;}
.v-swapli>*{grid-area:1/1;min-width:0;}
.v-l-new{visibility:hidden;opacity:0;color:var(--green-ink);}
.v-l-new u{text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:5px;}
li.v-fixed .v-l-old{visibility:hidden;}
li.v-fixed .v-l-new{visibility:visible;opacity:1;animation:v-fadeup .4s var(--ease);}
@keyframes v-fadeup{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
/* the Reader: the kite from the mark, standing free. Silver, never red, never green. */
.v-reader{position:absolute;left:30px;top:0;width:44px;height:72px;transform-origin:50% 100%;transition:transform .5s var(--ease);will-change:transform;pointer-events:none;}
.v-reader svg{display:block;width:100%;height:100%;overflow:visible;}
.v-brow{transition:transform .3s var(--ease);}
.v-reader[data-mood="found"] .v-brow{transform:translateY(3.5px);}
.v-reader[data-mood="fixed"] .v-brow{transform:translateY(-3px);}
.v-eye{transform-box:fill-box;transform-origin:center;animation:v-blink 4.2s 3;}
@keyframes v-blink{0%,94%,100%{transform:scaleY(1);}97%{transform:scaleY(.15);}}
.v-beats{margin-top:8px;display:grid;}
.v-beat{grid-area:1/1;min-width:0;border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s ease,transform .4s var(--ease),visibility 0s linear .22s;}
.v-beat.v-on{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .4s var(--ease),visibility 0s;}
.v-b-lab{font-size:14px;font-weight:700;color:var(--muted);}
.v-b-read{background:linear-gradient(180deg,#F6F8FB,#EEF2F7);border:1px solid rgba(13,14,20,.08);}
.v-b-read p{margin-top:4px;font-family:var(--serif);font-weight:600;font-size:clamp(19px,1.8vw,23px);line-height:1.3;}
.v-b-flag{background:linear-gradient(180deg,#FFF6F4,#FBEDEA);border:1px solid rgba(168,52,42,.24);}
.v-b-flag p{margin-top:4px;font-family:var(--serif);font-weight:700;font-size:clamp(21px,2vw,26px);line-height:1.25;color:var(--red);}
.v-b-why{background:radial-gradient(420px 200px at 100% 0%,rgba(148,170,205,.2),transparent 70%),linear-gradient(160deg,#1E222C 0%,#0C0F15 100%);color:#fff;}
.v-b-why .v-b-lab{color:var(--warm);}
.v-b-why p{margin-top:5px;font-family:var(--serif);font-weight:600;font-size:clamp(19px,1.85vw,24px);line-height:1.3;text-wrap:pretty;}
.v-b-why small{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.8);}
.v-b-why small a{border-bottom:1px solid rgba(255,255,255,.4);}
.v-b-why small b{color:#fff;font-weight:700;}
.v-b-verdict{background:transparent;padding-left:6px;padding-right:6px;}
.v-b-verdict p{font-family:var(--serif);font-weight:800;font-size:clamp(34px,3.8vw,52px);line-height:1.04;letter-spacing:-.03em;color:var(--red);text-wrap:balance;transform-origin:left center;}
.v-b-verdict.v-on p{animation:v-verdict .26s var(--ease);}
@keyframes v-verdict{from{transform:scale(1.08);opacity:0;}to{transform:none;opacity:1;}}
.v-b-fix{background:linear-gradient(180deg,#F5FAF7,#EAF4EE);border:1px solid rgba(31,107,69,.28);}
.v-b-fix .v-b-lab{color:var(--green-d);}
.v-b-fix p{margin-top:4px;min-height:1.35em;font-family:var(--serif);font-weight:600;font-size:clamp(19px,1.8vw,23px);line-height:1.35;color:var(--green-ink);}
.v-b-fix p.v-long{font-size:clamp(17px,1.5vw,19px);min-height:4.05em;}
.v-caret::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.12em;background:currentColor;animation:v-caret .9s steps(1) 4;}
@keyframes v-caret{50%{opacity:0;}}
.v-again{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--green-d);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .4s var(--ease);}
.v-again.v-on{opacity:1;transform:none;}
.v-disc{display:block;margin-top:6px;font-size:14px;line-height:1.4;font-weight:400;color:var(--muted);text-wrap:pretty;}
.v-find .v-disc{margin-top:4px;}
.v-opts-disc{margin-top:6px;}
.v-fixc .v-disc{margin-top:3px;}
.v-b-sign{background:linear-gradient(180deg,#fff,#F4F6F9);border:1px solid rgba(13,14,20,.12);}
.v-sign-row{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin-top:2px;}
.v-sig{width:170px;height:58px;display:block;flex:none;}
.v-sig path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;}
.v-on .v-sig path{animation:v-draw 1.3s cubic-bezier(.4,.1,.3,1) .25s forwards;}
@keyframes v-draw{to{stroke-dashoffset:0;}}
.v-code{display:inline-flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:12px;background:var(--ink);color:#fff;opacity:0;transform:translateY(5px);}
.v-code:hover{color:#fff;}
.v-code em,.v-sheet-sig code em{font-style:normal;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:0;margin-left:6px;padding:1px 7px;border-radius:999px;background:#F2D9A6;color:#3B2A06;}
.v-on .v-code{animation:v-fadeup .4s var(--ease) 1.5s forwards;}
.v-code span{font-size:14px;color:rgba(255,255,255,.8);}
.v-code b{font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:.06em;}
.v-b-sign small{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--body);}
.v-st-foot{margin-top:10px;padding-top:10px;border-top:1px solid rgba(13,14,20,.08);display:flex;align-items:center;gap:8px 14px;}
@media (max-width:560px){.v-lst-body{padding-left:54px;}.v-web-nav{padding-left:54px;}.v-reader{left:17px;width:34px;height:56px;}.v-who .v-chip{display:none;}}
/* The hero stage. Before the script runs (it is deferred) it shows exactly its first state, "Our AI reads it", in the
   same stacked grid the running example uses, so nothing is drawn on top of anything and the height is already the
   tallest state's. The "every step" list below (stacked in normal flow, never on top of each other) is only for
   visitors who get no motion: prefers-reduced-motion, ?static=1 (the script adds .v-reduced) and no script at all
   (the same rules sit in a <noscript> style in the page head). .v-static stays on the stage until the script starts the loop. */
.v-stage.v-static .v-b-read{opacity:1;visibility:visible;transform:none;transition:none;}
/* and it keeps the room the script's choice tabs and player bar take, so the page does not move when they appear */
@media (prefers-reduced-motion:no-preference){
  .v-stage.v-static .v-st-foot{min-height:93px;}
  @media (max-width:640px){.v-stage.v-static .v-st-foot{min-height:140px;}}
  .v-nojs .v-stage.v-static .v-st-top{min-height:71px;}
}
@media (max-width:560px){.v-nojs .v-stage.v-static .v-st-top{min-height:0;}}
.v-reduced .v-stage.v-static .v-st-foot,.v-reduced .v-stage.v-static .v-st-top{min-height:0;}
/* still: reduced motion or no script. Every beat of the chosen example is shown, one under the other. */
@media (prefers-reduced-motion:reduce){
  .v-static .v-exs{display:block;}
  .v-static .v-ex{display:none;opacity:1;visibility:visible;}
  .v-static.v-stage[data-ex="a"] .v-ex[data-ex-pane="a"],.v-static.v-stage[data-ex="b"] .v-ex[data-ex-pane="b"]{display:block;}
  .v-static .v-beats{display:flex;flex-direction:column;gap:8px;}
  .v-static .v-beat{opacity:1;visibility:visible;transform:none;transition:none;padding:10px 16px;}
  .v-static .v-b-read,.v-static .v-b-flag{display:none;}
  .v-static .v-b-verdict p{font-size:clamp(28px,2.6vw,36px);}
  .v-static .v-b-why p,.v-static .v-b-fix p{font-size:19px;min-height:0;}
}
.v-reduced .v-static .v-exs{display:block;}
.v-reduced .v-static .v-ex{display:none;opacity:1;visibility:visible;}
.v-reduced .v-static.v-stage[data-ex="a"] .v-ex[data-ex-pane="a"],.v-reduced .v-static.v-stage[data-ex="b"] .v-ex[data-ex-pane="b"]{display:block;}
.v-reduced .v-static .v-beats{display:flex;flex-direction:column;gap:8px;}
.v-reduced .v-static .v-beat{opacity:1;visibility:visible;transform:none;transition:none;padding:10px 16px;}
.v-reduced .v-static .v-b-read,.v-reduced .v-static .v-b-flag{display:none;}
.v-reduced .v-static .v-b-verdict p{font-size:clamp(28px,2.6vw,36px);}
.v-reduced .v-static .v-b-why p,.v-reduced .v-static .v-b-fix p{font-size:19px;min-height:0;}
.v-static *{animation:none!important;transition:none!important;}
.v-static .v-sig path{stroke-dashoffset:0;}
.v-static .v-code,.v-static .v-again{opacity:1;transform:none;}
.v-nojs .v-tabs{display:none;}

/* 2. proof strip */
.v-proof{background:#fff;border-bottom:1px solid rgba(15,23,42,.08);}
.v-proof ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);}
.v-proof li{border-left:1px solid var(--line);}
.v-proof li:first-child{border-left:0;}
.v-proof a{display:block;height:100%;padding:18px 18px;}
.v-proof li:first-child a{padding-left:0;}
.v-proof a:hover{background:#F6F8FB;}
.v-proof b{display:block;font-family:var(--serif);font-weight:800;font-size:clamp(28px,2.6vw,36px);line-height:1.05;letter-spacing:-.02em;font-variant-numeric:lining-nums;}
.v-proof span{display:block;margin-top:5px;font-size:15px;line-height:1.4;color:var(--body);}
.v-proof u{text-decoration:none;font-weight:700;color:var(--ink);border-bottom:1px solid rgba(13,14,20,.35);}
@media (max-width:900px){.v-proof ul{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));}.v-proof a{padding:12px 12px;}.v-proof li{border-top:1px solid var(--line);}.v-proof li:nth-child(odd){border-left:0;}.v-proof li:nth-child(odd) a{padding-left:0;}.v-proof li:nth-child(-n+2){border-top:0;}.v-proof li:last-child:nth-child(odd){grid-column:1/-1;}.v-proof b{font-size:26px;}.v-proof span{font-size:14.5px;}}

/* 3. the agents */
.v-agents{overflow:hidden;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) 0 0/48px 48px,
  radial-gradient(900px 380px at 50% -10%,rgba(148,170,205,.20),transparent 60%),linear-gradient(180deg,#161A22 0%,#0C0F15 60%,#080A0F 100%);}
.v-ag-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
@media (max-width:980px){.v-ag-grid{grid-template-columns:minmax(0,1fr);}}
/* a single card: its panel on the left, its words on the right */
@media (min-width:981px){
  .v-ag-grid[data-n="1"]{grid-template-columns:minmax(0,1fr);}
  .v-ag-grid[data-n="1"] .v-ag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:32px;align-content:start;}
  .v-ag-grid[data-n="1"] .v-ag>*{grid-column:2;}
  .v-ag-grid[data-n="1"] .v-ag>.v-ill{grid-column:1;grid-row:1/5;margin-top:0;}
  .v-ag-grid[data-n="1"] .v-ag-never{margin-top:0;}
}
.v-ag{display:flex;flex-direction:column;min-width:0;border-radius:24px;padding:clamp(12px,1.4vw,18px);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);}
.v-ag-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.v-ag-seat{font-size:14px;font-weight:700;color:var(--mint);}
.v-ag h3{margin:0;font-family:var(--serif);font-weight:800;font-size:clamp(22px,2vw,26px);line-height:1.12;letter-spacing:-.01em;}
.v-ag-head>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;}
.v-ag .v-ag-head .v-chip{background:rgba(255,255,255,.12);color:rgba(255,255,255,.92);}
.v-ag-brief{margin-top:14px;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.9);}
.v-ag-never{margin-top:auto;padding-top:12px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.9);}
.v-ag-never b{font-weight:700;color:var(--mint);}
.v-ag-close{margin-top:16px;font-size:16px;line-height:1.5;max-width:none;color:rgba(255,255,255,.88);}
.v-ag-choose{display:none;margin-top:16px;}
.v-ag-tabs{display:flex;width:100%;}
.v-ag-tabs button{flex:1;}
/* the agent panel's foot: the track over everything; the buttons and the chip on one row; what is on screen under
   them while it plays (beside the button before it does) */
.v-ill-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"trk trk trk" "btns say chip";align-items:center;gap:8px 12px;margin-top:10px;}
.v-ill-foot .v-player:not([hidden]),.v-ill-foot .v-pl-row{display:contents;}
.v-ill-foot .v-pl-time{grid-area:time;}.v-ill-foot .v-pl-trk{grid-area:trk;}.v-ill-foot .v-pl-btns{grid-area:btns;}.v-ill-foot .v-pl-say{grid-area:say;}
.v-ill-foot .v-ill-chip{grid-area:chip;justify-self:end;}
.v-ill-foot:has(.v-player:not([data-play="ready"]):not([hidden])){grid-template-areas:"trk trk trk" "btns time chip" "say say say";}
@media (max-width:520px){.v-ill-foot:has(.v-player:not([data-play="ready"]):not([hidden])){grid-template-areas:"trk trk trk" "btns btns btns" "time . chip" "say say say";}}
/* with the script, one panel at a time, picked by two tabs, at every width (11 Oct 2026); without it both show */
.v-ag-choose[data-on]{display:flex;}
[data-ag-one] .v-ag-grid{margin-top:10px;grid-template-columns:minmax(0,1fr);}
[data-ag-one] .v-ag-grid[data-ag-show="watch"] .v-ag:not([data-ag-card="watch"]),[data-ag-one] .v-ag-grid[data-ag-show="dashboard"] .v-ag:not([data-ag-card="dashboard"]){display:none;}
[data-ag-one] .v-ag-grid .v-ag-head{display:none;}
[data-ag-one] .v-ag-grid .v-ill{margin-top:0;}
/* on a desktop: the headline, the lede, the tabs and the link on the left; the chosen panel on the right */
@media (min-width:981px){
  [data-ag-one] .v-ag-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:clamp(32px,4vw,64px);align-items:start;}
  [data-ag-one] .v-ag-side{grid-column:1;grid-row:1;}
  [data-ag-one] .v-ag-split>.v-ag-grid{grid-column:2;grid-row:1/3;margin-top:0;}
  [data-ag-one] .v-ag-split>.v-ag-close{grid-column:1;grid-row:2;margin-top:22px;}
  [data-ag-one] .v-ag-choose{margin-top:22px;}
}
.v-ag-close a{font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);}
.v-ill{position:relative;margin-top:10px;border-radius:18px;padding:12px;color:var(--ink);background:linear-gradient(180deg,#FFFFFF,#EEF2F7);box-shadow:0 30px 60px -36px rgba(0,0,0,.9);}
.v-ill-inner{transition:opacity .3s ease;}
.v-resetting .v-ill-inner{opacity:0;}
.v-caps{display:grid;min-height:50px;align-items:center;}
.v-caps p{grid-area:1/1;font-size:16.5px;font-weight:700;line-height:1.35;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .25s ease,transform .4s var(--ease),visibility 0s linear .25s;}
.v-caps p.v-on{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .4s var(--ease),visibility 0s;}
.v-rv{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .45s var(--ease),visibility 0s linear .3s;}
.v-rv.v-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .45s var(--ease),visibility 0s;}
.v-rv.v-slide{transform:translateX(-22px);}
.v-rv.v-slide.v-on{transform:none;}
.v-slot{display:grid;margin-top:8px;border-radius:12px;}
.v-slot::before{content:attr(data-ghost);grid-area:1/1;display:flex;align-items:center;padding:0 14px;border-radius:12px;border:1.5px dashed rgba(13,14,20,.24);font-size:14.5px;font-weight:600;color:rgba(13,14,20,.6);}
.v-slot>*{grid-area:1/1;margin-top:0!important;}
.v-static .v-caps{display:none;}
.v-static .v-rv{opacity:1;visibility:visible;transform:none;}
.v-weeks{position:relative;margin-top:8px;padding-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.v-wk{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid rgba(13,14,20,.1);min-height:62px;transition:border-color .3s ease,box-shadow .3s ease;}
.v-wk b{display:block;font-size:14px;font-weight:700;}
.v-wk span{display:block;font-size:14px;line-height:1.25;color:var(--muted);opacity:0;transition:opacity .3s ease;}
.v-wk.v-done span,.v-wk.v-later span{opacity:1;}
.v-wk.v-now{border-color:rgba(13,14,20,.5);box-shadow:0 8px 18px -12px rgba(13,14,20,.5);}
.v-wk.v-hit span{color:var(--red);font-weight:700;}
.v-static .v-wk span{opacity:1;}
.v-w-reader{position:absolute;top:-6px;left:0;width:24px;height:40px;transition:transform .55s var(--ease);}
.v-w-reader svg{display:block;width:100%;height:100%;overflow:visible;}
.v-mini{margin-top:8px;border-radius:12px;background:#fff;border:1px solid rgba(13,14,20,.1);padding:11px 14px;}
.v-mini-lab{font-size:14px;font-weight:700;color:var(--muted);}
.v-mini-line{margin-top:5px;font-family:var(--serif);font-weight:600;font-size:17.5px;line-height:1.35;}
.v-swap{display:grid;margin-top:3px;}
.v-swap>*{grid-area:1/1;font-family:var(--serif);font-weight:600;font-size:17.5px;line-height:1.35;transition:opacity .35s ease,transform .45s var(--ease);}
.v-swap .v-new{opacity:0;transform:translateY(8px);}
.v-swapped .v-swap .v-old{opacity:0;transform:translateY(-8px);}
.v-swapped .v-swap .v-new{opacity:1;transform:none;}
.v-swap .v-new span{padding:1px 5px;margin-left:-5px;margin-right:-5px;border-radius:5px;background:linear-gradient(var(--red),var(--red)) no-repeat left center/0% 100%;transition:background-size .35s ease,color .2s ease .1s;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.v-ruled .v-swap .v-new span{background-size:100% 100%;color:#fff;margin-right:0;}
.v-mini-st{display:grid;margin-top:6px;min-height:22px;}
.v-mini-st span{grid-area:1/1;font-size:14.5px;font-weight:700;opacity:0;transition:opacity .3s ease;}
.v-mini-st .v-chg{color:var(--steel);}
.v-mini-st .v-rul{color:var(--red);}
.v-swapped:not(.v-ruled) .v-mini-st .v-chg{opacity:1;}
.v-ruled .v-mini-st .v-rul{opacity:1;}
.v-fixc{margin-top:8px;border-radius:12px;padding:11px 14px;background:linear-gradient(180deg,#F5FAF7,#EAF4EE);border:1px solid rgba(31,107,69,.28);}
.v-fixc .v-mini-lab{color:var(--green-d);}
.v-fixc .v-mini-line{color:var(--green-ink);}
.v-ok{margin-top:5px;display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:var(--green-d);}
.v-decide{margin-top:8px;border-radius:12px;padding:11px 14px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;}
.v-decide b{font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:9px;}
.v-decide b i{width:9px;height:9px;border-radius:50%;background:#fff;animation:v-wait 1.6s ease-in-out 3;}
@keyframes v-wait{50%{opacity:.25;}}
.v-decide div{display:flex;gap:8px;flex-wrap:wrap;}
.v-fbtn{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;font-size:14.5px;font-weight:700;background:#fff;color:var(--ink);}
.v-fbtn.v-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);}
.v-ask{margin-top:0;border-radius:14px 14px 14px 4px;padding:11px 14px;background:var(--ink);color:#fff;}
.v-ask .v-mini-lab{color:rgba(255,255,255,.78);}
.v-ask p{margin-top:3px;min-height:1.35em;font-family:var(--serif);font-weight:600;font-size:18.5px;line-height:1.35;}
.v-rulec{margin-top:8px;border-radius:12px;padding:11px 14px;background:linear-gradient(180deg,#FFF6F4,#FBEDEA);border:1px solid rgba(168,52,42,.24);}
.v-sev{display:inline-flex;align-items:center;padding:2px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:14px;font-weight:700;margin-right:8px;}
.v-rulec p{font-size:16px;line-height:1.45;font-weight:600;}
.v-rulec small{display:block;margin-top:6px;font-size:14px;color:var(--body);}
.v-opts-h{margin-top:10px!important;font-size:14.5px;font-weight:700;}
.v-opt{margin-top:6px;border-radius:12px;padding:9px 12px;background:linear-gradient(180deg,#F5FAF7,#EAF4EE);border:1px solid rgba(31,107,69,.28);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;}
.v-opt em{font-style:normal;font-size:14px;font-weight:700;color:var(--green-d);grid-column:1;}
.v-opt p{grid-column:1;font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.3;color:var(--green-ink);}
.v-opt .v-ok{grid-column:2;grid-row:1/3;margin:0;opacity:0;transition:opacity .3s ease .7s;white-space:nowrap;}
.v-opt.v-on .v-ok,.v-static .v-opt .v-ok{opacity:1;}
.v-signoff{margin-top:8px;border-radius:12px;padding:10px 14px;background:#fff;border:1px solid rgba(13,14,20,.12);display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;min-height:68px;}
.v-signoff .v-st{display:grid;flex:1;min-width:0;}
.v-signoff .v-st>span{grid-area:1/1;font-size:15px;font-weight:700;line-height:1.3;align-self:center;transition:opacity .3s ease;}
.v-signoff .v-st .v-s2{opacity:0;color:var(--green-d);}
.v-signed .v-signoff .v-st .v-s1{opacity:0;}
.v-signed .v-signoff .v-st .v-s2{opacity:1;}
.v-signoff .v-act{display:grid;justify-items:end;align-items:center;}
.v-signoff .v-act>*{grid-area:1/1;transition:opacity .3s ease,transform .2s ease;}
.v-signoff .v-fbtn{background:var(--ink);color:#fff;}
.v-pressed .v-signoff .v-fbtn{transform:scale(.96);background:#343945;}
.v-signoff .v-sig{width:130px;height:44px;opacity:0;}
.v-signed .v-signoff .v-fbtn{opacity:0;}
.v-signed .v-signoff .v-sig{opacity:1;}
.v-signed .v-signoff .v-sig path{animation:v-draw 1.3s cubic-bezier(.4,.1,.3,1) .2s forwards;}
@media (max-width:560px){.v-opt{grid-template-columns:minmax(0,1fr);}.v-opt .v-ok{grid-column:1;grid-row:auto;margin-top:3px;}.v-wk{padding:6px 7px;min-height:66px;}.v-caps{min-height:70px;}}

/* 4. the pipeline */
.v-pipe{background:linear-gradient(180deg,#FFFFFF 0%,#F6F8FB 100%);border-bottom:1px solid rgba(15,23,42,.08);}
.v-pl-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;font-size:15.5px;line-height:1.55;color:var(--body);}
.v-pl-foot span{flex:1 1 520px;max-width:92ch;}.v-pl-foot b{color:var(--ink);}


/* the dated ticker, under the switchboard */
.v-tickw{margin-top:22px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);}
.v-tickw>div{background:rgba(255,255,255,.04)!important;font-size:14px!important;}
.v-tickw .wrap{padding-left:18px;padding-right:18px;}
@media (max-width:560px){.v-tickw .wrap{flex-wrap:wrap;}.v-tickw .wrap>span:nth-child(2){flex:1 1 100%!important;order:3;white-space:normal!important;}}

/* 6. what you hold */
.v-hold{background:linear-gradient(180deg,#F8F9FB 0%,#EEF2F7 100%);}
.v-file{margin-top:28px;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(16px,2.4vw,30px);border-radius:28px;background:linear-gradient(165deg,#FFFFFF,#EDF0F4);border:1px solid rgba(13,14,20,.08);box-shadow:0 50px 90px -60px rgba(13,14,20,.6);}
.v-sheet{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:10px;background:#fff;border:1px solid rgba(13,14,20,.12);box-shadow:0 30px 50px -30px rgba(13,14,20,.55),8px 8px 0 -1px #F1F3F6,8px 8px 0 0 rgba(13,14,20,.12);transform:rotate(-1.2deg);}
.v-sheet-top{display:flex;justify-content:space-between;align-items:center;}
.v-sheet-top img{width:32px;height:32px;border-radius:9px;display:block;}
.v-sheet-top span{font-size:14px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid rgba(13,14,20,.2);color:rgba(13,14,20,.72);}
.v-sheet>b{margin-top:14px;font-family:var(--serif);font-weight:800;font-size:24px;line-height:1.1;}
.v-sheet>small{margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted);}
.v-find{margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid rgba(13,14,20,.1);}
.v-find+.v-find{margin-top:8px;}
.v-find-top{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;}
.v-find-top .v-sev{margin:0;}
.v-find-top .v-sevm{background:#5A5E6B;}
.v-find s{display:block;margin-top:6px;font-family:var(--serif);font-weight:600;font-size:15.5px;line-height:1.35;color:var(--red);text-decoration-thickness:1.5px;}
.v-find q{display:block;margin-top:3px;font-family:var(--serif);font-weight:600;font-size:15.5px;line-height:1.35;color:var(--green-ink);quotes:none;}
.v-find i{display:block;height:5px;border-radius:3px;margin-top:8px;background:rgba(13,14,20,.12);}
.v-sheet-sig{margin-top:14px;padding-top:10px;border-top:1px solid rgba(13,14,20,.14);display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.v-sheet-sig .v-sig{width:120px;height:41px;}
.v-sheet-sig .v-sig path{stroke-dashoffset:0;}
.v-anim .v-sheet-sig .v-sig path{stroke-dashoffset:1;}
.v-anim.v-in .v-sheet-sig .v-sig path{animation:v-draw 1.3s cubic-bezier(.4,.1,.3,1) .5s forwards;}
.v-sheet-sig span{display:block;font-size:14px;font-weight:700;line-height:1.35;color:var(--green-d);}
.v-sheet-sig code{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.04em;}
.v-file-b>span{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--green-d);}
.v-file-b h3{margin:8px 0 0;font-family:var(--serif);font-weight:800;font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.02em;}
.v-file-b ul{margin:14px 0 0;padding:0;list-style:none;}
.v-file-b li{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:2px 20px;padding:11px 0;border-top:1px solid rgba(13,14,20,.1);font-size:15.5px;line-height:1.5;color:var(--body);}
.v-file-b li b{font-size:16px;color:var(--ink);}
.v-file-b li a{border-bottom:1px solid rgba(13,14,20,.35);}
.v-acts{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;}
.v-keeps{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:stretch;}
.v-keep{display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(13,14,20,.09);box-shadow:0 24px 48px -42px rgba(13,14,20,.55);}
.v-keep>span{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--steel);}
.v-keep h3{margin:8px 0 0;font-family:var(--serif);font-weight:800;font-size:25px;line-height:1.15;}
.v-keep p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--body);}
.v-keep .v-gap{margin-top:auto;padding-top:14px;}
/* 11 Oct 2026: beside the taller rank card the record card's spare height sat in one block under its caption. The chain
   takes half of it, so the card reads headline, fingerprints, links, evenly spaced. */
.v-keep[data-record] .v-chain{margin-top:auto;padding-top:14px;}
.v-keep .v-only{font-family:var(--serif);font-weight:700;font-size:clamp(19px,1.7vw,22px);line-height:1.35;color:var(--ink);text-wrap:pretty;}
.v-rankc{margin-top:14px;}
.v-rank-pin{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--red);}
.v-rank-pin i{display:block;width:10px;height:10px;border-radius:2px;background:var(--red);}
.v-rankc svg{display:block;width:100%;height:auto;overflow:visible;}
.v-rankc .v-bar-r{fill:#C3CAD5;transform-box:fill-box;transform-origin:50% 100%;}
.v-rankc .v-bar-r.v-pin{fill:var(--red);}
.v-anim .v-rankc .v-bar-r{transform:scaleY(0);}
.v-anim.v-in .v-rankc .v-bar-r{transform:none;transition:transform .7s var(--ease);}
.v-anim .v-rankc .v-marker{opacity:0;}
.v-anim.v-in .v-rankc .v-marker{opacity:1;transition:opacity .4s ease .7s;}
.v-rank-ax{display:flex;justify-content:space-between;margin-top:6px;font-size:14px;font-weight:600;color:var(--muted);}
.v-chain{margin:14px 0 0;padding:0;list-style:none;display:flex;gap:8px;}
.v-run{flex:var(--n) 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;}
.v-run-m{position:relative;display:flex;justify-content:space-around;align-items:center;width:100%;height:22px;margin-bottom:4px;}
.v-run[data-run]:not([data-run="1"]) .v-run-m{padding:0 10px;border-radius:999px;background:#E9EDF2;}
.v-run[data-run]:not([data-run="1"]) .v-run-m::before{content:"";position:absolute;left:16px;right:16px;top:50%;height:2px;margin-top:-1px;background:#9AA2B1;}
.v-run-m i{position:relative;display:block;width:12px;height:12px;transform:rotate(45deg);background:#8A93A3;}
.v-run.v-last .v-run-m i:last-child{width:16px;height:16px;background:var(--ink);}
.v-run b{font-size:14px;font-weight:700;white-space:nowrap;}
.v-run code{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--muted);}
.v-run.v-last code{color:var(--ink);font-weight:700;}
.v-run em{font-style:normal;font-size:14px;font-weight:600;color:var(--steel);}
.v-anim .v-run{opacity:0;transform:translateY(6px);}
.v-anim.v-in .v-run{opacity:1;transform:none;transition:opacity .4s ease,transform .45s var(--ease);}
.v-anim.v-in .v-run:nth-child(2){transition-delay:.2s;}.v-anim.v-in .v-run:nth-child(3){transition-delay:.4s;}.v-anim.v-in .v-run:nth-child(4){transition-delay:.6s;}.v-anim.v-in .v-run:nth-child(5){transition-delay:.8s;}
.v-sheet-s{margin-top:12px;padding:16px;transform:none;box-shadow:0 20px 36px -28px rgba(13,14,20,.55);}
.v-sheet-s .v-sheet-top b{font-family:var(--serif);font-weight:800;font-size:18px;}
.v-sheet-s .v-find small{display:block;margin-top:5px;font-size:14px;line-height:1.4;color:var(--muted);}
.v-sheet-s .v-find q{margin-top:6px;}
.v-sheet-s .v-sheet-sig{margin-top:10px;padding-top:8px;}
.v-sheet-sig code em{margin-left:8px;}
@media (max-width:1100px){.v-keeps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.v-keeps>.v-keep:last-child{grid-column:1/-1;}}
/* with the script, the Letter Match report and the rank follow the visitor's choice, so two cards share the row */
[data-for-who][hidden]{display:none !important;}
.v-keeps[data-one]{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);}
@media (max-width:1100px){.v-keeps[data-one]>.v-keep:last-child{grid-column:auto;}}
@media (max-width:720px){.v-keeps[data-one]{grid-template-columns:minmax(0,1fr);}}
@media (max-width:980px){.v-file{grid-template-columns:minmax(0,1fr);}.v-sheet{max-width:420px;transform:none;}}
@media (max-width:720px){.v-keeps{grid-template-columns:minmax(0,1fr);}}
@media (max-width:620px){.v-file-b li{grid-template-columns:minmax(0,1fr);padding:8px 0;}.v-find+.v-find{display:none;}.v-sheet{padding:16px;}.v-keep{padding:18px;}.v-signoff .v-sig{width:100px;height:34px;}}

/* 7. services and prices */
.v-services{background:#fff;border-top:1px solid rgba(13,14,20,.06);}
.v-seg-choose{margin-top:24px;}
.v-seg button{min-height:44px;padding:6px 20px 6px 14px;font-size:16px;}
.v-grp{margin-top:16px;}
.v-grp[hidden]{display:none;}
.v-grp-h{margin:0;font-size:17px;line-height:1.5;max-width:86ch;color:var(--body);}
.v-grp-h b{color:var(--ink);}
.v-grp>h3{margin:28px 0 0;font-family:var(--serif);font-weight:800;font-size:25px;}
.v-rows{margin-top:12px;border-radius:20px;background:#fff;border:1px solid rgba(13,14,20,.1);box-shadow:0 20px 44px -40px rgba(13,14,20,.5);overflow:hidden;}
.v-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) minmax(0,120px) minmax(0,170px) minmax(0,236px);gap:4px 20px;align-items:center;padding:11px 22px;border-top:1px solid rgba(13,14,20,.08);}
.v-row:first-child{border-top:0;}
.v-row h4{margin:0;font-family:var(--serif);font-weight:800;font-size:19.5px;line-height:1.2;}
.v-row p{font-size:15px;line-height:1.45;color:var(--body);}
.v-time{font-size:14.5px;font-weight:600;line-height:1.4;color:#2E323C;}
.v-price{text-align:right;font-size:14px;line-height:1.4;color:var(--muted);}
.v-price span{display:block;}
.v-price b{display:block;font-family:var(--serif);font-weight:800;font-size:23px;line-height:1.15;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;}
.v-go{justify-self:end;font-size:14.5px;font-weight:700;white-space:nowrap;border-bottom:1px solid rgba(13,14,20,.35);}
/* Name Rescue row (CV_NAME_OFFER): its middle cell holds a short list and three notes */
.v-what{min-width:0;}.v-what ul{margin:6px 0 0;padding-left:18px;list-style:disc;font-size:15px;line-height:1.45;color:var(--body);}.v-what p+p{margin-top:6px;}.v-what p.v-what-n{font-size:14px;color:var(--muted);}
@media (max-width:1040px){.v-what{grid-area:what;}}
.v-grp-note{margin-top:12px;font-size:15px;line-height:1.55;color:var(--muted);max-width:100ch;}
@media (max-width:1040px){.v-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "what what" "time go";gap:6px 16px;padding:14px 16px;align-items:start;}.v-row h4{grid-area:name;}.v-row p{grid-area:what;}.v-time{grid-area:time;align-self:center;}.v-price{grid-area:price;}.v-go{grid-area:go;align-self:center;}}
@media (max-width:520px){.v-go{white-space:normal;text-align:right;}.v-seg-choose{align-items:stretch;}.v-seg{display:flex;}.v-seg button{flex:1;padding:6px 8px;font-size:15px;gap:6px;}}
.v-terms{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.v-terms li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#F5FAF7,#EDF6F0);border:1px solid rgba(31,107,69,.24);font-size:15px;font-weight:700;color:var(--green-ink);}
.v-terms-n{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:110ch;}

/* 8. questions */
.v-questions{background:radial-gradient(60% 50% at 15% 0%,rgba(148,163,184,.16),rgba(148,163,184,0) 65%),linear-gradient(180deg,#1A1D26 0%,#11131A 100%);}
.v-qa{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(22px,5vw,72px);align-items:start;}
.v-book{margin-top:22px;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);}
.v-book .v-btn-1{color:var(--ink);background:linear-gradient(180deg,#FFFFFF,#E4E7EC);}
.v-book b{display:block;font-size:17px;}
.v-book p{margin:4px 0 14px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82);}
.v-fq{border-top:1px solid rgba(255,255,255,.14);}
.v-fq:last-child{border-bottom:1px solid rgba(255,255,255,.14);}
.v-fq>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;cursor:pointer;font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.25;}
.v-fq>summary span{flex:none;font-family:var(--sans);font-weight:400;font-size:24px;line-height:1;color:var(--mint);transition:transform .2s ease;}
.v-fq[open]>summary span{transform:rotate(45deg);}
.v-fq p{margin:0 0 16px;padding:0 2px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.84);max-width:78ch;}
.v-fq p+p{margin-top:-6px;}
.v-fq p a{color:#fff;border-bottom:1px solid rgba(255,255,255,.45);font-weight:600;}
.v-fq-more>summary{font-family:var(--sans);font-size:16.5px;}
.v-fq-more .v-fq>summary{font-size:18px;}
@media (max-width:900px){.v-qa{grid-template-columns:minmax(0,1fr);}}

/* 9. start: pale, between the dark questions and the dark footer, so the page has a visible end */
.v-start{background:radial-gradient(60% 50% at 50% 0%,rgba(159,211,180,.16),rgba(159,211,180,0) 65%),linear-gradient(180deg,#FFFFFF 0%,#F1F4F8 100%);}
.v-start .v-pad{padding-bottom:clamp(40px,5.6vw,72px);}
.v-start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(24px,5vw,72px);align-items:center;}
.v-rq{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(13,14,20,.1);box-shadow:0 40px 70px -50px rgba(13,14,20,.55);scroll-margin-top:90px;}
.v-rq h3{margin:0;font-family:var(--serif);font-weight:800;font-size:25px;line-height:1.15;}
.v-rq>p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--body);}
.v-rq-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;}
@media (max-width:520px){.v-rq-two{grid-template-columns:minmax(0,1fr);}}
.v-rq label.v-f{display:block;margin-top:10px;font-size:14.5px;font-weight:700;}
.v-rq label.v-f input{display:block;width:100%;margin-top:4px;min-height:48px;padding:0 13px;border-radius:12px;border:1px solid rgba(13,14,20,.24);background:#fff;font:inherit;font-size:16px;font-weight:400;color:var(--ink);}
.v-rq label.v-f input:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}
.v-rq-terms{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:14.5px;line-height:1.45;color:var(--body);}
.v-rq-terms input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--green);}
.v-rq-terms a{color:var(--ink);border-bottom:1px solid rgba(13,14,20,.35);}
.v-rq .v-btn{width:100%;margin-top:14px;}
.v-rq-want{margin:12px 0 0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:6px;min-width:0;}
.v-rq-want legend{padding:0;margin-bottom:5px;font-size:14.5px;font-weight:700;}
.v-rq-want label{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border-radius:12px;border:1px solid rgba(13,14,20,.2);font-size:14.5px;font-weight:600;cursor:pointer;}
.v-rq-want input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--green);}
.v-rq-want label:has(input:checked){background:rgba(46,107,71,.08);border-color:var(--green);}
.v-rq-sent{border-color:rgba(46,107,71,.4);background:linear-gradient(180deg,#F1F8F3,#FFFFFF);}
.v-rq-ok{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--green-d);}
.v-rq-sent h3{margin-top:8px;font-size:30px;}
.v-rq-sent>p{font-size:16px;color:var(--body);}
.v-rq-sent .v-rq-ref{font-family:var(--mono);font-size:14.5px;font-weight:600;letter-spacing:.04em;color:var(--ink);}
.v-rq-err{margin-top:8px!important;font-size:14.5px!important;font-weight:600;color:var(--red)!important;}
.v-wire{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;}
.v-wire>p{flex:1 1 320px;font-size:15.5px;line-height:1.5;color:var(--body);}
.v-wire>p b{color:var(--ink);}
.v-wire form{flex:1 1 340px;max-width:460px;}
.v-wire-f{display:flex;gap:6px;padding:5px;border-radius:14px;background:#fff;border:1px solid rgba(13,14,20,.2);}
.v-wire-f input{flex:1;min-width:0;border:0;outline:0;padding:8px 12px;font:inherit;font-size:16px;background:transparent;color:var(--ink);}
.v-wire-f input::placeholder{color:rgba(13,14,20,.55);}
.v-wire-f input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:10px;}
.v-wire-f button{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:10px;cursor:pointer;font-size:15.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,#2B2E39 0%,#0D0E14 100%);}
.v-fine{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted);max-width:110ch;}
.v-fine a{color:var(--ink);border-bottom:1px solid rgba(13,14,20,.35);}
.v-legal{margin-top:18px;font-size:15px;font-weight:600;color:var(--body);}
/* the shared footer under it, on this page only: a lit top edge, so the pale section ends on a line, not a blur */
.v3 .v4sf{position:relative;border-top:1px solid #0D0E14;}
.v3 .v4sf::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.34) 50%,rgba(255,255,255,0));}
/* the phone bar steps aside once the footer is on screen, so it never covers the footer's last line */
.v3 [data-mcta].v-away{transform:translateY(140%)!important;}
@media (max-width:900px){.v-start-grid{grid-template-columns:minmax(0,1fr);}}

@media (prefers-reduced-motion:reduce){.v3 *{animation:none!important;transition:none!important;}html{scroll-behavior:auto!important;}}

/* phone economy: the page stays under its height budget at 390px */
@media (max-width:560px){
  .v-bar .wrap>span:first-child{display:none;}
  .v-book{display:none;}
  .v-h2{font-size:28px;}
  .v-lede{font-size:17px;margin-top:10px;}
  .v-pad{padding-top:20px;padding-bottom:20px;}
  .v-row{padding:11px 14px;gap:4px 14px;}
  .v-file{margin-top:18px;gap:14px;padding:14px;}
  .v-file-b h3{font-size:25px;}.v-file-b ul{margin-top:8px;}
  .v-keeps{gap:12px;margin-top:12px;}.v-keep{padding:16px;}
  .v-sheet-s{padding:13px;}
  .v-std-grid{margin-top:16px;gap:14px;}
  .v-engine{margin-top:16px;}
  .v-start-grid{gap:18px;}.v-wire{margin-top:22px;padding-top:16px;}
  /* room for the labelled controls and the player bars: the service rows give the name and the price equal halves, the commitments sit tighter */
  .v-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .v-hero .v-lede{font-size:16.5px;line-height:1.5;}.v-proof a{padding-top:10px;padding-bottom:10px;}
  .v-rq-want label{min-height:40px;padding:4px 11px;}
  .v-row p{font-size:14.5px;line-height:1.45;}.v-row h4{font-size:18.5px;}.v-grp-h{font-size:16px;}
  .v-terms{gap:6px;margin-top:16px;}.v-terms li{min-height:34px;padding:4px 11px;font-size:14.5px;}
  .v-sheet-sig .v-sig{width:88px;height:30px;}
  .v-keep .v-only{font-size:18px;}
  /* an agent panel's foot: the length of the run goes under the button, not squeezed beside it */
  .v-ill-foot{grid-template-areas:"trk trk trk" "btns . chip" "say say say";}
}

/* the one-claim strip, under the agents */
.v-strip{background:#fff;border-bottom:1px solid rgba(15,23,42,.08);padding:16px 0;}
.v-strip .v-try{padding:0;margin:0;}
.v-strip .v-try-note{max-width:110ch;}

/* 3. what a flag costs: a switchboard. Five switches, each with a drawn readout. It rests switched on: each row shows
   its consequence in a muted tone and, in green, what stays on and what we do. Played (only on request), one flagged
   line (the oxblood marker) falls down the bus and trips them in turn (.v-off), then each green line arrives (.v-did)
   and its switch goes back on. Rows, not columns: the text runs wide on a desktop and the same rows stack on a phone.
   .v-static (no script, no motion, or the script before "See what one flagged line does") is the resting state. */
.v-costsec{overflow:clip;background:radial-gradient(70% 90% at 80% 0%,rgba(148,163,184,.2),rgba(148,163,184,0) 65%),linear-gradient(180deg,#1A1D26 0%,#0D0E14 100%);}
.v-costsec .v-label{color:var(--warm);}
.v-costsec .wrap{position:relative;}
/* the players' elapsed readout: grey on the light panels, soft white on the dark switchboard */
.v-board .v-pl-time{color:rgba(255,255,255,.7);}
.v3 .v-plumb *{animation:none!important;}
.v-plumb{position:absolute;right:0;top:0;bottom:0;width:34%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%);}
.v-board{position:relative;margin-top:26px;padding:4px 22px 6px;border-radius:24px;background:linear-gradient(180deg,#22252F,#111319);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -50px rgba(0,0,0,.85);}
.v-board-top{position:sticky;top:64px;z-index:3;margin:0 -22px;padding:14px 66px 12px 56px;border-radius:24px 24px 0 0;background:#22252F;border-bottom:1px solid rgba(255,255,255,.1);}
.v-board-top .v-player{margin-bottom:14px;}
.v-board-cap{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.35fr);gap:28px;margin:0;font-size:14.5px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.78);}
.v-board-cap>span:first-child{padding-left:60px;}
.v-board-ok{grid-column:3;display:flex;align-items:center;gap:8px;color:var(--mint);opacity:0;transition:opacity .4s ease;}
.v-board.v-oks .v-board-ok,.v-static .v-board-ok{opacity:1;}
.v-sws{position:relative;padding-left:34px;}
.v-bus{position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.05));}
.v-drop{position:absolute;left:0;top:0;width:2px;height:0;background:#E0806F;opacity:0;transition:height .42s cubic-bezier(.55,0,.8,.3),opacity .3s ease;}
.v-drop::after{content:"";position:absolute;left:-6px;bottom:-30px;width:14px;height:32px;background:linear-gradient(180deg,#F2B8AE,#C4493A);clip-path:polygon(50% 0,100% 28%,50% 100%,0 28%);}
.v-board.v-falling .v-drop{opacity:1;}
.v-sw{position:relative;}
.v-sw+.v-sw{border-top:1px solid rgba(255,255,255,.08);}
.v-sw::before{content:"";position:absolute;left:-22px;top:35px;width:22px;height:2px;background:rgba(255,255,255,.16);transition:background .3s ease;}
.v-sw-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.35fr);gap:10px 28px;align-items:start;padding:13px 44px 13px 0;}
.v-sw-h{margin:0;font:inherit;}
.v-sw-btn{display:flex;align-items:flex-start;gap:16px;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.v-sw-btn::after{content:"";position:absolute;inset:4px -10px;border-radius:14px;}
.v-sw-btn:focus-visible{outline:none;}
.v-sw-btn:focus-visible::after{outline:2px solid #fff;outline-offset:0;}
.v-sw-btn:hover .v-sw-trk{border-color:rgba(255,255,255,.5);}
.v-sw-tg{flex:none;width:44px;display:flex;flex-direction:column;align-items:center;gap:6px;}
.v-sw-trk{position:relative;display:block;width:28px;height:44px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 6px rgba(0,0,0,.55);transition:background .3s ease,border-color .3s ease;}
.v-sw-trk i{position:absolute;left:3px;right:3px;top:3px;height:18px;border-radius:6px;background:linear-gradient(180deg,#FFFFFF,#C9CED8);box-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(255,255,255,.28);transition:transform .24s cubic-bezier(.8,0,.2,1),background .3s ease,box-shadow .3s ease;}
.v-sw-tg b{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#fff;}
.v-sw-off{display:none;}
.v-sw-name{display:grid;min-width:0;padding-top:7px;}
.v-sw-name>span{grid-area:1/1;font-family:var(--serif);font-size:22px;line-height:1.22;letter-spacing:-.01em;text-wrap:balance;}
.v-sw-pw{font-weight:700;color:#fff;transition:opacity .18s ease .2s;}
.v-sw-cq{font-weight:800;color:var(--warm);opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .35s var(--ease);}
/* the two names never show at once: the old one is gone before the new one arrives */
.v-sw.v-tripped .v-sw-pw{transition-delay:0s;}
.v-sw.v-tripped .v-sw-cq{transition-delay:.2s,.2s;}
.v-sw-chev{position:absolute;right:16px;top:31px;width:10px;height:10px;border-right:2px solid rgba(255,255,255,.65);border-bottom:2px solid rgba(255,255,255,.65);transform:rotate(45deg);transition:transform .25s var(--ease);}
.v-sw-btn[aria-expanded="true"] .v-sw-chev{transform:translateY(5px) rotate(-135deg);}
.v-ro{display:block;width:150px;height:45px;margin-top:6px;overflow:visible;}
.v-ro path{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.v-ro .r-base{stroke:rgba(255,255,255,.18);stroke-width:1.5;}
.v-ro .r-on{stroke:#DDE1E8;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.4,.1,.3,1),opacity .3s ease;}
.v-board.v-lit .v-ro .r-on,.v-static .v-ro .r-on{stroke-dashoffset:0;}
.v-ro .r-off{stroke:#E0806F;stroke-width:2.4;opacity:0;transition:opacity .3s ease .12s;}
.v-ro .r-bars{stroke-width:14;stroke-linecap:butt;}
.v-ro .r-off.r-bars{stroke:rgba(221,225,232,.3);stroke-width:14;}
.v-ro .r-dash{stroke-width:1.6;stroke-dasharray:3 3;}
.v-ro .r-old{stroke-width:4;}
.v-sw-ok{display:flex;gap:10px;align-items:flex-start;margin:0;padding-top:8px;font-size:16.5px;line-height:1.5;color:#E4F2E9;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .45s var(--ease);}
.v-sw-ok .v-tick{margin-top:3px;}
/* the consequence takes the name's place once the line has fallen, and stays */
.v-sw.v-tripped .v-sw-pw,.v-static .v-sw-pw{opacity:0;}
.v-sw.v-tripped .v-sw-cq,.v-static .v-sw-cq{opacity:1;transform:none;}
/* off: the switch snaps down in oxblood, the consequence in the warm tone, the readout flatlines */
.v-sw.v-off::before{background:rgba(224,128,111,.7);}
.v-sw.v-off .v-sw-trk{background:rgba(168,52,42,.5);border-color:#E0806F;}
.v-sw.v-off .v-sw-trk i{transform:translateY(18px);background:linear-gradient(180deg,#EDB0A4,#B4483B);box-shadow:0 2px 4px rgba(0,0,0,.5);}
.v-sw.v-off .v-sw-on{display:none;}
.v-sw.v-off .v-sw-off{display:block;color:var(--warm);}
.v-sw.v-off .v-ro .r-on{opacity:.14;}
.v-sw.v-off .v-ro .r-off{opacity:1;}
.v-sw.v-snap .v-sw-row{animation:v-snap .5s ease-out;}
@keyframes v-snap{0%{background:rgba(224,128,111,.18);}100%{background:rgba(224,128,111,0);}}
/* then what we do, in green, and the switch back on: green, not oxblood; the consequence kept, readable, in a muted
   tone (never struck); the readout comes back to life */
.v-sw.v-did .v-sw-ok,.v-static .v-sw-ok{opacity:1;transform:none;}
.v-sw.v-tripped:not(.v-off) .v-sw-cq,.v-static .v-sw-cq{color:rgba(255,255,255,.64);}
.v-sw.v-did:not(.v-off)::before,.v-static .v-sw::before{background:rgba(159,211,180,.6);}
.v-sw.v-did:not(.v-off) .v-sw-trk,.v-static .v-sw-trk{background:rgba(46,107,71,.55);border-color:var(--mint);}
.v-sw.v-did:not(.v-off) .v-sw-trk i,.v-static .v-sw-trk i{background:linear-gradient(180deg,#F1FBF5,#B4DEC5);box-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(159,211,180,.45);}
.v-sw.v-did:not(.v-off) .v-sw-on,.v-static .v-sw-on{color:var(--mint);}
.v-sw.v-flip .v-sw-row{animation:v-snapon .6s ease-out;}
.v-sw.v-flip .v-ro .r-on{animation:v-redraw .9s cubic-bezier(.4,.1,.3,1) both;}
@keyframes v-snapon{0%{background:rgba(159,211,180,.16);}100%{background:rgba(159,211,180,0);}}
@keyframes v-redraw{0%{stroke-dashoffset:1;}100%{stroke-dashoffset:0;}}
/* the panel: the live card's sentences, the figure where there is one, one link. One open at a time. */
.v-sw-more{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s var(--ease),visibility 0s;}
.v-sw-more>div{min-height:0;overflow:hidden;padding:0 44px 0 60px;}
.v-sw-more p{margin:0;max-width:78ch;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88);}
.v-sw-more p+p{margin-top:6px;font-size:16px;color:rgba(255,255,255,.8);}
.v-sw-more p:last-child{padding-bottom:18px;}
.v-sw.v-shut .v-sw-more{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s var(--ease),visibility 0s linear .32s;}
.v-nojs .v-sw.v-shut .v-sw-more{grid-template-rows:1fr;visibility:visible;}   /* no script: every panel shows */
.v-sw:not(.v-shut){background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,0) 70%);border-radius:12px;}
/* the sources under the board: each statement in one line, with its source; then the live page's "We read them first." */
.v-src{margin-top:18px;}
.v-src ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.v-src li{font-size:15px;line-height:1.5;color:rgba(255,255,255,.86);}
.v-src li b{display:inline-block;min-width:64px;margin-right:8px;font-family:var(--mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--warm);}
.v-src li a{margin-left:10px;font-size:14px;color:rgba(255,255,255,.74);border-bottom:1px solid rgba(255,255,255,.35);}
.v-src li a:hover{color:#fff;}
.v-first{margin-top:16px;max-width:62ch;font-size:18px;line-height:1.5;color:rgba(255,255,255,.9);}
.v-first b{color:#fff;}
.v-sw-ghost{display:none;position:relative;flex:1 1 0;min-height:0;overflow:hidden;}
.v-sw-ghost::before{content:"";position:absolute;inset:8px 0 10px;border:1.5px dashed rgba(255,255,255,.24);border-radius:12px;}
.v-sw-ghost span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 16px;text-align:center;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.62);}
.v-notread{margin-top:22px;font-family:var(--serif);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.25;color:#fff;}
.v-costsec .v-tickw{margin-top:14px;}
.v-costsec .v-lede{max-width:96ch;}
@media (max-width:1100px){.v-plumb{width:60%;opacity:.55;}}
@media (max-width:900px){
  .v-board-top{padding-right:22px;}
  .v-board-cap{display:flex;flex-direction:column;gap:3px;}
  .v-board-cap>span:first-child{padding-left:0;}
  .v-sw-row{grid-template-columns:minmax(0,1fr);gap:0;padding:12px 32px 12px 0;}
  .v-ro{display:none;}
  .v-sw-ok{padding-left:60px;}
  .v-sw::before{top:34px;}
  .v-board:not(.v-static) .v-sw:not(.v-did) .v-sw-ok{display:none;}
  /* the room kept for the outcomes is a marked slot, like the agents' ghost slots, never blank rows */
  .v-board:not(.v-static):not(.v-ended) .v-sws{display:flex;flex-direction:column;}
  .v-board:not(.v-static):not(.v-ended) .v-sw-ghost{display:block;}
}
@media (max-width:560px){
  .v-costsec .v-lede{display:none;}
  .v-board{margin-top:14px;padding:2px 12px 2px;border-radius:20px;}
  .v-board-top{top:58px;margin:0 -12px;padding:8px 12px 6px;border-radius:20px 20px 0 0;}.v-board-top .v-player{margin-bottom:7px;}
  .v-sws{padding-left:22px;}
  .v-bus{left:6px;}
  .v-sw::before{left:-16px;width:16px;top:22px;}
  .v-sw-row{padding:6px 0 7px;}
  .v-sw-btn{padding-right:30px;}
  .v-sw-btn{gap:10px;align-items:center;}
  .v-sw-tg{width:22px;}
  .v-sw .v-sw-tg b{display:none;}   /* the state in words is the row's own: "On: ..." in green, the consequence when off */
  .v-board [data-play="ready"] .v-pl-say{display:none;}
  .v-sw-trk{width:17px;height:24px;border-radius:6px;}
  .v-sw-trk i{left:2px;right:2px;top:2px;height:9px;border-radius:4px;}
  .v-sw.v-off .v-sw-trk i{transform:translateY(9px);}
  .v-sw-name{padding-top:0;}
  .v-sw-name>span{font-size:19px;}
  .v-sw-chev{right:8px;top:15px;}
  .v-sw-ok{padding-left:0;padding-top:0;font-size:15.5px;line-height:1.33;}
  .v-sw-more>div{padding:0 2px;}
  .v-sw-more p{font-size:16px;line-height:1.5;}
  .v-sw-more p:last-child{padding-bottom:12px;}
  .v-costsec .v-src{margin-top:12px;}.v-costsec .v-notread{margin-top:16px;}
  .v-sw-more p:last-child{padding-bottom:14px;}
  .v-sw:not(.v-shut){background:none;}
  .v-costsec .v-notread{margin-top:14px;}
  .v-src li{font-size:14.5px;}.v-src li b{min-width:0;}.v-src li a{margin-left:6px;}
  .v-first{font-size:16.5px;margin-top:12px;}
  .v-costsec .v-tickw{margin-top:10px;}
  .v-costsec .v-tickw .wrap{flex-wrap:nowrap;}
  .v-costsec .v-tickw .wrap>span:nth-child(2){flex:1 1 auto!important;order:0;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;}
  .v-start .v-pad{padding-bottom:28px;}
}

/* 5. the engine: what goes in, the engine, what comes out */
.v-engine{position:relative;margin-top:24px;padding:clamp(14px,2.4vw,30px);border-radius:28px;color:#fff;overflow:hidden;
  background:radial-gradient(50% 60% at 50% 0%,rgba(168,52,42,.3),rgba(168,52,42,0) 70%),linear-gradient(160deg,#1E212B 0%,#08090D 100%);border:1px solid rgba(242,184,174,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 80px -40px rgba(13,14,20,.8);}
.v-hubw[hidden]{display:none;}
.v-nojs .v-hubw+.v-hubw{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);}
.v-hub{position:relative;margin-top:18px;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.48fr) minmax(0,.94fr);align-items:center;}
.v-hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.v-hub-lines path{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.3;transition:stroke .25s ease,stroke-width .25s ease;}
.v-hub-lines path.v-g{stroke:rgba(143,211,171,.38);}
.v-hub-lines path.v-hl{stroke:#fff;stroke-width:2.2;}
.v-hub-lines circle{fill:#E6E8EC;opacity:0;}
.v-hub-lines circle.v-g{fill:#8FD3AB;}
.v-hub-in{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-right:9%;}
.v-hub-in .v-hi:last-child:nth-child(odd){grid-column:1/-1;}
.v-hi{display:flex;align-items:center;gap:9px;min-height:48px;padding:6px 12px;border-radius:14px;cursor:pointer;text-align:left;background:linear-gradient(160deg,rgba(40,44,56,.96),rgba(22,24,32,.96));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);font-size:14.5px;font-weight:600;line-height:1.25;color:rgba(255,255,255,.92);min-width:0;transition:border-color .25s ease,background .25s ease;}
.v-hi::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#C3C7CF;transition:background .25s ease,box-shadow .25s ease;}
.v-hi:hover,.v-hi.v-sel,.v-hi.v-lit{border-color:rgba(255,255,255,.6);}
.v-hi.v-sel{background:linear-gradient(160deg,rgba(62,67,82,.98),rgba(34,37,48,.98));}
.v-hi.v-sel::before,.v-hi.v-lit::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2);}
.v-hi:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.v-hub-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.v-hub-mark{position:relative;display:block;width:96px;height:96px;border-radius:24px;box-shadow:0 0 0 1px rgba(195,199,207,.45),0 0 0 9px rgba(255,255,255,.03),0 0 50px -6px rgba(168,52,42,.45),0 26px 50px -20px rgba(0,0,0,.9);transition:box-shadow .3s ease;}
.v-hub-mark img{display:block;width:96px;height:96px;border-radius:24px;}
.v-hot .v-hub-mark{box-shadow:0 0 0 1px #fff,0 0 0 9px rgba(255,255,255,.1),0 0 60px 0 rgba(143,211,171,.5),0 26px 50px -20px rgba(0,0,0,.9);}
.v-hub-reader{position:absolute;right:-17px;top:-34px;width:28px;height:46px;overflow:visible;transform:rotate(10deg);transform-origin:50% 100%;transition:transform .4s var(--ease);}
.v-hot .v-hub-reader{transform:rotate(-6deg) translateY(-3px);}
.v-hub-name{display:flex;flex-direction:column;gap:3px;color:#fff;}
.v-hub-name:hover{color:#fff;}
.v-hub-name b{font-family:var(--serif);font-size:19px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.4);align-self:center;}
.v-hub-name span{font-size:14px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.78);}
.v-hub-name span.v-mint{color:var(--mint);}
.v-hi-mk{display:inline-flex;align-items:center;gap:3px;flex:none;}
.v-hi-mk img{display:block;width:15px;height:15px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;}
.v-hub-out{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:8%;}
/* The results are the strongest part of the diagram (10 Oct 2026): solid cards with a green tick tile, a bold title and
   a one-line sub. Before the pulse reaches one it is an outlined card with an empty tile; as it arrives the card fills
   and its tick draws. */
.v-ho{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border-radius:16px;background:linear-gradient(165deg,#FFFFFF,#E9ECF0);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 18px 34px -20px rgba(0,0,0,.9);min-width:0;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .4s var(--ease);}
.v-ho>i{flex:none;width:30px;height:30px;border-radius:9px;background:var(--green);border:1.5px solid var(--green);display:grid;place-items:center;transition:background .3s ease,border-color .3s ease;}
.v-ho>i svg{width:15px;height:15px;display:block;}
.v-ho>i svg{stroke-dasharray:10;stroke-dashoffset:0;transition:stroke-dashoffset .35s ease .1s;}
.v-ho>span{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.25;}
.v-ho b{font-family:var(--serif);font-size:18.5px;font-weight:800;color:var(--ink);}
.v-ho small{font-size:14.5px;font-weight:500;color:rgba(13,14,20,.74);}
.v-ho.v-rec{background:linear-gradient(160deg,#2C4A40,#1A2C27);border-color:rgba(143,211,171,.6);}
.v-ho.v-rec>i{border-color:var(--mint);}
.v-ho.v-rec b{color:#fff;}.v-ho.v-rec small{color:rgba(255,255,255,.84);}
.v-ho.v-lit{box-shadow:0 0 0 2px var(--mint),0 18px 34px -20px rgba(0,0,0,.9);transform:scale(1.02);}
.v-anim .v-ho:not(.v-got){background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.34);box-shadow:none;}
.v-anim .v-ho:not(.v-got)>i{background:transparent;border-color:rgba(255,255,255,.45);}
.v-anim .v-ho:not(.v-got)>i svg{stroke-dashoffset:10;}
.v-anim .v-ho:not(.v-got) b{color:rgba(255,255,255,.9);}
.v-anim .v-ho:not(.v-got) small{color:rgba(255,255,255,.66);}
.v-hub-tip{margin-top:16px;min-height:2.9em;text-align:center;text-wrap:balance;font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.84);}
.v-hub-tip b{color:#fff;margin-right:6px;}
.v-nojs .v-hub-tip{display:none;}
.v-days{margin-top:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px;}
.v-day{display:flex;gap:12px;align-items:flex-start;min-width:0;}
.v-day>span{flex:none;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.14);white-space:nowrap;}
.v-day>span.v-on{background:linear-gradient(180deg,#F4F6F9,#C9CED8);color:var(--ink);border-color:transparent;}
.v-day b{display:block;font-size:16px;}
.v-day p{margin-top:3px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.8);}
@media (max-width:860px){
  .v-hub{grid-template-columns:minmax(0,1fr);row-gap:34px;}
  .v-hub-in{padding-right:0;gap:7px;}
  .v-hub-out{padding-left:0;gap:7px;}
  .v-hub-core{flex-direction:row;justify-content:center;text-align:left;gap:16px;}
  .v-hub-mark,.v-hub-mark img{width:68px;height:68px;border-radius:18px;}
  .v-hub-reader{width:22px;height:36px;right:-12px;top:-27px;}
  .v-hub-name b{align-self:flex-start;}
  .v-hi{min-height:46px;padding:5px 9px;font-size:14px;}
  .v-days{grid-template-columns:minmax(0,1fr);gap:12px;}
  .v-eng-choose{align-items:stretch;}.v-eng-tabs{display:flex;}.v-eng-tabs button{flex:1;}
  .v-hub-tip{min-height:3.6em;margin-top:12px;}
}
@media (max-width:560px){.v-day p{font-size:14px;}.v-hub{row-gap:26px;}.v-hub-tip{min-height:2.9em;}.v-hi-mk{display:none;}}

/* 6. the standards */
.v-std{background:linear-gradient(180deg,#F2F4F7 0%,#F8F9FB 100%);border-bottom:1px solid rgba(15,23,42,.08);}
.v-std .v-h2{max-width:24ch;}
.v-std-grid{margin-top:24px;}
.v-std-wall{min-width:0;}
.v-std-h{display:flex;align-items:center;gap:10px;}
.v-std-h b{font-size:16.5px;}
.v-std-h span{font-size:14px;font-weight:700;padding:3px 10px;border-radius:999px;background:#E6E9EE;color:#343945;}
.v-std-h~.v-std-h{margin-top:18px;}
.v-lgs{margin-top:10px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;}
.v-lg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:92px;padding:12px 6px;border-radius:16px;background:linear-gradient(180deg,#fff,#F4F6F9);border:1px solid rgba(13,14,20,.1);box-shadow:inset 0 1px 0 #fff,0 16px 30px -24px rgba(13,14,20,.5);transition:transform .3s var(--ease),border-color .2s ease,box-shadow .2s ease;}
.v-lg img{height:32px;width:32px;object-fit:contain;display:block;}
.v-lg span{font-size:14.5px;font-weight:700;color:#2E323C;}
.v-rgs{margin-top:10px;display:flex;flex-wrap:wrap;gap:9px;}
.v-rg{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;border-radius:14px;background:#fff;border:1px solid rgba(13,14,20,.13);font-family:var(--serif);font-weight:700;font-size:clamp(17px,1.5vw,20px);transition:transform .3s var(--ease),border-color .2s ease,box-shadow .2s ease;}
.v-lg:hover,.v-rg:hover,.v-lg.v-sel,.v-rg.v-sel{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 16px 30px -22px rgba(13,14,20,.6);}
.v-std-tip{margin-top:14px;min-height:3.1em;padding:10px 14px;border-radius:12px;background:#fff;border:1px dashed rgba(13,14,20,.24);font-size:15px;line-height:1.5;color:var(--body);}
.v-std-tip b{color:var(--ink);}
.v-std-th{margin-top:10px;font-size:15px;line-height:1.5;color:var(--body);}
.v-std-n{margin-top:20px;font-size:14px;line-height:1.55;color:var(--muted);max-width:120ch;}
@media (max-width:760px){.v-lgs{grid-template-columns:repeat(4,minmax(0,1fr));}.v-lg{min-height:76px;padding:8px 4px;}.v-lg img{width:26px;height:26px;}.v-std-tip{min-height:5.6em;}.v-rg{min-height:44px;padding:6px 13px;}}
.v-clock{margin:10px 0 0;font-size:16px;line-height:1.45;max-width:66ch;color:var(--body);}

/* ── "Say more, not less." (10 Oct 2026): the data line beside three rows, timid → reach → kept. ── */
.v-say{background:linear-gradient(180deg,#FFFFFF 0%,#F2F6F3 100%);border-bottom:1px solid rgba(15,23,42,.08);}
.v-say .v-h2{max-width:none;font-size:clamp(28px,3.2vw,42px);}
.v-say-grid{margin-top:16px;}
.v-say>.v-pad{padding-top:clamp(24px,3.4vw,44px);padding-bottom:clamp(24px,3.4vw,44px);}
.v-say-t{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;}
.v-say-r{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.45fr);gap:12px;padding:9px 16px;border-top:1px solid var(--line);align-items:baseline;font-size:16px;line-height:1.4;}
.v-say-hd{border-top:0;padding-top:9px;padding-bottom:9px;background:#F6F8FB;font-size:14px;font-weight:700;color:var(--ink);}
.v-say-hd em{font-style:normal;font-weight:700;color:var(--green-d);}
.v-say-hd em.v-say-no{color:var(--red);}
.v-say-a{color:var(--body);}
.v-say-b s{text-decoration-color:rgba(168,52,42,.6);color:var(--ink);}
.v-say-b .v-sev{margin:0 0 0 4px;padding:0 7px;font-size:14px;}
.v-say-c q{quotes:none;font-family:var(--serif);font-weight:600;font-size:17px;color:var(--green-ink);}
.v-say-c small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--muted);}
.v-say-n{margin:0;padding:10px 16px 12px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted);}
.v-sw-st{font-weight:700;color:#fff;}
.v-opt-sub{font-weight:600;font-size:14px;color:var(--muted);margin-left:4px;}
@media (max-width:560px){
  .v-file .v-sheet,.v-keep-lm .v-sheet{display:none;}   /* the drawn reports repeat the hero's two examples word for word */
  .v-say-hd{display:none;}
  .v-say-r{grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 14px;}
  .v-say-a::before{content:"Says little: ";font-weight:700;color:var(--green-d);}
  .v-say-b::before{content:"Reaches too far: ";font-weight:700;color:var(--red);}
  .v-say-c q::before{content:"Keeps the benefit: ";font-family:var(--sans);font-weight:700;font-size:15px;color:var(--green-d);}
}
/* 10 Oct 2026 (item 5, repetition): while the hero stands still, the rewording's beat above already carries the FDA
   disclaimer, so the signing beat does not print it a second time (it still does while the loop plays, when the
   rewording's beat is gone). The three rewordings share one "ruled again" line. */
.v-static .v-b-sign .v-disc{display:none;}
.v-opts-ok{margin-top:10px;}
