@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/LibreFranklin-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/LibreFranklin-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--face:'Libre Franklin',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
/* Colours (decided 9 Oct 2026): light blue-and-white by default for everyone, whatever the device says.
   Based on the GOV.UK Design System and NHS blue, which are tested for clarity and accessibility with the whole
   public, older people included; blue is the colour people most associate with trust and competence, which is
   why banks and public services use it. Dark is only used when she chooses it (or "match my device"). */
:root{--bg:#F5F9FD;--actLine:#9CC7F0;--actEdge:#C9E0F7;--actMid:#8DBEEE;--actText:#00366B;--actHiEdge:#1A74C9;--actHiMid:#005EB8;--actHiText:#fff;--glow1:#C4DCF6;--glow2:#D9E8FA;--glow3:#CDE2F5;--topbar:rgba(255,255,255,.88);--card:#FFFFFF;--panel:#F3F7FB;--ink:#0B0C0C;--muted:#2F353B;--line:#B1C7DD;--track:#E8F0F8;--accent:#005EB8;--accentInk:#FFFFFF;--ok:#00703C;--okBg:#E6F4EC;--warn:#C8372D;--warnBg:#EAF3FC;--warnLine:#9CC7F0;--warnBold:#FFD45C;--sg:#CFEFDC;--amber:#FBEBB5;--sr:#F8D3CF;--okMid:#7CCB9B;--amberMid:#E6C463;--errMid:#E58A82;--amberBg:#FFF1C7;--err:#D4351C;--errBg:#FCE9E6;--focus:#FFDD00;--brand:#005EB8;--chart:#5694CA;--prot:#C9DCF0}
:root[data-theme=dark]{--bg:#121417;--actLine:#3F6C9B;--actEdge:#25415F;--actMid:#335E8C;--actText:#E8F2FC;--actHiEdge:#8CC6FF;--actHiMid:#6CB4FF;--actHiText:#0B0C0C;--glow1:#16263A;--glow2:#1A2433;--glow3:#132131;--topbar:rgba(28,31,36,.9);--card:#1C1F24;--panel:#1C1F24;--ink:#F3F5F7;--muted:#D3D9DF;--line:#3A4048;--track:#262B31;--accent:#6CB4FF;--accentInk:#0B0C0C;--ok:#5CCB8F;--okBg:#163024;--warn:#FF9B94;--warnBg:#16263A;--warnLine:#3F8FE0;--warnBold:#FFD45C;--sg:#1E4A33;--amber:#4F4217;--sr:#5A2B28;--okMid:#4FA876;--amberMid:#B8962F;--errMid:#C45F58;--amberBg:#3A2E0A;--err:#FF8A7A;--errBg:#3A1C18;--focus:#FFDD00;--brand:#0B3A66;--chart:#3F8FE0;--prot:#24384F}
@media (prefers-color-scheme:dark){:root[data-theme=device]{--bg:#121417;--actLine:#3F6C9B;--actEdge:#25415F;--actMid:#335E8C;--actText:#E8F2FC;--actHiEdge:#8CC6FF;--actHiMid:#6CB4FF;--actHiText:#0B0C0C;--glow1:#16263A;--glow2:#1A2433;--glow3:#132131;--topbar:rgba(28,31,36,.9);--card:#1C1F24;--panel:#1C1F24;--ink:#F3F5F7;--muted:#D3D9DF;--line:#3A4048;--track:#262B31;--accent:#6CB4FF;--accentInk:#0B0C0C;--ok:#5CCB8F;--okBg:#163024;--warn:#FF9B94;--warnBg:#16263A;--warnLine:#3F8FE0;--warnBold:#FFD45C;--sg:#1E4A33;--amber:#4F4217;--sr:#5A2B28;--okMid:#4FA876;--amberMid:#B8962F;--errMid:#C45F58;--amberBg:#3A2E0A;--err:#FF8A7A;--errBg:#3A1C18;--focus:#FFDD00;--brand:#0B3A66;--chart:#3F8FE0;--prot:#24384F}}
/* A soft, blurred wash of the brand's own blues behind the white cards (founder, 22 Oct 2026: friendlier, less
   flat). Made in CSS, so no image to load and nobody else's picture; no semantic colours, no movement. */
*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:radial-gradient(56rem 34rem at 0% -8%,var(--glow1),transparent 62%),radial-gradient(46rem 30rem at 105% 18%,var(--glow2),transparent 60%),radial-gradient(60rem 36rem at 40% 108%,var(--glow3),transparent 62%);background-attachment:fixed;min-height:100vh;color:var(--ink);font:17px/1.55 var(--face)}
.so{margin:0}.top .so a{margin-right:12px}.check{display:flex;gap:10px;align-items:flex-start;margin-top:12px}.check label{font-weight:400;margin:0}.check input{margin-top:5px;width:20px;height:20px;flex:none}.top{gap:8px}.so button{margin:0;min-height:36px;padding:4px 12px}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:800;color:var(--ink);text-decoration:none;font-size:18px}
main{max-width:640px;margin:0 auto;padding:10px 16px 16px}h1{font-size:24px;margin:8px 0 12px;overflow-wrap:anywhere}h2{font-size:17px;margin:0 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px;margin:0 0 16px}
label{display:block;font-weight:600;margin:12px 0 4px}input[type=url],input[type=email],input[type=search],input[type=tel],input:not([type]),input[type=file],input[type=date],textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:inherit}
button,.btn{display:inline-block;min-height:44px;padding:10px 18px;margin-top:12px;border:0;border-radius:4px;background:var(--accent);color:var(--accentInk);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
button.alt,.btn.alt{background:var(--track);color:var(--ink)}.btns{display:flex;flex-wrap:wrap;gap:8px}.btns button{margin-top:4px}
a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:0;box-shadow:0 0 0 6px var(--ink)}
.list{list-style:none;margin:0 0 16px;padding:0}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;margin-bottom:8px;background:var(--card);border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink)}.row{flex-wrap:wrap}.row .t{flex:1 1 160px;min-width:0;overflow-wrap:break-word}table{color:inherit;font:inherit}
.nowrap{white-space:nowrap}.so button{white-space:nowrap}
.top span.so{white-space:nowrap}
@media (max-width:480px){.top{padding:10px 10px;gap:6px}.brand{font-size:19px;gap:5px}.brand svg{width:24px;height:24px}.top .so a{margin-right:6px;font-size:14px}.top .so a:last-child{margin-right:0}.so button{padding:4px 8px;font-size:14px;min-height:34px}}main.wider{max-width:1000px}.center{text-align:center}
.plans{list-style:none;padding:0;margin:20px 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:12px;background:var(--card);border:2px solid var(--line);border-radius:10px;padding:20px}
.plan.rec{border:3px solid var(--accent);box-shadow:0 6px 18px rgba(0,48,135,.12)}.plan-top{background:var(--panel);margin:-20px -20px 0;padding:18px 20px;border-radius:8px 8px 0 0}
.plan.rec .plan-top{background:var(--track)}.plan h2{font-size:22px;margin:6px 0 4px}.plan .muted{margin:0}
.price{font-size:40px;font-weight:800;letter-spacing:-.03em;margin:10px 0 0;line-height:1.1}.price small{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex-grow:1;font-size:16px}.points li{display:flex;gap:10px;align-items:flex-start}
.tk{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--okBg);color:var(--ok);font-size:13px;font-weight:800;margin-top:2px}
.chip.rec{background:var(--accent);color:var(--accentInk)}button.alt2{background:var(--card);color:var(--accent);border:2px solid var(--accent)}
.oneoff{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.oneoff h2{margin:0 0 4px}.oneoff p{margin:0}.oneoff form button{margin:0}
@media (max-width:760px){.plans{grid-template-columns:minmax(0,1fr)}}button.danger{border:2px solid var(--err);color:var(--err)}.late{color:var(--err);font-weight:700}
.chip{display:inline-block;padding:3px 10px;border-radius:99px;background:var(--track);font-size:13px;font-weight:600;white-space:nowrap}
.chip.tone-ok{background:var(--sg);color:var(--ink)}.chip.tone-warn{background:var(--amber);color:var(--ink)}.chip.tone-err{background:var(--sr);color:var(--ink)}
.letterbox{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,Menlo,monospace;background:var(--panel);padding:12px;border-radius:4px}.opt{display:flex;gap:10px;align-items:center;font-weight:400;margin:8px 0}.opt input{width:20px;height:20px;margin:0}details{margin:12px 0}.holders{list-style:none;padding:0;margin:0}.holders li{margin:0 0 12px}.quote{background:var(--panel);border-left:4px solid var(--accent);padding:10px 12px;margin:8px 0}.muted{color:var(--muted)}.small{font-size:14px}.hint{color:var(--muted);font-size:14px}.err{color:var(--err);font-weight:600}.plain{padding-left:18px}
.steps{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px}.steps li{display:flex;gap:10px;align-items:center;color:var(--muted)}.steps .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}
.steps li.done{color:var(--ink)}.steps li.done .dot{background:var(--ok);border-color:var(--ok)}.sr{position:absolute;left:-9999px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.02em}.brand svg{flex:none}.brand .path{color:var(--accent)}  /* logo chosen 16 Oct 2026: "Du" ink, "path" blue */
.topics{list-style:none;padding:0;margin:0}.topics li{margin:0 0 10px}.topics a{font-size:18px}.orgs{list-style:none;padding:0;margin:0}.orgs h3{margin:0 0 6px}.contact{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.contact .btn{margin-top:0}a[aria-current]{font-weight:700}
.note-ok{background:var(--okBg);border:2px solid var(--ok);border-radius:12px;padding:12px 14px;margin:0 0 12px}.notice{border:3px solid var(--err)}.notice h2{color:var(--err)}.ok{color:var(--ok);font-weight:600}
.status{border:3px solid var(--ok);display:flex;flex-direction:column;gap:14px}.status.tone-warn{border-color:var(--warnLine)}.status.tone-err{border-color:var(--err)}
.status-head{display:flex;gap:16px;align-items:center}.status-head h2{font-size:24px;margin:0}
.avatar{flex:none;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--sg);color:var(--ink);border:3px solid var(--okMid);font-size:22px;font-weight:800;letter-spacing:.02em}
.clock-badge{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:4px;border:0;background:var(--track);color:var(--accent)}.clock-badge svg{width:24px;height:24px}
.state{margin:2px 0 0;font-size:20px;font-weight:700;color:var(--ok)}
.vpn-app{background:var(--card);border:2px solid var(--ok);border-radius:18px;padding:18px;margin:0 0 16px;box-shadow:0 10px 30px rgba(0,48,135,.10);text-align:center}
.vpn-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.vpn-brand{font-weight:800;font-size:16px;line-height:1.2;text-align:left;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}.vpn-brand svg{flex:none;width:24px;height:24px}.vpn-top .chip{flex:none;font-size:12px}
.vpn-switch{margin:20px 0 30px}.vpn-power{width:92px;height:92px;border-radius:50%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;margin:0;font-size:15px;font-weight:800;letter-spacing:.08em}.vpn-power svg{width:30px;height:30px}
.vpn-power svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.vpn-power.on{background:var(--ok);color:#fff;box-shadow:0 0 0 7px var(--okBg)}
/* The invitation (founder, 25 Oct 2026): a round button that can be pressed sends two thin rings out from its edge, one after the other, about once a second. Closed buttons stay still; under reduced motion the rings stay but do not move. */.vpn-power.invite{position:relative}.vpn-power.invite::before,.vpn-power.invite::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--ok);opacity:0;pointer-events:none;animation:invite 2s ease-out infinite}.vpn-power.invite::after{animation-delay:1s}@keyframes invite{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.14);opacity:0}}/* the same small ripple for the main square-cornered buttons nobody has pressed yet: the home page's one main button and the Travel VPN set-up steps */.status .btn.wide,.setup .btn:not(.alt),.setup button{position:relative}.status .btn.wide::before,.status .btn.wide::after,.setup .btn:not(.alt)::before,.setup .btn:not(.alt)::after,.setup button::before,.setup button::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:inviteBox 2s ease-out infinite}.status .btn.wide::after,.setup .btn:not(.alt)::after,.setup button::after{animation-delay:1s}@keyframes inviteBox{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}100%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}}@media (prefers-reduced-motion:reduce){.vpn-power.invite::before,.vpn-power.invite::after{animation:none;opacity:.35}.vpn-power.invite::after{transform:scale(1.1);opacity:.2}.status .btn.wide::before,.status .btn.wide::after,.setup .btn::before,.setup .btn::after,.setup button::before,.setup button::after{animation:none}}.vpn-power.off{background:#3D4246;color:#fff;box-shadow:0 0 0 7px var(--track)}
.mode-paused .vpn-power.on{background:var(--amber);color:var(--ink);border:3px solid var(--amberMid);box-shadow:0 0 0 7px var(--amberBg)}
.vpn-state{font-weight:600;font-size:16px;margin:12px 0 16px}.mode-on .vpn-state{color:var(--ok)}.mode-paused .vpn-state{color:var(--ink)}.mode-err .vpn-state{color:var(--err)}
.vpn-hero{position:relative;border-radius:14px;overflow:hidden;margin:14px 0 4px;border:1px solid var(--line)}/* every tool's display window is the same flat size and the same near-black (founder, 1 Nov 2026) */.vpn-hero>svg,.vpn-hero>.tile-wall{display:block;width:100%;height:112px;box-sizing:border-box}
.vpn-place{display:flex;gap:10px;align-items:center;text-align:left;background:var(--card);padding:10px 12px;border-top:1px solid var(--line)}
.vpn-place strong{display:block;font-size:17px}.vpn-word{font-weight:800;color:var(--muted)}.mode-on .vpn-word{background:var(--sg);color:var(--ink);border-radius:8px;padding:2px 8px;display:inline-block}.mode-paused .vpn-word{background:var(--amber);color:var(--ink);border-radius:8px;padding:2px 8px;display:inline-block}.mode-err .vpn-word{background:var(--sr);color:var(--ink);border-radius:8px;padding:2px 8px;display:inline-block}
.vpn-badge{flex:none}.vpn-badge .ring{stroke:var(--line)}.mode-on .vpn-badge .ring{stroke:var(--ok)}
.vpnmap{display:block;background:#0A0B0D}.vpnmap .mapbg{fill:#0A0B0D}.vpnmap .sea{fill:var(--prot)}.vpnmap .land{fill:var(--track);stroke:var(--line);stroke-width:1.5}.vpnmap .road{stroke:var(--card);stroke-width:2.5;fill:none}
.vpnmap .pin{fill:#34C77B;stroke:#fff;stroke-width:4}.vpnmap .beam{fill:#34C77B;opacity:0;transform-box:fill-box;transform-origin:center;animation:vpnbeam 2s ease-out infinite}.vpnmap .beam.b2{animation-delay:1s}@keyframes vpnbeam{0%{transform:scale(.4);opacity:.6}100%{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.vpnmap .beam{animation:none;opacity:.3}.vpnmap .beam.b2{opacity:0}}.vpnmap.idle{filter:grayscale(1) brightness(.75)}.vpn-app.live{border:2px solid var(--ok)}.vpnmap .maplabel{font:700 44px var(--face);fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.5);stroke-width:6}.mapcredit{font-size:11px;color:var(--muted);text-align:right;margin:2px 2px 0}
@media (max-width:400px){.top{padding:10px 8px;gap:4px}.brand{gap:4px;font-size:18px}.brand svg{width:22px;height:22px}.top .so a{margin-right:5px;font-size:13px}.so button{padding:4px 7px;font-size:13px}}
@media (max-width:359px){.top{flex-wrap:wrap;row-gap:6px}.top .so{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;white-space:normal}.seg{flex-wrap:wrap}.page a,.page p,.page li,td{overflow-wrap:break-word}}
.scan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}@media (max-width:640px){.scan-grid{grid-template-columns:minmax(0,1fr)}}.scan-card{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.scan-card.deep{border-color:var(--accent)}.scan-card h2{margin:0;font-size:20px}.scan-card h2 .chip{font-size:12px;vertical-align:middle}.scan-card-head{display:flex;gap:12px;align-items:center}.scan-card-head p{margin:2px 0 0}.scan-ico{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--track);color:var(--accent)}.scan-ico.big{width:48px;height:48px;border-radius:14px}.scan-card.deep .scan-ico.big{background:var(--accent);color:var(--accentInk)}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ticks li{position:relative;padding-left:28px}.ticks li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--track);color:var(--accent);font-size:12px;font-weight:800;display:grid;place-items:center}.scan-when{margin:auto 0 0;font-size:14px;font-weight:700;color:var(--muted)}.next-scan{margin:0;padding:12px;border-radius:10px;background:var(--panel);font-weight:700}.scan-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.scan-head h1{margin:0;font-size:26px}.scan-pct{margin:0;font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.scanbar{margin:12px 0 14px}.scanbar svg{display:block}.scanbar-track{fill:var(--track)}.scanbar-fill{fill:var(--accent)}.scan-now{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:0 0 12px;overflow-wrap:anywhere}.scan-now.done{border-color:var(--ok);background:var(--okBg);color:var(--ok)}.scan-now.done .scan-ico{background:var(--ok);color:#fff}.scan-chips{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.scan-chips li{padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--panel);color:var(--muted);opacity:.6;overflow-wrap:anywhere}.scan-chips li.done{background:var(--accent);color:var(--accentInk);opacity:1}.scan-chips li.now{background:var(--card);color:var(--ink);opacity:1;box-shadow:inset 0 0 0 2px var(--accent)}.scan-found{margin:0 0 12px;font-size:16px}.stages{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}.stage{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:600}.stage .t{flex:1;min-width:0}.stage .st{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.stage .dot{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--panel)}.stage.checking{background:var(--track);border-color:var(--accent)}.stage.checking .dot{background:var(--card);box-shadow:inset 0 0 0 3px var(--accent)}.stage.done .dot{background:var(--accent);color:var(--accentInk)}.stage.waiting{color:var(--muted)}.found-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.found-tile{padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--card);min-width:0}.found-tile.hot{border:2px solid var(--accent)}.found-tile .n{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}.found-tile p{margin:2px 0 0;font-size:14px;color:var(--muted)}.scan-note{border:2px solid var(--accent);background:var(--panel)}.scan-note h2{margin-top:0}.scan-mini{display:block;text-decoration:none;color:var(--ink)}.scan-mini .scanbar{margin:10px 0 0}.scan-mini-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}@media (max-width:359px){.found-grid{grid-template-columns:minmax(0,1fr)}.scan-pct{font-size:34px}}
.tiles2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:0 14px}.tile-brand{display:inline-flex;align-items:center;gap:8px;font-size:18px}.tile-brand svg{flex:none;width:22px;height:22px}.scan-tile .scanbar{margin:6px 0 10px}.scan-title{font-size:22px;margin:14px 0 10px}.scan-seg{display:inline-flex;margin:0 auto 6px}.app-go{border:0;cursor:pointer}.app-go.unavailable{background:#9AA3AB;cursor:default}.app-go small{display:block;max-width:80px;font-size:12px;font-weight:800;letter-spacing:.03em;line-height:1.15;text-align:center}.app-panel{background:var(--panel);border-radius:12px;padding:12px 14px;margin:0 0 12px;text-align:left}.app-panel .strong{margin:0 0 6px;font-weight:700}.app-panel .ticks{margin:0}.scan-app .ticks{text-align:left;max-width:420px;margin:4px auto 10px}.scan-app .vpn-state{color:var(--ink)}.scan-app.mode-done .vpn-state{color:var(--ok)}.scan-dial{display:flex;justify-content:center;margin:6px 0 4px}.ring-track{fill:none;stroke:var(--track);stroke-width:12}.ring-fill{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round}.scan-ring.tone-done .ring-fill{stroke:var(--ok)}.scan-ring.tone-off .ring-fill{stroke:#8A9299}.ring-text{font:800 28px var(--face);fill:var(--ink)}.scan-ring.tone-done .ring-text{fill:var(--ok);font-size:40px}.scan-app.mode-done{border:2px solid var(--ok)}.scan-split{margin:0 0 12px;font-weight:600}.scan-app .scan-chips{justify-content:center}.scan-app .stages{text-align:left}.scan-app .btn.wide{margin:10px auto 4px}
.brokers{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:8px;text-align:left}.broker{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.broker input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--accent)}.broker label{display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-weight:400}.broker strong,.broker .small{display:block;overflow-wrap:anywhere}.logo-tile{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--track);color:var(--accent);font-weight:800;font-size:14px}.find-app .vpn-state{color:var(--ink)}.find-app>p{text-align:left}.plan .save{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:var(--sg);color:var(--ink);font-size:13px;font-weight:800}.reassure{list-style:none;padding:0;margin:16px 0 4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reassure li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 6px;font-size:14px;font-weight:600;line-height:1.3}.reassure svg{color:var(--accent)}.plan .plan-top{display:flex;gap:14px;align-items:center;background:var(--track);margin:-20px -20px 0;padding:18px 20px;border-radius:8px 8px 0 0}.plan.rec .plan-top{background:var(--accent);color:var(--accentInk)}.plan.rec .plan-top h2,.plan.rec .plan-promise{color:var(--accentInk)}.plan-ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accentInk)}.plan.rec .plan-ic{background:var(--card);color:var(--accent)}.plan-promise{margin:0;font-size:15px;line-height:1.4;color:var(--muted)}.chip.pick{display:inline-block;width:auto;background:var(--focus);color:#0B0C0C}.soon-btn{display:block;text-align:center;border-radius:10px;padding:12px;font-weight:700;border:2px solid var(--accent);color:var(--accent);background:var(--card);margin-top:4px}.soon-btn.main{background:var(--accent);color:var(--accentInk)}.soon-link{display:inline-block;margin-top:8px;color:var(--accent);text-decoration:underline}.scam-stop{background:#FCE9E6;border:2px solid #D4351C;border-radius:12px;padding:14px 16px;margin:0 0 16px}.scam-stop h2{color:#8A1B0A;margin:0 0 6px}.scam-stop p{margin:0 0 8px}.scam-stop p:last-child{margin:0}.scam-stop.short{padding:10px 14px}.scam-app .scam-form{text-align:left}.scam-app textarea#sct{font-size:17px;min-height:9em}.scam-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 4px}.scam-row>label:first-child{margin:0}.scam-app .shot-pick{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:6px 12px;border:2px solid var(--accent);border-radius:12px;background:var(--track);color:var(--accent);font-weight:800;font-size:15px;cursor:pointer}.scam-app .shot-pick:focus-within{outline:3px solid var(--focus)}.scam-app #shoth{margin:2px 0 6px}.scam-app [hidden]{display:none!important}.scam-app .vpn-switch{margin:18px 0 12px;display:flex;justify-content:center}.scam-app .vpn-state{margin:4px 0 12px;text-align:center}.scam-app .scam-adv{margin:0 0 12px}.hidden-stop{display:none}.scam-level{border-width:3px}.lv-red{border-color:#D4351C;background:#FCE9E6}.lv-amber{border-color:#E6A23C;background:#FFF4D6}.lv-blue{border-color:#005EB8;background:#E8F1FB}.lv-tag{font-size:22px;font-weight:800;margin:0 0 6px}.lv-tag span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0B0C0C;color:#fff;font-size:17px;margin-right:6px}.scam-signs li{padding:10px 0;border-top:1px solid var(--line)}.nolink{overflow-wrap:anywhere;user-select:all}.scam-form textarea,.scam-form input{width:100%}.scam-report textarea{width:100%;font:15px/1.5 ui-monospace,Menlo,monospace}.scam .orgs,.scam ul.plain,.scam ol.plain{list-style:none;padding:0}.scam-hero{overflow:hidden;contain:paint}.scam-landed{padding:0;border-width:0;background:transparent;box-shadow:none}.scam-landed .vpn-hero{margin:0 0 12px}.scamgfx:not(.sg-live),.scamgfx:not(.sg-live) .sg-bg{background:#23262A;fill:#23262A}.scamgfx:not(.sg-live) .sg-chip{fill:#2E3238;stroke:#3C424A}.scamgfx:not(.sg-live) .sg-t{fill:#9AA1A9}.scamgfx:not(.sg-live) use,.scamgfx:not(.sg-live) .i1,.scamgfx:not(.sg-live) .i2,.scamgfx:not(.sg-live) .i3{stroke:#8A9199}.scamgfx:not(.sg-live) .sg-col use{stroke:#fff;opacity:.1}.scamgfx:not(.sg-live) .sg-band{fill:rgba(255,255,255,.04)}.scamgfx:not(.sg-live) .sg-edge{stroke:#6B7280}.scamgfx:not(.sg-live) .sg-br{stroke:#9AA3AB}.scamgfx:not(.sg-live) .sg-laser{fill:#8A9199}.scamgfx:not(.sg-live) .sg-glow{fill:#8A9199;opacity:.2}.scamgfx:not(.sg-live) .sg-glow.wide{opacity:.1}.scamgfx *{transition:fill .6s,stroke .6s,opacity .6s}.scamgfx{transition:background-color .6s}.scamgfx{display:block;width:100%;height:auto;background:#0A0B0D;border-radius:12px;overflow:hidden}.scamgfx .sg-bg{fill:#0A0B0D}.scamgfx .sg-chip{fill:#161C25;stroke:#2E3947;stroke-width:1}.scamgfx .sg-t{font:700 7.4px var(--face,system-ui);fill:#F2F2F2}.scamgfx use{fill:none;stroke:#F2F2F2;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.scamgfx .i1{stroke:#4FA8FF}.scamgfx .i2{stroke:#FF9F43}.scamgfx .i3{stroke:#7FE3C0}.scamgfx .sg-col use{stroke:#fff;opacity:.28}.scamgfx .sg-band{fill:rgba(255,59,59,.10)}.scamgfx .sg-edge{fill:none;stroke:#FF3B3B;stroke-width:2.4}.scamgfx .sg-br{fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round}.scamgfx .sg-laser{fill:#FF3B3B}.scamgfx .sg-glow{fill:#FF3B3B;opacity:.85}.scamgfx .sg-glow.wide{opacity:.45}.scamgfx .sg-lane,.scamgfx .sg-col,.scamgfx .sg-beam{animation-play-state:paused;animation-timing-function:linear;animation-iteration-count:infinite}.scamgfx .sg-lane{animation-name:sgL;animation-duration:calc(var(--sp,1) * 5s)}.scamgfx .sg-r{animation-name:sgR}.scamgfx .sg-col{animation-name:sgU;animation-duration:calc(var(--sp,1) * 2.4s)}.scamgfx .sg-d{animation-name:sgD}.scamgfx .sg-beam{animation-name:sgBeam;animation-duration:2s;animation-timing-function:ease-in-out;animation-direction:alternate}.scamgfx .sg-beam{transform:translateY(68px)}.scamgfx .s1{--sp:.8}.scamgfx .s2{--sp:1.2}.scamgfx .s3{--sp:.95}.scamgfx.sg-run .sg-lane,.scamgfx.sg-run .sg-col,.scamgfx.sg-run .sg-beam{animation-play-state:running}.scamgfx.sg-fast .sg-lane{animation-duration:calc(var(--sp,1) * 2.2s)}.scamgfx.sg-fast .sg-col{animation-duration:calc(var(--sp,1) * 1s)}.scamgfx.sg-fast .sg-beam{animation-duration:.9s}@keyframes sgL{to{transform:translateX(-640px)}}@keyframes sgR{from{transform:translateX(-640px)}to{transform:translateX(0)}}@keyframes sgU{to{transform:translateY(-136px)}}@keyframes sgD{from{transform:translateY(-136px)}to{transform:translateY(0)}}@keyframes sgBeam{from{transform:translateY(6px)}to{transform:translateY(130px)}}@media (prefers-reduced-motion:reduce){.scamgfx .sg-lane,.scamgfx .sg-col,.scamgfx .sg-beam{animation:none}}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input.vh[type=file]{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.scam-row{position:relative}.shot-pick{display:block;text-align:center;cursor:pointer;font-size:18px;padding:14px}#shotin:focus-visible+p,.shot-pick:focus-within{outline:3px solid var(--focus)}.scam-steps{padding-left:22px}.nb-mini{text-align:center}.nb-mini .vpn-switch{margin:12px 0 0}.shotlist{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.shotlist li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--card)}.shotlist img{width:56px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.shotlist .sn{flex:1;min-width:0;white-space:nowrap;font-weight:700}.shotlist button{min-width:44px;min-height:44px;padding:6px 10px;margin:0}.scam-family{border:3px solid #D4351C;background:#FCE9E6}.scam-family h2{color:#8A1B0A}.why{display:inline-block;margin-top:2px}.scam-nolinks{margin:10px 0 0;color:#8A1B0A}.rstate .chip{display:inline-block;width:auto}.scam fieldset{border:0;padding:0;margin:0 0 12px}.scam legend{font-weight:700;margin-bottom:6px}.scam label.radio{display:flex;gap:10px;align-items:flex-start;font-weight:400}.scam label.radio input{width:22px;height:22px;flex:none;margin-top:2px}.scam-done{border:3px solid var(--ok);background:var(--okBg);text-align:center}.scam-done ul{text-align:left}.scam-done pre{white-space:pre-wrap;text-align:left;font-size:15px}.done-mark{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 8px;border-radius:50%;background:var(--ok);color:#fff;font-size:40px;font-weight:800}.spark{position:absolute;inset:-8px;border-radius:50%;border:3px dotted var(--ok);opacity:0;animation:spark 1.6s ease-out 1}@keyframes spark{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.spark{animation:none}}.guide-nav{display:flex;flex-wrap:wrap;gap:6px 14px;padding-left:20px}.guide-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(88%,420px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}.guide-card{scroll-snap-align:start;margin:0}.guide-art{color:var(--accent)}.guide-key{font-weight:800;font-size:18px;border-left:5px solid var(--accent);padding-left:10px}.pm{margin:12px 0 4px}.pm .price{margin:0;font-size:34px}.pm .price small{font-size:15px;font-weight:600}.pm-line{margin:4px 0 0;font-size:15px}.pm-save{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--okBg);color:var(--ok);font-size:13px;font-weight:800}.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:8px;margin:12px 0 4px;text-align:left}.pick-opt{display:flex;flex-direction:column;gap:4px;border:2px solid var(--line);border-radius:12px;padding:10px;background:var(--card);min-width:0}.pick-opt.best{border:3px solid var(--ok);background:var(--okBg)}.pick-tag{font-size:13px;font-weight:800;color:var(--muted)}.pick-opt.best .pick-tag{color:var(--ok)}.pick-opt .price{margin:0;font-size:24px}.pick-opt .price small{font-size:13px;white-space:nowrap}.pick-line{font-size:13px;line-height:1.35}.pick-opt .save{display:block;margin:4px 0 0;padding:5px 8px;border-radius:8px;background:var(--sg);color:var(--ink);text-align:left;line-height:1.3;font-size:13px}
.fam-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.fam-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.fam-row .t{flex:1;min-width:0}.fam-row strong,.fam-row .small{display:block}
.find-pipe{margin:6px 0 10px;padding:10px 12px;border-radius:10px;background:var(--panel);font-size:16px;font-weight:700}.find-h{font-size:18px;text-align:left;margin:16px 0 8px}.find-list{text-align:left}.find-more{text-align:left;margin-top:12px}.find-more summary{font-weight:700;cursor:pointer;padding:8px 0}
.find-suggest.find-offer{text-align:center}.find-suggest.find-offer p{text-align:left}
.find-suggest{margin:12px 0;padding:14px;border-radius:12px;background:var(--panel);text-align:left}.find-suggest p{margin:0 0 10px}
.case-head{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:0 0 16px;box-shadow:0 10px 30px rgba(0,48,135,.08)}.case-top{display:flex;gap:12px;align-items:center}.case-top h1{margin:0;font-size:22px;line-height:1.25;overflow-wrap:anywhere}.case-top .sub{margin:4px 0 0;color:var(--muted);font-size:14px}.logo-tile.big{width:52px;height:52px;border-radius:15px;font-size:18px}.case-status{margin:12px 0 0}.case-head .acct{margin:10px 0 0;padding:8px 10px;border-radius:8px;background:var(--panel);font-size:14px;overflow-wrap:anywhere}.journey{list-style:none;margin:16px 0 0;padding:0;display:flex}.journey li{flex:1;min-width:0;position:relative;text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding:32px 2px 0;overflow-wrap:break-word;hyphens:auto;line-height:1.3}.journey li::before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:3px;background:var(--track)}.journey li:first-child::before{display:none}.journey .jd{position:absolute;top:0;left:50%;transform:translateX(-50%);width:25px;height:25px;border-radius:50%;background:var(--track);display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;z-index:1}.journey li.done,.journey li.now,.journey li.you,.journey li.late{color:var(--ink)}.journey li.done .jd{background:var(--ok)}.journey li.done::before,.journey li.now::before,.journey li.you::before,.journey li.late::before{background:var(--ok)}.journey li.now .jd{background:var(--card);box-shadow:inset 0 0 0 4px var(--accent)}.journey li.you .jd{background:var(--card);box-shadow:inset 0 0 0 5px var(--amberMid)}.journey li.late .jd{background:var(--errMid)}.journey time{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.find-hero .tile-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;align-content:center;background:#0A0B0D}.find-hero .wall-tile{flex-direction:row;justify-content:flex-start;gap:6px;padding:5px 6px}.find-hero .wall-tile b{flex:none;width:30px;height:30px;border-radius:9px;font-size:14px}.find-hero .wall-tile small{text-align:left}.wall-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--card);min-width:0;box-shadow:0 2px 8px rgba(0,48,135,.08)}.wall-tile b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--track);color:var(--accent);font-size:15px}.wall-tile small{font-size:12px;font-weight:600;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-tile.asked b{background:var(--ok);color:#fff}.find-badge{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accentInk)}.find-badge svg{width:24px;height:24px}.find-app .vpn-word{color:var(--accent)}.find-app.mode-you .vpn-word{background:var(--amber);color:var(--ink);border-radius:8px;padding:2px 8px;display:inline-block}.find-who summary,.find-more summary{font-weight:700;cursor:pointer;padding:4px 0}.find-who .brokers,.find-more .brokers{margin-bottom:4px}
.flight{display:block;background:#0A0B0D}.flight.narrow{display:none}@media (max-width:560px){.flight.wide{display:none}.flight.narrow{display:block}}.mail-route{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 5;opacity:.35;fill:none}.flight .env rect{fill:#fff;stroke:var(--accent);stroke-width:1.3}.flight .env path{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linejoin:round}.flight .env text{font:800 8px var(--face);fill:var(--accent);stroke:none}.flight .mail-prog{stroke:var(--accent);stroke-width:2.4;fill:none;opacity:.8;stroke-linecap:round}.broker-dot circle{fill:#22364D;stroke:#9CC7F0;stroke-width:1.5}.broker-dot text{font:800 8px var(--face);fill:#DCEBFA}.hub circle{fill:#fff}.hub-env rect{fill:none;stroke:#fff;stroke-width:1.5}.hub-env path{fill:none;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}.flight .mail-still{display:none}@media (prefers-reduced-motion:reduce){.flight .mail-fly{display:none}.flight .mail-still{display:inline}}
.rq{display:inline-flex;align-items:center;gap:4px;margin:0 8px 0 0;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;vertical-align:2px;white-space:nowrap}.rq svg{flex:none}.rq-look{background:var(--track);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.rq-remove{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.case-status .rq{vertical-align:middle}.rq-h{font-size:16px;margin:14px 0 6px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.codes{display:block;background:#0A0B0D}.codes .code{font:600 6.2px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;fill:#F2F2F2}.codes .c0{opacity:1}.codes .c1{opacity:.72}.codes .c2{opacity:.88}@keyframes codeL{from{transform:translateX(0)}to{transform:translateX(-640px)}}@keyframes codeR{from{transform:translateX(-640px)}to{transform:translateX(0)}}.codes .th{fill:#4FA8FF}.codes .to{fill:#F6E7B0}.codes .tn{fill:#FF9F43}.codes .tv{fill:#FF5A52;font-weight:800}.codes .tc{fill:#E8E8E8}.codes .kw{fill:#FF5A52;font-weight:800}.codes .id{fill:#F2F2F2}.codes .pr{fill:#4FA8FF}.codes .fn{fill:#FFD84D;font-weight:800}.codes .st{fill:#F6E7B0}.codes .nu{fill:#FF9F43}.codes .op{fill:#E8E8E8}.codes .ar{fill:#B58CFF;font-style:italic}.codes .ag{fill:#8BE05A;font-style:italic}
.codes.running .code{animation-timing-function:linear;animation-iteration-count:infinite}.codes.running .rl{animation-name:codeL}.codes.running .rr{animation-name:codeR}.codes.running .d0{animation-duration:3s}.codes.running .d1{animation-duration:3.4s}.codes.running .d2{animation-duration:3.6s}.codes.running .d3{animation-duration:4.2s}.codes.running .d4{animation-duration:4.8s}.codes.running .o1{animation-delay:-1.1s}.codes.running .o2{animation-delay:-2.3s}.codes.running.js .code{animation:none}
.codes .laser{fill:#E5484D}.codes .laser-glow{fill:#E5484D;opacity:.2}.codes .laser-glow.wide{opacity:.1}.codes.running .laser-glow{animation:laserGlow 1s ease-in-out infinite alternate}@keyframes laserGlow{from{opacity:.12}to{opacity:.32}}.codes.done .laser,.codes.done .laser-glow{fill:var(--ok)}.codes.done .code{opacity:.25}
.scan-app .scan-hero .vpn-word{color:var(--accent)}.scan-app.mode-done .scan-hero .vpn-word{color:var(--ok)}@media (prefers-reduced-motion:reduce){.codes.running .code,.codes.running .laser-glow{animation:none}}

.card.vpn-tile{border:2px solid var(--ok)}.numgfx{display:block;width:100%;height:auto;background:#0A0B0D}.numgfx text{font-family:var(--face)}.nd-bg{fill:#0A0B0D}.nd-p rect{fill:var(--sr);stroke:var(--errMid);stroke-width:1}.nd-p text{font:700 7.5px var(--face);fill:#6B1D15}.nd-ph{fill:#0F1A24;stroke:#2C3A48;stroke-width:1.5}.nd-sc{fill:#16202A}.nd-av{fill:#2C3A48}.nd-pp{fill:#A9B6C2}.nd-ring{fill:none;stroke:#C0392B;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.nd-in{font:700 8px var(--face);fill:#fff}.nd-in2{font:600 7px var(--face);fill:#A9B6C2}.nd-no{fill:#C0392B}.nd-yes{fill:#2E9E5B}.nd-lensbg{fill:var(--card)}.nd-rim{fill:none;stroke:var(--accent);stroke-width:4}.nd-handle{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round}.nd-p{opacity:0;transition:opacity .6s}.nd-run .nd-p{opacity:1;animation-timing-function:linear;animation-iteration-count:infinite}.nd-run .nd-l{animation-name:ndl}.nd-run .nd-r{animation-name:ndr}.nd-run .nd-u{animation-name:ndu}.nd-run .nd-d{animation-name:ndd}.nd-s0{animation-duration:9s}.nd-s1{animation-duration:11s}.nd-s2{animation-duration:13s}.nd-s3{animation-duration:15s}.nd-o1{animation-delay:-2s}.nd-o2{animation-delay:-4.5s}.nd-o3{animation-delay:-7s}.nd-o4{animation-delay:-9.5s}@keyframes ndl{to{translate:-340px 0}}@keyframes ndr{to{translate:340px 0}}@keyframes ndu{to{translate:0 -170px}}@keyframes ndd{to{translate:0 170px}}.nd-run .nd-ring{animation:ndring 2s ease-out infinite}.nd-run .nd-r2{animation-delay:1s}@keyframes ndring{from{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}@media (prefers-reduced-motion:reduce){.nd-run .nd-p,.nd-run .nd-ring{animation:none}}.vpn-power.unavailable{cursor:default}.btn.act.waiting,.btn.act:disabled{background:var(--track);color:var(--muted);box-shadow:none;cursor:default}.vpn-power.on.app-go.nb-see{background:#005EB8;color:#fff;box-shadow:0 0 0 0 rgba(0,94,184,.55);animation:nbglow 1.4s ease-in-out infinite}.vpn-power.nb-see span{font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}@keyframes nbglow{0%,100%{box-shadow:0 0 0 0 rgba(0,94,184,.55),0 0 10px 2px rgba(26,116,201,.5)}50%{box-shadow:0 0 0 12px rgba(0,94,184,0),0 0 22px 8px rgba(26,116,201,.7)}}@media (prefers-reduced-motion:reduce){.vpn-power.on.app-go.nb-see{animation:none;box-shadow:0 0 16px 5px rgba(26,116,201,.6)}}#nbout.nb-full{position:fixed;inset:0;z-index:60;overflow:auto;background:var(--bg);padding:0 var(--pad-x,12px) 40px;-webkit-overflow-scrolling:touch}.nb-bar{position:sticky;top:0;z-index:2;background:var(--bg);padding:10px 0;text-align:center}.nb-bar .btn{display:block;margin:0 auto;min-width:240px}html.nb-lock{overflow:hidden}.number-result{animation:ndin 1.4s ease-out}@keyframes ndin{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.number-result{animation:none}}.number-form input{display:block;width:100%;max-width:340px;margin:8px auto 0;text-align:center;font-size:20px}.vpn-tile{display:flex;flex-direction:column}.vpn-tile .tile-line{margin:10px 0 0;min-height:4.4em}.vpn-tile .vpn-stats{margin:10px 0 14px;text-align:left}.vpn-tile .vpn-stats dd{overflow-wrap:break-word}.vpn-tile .btn{margin:auto 12px 0;align-self:stretch;min-height:40px;display:block;box-sizing:border-box;text-align:center}.vpn-tile .btn,.vpn-tile .btn.alt,.btn.act{background:linear-gradient(90deg,var(--actEdge),var(--actMid) 50%,var(--actEdge));color:var(--actText);border:0;border-radius:14px;font-weight:800;font-size:15px;min-height:40px;padding:8px 16px;box-shadow:inset 0 0 0 1px var(--actLine)}.vpn-tile .btn:hover,.vpn-tile .btn:focus-visible,.btn.act:hover,.btn.act:focus-visible,.vpn-tile .btn:active,.btn.act:active{background:linear-gradient(90deg,var(--actHiEdge),var(--actHiMid) 50%,var(--actHiEdge));color:var(--actHiText)}.vpn-tile .scan-bar,.vpn-tile .meter{margin:14px 0}.macro{list-style:none;margin:0 0 6px;padding:0}.macro li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.macro .t{min-width:0;font-weight:600}.macro .n{text-align:right;font-size:19px;font-weight:800;flex:none;max-width:48%}.macro .c{display:block;font-size:13px;font-weight:600;color:var(--muted)}.src li{font-size:14px;padding:6px 0}
.vpn-tile-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.vpn-tile-head h2{margin:0}
.ipbox{border:2px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px;margin:12px 0;font-size:16px}.ipbox.ok{border-color:var(--ok);background:var(--okBg);color:var(--ok)}
.vpn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.vpn-stats div{background:var(--panel);border-radius:10px;padding:10px 4px}.vpn-stats dt{font-size:13px;color:var(--muted)}.vpn-stats dd{margin:2px 0 0;font-weight:800;font-size:17px}
.meter{display:block;margin:8px 0}.meter-track{fill:var(--track)}.meter-fill.tone-ok{fill:var(--accent)}.meter-fill.tone-warn{fill:var(--amberMid)}.meter-fill.tone-err{fill:var(--errMid)}
.setup{padding-left:22px}.setup li{margin:0 0 14px}.setup .btn,.setup form{margin-top:8px}
.qr{background:#fff;display:inline-block;padding:8px;border-radius:6px}.qr svg{display:block;max-width:100%;height:auto}
.status.tone-neutral{border-color:var(--line)}
.status.tone-warn .avatar{background:var(--amber);border-color:var(--amberMid)}.status .state{border-radius:8px;padding:2px 10px;display:inline-block;color:var(--ink);background:var(--sg)}.status.tone-warn .state{background:var(--amber)}
.status.tone-err .avatar{background:var(--sr);border-color:var(--errMid)}.status.tone-err .state{background:var(--sr)}.status-head .muted{margin:2px 0 0}
.btn.wide,button.wide{display:block;width:100%;min-height:56px;margin:0;text-align:center;font-size:18px}
.more{list-style:none;margin:0;padding:0}.more li{margin:0 0 12px}.more a,.more .linkish{font-size:18px}
button.linkish{background:none;border:0;padding:0;margin:0;min-height:0;color:var(--accent);text-decoration:underline;font-weight:400;cursor:pointer}form.inline{display:inline}
.center{text-align:center;margin:0}
.stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.stat-top h2{margin:0}
.seg{display:flex;gap:4px;padding:4px;border-radius:6px;background:var(--track)}
.s-sent{--sc:var(--accent);--sb:var(--actEdge)}.s-ans{--sc:#F0A04B;--sb:#FFE8CC}.s-del{--sc:#1F8A52;--sb:var(--sg)}.s-late{--sc:var(--errMid);--sb:var(--sr)}
.chart path{fill:var(--sc)}.sw{display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--sc);flex:none}
.k-done{--sc:var(--okMid);fill:var(--okMid)}.k-wait{--sc:var(--chart);fill:var(--chart)}.k-hers{--sc:var(--amberMid);fill:var(--amberMid)}.k-late{--sc:var(--errMid);fill:var(--errMid)}.k-other{--sc:var(--line);fill:var(--line)}
.stand{margin:0 0 18px}.stand .strong{margin:0 0 8px}.standbar{width:100%;height:18px;display:block;border-radius:9px}.standbar rect{stroke:var(--card);stroke-width:1}
.standkey{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.standkey li{display:flex;align-items:center;gap:10px}.standkey .t{flex:1}.standkey .n{font-weight:800;font-variant-numeric:tabular-nums}
.stat-top{margin-bottom:6px}.seg{margin:0 0 4px;overflow-x:auto}.seg a{white-space:nowrap}
.chart{margin:8px 0 0}.chipx strong{font-variant-numeric:tabular-nums}
.mtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 10px}
.mtile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--sb);border:2px solid transparent;border-left:8px solid var(--sc);text-decoration:none;color:var(--ink);min-height:68px}
.mtile .mn{font-size:30px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.mtile .ml{font-size:15px;font-weight:700}
.mtile[aria-current=page]{border-color:var(--sc);box-shadow:0 2px 10px rgba(11,12,12,.12)}.mtile:hover{border-color:var(--sc)}
.mtile.zero{opacity:.85}
.mwatch{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:14px 0 0;border-radius:14px;background:var(--track);color:var(--ink);text-decoration:none;font-weight:700;border:2px solid transparent}.mwatch[aria-current=page],.mwatch:hover{border-color:var(--accent)}.mwatch .clock-badge{width:28px;height:28px}
.seg{margin:0 0 8px}.seg.scan-seg{display:flex;width:max-content;max-width:100%;margin:6px auto 12px}.seg.scan-seg a{flex:1 1 0;min-width:130px;justify-content:center;text-align:center}.chead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px}.chead .strong{font-size:17px}.ctotal{margin-left:auto;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.ctotal small{font-size:14px;font-weight:600;color:var(--muted)}
.escal{margin:12px 0 0}.seeall{margin:0 0 4px;font-weight:700}@media (min-width:640px){.mtiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile.s-sent,.tile.s-ans,.tile.s-del,.tile.wait,.tile.err{border-top:4px solid var(--sc,var(--chart))}.tile.wait{--sc:var(--chart)}.tile.err{--sc:var(--errMid);background:var(--sr)}
.s-found{--sc:#8A9BAE;--sb:var(--track)}.s-yes{--sc:#3A86D1;--sb:var(--actEdge)}
.pipe{list-style:none;display:flex;margin:14px 0 6px;padding:0}.pipe li{flex:1;position:relative;text-align:center}
.pipe li+li::before{content:"";position:absolute;top:26px;right:50%;width:100%;height:4px;background:var(--sc);opacity:.45;z-index:0}
.pipe a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}
.pipe .pn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:#fff;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;border:3px solid var(--card)}
.pipe .s-ans .pn,.pipe .s-found .pn{color:#0B0C0C}.pipe .pl{font-size:13px;font-weight:700}.pipe a:hover .pn,.pipe a:focus-visible .pn{box-shadow:0 0 0 3px var(--sb),0 0 0 5px var(--sc)}
.pipe-late{margin:6px 0 4px;text-align:center}.pipe-late a{text-decoration:none;font-weight:700}
.journey.mini{margin:10px 0 0;font-size:12px}.dl-row{flex-wrap:wrap}.dl-row .journey{flex-basis:100%}
.vs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.vs-a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;border-radius:12px;background:var(--sb);border-top:5px solid var(--sc);text-decoration:none;color:var(--ink);min-height:92px;border-bottom:2px solid transparent}
.vs-a .vl{font-size:14px;font-weight:700}.vs-a .vn{font-size:30px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.vs-a .vgo{font-size:12px;font-weight:700;color:var(--accent);margin-top:auto}.vs-a:hover,.vs-a:focus-visible{border-bottom-color:var(--sc)}
.dl-head{border-left:8px solid var(--sc);background:var(--sb)}.dl-head h1{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 6px}.dl-n{font-size:36px;font-weight:800}
.dl-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.dl-tabs a{padding:8px 12px;border-radius:999px;background:var(--sb);border:2px solid var(--sc);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.dl-tabs a[aria-current=page]{background:var(--sc);color:var(--accentInk)}
.btn.esc,a.btn.esc{background:var(--err);background-image:none;color:#fff;font-weight:800;border:0;box-shadow:0 2px 8px rgba(212,53,28,.35)}.btn.esc:hover,.btn.esc:focus-visible{background:#A52812;background-image:none;color:#fff}.btn.small-esc{display:inline-block;min-height:0;padding:8px 14px;font-size:14px;width:auto}
a.btn.wide:not(.esc),button.wide:not(.esc){background:linear-gradient(90deg,var(--actEdge),var(--actMid) 50%,var(--actEdge));color:var(--actText);border:0;border-radius:14px;font-weight:800;font-size:16px;min-height:48px;padding:10px 16px;box-shadow:inset 0 0 0 1px var(--actLine)}
a.btn.wide:not(.esc):hover,a.btn.wide:not(.esc):focus-visible,button.wide:not(.esc):hover,button.wide:not(.esc):focus-visible,a.btn.wide:not(.esc):active,button.wide:not(.esc):active{background:linear-gradient(90deg,var(--actHiEdge),var(--actHiMid) 50%,var(--actHiEdge));color:var(--actHiText)}
.toprow{display:flex;justify-content:space-between;align-items:center;gap:12px}
@media (max-width:340px){.pipe{flex-wrap:wrap;row-gap:12px}.pipe li{flex:1 1 33%}.pipe li+li::before{display:none}.pipe .pn{width:46px;height:46px;font-size:19px}.pipe .pl{font-size:12px}.dl-row .chip{white-space:normal;max-width:100%}.mtile .mn{font-size:26px}}
.free-note{margin:0 0 6px;text-align:center}
.finder-form{display:flex;gap:8px;margin:12px 0}.finder-form input{flex:1;min-width:0;margin:0;min-height:48px;border-radius:14px;-webkit-appearance:none;appearance:none}.finder-form button{flex:none;min-height:48px;border-radius:14px;padding:0 20px;font-weight:800}
.found-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.found-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left}.found-row .btn{flex:none}.found-n{margin:0;font-weight:800}.found-row p{margin:0}
.found{background:var(--sg);border-radius:14px;padding:12px 14px;margin:8px 0 12px;text-align:left}.found-k{margin:0;font-size:14px;color:var(--muted)}.found-v{margin:2px 0 6px;font-size:20px;font-weight:800;overflow-wrap:anywhere}
.finder-app .opt{display:block;text-align:left;margin:6px 0}
.legal-note{background:var(--track);border-left:6px solid var(--chart);border-radius:12px;padding:10px 14px;margin:0 0 12px;text-align:left}.legal-note.public,.legal-note.regulated{border-left-color:var(--amberMid)}.legal-note p{margin:0}.ln-t{font-weight:800}.ln-x{font-size:15px;margin-top:2px!important}
.choices{display:grid;gap:8px;margin:8px 0 12px;text-align:left}.choice{position:relative;display:block;padding:12px 14px 12px 46px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;margin:0}
.choice input{position:absolute;left:14px;top:16px;width:22px;height:22px;margin:0}.choice .ct{display:block;font-size:18px;font-weight:800}.choice .cd{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:2px}
.choice:has(input:checked){border-color:var(--accent);background:var(--actEdge)}.choice:has(input:focus-visible){outline:3px solid var(--focus)}.finder-manual{margin:14px 0 0;text-align:left}
.avatar.has-pic{background:none;padding:0;overflow:hidden;display:grid;place-items:center}.avatar.has-pic svg{display:block;width:100%;height:100%}
.notif .choices{margin:8px 0 12px}
.animals{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:8px 0 14px}.ani{position:relative;display:grid;justify-items:center;gap:4px;margin:0;padding:8px 4px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;font-weight:700}
.ani input,.swl input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.ani .pic-tile{display:block;width:64px;height:64px;border-radius:50%;background:var(--pc,#CFE3F8);overflow:hidden}.ani .pic-tile svg{display:block;width:64px;height:64px}.ani .an{font-size:14px}
.ani:has(input:checked){border-color:var(--accent);background:var(--actEdge)}.ani:has(input:focus-visible),.swl:has(input:focus-visible){outline:3px solid var(--focus)}
.pickpic{--pc:#CFE3F8}.pickpic:has(input[value=mint]:checked){--pc:#CFEFDC}.pickpic:has(input[value=sun]:checked){--pc:#FBEBB5}.pickpic:has(input[value=rose]:checked){--pc:#F8D3CF}.pickpic:has(input[value=mist]:checked){--pc:#DCE6F0}
.swatches{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.swl{position:relative;display:block;margin:0;width:44px;height:44px}.swl span[class^=sw-]{display:block;width:44px;height:44px;border-radius:50%;border:3px solid var(--line)}
.sw-sky{background:#CFE3F8}.sw-mint{background:#CFEFDC}.sw-sun{background:#FBEBB5}.sw-rose{background:#F8D3CF}.sw-mist{background:#DCE6F0}.swl:has(input:checked) span[class^=sw-]{border-color:var(--accent);box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--accent)}
.thread{display:grid;gap:8px;margin:8px 0;text-align:left}.you,.bot{border-radius:14px;padding:10px 14px}.you{background:var(--actEdge)}.bot{background:var(--track)}.who-l{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--muted)}.you p:last-child,.bot p:last-child{margin:0}
.support-form textarea{width:100%;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:inherit}
.top .hb,.top .hav{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink);text-decoration:none;position:relative;vertical-align:middle;flex:none}
.top .hb:hover,.top .hav:hover{background:var(--track)}.top .hb svg{width:22px;height:22px}
.top .hbadge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--accentInk);font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1}
.top .hav{border:2px solid var(--line);overflow:hidden;background:var(--track);font-weight:800;font-size:13px}.top .hav svg{display:block;width:100%;height:100%}
.top .so:has(.hb){display:inline-flex;align-items:center;gap:6px}
.top{position:relative;z-index:40}.top summary.hav{list-style:none}.top summary.hav::-webkit-details-marker{display:none}.acct-menu{position:relative}
.acct-menu .menu{position:absolute;right:0;top:44px;z-index:30;min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,30,70,.2);padding:6px;text-align:left}
.acct-menu .menu a,.acct-menu .menu button{display:block;width:100%;margin:0;min-height:0;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 15px/1.3 var(--face);text-decoration:none;text-align:left;cursor:pointer}
.acct-menu .menu a:hover,.acct-menu .menu button:hover{background:var(--track)}.acct-menu .menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.acct-menu .menu form{margin:0}
.menu-who{margin:0;padding:8px 12px 6px;font-size:13px;font-weight:700;color:var(--muted);overflow-wrap:anywhere}
.status .btn.wide::before,.status .btn.wide::after{display:none}
.card.status{border:0;background:none;box-shadow:none;padding:4px 0 0}.status-head h2{font-size:30px}
.open-progress{margin:4px 0 22px}.open-progress h2#opg{font-size:24px;margin:0 0 2px}
.open-progress>.card{border:0;background:none;box-shadow:none;padding:0}.open-progress .stat-top{display:none}.open-progress .pipe{margin:12px 0 6px}
a.btn.wide,button.wide{display:block;width:fit-content;min-width:min(100%,240px);max-width:100%;margin:14px auto 0;padding:10px 32px;min-height:44px;font-size:16px;text-align:center}
.vpn-tile .btn,.vpn-tile .btn.alt{align-self:center;width:fit-content;min-width:min(100%,220px);max-width:100%;margin:auto auto 0;padding:8px 28px}
/* the home page's progress, squeezed so it does not take over the page (founder, 26 Oct 2026) */
.open-progress{margin:0 0 16px}.open-progress h2#opg{font-size:21px;margin:0}
.open-progress .pipe{margin:8px 0 2px}.open-progress .pipe .pn{width:44px;height:44px;font-size:18px}.open-progress .pipe a{gap:3px}.open-progress .pipe+.pipe-late{margin:2px 0}
.open-progress .pipe-late+p.muted{margin:0 0 6px;font-size:13px}.open-progress .pipe-late a{font-size:13px;padding:2px 10px}
.open-progress .stand{margin:0 0 8px}.open-progress .stand .strong{margin:0 0 4px;font-size:16px}.open-progress .standbar{height:14px}
.open-progress .standkey{display:flex;flex-wrap:wrap;gap:2px 14px;margin:6px 0 0}.open-progress .standkey li{gap:6px;font-size:14px}.open-progress .standkey .t{flex:none}.open-progress .standkey .sw{width:10px;height:10px}
.open-progress .mtiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0}.open-progress .mtile{padding:6px 8px;min-height:0;border-radius:10px;border-left-width:5px}
.open-progress .mtile .mn{font-size:21px}.open-progress .mtile .ml{font-size:11.5px;line-height:1.15}
.open-progress .seg{margin:0 0 4px}.open-progress .seg a{min-height:32px;padding:0 10px;font-size:14px}
.open-progress .chead{margin:2px 0 0}.open-progress .chead .strong{font-size:14px}.open-progress .ctotal{font-size:20px}.open-progress .ctotal small{font-size:12px}
.open-progress .seeall{margin:0}.open-progress .chart{margin:2px 0 0}.open-progress .chart details{margin-top:2px;font-size:14px}
.open-progress .mwatch{margin:8px 0 0;padding:6px 12px;font-size:14px}.open-progress .mwatch .clock-badge{width:24px;height:24px}
.open-progress .tiles{margin:8px 0 0;gap:6px}.open-progress .tile{padding:6px 10px}.open-progress .tile dd{font-size:18px}
.open-progress .card>p.muted.small{display:none}.open-progress>p{margin:8px 0 0}
/* squeezed again so the first products show without scrolling (founder, 26 Oct 2026): the path and where requests stand stay open,
   the detailed statistics are one tap away */
.open-progress h2#opg{font-size:19px}.open-progress .pipe-late a.tone-ok,.open-progress .pipe-late+p.muted{display:none}
.open-progress .pipe .pn{width:40px;height:40px;font-size:17px}.open-progress .pipe .pl{font-size:12px}.open-progress .stand .strong{display:none}
.stat-more{margin:6px 0 0}.stat-more>summary{font-weight:700;color:var(--accent);cursor:pointer;padding:4px 0}.stat-more[open]>summary{margin-bottom:6px}
.card.status{padding:0}.status-head h2{font-size:26px}.status .state{margin:2px 0}.status .btn.wide{margin:8px auto 0}.status p.center{margin:4px 0 0}
/* The one thing that needs her glows like a heartbeat (founder, 26 Oct 2026): two soft beats, then rest. Still, but lit, for anyone
   whose device asks for less motion. */
@keyframes heartbeat{0%,56%,100%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 0 0 rgba(0,94,184,0);transform:scale(1)}
  8%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 16px 5px rgba(0,94,184,.5);transform:scale(1.02)}
  18%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 5px 1px rgba(0,94,184,.18);transform:scale(1)}
  28%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 20px 7px rgba(0,94,184,.55);transform:scale(1.025)}
  42%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 0 0 rgba(0,94,184,0);transform:scale(1)}}
@keyframes heartbeatRed{0%,56%,100%{box-shadow:0 2px 8px rgba(212,53,28,.35),0 0 0 0 rgba(212,53,28,0);transform:scale(1)}
  8%{box-shadow:0 2px 8px rgba(212,53,28,.35),0 0 16px 5px rgba(212,53,28,.55);transform:scale(1.02)}
  18%{box-shadow:0 2px 8px rgba(212,53,28,.35),0 0 5px 1px rgba(212,53,28,.2);transform:scale(1)}
  28%{box-shadow:0 2px 8px rgba(212,53,28,.35),0 0 20px 7px rgba(212,53,28,.6);transform:scale(1.025)}
  42%{box-shadow:0 2px 8px rgba(212,53,28,.35),0 0 0 0 rgba(212,53,28,0);transform:scale(1)}}
a.btn.beat{animation:heartbeat 2.2s ease-in-out infinite}a.btn.beat.esc{animation-name:heartbeatRed}
.vpn-panel{margin:8px var(--pad-x,0px) 14px}.vpn-panel h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:19px;margin:0 0 2px}.vpn-panel p.small{margin:0 0 4px}.vpn-panel .vpn-stats{margin:4px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vpn-panel .vpn-stats>div{padding:5px 8px;border-radius:10px}.vpn-panel .vpn-stats dt{font-size:14px}.vpn-panel .vpn-stats dd{font-size:17px;margin:0;white-space:nowrap}.vpn-panel .seg{margin:4px 0}.vpn-panel .seg a{padding:5px 12px;min-height:0}.vpn-panel .vchart{display:block;max-height:56px}.vpn-panel .vchart .bar{fill:var(--track)}.vpn-panel .vchart .bar.on{fill:var(--okMid)}.vpn-panel .vl{font:600 9px var(--face);fill:var(--muted)}
.resume{background:color-mix(in srgb,var(--amber) 42%,var(--card));border:1.5px solid var(--amberMid);border-radius:14px;padding:8px 10px 10px;margin:6px var(--pad-x,12px) 0;text-align:center}.resume .rs{margin:0 0 6px;font-size:17px;font-weight:700}.resume .btn{margin:0 auto}
@keyframes heartbeatAmber{0%,56%,100%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 0 0 rgba(230,196,99,0);transform:scale(1)}8%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 18px 6px rgba(230,160,30,.75);transform:scale(1.02)}18%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 5px 1px rgba(230,160,30,.3);transform:scale(1)}28%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 22px 8px rgba(230,160,30,.8);transform:scale(1.025)}42%{box-shadow:inset 0 0 0 1px var(--actLine),0 0 0 0 rgba(230,196,99,0);transform:scale(1)}}
a.btn.beat.amb{animation-name:heartbeatAmber}.hbadge.amb{background:#E6A11E;color:#0B0C0C}
@media (prefers-reduced-motion:reduce){a.btn.beat.amb{box-shadow:inset 0 0 0 1px var(--actLine),0 0 16px 5px rgba(230,160,30,.7)}}
@media (prefers-reduced-motion:reduce){a.btn.beat{animation:none;box-shadow:inset 0 0 0 1px var(--actLine),0 0 14px 4px rgba(0,94,184,.4)}a.btn.beat.esc{box-shadow:0 0 14px 4px rgba(212,53,28,.45)}}
fieldset{min-width:0}select{max-width:100%}.found-row{flex-wrap:wrap}.found-row>div{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}
.top .so{margin-left:auto}
@media (max-width:359px){.acct-menu{position:static}.acct-menu .menu{left:8px;right:8px;top:100%;min-width:0}}
/* every plain primary button (no class) shares the action style, so Save, Yes, Continue and the rest look like the others (founder, 26 Oct 2026) */
button:not([class]),a.btn:not(.alt):not(.esc){background:linear-gradient(90deg,var(--actEdge),var(--actMid) 50%,var(--actEdge));color:var(--actText);border:0;border-radius:14px;font-weight:800;box-shadow:inset 0 0 0 1px var(--actLine)}
button:not([class]):hover,button:not([class]):focus-visible,button:not([class]):active,a.btn:not(.alt):not(.esc):hover,a.btn:not(.alt):not(.esc):focus-visible,a.btn:not(.alt):not(.esc):active{background:linear-gradient(90deg,var(--actHiEdge),var(--actHiMid) 50%,var(--actHiEdge));color:var(--actHiText)}
.scan-app a.btn.wide,.scan-app button.wide,main a.btn.wide,main button.wide{margin-left:auto;margin-right:auto}
/* READABILITY (founder, 26 Oct 2026: small text must be easy to read on an average phone, and the cards close to the screen edges). One place
   sets the sizes; the defaults below are the chosen look. */
:root{--fs-s:16px;--fs-dt:15px;--fs-dd:20px;--fs-line:17px;--fs-chip:15px;--pad-x:8px}
.small,.hint{font-size:var(--fs-s)}.vpn-stats dt,.tile dt{font-size:var(--fs-dt)}.vpn-stats dd{font-size:var(--fs-dd)}
.tile-line,.vpn-tile .tile-line{font-size:var(--fs-line)}.chip,.vpn-tile .chip{font-size:var(--fs-chip)}
.pipe .pl,.open-progress .pipe .pl,.open-progress .mtile .ml{font-size:var(--fs-dt)}.open-progress .standkey li{font-size:var(--fs-line)}
@media (max-width:600px){main{padding-left:var(--pad-x);padding-right:var(--pad-x)}}
/* plain text keeps a comfortable inset while the cards go closer to the screen edge (founder, 26 Oct 2026: "Hi Alex" was too near the corner) */
@media (max-width:600px){main>h1,main>h2,main>p,main>.open-progress,main>.muted,#needs>section:not(.card)>h2,#needs>p,main>section:not(.card):not(.vpn-app)>h2{padding-left:8px;padding-right:8px}
.card.status{padding:4px 8px 0}.open-progress>p{padding:0 8px}.open-progress h2#opg{padding:0}}
.row .chip{white-space:normal;max-width:100%}.vpn-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.vpn-stats dt,.vpn-stats dd{overflow-wrap:anywhere}.vpn-tile-head{flex-wrap:wrap}
@media (max-width:280px){.vpn-stats{grid-template-columns:minmax(0,1fr)}.seg a{padding:0 8px!important}}
.chip.tone-info{background:var(--track);color:var(--ink)}.chip.tone-wait{background:#CFE3F8;color:var(--ink)}:root[data-theme=dark] .chip.tone-wait{background:#1F3B57}@media (prefers-color-scheme:dark){:root[data-theme=device] .chip.tone-wait{background:#1F3B57}}.dl-row .c{display:block;font-size:14px;color:var(--muted);font-weight:400}
.progress-app .vpn-stats>div:nth-child(1){border-top:4px solid var(--accent)}.progress-app .vpn-stats>div:nth-child(2){border-top:4px solid #F0A04B}.progress-app .vpn-stats>div:nth-child(3){border-top:4px solid #1F8A52}
:root[data-theme=dark] .s-ans{--sb:#4A3315}
@media (prefers-color-scheme:dark){:root[data-theme=device] .s-ans{--sb:#4A3315}}
.seg a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:4px;font-weight:700;color:var(--ink);text-decoration:none}
.seg a[aria-current="page"]{background:var(--accent);color:var(--accentInk)}
.prot{display:flex;gap:12px;align-items:center}.prot p{margin:0}.strong{font-weight:700;font-size:18px}
.weekbars{width:100%;max-width:560px;height:auto;display:block;margin-top:10px}
.weekbars .bar{fill:var(--chart)}.weekbars .bar-off{fill:var(--track)}.weekbars .grid,.weekbars .axis-line{stroke:var(--line)}
.weekbars .axis{fill:var(--muted);font-size:13px}.weekbars .axis.today{fill:var(--ink);font-weight:800}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.chipx{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:15px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.dot.on{background:var(--chart)}
.weekbars .avg{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 4}.weekbars .avg-l{fill:var(--muted);font-size:12px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.tile{background:var(--track);padding:10px 12px;border-radius:4px;min-width:0}.tile dt{font-size:14px;color:var(--muted)}.tile dd{margin:2px 0 0;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.chart{margin:18px 0 0}.chart figcaption{font-weight:700;margin-bottom:4px}.chart svg{width:100%;max-width:560px;height:auto;display:block}
.chart .bar{fill:var(--chart)}.chart .grid,.chart .axis-line{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:12px}
.chart .val{fill:var(--ink);font-size:13px;font-weight:700}.chart .hit{fill:transparent}.chart .hit:hover{fill:var(--track);fill-opacity:.5}
.chart details{margin-top:6px;font-size:15px}.tbl{overflow-x:auto}.tbl table{border-collapse:collapse;width:100%}.tbl th,.tbl td{text-align:left;padding:4px 8px 4px 0;border-bottom:1px solid var(--line)}.num{font-variant-numeric:tabular-nums}
.chart-empty{margin:16px 0 0}
.foot-proud{font-weight:700;color:#fff;max-width:36em}
.legal{font-size:15px;line-height:1.55}.legal h1{font-size:22px}.legal h2{font-size:17px;margin:20px 0 6px}.legal-item{border-top:1px solid var(--line);padding:8px 0}.legal-item summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0}.legal-item p,.legal-item ul{margin:6px 0}
.promise ul{margin:8px 0 0;padding-left:20px}.promise li{margin:2px 0}.promise .pn{font-size:14px;color:var(--muted);margin:8px 0 0}
.foot{margin:32px 0 0;background:#0B0C0C;color:#DDE3EA;font-size:15px;line-height:1.6}.foot-in{max-width:640px;margin:0 auto;padding:32px 16px calc(32px + env(safe-area-inset-bottom,0px))}.foot-brand{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#fff;font-weight:800;font-size:24px;letter-spacing:-.02em}.foot-brand .path{color:#9CC7F0}.foot-brand svg{flex:none}.foot .foot-mail{margin-top:12px}.foot .foot-copy{margin-top:18px;padding-top:14px;border-top:1px solid #2E3338;font-size:13px;color:#B9C3CE}.foot a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}.foot p{margin:0}
.theme label{display:flex;gap:10px;align-items:center;font-weight:400;margin:8px 0}.theme input{width:20px;height:20px;margin:0}.bare{border:0;margin:0;padding:0}select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);margin-top:8px}
summary{cursor:pointer;font-weight:600}time{color:var(--muted);margin-right:6px}
.closing{border-color:var(--ok)}.closing h2{font-size:20px;margin-top:4px}.q{font-weight:600;margin:16px 0 0}
.tick{width:44px;height:44px;display:block}.tick circle{fill:var(--okBg);stroke:var(--ok);stroke-width:2}
.tick path{fill:none;stroke:var(--ok);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
/* a slimmer top bar with a bigger logo, and a small, condensed footer (founder, 26 Oct 2026) */
.top{padding:4px 10px;gap:6px}.top .brand{font-size:25px;gap:7px}.top .brand svg{width:34px;height:34px}.top .so{gap:2px}
@media (max-width:380px){.top .hb,.top .hav{width:40px;height:40px}.top{padding:3px 8px}}
.top .acct-menu{margin:0}.top .so{margin-top:0}
@media (max-width:340px){.top .brand{font-size:21px;gap:5px}.top .brand svg{width:28px;height:28px}.top .hb,.top .hav{width:38px;height:38px}.top .so{gap:0}}
.foot{margin:14px 0 0;font-size:10px;line-height:1.4}.foot-in{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}
.foot-brand{gap:5px;margin:0 0 3px;font-size:13px}.foot-brand svg{width:15px;height:15px}
.foot p{margin:0 0 2px}.foot .foot-mail{margin-top:3px}.foot .foot-copy{margin-top:4px;padding-top:4px;font-size:9.5px}.foot-proud{font-size:11px}
/* ---- NEW LOOK (founder, 1 to 2 Nov 2026: style 1, night navy, the same as dupath.uk) ----
   Headings heavier, cards with a coloured top edge, the greeting on night navy with glass tiles, the home tools on
   pastel tiles, black main buttons, and the notification number yellow on the bell. Palette colours only. */
h1,h2,h3,.card>h2,details>summary{font-weight:800;letter-spacing:-.02em}
main>.card:not(.vpn-app):not(.vpn-tile):not(.status):not(.promise){border:0;border-radius:18px;box-shadow:inset 0 7px 0 var(--edge,#7CC2FF),0 1px 2px rgba(14,17,22,.06),0 8px 22px rgba(14,17,22,.08)}
main>.card:nth-of-type(4n+2){--edge:#FFE066}main>.card:nth-of-type(4n+3){--edge:#FF8FA3}main>.card:nth-of-type(4n){--edge:#8BE3C6}
.chip{border-radius:999px;font-weight:700}.row{border-radius:12px}
.ok[role=status],.err[role=alert]{border-radius:12px}
/* the greeting: night navy with a faint grid and glow, white words, a yellow "things to do" pill */
.card.status{position:relative;overflow:hidden;border:0;border-radius:18px;padding:22px 18px;margin:0 0 16px;color:#fff;background:#061833;background-image:radial-gradient(38rem 26rem at 88% 10%,rgba(47,140,255,.38),transparent 62%),radial-gradient(30rem 22rem at 0% 100%,rgba(139,227,198,.20),transparent 65%),linear-gradient(180deg,#061833,#0A2450);box-shadow:0 10px 30px rgba(6,24,51,.25)}
.status::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 75% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 75% 20%,#000 10%,transparent 70%);pointer-events:none}
.status>*{position:relative}
.status{--ink:#FFFFFF;--muted:#C9D6E8;--line:rgba(255,255,255,.2)}
.status h2{color:#fff;font-size:32px}
.status .state,.status.tone-warn .state,.status.tone-err .state{background:#FFE066;color:#0B0C0C;border-radius:999px;padding:4px 14px;font-size:17px}
.status .muted,.status p{color:#C9D6E8}.status a:not(.btn){color:#fff}
.status .btn,.status a.btn{background:#fff!important;color:#061833!important;border:0!important}
.card.status.tone-warn{box-shadow:inset 0 6px 0 #FFE066,0 10px 30px rgba(6,24,51,.25)}.card.status.tone-err{box-shadow:inset 0 6px 0 #FF8FA3,0 10px 30px rgba(6,24,51,.25)}
.status .ok[role=status],.status .err[role=alert]{color:#0B5A33}.status .err[role=alert]{color:#8A1B0A}
/* the greeting's circling words on the right edge, in the background; the greeting tightened up and always readable */
.card.status>.g-rings{position:absolute;top:-8px;right:-108px;width:216px;height:216px;overflow:visible;opacity:.55;pointer-events:none}
.g-rings text{fill:#7CC2FF;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;letter-spacing:.06em}
.g-rings g{transform-origin:100px 100px;animation:gringSpin 40s linear infinite}.g-rings g.gspin.rev,.g-rings .rev{animation-direction:reverse}
@keyframes gringSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.g-rings g{animation:none}}
.card.status{gap:10px}.status h2{line-height:1.05;text-shadow:0 1px 2px rgba(6,24,51,.9),0 0 14px rgba(6,24,51,.85)}
.status>div>p:not(.state),.status-head p:not(.state){text-shadow:0 1px 2px rgba(6,24,51,.8)}.card.status .resume p.rs,.card.status .resume p{text-shadow:none!important}.status .state{margin-top:2px}
/* the home tools: pastel tiles, dark words on every theme (Travel VPN last) */
.tiles2{gap:14px}
.tiles2>.vpn-tile{--ink:#0B0C0C;--muted:#2F353B;--line:#B1C7DD;--track:rgba(255,255,255,.6);--frame:#B1C7DD;--sg:#CFEFDC;--amber:#FBEBB5;--sr:#F8D3CF;--ok:#00703C;--okBg:#E6F4EC;--accent:#005EB8;color:#0B0C0C;border:3px solid var(--frame);border-radius:18px;box-shadow:0 6px 18px rgba(14,17,22,.08)}
.tiles2>.vpn-tile[aria-labelledby=sct]{--frame:#7CC2FF}.tiles2>.vpn-tile[aria-labelledby=fmt]{--frame:#E6C463}.tiles2>.vpn-tile[aria-labelledby=smt]{--frame:#FF8FA3}
.tiles2>.vpn-tile[aria-labelledby=vt]{--frame:#8BE3C6}.tiles2>.vpn-tile[aria-labelledby=fam]{--frame:#E6C463}
.tiles2>.vpn-tile[aria-labelledby=sct]{background:#E8F1FB}.tiles2>.vpn-tile[aria-labelledby=fmt]{background:#FFF6CC}
.tiles2>.vpn-tile[aria-labelledby=smt]{background:#FFE4EA}.tiles2>.vpn-tile[aria-labelledby=vt]{background:#DDF5EC}
.tiles2>.vpn-tile[aria-labelledby=fam]{background:#FFEA70}.tiles2>.vpn-tile[aria-labelledby=nbt],.tiles2>.vpn-tile[aria-labelledby=prt]{background:#F3F7FB}
.tiles2>.vpn-tile .vpn-stats>div{background:rgba(255,255,255,.65)}
.tiles2>.vpn-tile .btn.alt{background:#0B0C0C;color:#fff;border-color:#0B0C0C}
/* the home tools' illustrated symbols, on a white rounded square */
.art-ic{flex:none;width:56px;height:56px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,94,184,.14)}
.art-ic .tool-art{width:44px;height:44px;display:block}
.tiles2>.vpn-tile .tile-brand{gap:12px;font-size:20px}
/* answer several at once: big tick boxes, one row per result */
.bulk-list{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none}
.bulk-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.bulk-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}
.bulk-row input{width:26px;height:26px;flex:none;accent-color:#005EB8}
.bulk-row b{display:block}.bulk-row span{min-width:0;overflow-wrap:anywhere}
.bulk-btns{display:flex;flex-wrap:wrap;gap:10px}.bulk-btns .btn,.bulk-btns button{flex:1 1 220px}
.bulk-all{font-weight:700}.bulk-sum li{padding:4px 0}
.resume .btn.alt{margin-top:8px}
.count-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.count-row p{margin:0;flex:1 1 200px}
.select-many{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:2px solid #005EB8;border-radius:999px;color:#005EB8;font-weight:700;font-size:15px;text-decoration:none;background:var(--card)}
.status .resume{--ink:#0B0C0C;color:#0B0C0C}.status .resume .rs{color:#5A3D00}
/* her statistics: coloured cards side by side, swiped on a phone (scroll snap, no script) */
.open-progress .rhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.swipe{font-size:15px;font-weight:700;color:#005EB8;white-space:nowrap}
.carousel{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:10px calc(-1 * var(--pad-x,12px)) 0;padding:4px var(--pad-x,12px) 14px;scrollbar-width:thin}
.slide{flex:0 0 min(88%,440px);scroll-snap-align:start;min-width:0;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;border:3px solid var(--frame,#B1C7DD);
 --ink:#0B0C0C;--muted:#2F353B;--line:#B1C7DD;--card:#FFFFFF;--panel:#F3F7FB;--track:#E8EDF2;--sg:#CFEFDC;--amber:#FBEBB5;--sr:#F8D3CF;--accent:#005EB8;color:#0B0C0C}
.slide.s-prog{background:#E8F1FB;--frame:#7CC2FF}.slide.s-stat{background:#FFF6CC;--frame:#E6C463}.slide.s-firm{background:#FFE4EA;--frame:#FF8FA3}.slide.s-vpn{background:#DDF5EC;--frame:#8BE3C6}
.slab{align-self:flex-start;background:#0B0C0C;color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px}
.sbody{background:#fff;border-radius:14px;padding:12px;min-width:0}
.sbody>.card,.sbody .card,.sbody>section{margin:0;border:0;box-shadow:none;padding:0;background:none}
.smore{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:6px;background:#0B0C0C;color:#fff;font-weight:700;text-decoration:none;text-align:center;padding:0 12px}
@media (min-width:900px){.carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.slide{flex:none}.swipe{display:none}}
/* add to home screen, on her account page */
.hs-card .hs-steps{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--panel)}.hs-card .hs-steps ol{margin:6px 0 0;padding-left:22px}
.hs-card .hs-steps li{margin:6px 0;font-size:var(--fs-line,17px)}
/* the lists on Home ("What to do next" and the others): rounded rows that read as one tap each */
.list .row{border:0;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(14,17,22,.06),0 4px 14px rgba(14,17,22,.07)}
.list .row::after{content:"";flex:none;width:9px;height:9px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(-45deg);margin-left:4px;opacity:.7}
.list .row:hover,.list .row:focus-visible{box-shadow:0 0 0 2px #7CC2FF,0 4px 14px rgba(14,17,22,.08)}
/* dark mode, checked page by page (2 Nov 2026): light areas keep dark words, dark areas keep light words */
.slide{--actEdge:#C9E0F7;--errMid:#E5484D}.carousel .slide .s-ans{--sb:#FFE8CC!important}
.card.status .resume{background:#FFF4D6;border-color:#E6C463}
/* the path on the narrow statistics card: three steps, then two, so "Answered" and "Deleted" never touch (2 Nov 2026) */
.slide .pipe{flex-wrap:wrap;justify-content:center;row-gap:10px}.slide .pipe li{flex:0 0 33.33%}.slide .pipe li:nth-child(4)::before{display:none}
:root[data-theme=dark] .pipe .s-sent,:root[data-theme=dark] .pipe .s-yes{--sc:#2F6FB0}
:root[data-theme=dark] .scam-stop{background:#5A2B28;border-color:#E5484D;color:#FFFFFF}:root[data-theme=dark] .scam-stop h2,:root[data-theme=dark] .scam-stop strong{color:#FFFFFF}
@media (prefers-color-scheme:dark){:root[data-theme=device] .pipe .s-sent,:root[data-theme=device] .pipe .s-yes{--sc:#2F6FB0}
 :root[data-theme=device] .scam-stop{background:#5A2B28;border-color:#E5484D;color:#FFFFFF}:root[data-theme=device] .scam-stop h2,:root[data-theme=device] .scam-stop strong{color:#FFFFFF}}
/* Travel VPN set-up on iPhone, iPad and Mac (option 1, 2 Nov 2026): the install taps as a, b, c under step 3 */
.setup.sub{margin:8px 0 6px;padding-left:22px;list-style:lower-alpha}.setup.sub li{margin:0 0 8px}.home-wifi{margin:6px 0 4px}.home-wifi input{max-width:100%}
.setup form.inline button.linkish{border:0;box-shadow:none;background:none;padding:0;width:auto;min-height:0;text-align:left;font-weight:400}
/* the notification number: yellow like her picture, sitting on the bell's top corner */
.hbadge,.hbadge.amb{top:2px;right:2px;min-width:19px;height:19px;background:#FFE066;color:#0B0C0C;border:2px solid var(--card);font-size:12px}