/* Variant B of /id (A/B test since 2026-10-15): the structure of a product page like World ID's, in Telephonist's own words,
       visuals and monochrome tokens. Follows the site's telephonist:theme switch. */
    :root{color-scheme:light;--brand:#777873;--button:var(--pill);--button-ink:var(--pill-ink);--bg:#f7f7f6;--ink:#141414;--muted:#6d6e70;--card:#fff;--line:#e3e3e1;--pill:#141414;--pill-ink:#fff;--hero:#161718;--hero-ink:#f3f4f5;--tint:#efefed;--radius:24px;
      font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
    :root[data-theme="dark"]{color-scheme:dark;--brand:#969994;--bg:#121314;--ink:#f3f4f5;--muted:#a1a4a7;--card:#1c1d1f;--line:#2d2e30;--pill:#f3f4f5;--pill-ink:#111;--hero:#000;--hero-ink:#f3f4f5;--tint:#1a1b1d}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}
    a{color:inherit}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
    .wrap{width:min(1080px,calc(100% - 32px));margin:0 auto}
    .topbar{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
    .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
    .wordmark{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-size:24px;font-weight:560;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}
    .wordmark span{color:var(--muted)}.wordmark-mark{display:block;width:1.17em;height:1.4em}
    .top-actions{display:flex;align-items:center;gap:10px}
    .audience{display:none;gap:26px;margin-left:auto;margin-right:12px;font-size:15px}
    .audience a,.audience-row a{text-decoration:none;color:var(--muted)}
    .audience a:hover,.audience-row a:hover{color:var(--ink)}
    .audience-row{display:flex;gap:22px;margin:16px 0 0;font-size:15px}
    .audience-row a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
    main section[id]{scroll-margin-top:84px}
    @media(min-width:760px){.audience{display:flex}.audience-row{display:none}}
    .theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
    .theme-toggle:hover{border-color:var(--muted)}
    .theme-toggle svg{width:20px;height:20px}
    .theme-toggle .sun{display:none}
    :root[data-theme="dark"] .theme-toggle .sun{display:block}
    :root[data-theme="dark"] .theme-toggle .moon{display:none}
    .pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--pill);border-radius:999px;background:var(--pill);color:var(--pill-ink);font-size:15px;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}
    .pill:hover{opacity:.86}
    .pill.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
    .pill.ghost:hover{opacity:1;border-color:var(--muted)}
    .pill.big{min-height:56px;padding:14px 28px;font-size:17px}
    .eyebrow{margin:0;font-size:17px;letter-spacing:-.01em}
    h1{margin:14px 0 0;font-size:clamp(46px,11.5vw,92px);font-weight:500;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}
    h2{margin:0;font-size:clamp(34px,7.5vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.06;text-wrap:balance}
    h3{margin:0;font-size:clamp(22px,4.6vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
    .lead{margin:20px 0 0;max-width:660px;color:var(--muted);font-size:clamp(18px,3.9vw,22px);line-height:1.45}
    .fine{margin:14px 0 0;max-width:640px;color:var(--muted);font-size:15px;line-height:1.55}
    section{padding:72px 0 0}
    .hero{padding-top:36px}
    .hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .hero-plans{margin:20px 0 0;font-size:16px}
    .hero-plans a{text-underline-offset:5px;text-decoration-thickness:1px}
    /* Hero: what a business sees when it checks a call. */
    .stage{position:relative;margin-top:40px;min-height:520px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,#3b3d41 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,#2a2c30 0%,transparent 65%),var(--hero);display:grid;place-items:center;padding:56px 18px}
    .stage-field{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
    .check{position:relative;z-index:1;width:min(380px,100%);padding:22px;border-radius:20px;background:#fff;color:#141414;box-shadow:0 30px 80px #0007}
    .check-head{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.02em}
    .tick{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#141414;color:#fff;font-size:12px;line-height:1}
    .check dl{margin:16px 0 0}
    .check .row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #ececea;font-size:14px}
    .check dt{color:#141414;font-weight:500}
    .check dd{margin:0;color:#6d6e70;text-align:right}
    .check .ref{margin-top:14px;font:600 22px/1 ui-monospace,Menlo,monospace;letter-spacing:4px}
    .stage-caption{position:absolute;z-index:1;left:18px;right:18px;bottom:18px;margin:0;color:#c9cbce;font-size:13px;text-align:center}
    /* Statement */
    .statement p.big{margin:0;max-width:900px;font-size:clamp(28px,6.4vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.16;text-wrap:balance}
    .statement .pill{margin-top:34px}
    .receptionist-pay{max-width:560px;margin:18px auto 0;color:var(--muted);font-size:14px;line-height:1.55;text-wrap:balance}
    .receptionist-pay a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
    /* Globe-size voice orb, mirrored with the globe (2026-10-16): words left, orb right; stacked on phones. */
    .one-business .voice-play{width:min(100%,300px);height:auto;aspect-ratio:1}
    .orb-copy .orb-invitation{max-width:400px;margin:12px auto 0;color:var(--muted);font-size:15px;line-height:1.55;text-wrap:balance}
    .orb-copy .orb-invitation strong{display:block;margin-bottom:4px;color:var(--ink);font-size:17px;font-weight:500}
    @media(min-width:601px){
      .one-business{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"copy orb";column-gap:32px;align-items:center;max-width:900px;text-align:left}
      .orb-copy{grid-area:copy;text-align:left}
      .one-business .one-business-title{font-size:30px;letter-spacing:-.045em;line-height:1.12}
      .orb-copy .orb-invitation{margin-left:0}
      .one-business .voice-preview{grid-area:orb;margin-top:0;justify-self:center;width:100%}
      .one-business .voice-play{width:min(100%,360px)}
    }
    /* Why Telephonist: the first-order effect (AI on the phones), the second (no one can tell who is real), our answer */
    .why h2{max-width:900px;font-size:clamp(30px,6.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
    .why-steps{display:grid;gap:14px;margin:40px 0 0;padding:0;list-style:none}
    .why-step{display:flex;flex-direction:column;padding:28px 24px;border-radius:var(--radius);background:var(--card)}
    .why-tag{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.01em}
    /* Numbered reasons (2026-10-17): filled badges mark the two cards where you act, matching their paired buttons. */
    .why-num{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:13px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
    .why-step.act .why-num{border-color:var(--ink);background:var(--ink);color:var(--bg)}
    .why-cta{gap:9px}.why-icon{width:18px;height:18px;flex:none}
    .why-step h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
    .why-step h3+p{margin:10px 0 22px;color:var(--muted);font-size:16px;line-height:1.55}
    .why-step .pill{align-self:flex-start;margin-top:auto}
    .why-both{margin-top:14px;padding:30px 24px;border-radius:var(--radius);background:var(--ink);color:var(--bg)}
    .why-both h3{margin:0;font-size:clamp(24px,4.8vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
    .why-both p{margin:12px 0 0;max-width:720px;opacity:.78;font-size:17px;line-height:1.55}
    @media(min-width:860px){.why-steps{grid-template-columns:repeat(3,1fr)}.why-step{padding:32px 28px}.why-both{padding:38px 44px}}
    /* Both ends of the call (2026-10-16): inside the dark band. Who rings in, the one switchboard, and the two businesses it
       serves. Inbound left, outbound right at every width; the switchboard's three parts stack on phones. The lines are CSS
       in the band's own colour, so the picture follows light and dark. */
    .both-map{--both-line:color-mix(in srgb,currentColor 26%,transparent);margin:28px 0 0;text-align:center}
    .both-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
    .both-node{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 12px;border:1px solid var(--both-line);border-radius:18px}
    .both-node b,.both-core b{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
    .both-node span,.both-core span{opacity:.72;font-size:13px;line-height:1.45;overflow-wrap:break-word}
    .both-node a{color:inherit;text-underline-offset:2px}
    .both-wires>div{display:flex;justify-content:center}
    .both-wire{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:12px;line-height:1.3}
    .both-wire.down{flex-direction:column-reverse}
    .both-wire em{font-style:normal;opacity:.72}
    .both-wire i{position:relative;flex:none;width:9px;min-height:30px}
    .both-wire i::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:currentColor;opacity:.55}
    .both-wire i::after{content:"";position:absolute;left:1.5px;width:6px;height:6px;border:solid currentColor;border-width:0 1px 1px 0;opacity:.85}
    .both-wire.down i::after{bottom:1px;transform:rotate(45deg)}
    .both-wire.up i::after{top:1px;transform:rotate(-135deg)}
    .both-core{padding:16px 12px 12px;border:1px solid color-mix(in srgb,currentColor 55%,transparent);border-radius:20px;background:color-mix(in srgb,currentColor 7%,transparent)}
    .both-core>b{display:block;font-size:16px}
    .both-core ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
    .both-core li{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--both-line);border-radius:14px}
    @media(min-width:600px){
      .both-core ul{grid-template-columns:repeat(3,1fr)}
      .both-wire,.both-wire.down{display:grid;grid-template-columns:1fr 9px 1fr;column-gap:10px;align-items:center;padding:0}
      .both-wire i{grid-column:2;grid-row:1;align-self:stretch;min-height:56px}
      .both-wire em{grid-column:3;grid-row:1;text-align:left}
      .both-wire.up em{grid-column:1;text-align:right}
    }
    @media(min-width:860px){.both-map{margin-top:34px}.both-node{padding:16px 20px}.both-node b{font-size:16px}.both-node span,.both-core span{font-size:14px}.both-core{padding:18px 16px 16px}.both-core>b{font-size:17px}.both-wire{font-size:13px}}
    /* What we do (2026-10-16): the whole offer on one map, in plain words. The people around the Telephonist, its four jobs
       below, then where it works (live now, or soon). Lines are drawn on wide screens; phones get the same parts stacked. */
    .what h2{max-width:900px;font-size:clamp(30px,6.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
    .what .lead{max-width:720px}
    .what-map{display:grid;gap:10px;margin:40px 0 0;grid-template-areas:"core" "customers" "team" "assistant" "jobs"}
    .what-node{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border:1px solid var(--line);border-radius:20px}
    .what-node b{font-size:18px;font-weight:600;letter-spacing:-.02em}
    .what-node span{color:var(--muted);font-size:15px;line-height:1.45}
    .what-customers{grid-area:customers}.what-team{grid-area:team}.what-assistant{grid-area:assistant}
    .what-core{grid-area:core;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30px 24px;border-radius:var(--radius);background:var(--ink);color:var(--bg);text-align:center}
    .what-core b{font-size:clamp(26px,5vw,30px);font-weight:560;letter-spacing:-.035em;line-height:1.15}
    .what-core span{opacity:.72;font-size:16px}
    .what-jobs{grid-area:jobs;display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none}
    .what-jobs li{padding:20px 18px;border-radius:20px;background:var(--card)}
    .what-jobs h3{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
    .what-jobs p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
    .what-wires{display:none}
    .what-where{margin-top:56px}
    .what-where h3{font-size:22px;font-weight:600;letter-spacing:-.02em}
    .what-where>p{margin:6px 0 0;color:var(--muted);font-size:16px}
    .what-channels{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}
    .what-channels li{display:grid;grid-template-columns:1fr auto;align-items:center;align-content:start;gap:2px 12px;padding:14px 16px;border:1px solid transparent;border-radius:18px;background:var(--card)}
    .what-channels b{font-size:16px;font-weight:600;letter-spacing:-.01em}
    .what-channels em{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-style:normal;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
    .what-channels em::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
    .what-channels span{grid-column:1/-1;color:var(--muted);font-size:14px;line-height:1.45}
    .what-channels .soon{background:transparent;border-color:var(--line)}
    .what-channels .soon em{color:var(--muted)}
    .what-channels .soon em::before{width:4px;height:4px;background:transparent;border:1px solid currentColor}
    /* Stars, not the word LIVE (2026-10-17): every card is live, so the star is enough; screen readers still hear "Live". */
    .what-channels em::before{display:none}.what-star{width:16px;height:16px}
    .what-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    .what-next{margin:16px 0 0;color:var(--muted);font-size:15px}
    .what-why{display:flex;flex-direction:column;gap:22px;margin-top:40px;padding:30px 24px;border-radius:var(--radius);background:var(--card)}
    .what-why p{margin:0;max-width:600px;font-size:18px;line-height:1.5}
    .what-why strong{font-weight:600}
    .what-actions{display:flex;flex-wrap:wrap;gap:10px}
    .what-actions .pill{flex:1 1 auto}
    @media(min-width:600px){.what-jobs,.what-channels{grid-template-columns:repeat(2,1fr)}.what-actions .pill{flex:0 0 auto}.what-jobs li{padding:24px 22px}.what-channels{gap:10px}.what-channels li{gap:4px 12px;padding:18px 20px}}
    @media(min-width:860px){.what-why{flex-direction:row;align-items:center;justify-content:space-between;padding:34px 40px}}
    @media(min-width:1000px){
      .what-map{position:relative;display:block;padding-top:312px}
      .what-wires{display:block;position:absolute;left:0;top:0;width:100%;height:312px;overflow:visible;color:var(--ink)}
      .what-wires line{stroke:currentColor;stroke-opacity:.24;stroke-width:1.5}
      .what-node,.what-core{position:absolute;height:84px}
      .what-node{align-items:center;justify-content:center;padding:0 20px;background:var(--bg);text-align:center}
      .what-customers{top:0;left:calc(50% - 150px);width:300px}
      .what-team{top:156px;left:0;width:24%}
      .what-assistant{top:156px;right:0;width:24%}
      .what-core{top:132px;left:34%;width:32%;height:132px;padding:0 24px}
      .what-jobs{grid-template-columns:repeat(4,1fr);column-gap:2.5%;row-gap:10px;margin:0}
      .what-channels{grid-template-columns:repeat(3,1fr)}
    }
    /* The lines draw in once the Telephonist has risen into place (scroll motion only; without it they're simply there). */
    @supports selector(:has(*)){
      html[data-motion] .what-wires line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--motion-ease) .2s}
      html[data-motion] .what-map:has(.what-core.is-revealed) .what-wires line{stroke-dashoffset:0}
    }
    /* Proofs: phone and accordion */
    .proofs-grid{display:grid;gap:44px;margin-top:40px}
    .proofs-more{max-width:760px;margin-top:44px}
    .proofs-more p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
    .proofs-more strong{color:var(--ink);font-weight:600}
    .proofs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px}
    .proofs-actions .link{font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
    .phone{justify-self:center;width:min(300px,100%);border:1px solid var(--line);border-radius:44px;background:var(--card);padding:18px 18px 22px;box-shadow:0 20px 60px #0000000f}
    .phone-bar{display:flex;justify-content:space-between;padding:4px 10px 0;font-size:13px;font-weight:600}
    .phone h4{margin:22px 6px 0;font-size:20px;font-weight:600;letter-spacing:-.02em}
    .done{display:grid;justify-items:center;gap:10px;margin:28px 0 8px;text-align:center}
    .done .big-tick{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:30px}
    .done strong{font-size:19px;letter-spacing:-.02em}
    .checks{margin:18px 0 0;padding:0;list-style:none}
    .checks li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:1px 12px;padding:11px 6px;border-top:1px solid var(--line);font-size:14px}
    .checks li span:last-child{grid-column:2;color:var(--muted);font-size:12px}
    .checks .tick{background:var(--ink);color:var(--bg);flex-basis:20px;width:20px;height:20px;font-size:11px}
    .phone .pill{width:100%;margin-top:16px}
    .accordion{border-top:1px solid var(--line)}
    .acc-item{position:relative;border-bottom:1px solid var(--line)}
    .acc-item button{display:block;width:100%;padding:26px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:clamp(22px,4.6vw,28px);font-weight:500;letter-spacing:-.03em;text-align:left;cursor:pointer}
    .acc-item.is-open button{color:var(--ink);padding-bottom:12px}
    .acc-item .acc-body{display:none;margin:0 0 26px;max-width:560px;color:var(--muted);font-size:18px;line-height:1.5}
    .acc-item.is-open .acc-body{display:block}
    .acc-progress{position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--ink)}
    .acc-item.is-open .acc-progress{width:100%}
    html[data-motion] .accordion.is-auto .acc-item.is-open .acc-progress{animation:acc 7s linear forwards}
    @keyframes acc{from{width:0}to{width:100%}}
    /* Businesses: tabs */
    .center{text-align:center}
    .tabs{display:flex;justify-content:center;gap:28px;margin-top:28px;flex-wrap:wrap}
    .tabs button{padding:6px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:clamp(19px,4.2vw,24px);letter-spacing:-.02em;cursor:pointer}
    .tabs button[aria-selected="true"]{color:var(--ink)}
    .panel{position:relative;margin-top:28px;min-height:560px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(90% 70% at 20% 10%,#4a4c50 0%,transparent 60%),radial-gradient(80% 60% at 100% 100%,#2b2d31 0%,transparent 70%),#1d1e20;display:flex;flex-direction:column;justify-content:space-between}
    .panel[hidden]{display:none}
    .panel-art{position:relative;z-index:1;display:grid;place-items:center;padding:36px 18px 8px;flex:1}
    .mini{width:min(330px,100%);padding:18px;border-radius:18px;background:#fff;color:#141414;box-shadow:0 24px 60px #0006;font-size:14px}
    .mini label{display:block;margin:10px 0 6px;color:#6d6e70;font-size:12px}
    .mini .field{padding:12px;border:1px solid #e3e3e1;border-radius:10px;font:600 16px/1 ui-monospace,Menlo,monospace;letter-spacing:2px}
    .mini .go{margin-top:12px;padding:12px;border-radius:10px;background:#141414;color:#fff;text-align:center}
    .mini .opt{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #ececea}
    .mini .opt:first-of-type{border-top:0}
    .radio{flex:0 0 18px;width:18px;height:18px;border:1.5px solid #141414;border-radius:50%}
    .radio.on{box-shadow:inset 0 0 0 4px #fff;background:#141414}
    .overlay{position:relative;z-index:1;margin:14px;padding:22px;border-radius:18px;background:#ffffff1f;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
    .overlay h3{color:#fff}
    .overlay p{margin:10px 0 0;color:#e6e7e8;font-size:17px;line-height:1.45}
    .overlay .pill{margin-top:18px;background:#fff;color:#141414;border-color:#fff}
    /* Cards */
    .cards{display:grid;gap:16px;margin-top:40px}
    .card{padding:32px 28px;border-radius:var(--radius);background:var(--card)}
    .card svg{width:30px;height:30px}
    .card h3{margin-top:56px}
    .card p{margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.5}
    .card .link{display:inline-block;margin-top:26px;font-size:17px;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
    .card code{font:13px ui-monospace,Menlo,monospace}
    /* FAQ */
    .faq{margin-top:34px;border-top:1px solid var(--line)}
    .faq details{border-bottom:1px solid var(--line)}
    .faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:clamp(19px,4.2vw,23px);letter-spacing:-.02em;line-height:1.3;cursor:pointer;list-style:none}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary::after{content:"+";flex:0 0 auto;font-size:30px;font-weight:300;line-height:1}
    .faq details[open] summary::after{content:"−"}
    .faq details p{margin:0 0 24px;max-width:680px;color:var(--muted);font-size:17px;line-height:1.55}
    /* Close */
    .close{margin-top:88px;padding:56px 24px;border-radius:var(--radius);background:var(--hero);color:var(--hero-ink);text-align:center}
    .close h2{color:var(--hero-ink)}
    .close p{margin:16px auto 0;max-width:460px;color:#b9bbbe;font-size:18px}
    .close .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
    .close .pill{background:#fff;color:#141414;border-color:#fff}
    .close .pill.ghost{background:transparent;color:#fff;border-color:#55575b}
    footer{padding:40px 0 48px;color:var(--muted);font-size:13px;line-height:1.6}
    footer a{text-underline-offset:3px}
    /* Homepage parts (calculator and globe): their styles are copied from hire-preview.html by tools/build-b.py. */
    .home-parts{padding-top:24px}
    .evidence{max-width:960px;margin:56px auto 0;padding-top:44px;border-top:1px solid var(--line)}
    .evidence h2{max-width:720px}
    .evidence-grid{display:grid;gap:16px;margin-top:32px}
    .evidence-card{padding:30px 26px;border-radius:var(--radius);background:var(--card)}
    .evidence-card h3{font-size:20px;font-weight:600;letter-spacing:-.02em}
    .evidence-card dl{display:grid;gap:22px;margin:22px 0 0}
    .evidence-card dt{font-size:clamp(46px,11vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
    .evidence-card dd{margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.45}
    .evidence-source{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}
    .evidence-source a{color:var(--ink);text-underline-offset:3px}
    @media(min-width:860px){.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-card{padding:40px}}
    /* Footer, in the layout of a large product site: link groups, ways to reach us, then the legal lines. */
    .site-foot{margin-top:96px;padding:56px 0 40px;border-top:1px solid var(--line);color:var(--ink)}
    .foot-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
    .foot-groups h2{margin:0 0 14px;color:var(--muted);font-size:15px;font-weight:400;letter-spacing:0}
    .foot-groups ul{margin:0;padding:0;list-style:none}
    .foot-groups li+li{margin-top:10px}
    .foot-groups a{font-size:18px;letter-spacing:-.01em;text-decoration:none}
    .foot-groups a:hover{text-decoration:underline;text-underline-offset:4px}
    .foot-talk{margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
    .foot-talk h2{margin:0 0 16px;color:var(--muted);font-size:15px;font-weight:400;letter-spacing:0}
    .foot-talk ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;padding:0;list-style:none}
    .foot-talk a{display:inline-flex;align-items:center;gap:12px;font-size:18px;text-decoration:none}
    .foot-talk svg{flex:0 0 22px;width:22px;height:22px}
    .foot-legal{margin-top:44px;padding-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.6}
    .foot-legal p{margin:0;max-width:760px}
    .foot-legal ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:28px 0 0;padding:0;list-style:none}
    .foot-legal a{color:var(--ink);text-decoration:none;font-size:15px}
    .foot-legal .copy{margin-top:28px;color:var(--ink);font-size:15px}
    /* Disability Confident Committed (DWP Level 1, DCS051034, valid to 19 October 2029): the official badge file, unaltered, beside the
       company line, where the scheme's branding guidelines allow it; never beside product claims. It opens our certificate (PDF, new
       tab), so anyone can check it (Benaiah, 2026-10-19; the one link after the socials). Its own white plate keeps the full-colour
       badge legible in dark mode; the padding is the guidelines' clear space (one rounded square), and 56 px stays above their
       10 mm minimum. */
    .foot-badge{display:block;box-sizing:content-box;width:auto;height:56px;padding:14px;border-radius:12px;background:#fff}
    .foot-badge-link{display:block;width:max-content;margin-top:28px;border-radius:12px;transition:opacity .2s}
    .foot-badge-link:hover{opacity:.85}
    .foot-badge-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
    /* Armed Forces Covenant (Ministry of Defence; pledge registered 16 October 2026): the master positive mark, unaltered, on white as
       the Covenant brand guidelines require. The file carries its own Crown-height exclusion zone, so its plate adds no padding. It sits
       after Disability Confident (their co-branding rule puts the Covenant mark last) and opens our certificate, like that badge, through
       /covenant (the page Worker sends it to the current signed copy; the same link goes on social posts). */
    .foot-badges{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:28px}
    .foot-badges .foot-badge-link{margin-top:0}
    .foot-badge.foot-badge-afc{height:124px;padding:0}
    .foot-badges .foot-badge-link.foot-badge-link-ce{margin:0 clamp(7.35px,calc((100cqi - 3px) * 0.02658),24.5px) 0 0}
    :root[data-theme="dark"] .foot-badges .foot-badge-link.foot-badge-link-ce{margin-left:clamp(12.3px,calc((100cqi - 3px) * 0.04448),41px)}
    .foot-badges{padding-bottom:clamp(8.1px,calc((100% - 3px) * 0.02929),27px)}
    :root[data-theme="dark"] .foot-badges{padding-top:clamp(4.8px,calc((100% - 3px) * 0.01735),16px);padding-bottom:clamp(9.9px,calc((100% - 3px) * 0.0358),33px)}
    /* Footer blend (Benaiah, 2026-10-29: the badges looked "like a sticker's on top"; the footer should fade in naturally, as on
       stillask.com). Light: the footer is pure white across the full width, and the page fades into it over the empty 96 px above
       the footer's hairline, so the badges' white plates disappear. Dark: the badges keep their white plates (the Covenant mark is
       for white backgrounds only) inside one white panel with the site's card radius and a faint glow, not five separate plates.
       The footer is its own stacking context, so these layers sit behind its content and never cover the page above it. */
    .site-foot{position:relative;z-index:0}
    :root:not([data-theme="dark"]) .site-foot{background-color:#fff}
    :root:not([data-theme="dark"]) .site-foot::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:calc(100% + 1px);height:96px;pointer-events:none;border-image:linear-gradient(rgb(255 255 255/0),rgb(255 255 255/.18) 25%,rgb(255 255 255/.5) 50%,rgb(255 255 255/.82) 75%,#fff) fill 0/0/0 100vw}
    :root:not([data-theme="dark"]) .site-foot::after{content:"";position:absolute;z-index:-1;inset:-1px 0 0;pointer-events:none;box-shadow:0 0 0 100vw #fff;clip-path:inset(0 -100vw)}
    :root[data-theme="dark"] .foot-badges{position:relative;margin-top:40px}
    :root[data-theme="dark"] .foot-badges::before{content:"";position:absolute;z-index:-1;left:0;top:-8px;bottom:-12px;width:min(100%,calc(clamp(276.51px,calc(100% - 3px),747.3px) + 3px));border-radius:20px;background:#fff;box-shadow:0 0 56px 4px rgb(255 255 255/.09);pointer-events:none}
    :root[data-theme="dark"] .foot-legal .copy{margin-top:44px}
    :root[data-theme="dark"] .foot-badge-link:focus-visible{outline-color:#141414;outline-offset:-3px}
    @media(min-width:720px){:root[data-theme="dark"] .foot-badges::before{left:-14px;top:-12px;bottom:-22px;width:min(990.7px,calc(100% + 28px));border-radius:24px}:root[data-theme="dark"] .foot-legal .copy{margin-top:50px}}
    @media(min-width:860px){.foot-groups{grid-template-columns:repeat(4,minmax(0,1fr))}.foot-talk ul{grid-template-columns:repeat(4,minmax(0,1fr))}.foot-legal ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
    .chatgpt-plugin-icon{display:block;width:32px;height:32px;background:currentColor;-webkit-mask:url('/assets/chatgpt.svg') center/contain no-repeat;mask:url('/assets/chatgpt.svg') center/contain no-repeat}.missed-calls{margin:42px 0 0;padding:30px 20px 10px;border-top:1px solid var(--line);text-align:center}main>.missed-calls{max-width:960px;margin-left:auto;margin-right:auto}.missed-calls h2{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.03em;margin:0;text-wrap:balance}.calculator-intro{color:var(--muted);font-size:14px;line-height:1.6;margin:10px auto 0;max-width:490px;text-wrap:pretty}.missed-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:640px;margin:23px auto 0}.missed-form label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:var(--muted)}.missed-form label>span:first-child{min-height:36px;display:flex;align-items:center;justify-content:center}.missed-form input{font:inherit;font-size:23px;line-height:1.2;color:var(--ink);background:var(--bg);width:100%;min-width:0;min-height:50px;padding:9px 8px;text-align:center;border:1px solid var(--line);border-radius:8px}.missed-form input:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.calculator-explanation{color:var(--muted);font-size:12px;margin:12px auto 0;max-width:440px;text-wrap:pretty}.calculator-note{color:var(--muted);font-size:11px;margin:10px auto 0;max-width:440px;text-wrap:pretty}.calculator-link{display:inline-block;margin:17px 0 0;padding:5px 0;font-size:14px;text-decoration:none}.calculator-link:hover{opacity:.7}@media(max-width:600px){.missed-calls{padding:25px 0 8px;margin-top:32px}.missed-calls h2{font-size:24px}.calculator-intro{font-size:13px}.missed-form{gap:10px;margin-top:19px}.missed-form label{font-size:11px}.missed-form input{font-size:21px}}@media(max-width:360px){.missed-form{gap:7px}.missed-form label{font-size:10px}.missed-form input{font-size:19px;padding-inline:4px}}.chatgpt-cta .chatgpt-plugin-icon{width:22px;height:22px;flex:0 0 22px}.temp-cta-row .chatgpt-plugin-icon{width:18px;height:18px;flex:0 0 18px}@media(max-width:360px){.temp-cta-row .chatgpt-plugin-icon{width:16px;height:16px;flex-basis:16px}}@media(max-width:600px){.missed-form label>span:first-child{min-height:48px}}.missed-form .repeat-input{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;min-width:0;min-height:50px;padding:9px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:23px;line-height:1.2;white-space:nowrap}.missed-form .repeat-input input{flex:0 1 auto;width:calc(1ch + 2px);max-width:calc(100% - .65em - 2px);min-width:1ch;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;line-height:inherit;appearance:textfield;-moz-appearance:textfield}.missed-form .repeat-input:focus-within{outline:2px solid var(--muted);outline-offset:3px}.missed-form .repeat-input input:focus-visible{outline:0}@media(max-width:600px){.missed-form .repeat-input{font-size:21px}}@media(max-width:360px){.missed-form .repeat-input{font-size:19px;padding-inline:2px}}.missed-form .percent-input input{max-width:calc(100% - 1em - 2px)}.calculator-connection+.missed-form{margin-top:14px}.missed-form .calculator-ring{--ring-font:23px;display:flex;align-items:center;justify-content:center;gap:2px;width:min(100%,92px);aspect-ratio:1;min-width:0;min-height:0;margin-inline:auto;padding:4px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);font-size:var(--ring-font);line-height:1.2;white-space:nowrap}.missed-form .calculator-ring input{flex:0 1 auto;width:auto;max-width:100%;min-width:1ch;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;line-height:inherit;text-align:center;appearance:textfield;-moz-appearance:textfield}.calculator-ring input::-webkit-inner-spin-button,.calculator-ring input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator-ring .repeat-unit{flex:0 0 auto;width:auto}.missed-form .calculator-ring:focus-within{outline:2px solid var(--muted);outline-offset:3px}.missed-form .calculator-ring input:focus-visible{outline:0}@media(max-width:600px){.missed-form .calculator-ring{--ring-font:21px}}@media(max-width:360px){.missed-form .calculator-ring{--ring-font:19px}}.voice-preview{margin:24px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center}.voice-play{display:block;width:128px;height:128px;margin:0 auto;padding:0;border:0;background:none;color:var(--ink);border-radius:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .18s}.voice-play:active{transform:scale(.98)}.voice-controls{display:grid;grid-template-columns:52px 56px 52px;align-items:center;justify-content:center;gap:8px;margin-top:8px}.voice-name{min-width:56px;font-size:12px;text-align:center;color:var(--ink)}.voice-action{display:grid;place-items:center;justify-self:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);transition:transform .18s}.voice-action:active{transform:scale(.94)}.voice-action-icon{display:block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--voice-action-icon) center/24px 24px no-repeat;mask:var(--voice-action-icon) center/24px 24px no-repeat}.voice-pass{--voice-action-icon:url('/assets/lucide/x.svg')}.voice-heart{--voice-action-icon:url('/assets/lucide/heart.svg')}.voice-preview .persona-host{display:block;width:100%;height:100%;position:relative;isolation:isolate}.voice-preview .persona-renderer,.voice-preview .persona-still{display:block;width:100%;height:100%;object-fit:contain;clip-path:circle(38% at 50% 50%);transform:scale(1.315789474);transform-origin:center}.voice-preview .persona-host canvas{display:block}.voice-preview .persona-host:not([data-persona-variant="obsidian"]) .persona-renderer,.voice-preview .persona-host:not([data-persona-variant="obsidian"]) .persona-still{clip-path:none;transform:none}.voice-preview .persona-host[data-persona-variant="opal"] .persona-renderer,.voice-preview .persona-host[data-persona-variant="opal"] .persona-still{transform:scale(1.32)}.voice-preview .persona-unavailable{font-size:9px;display:grid;place-items:center;height:100%}@media(max-width:600px){.voice-preview{margin-top:38px}.voice-play{width:112px;height:112px}}@media(prefers-reduced-motion:reduce){.voice-play,.voice-action{transition:none}}.calculator-settings .calculator-field>span:first-child{min-height:22px;display:flex;align-items:center}.margin-label{display:flex;align-items:center;gap:5px;line-height:1.3}.margin-help-button{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:12px;line-height:1}#margin-help{max-width:280px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.6;box-shadow:0 5px 25px #0002}#margin-help::backdrop{background:transparent}@media(min-width:601px){.calculator-field[for="calculator-plan"]{position:relative}.calculator-field[for="calculator-plan"]::after{content:"";position:absolute;right:16px;bottom:20px;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}.calculator-field #calculator-plan{appearance:none;-webkit-appearance:none;padding-right:38px}}.missed-calls{padding-inline:0}.missed-form{grid-template-columns:repeat(3,minmax(0,1fr));max-width:490px;gap:18px;margin-top:26px}.calculator-control{min-width:0}.missed-form .calculator-control label{display:flex;align-items:center;justify-content:center;min-height:36px;margin-bottom:10px;font-size:12px;line-height:1.3}.missed-form .calculator-ring{width:min(100%,126px);flex-direction:column;gap:0;padding:15px 5px 4px;--ring-font:28px}.ring-value{display:flex;align-items:center;justify-content:center;gap:1px;width:100%;min-width:0}.missed-form .calculator-ring input{width:3ch;flex:0 1 auto;max-width:85%}.ring-steps{display:flex;align-items:center;justify-content:center;gap:2px;width:100%}.ring-steps button{height:40px;width:40px;padding:0;border:0;background:none;color:var(--muted);font-size:19px;border-radius:50%}.ring-steps button:hover{color:var(--ink);background:var(--line)}.ring-steps button:disabled{opacity:.3;cursor:default}.calculator-period{display:flex;max-width:280px;margin:26px auto 0;border:1px solid var(--line);padding:3px;border-radius:30px}.calculator-period button{flex:1;border:0;padding:9px 15px;border-radius:25px;background:transparent;color:var(--muted);font-size:13px;min-height:40px}.calculator-period button[aria-pressed="true"]{background:var(--button);color:var(--button-ink)}.break-even-result{margin-top:32px}.revenue-risk-label{font-size:14px;margin:0;color:var(--muted)}#missed-sales{display:block;font-size:76px;font-weight:500;letter-spacing:-.06em;line-height:1.15;margin-top:10px;overflow-wrap:anywhere}.revenue-multiple{font-size:16px;margin:12px auto 0;color:var(--muted);max-width:420px}.break-even-summary{font-size:12px;color:var(--muted);margin:14px 0 0}.break-even-summary[hidden]{display:none}#calculator-status:empty{display:none}#calculator-status{color:var(--ink);font-size:12px;margin:8px 0 0}.calculator-settings{display:grid;grid-template-columns:2fr 1fr;gap:18px;max-width:490px;margin:28px auto 0;text-align:left}.calculator-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}.calculator-field small{font-size:11px;font-weight:400;color:var(--muted)}.calculator-field select,.calculator-field>input,.calculator-number{font:inherit;font-size:14px;min-height:44px;width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.calculator-field select{padding-right:24px}.calculator-number{display:flex;gap:3px;align-items:center}.calculator-number input{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:0}.calculator-assumptions .calculator-explanation{max-width:none;font-size:12px;line-height:1.65;margin-top:14px}.missed-calls .calculator-link{margin-top:22px;font-size:15px}.missed-calls .calculator-note{font-size:11px;line-height:1.6;max-width:450px;margin-top:13px}.missed-calls input[aria-invalid="true"]{outline:1px solid var(--ink)}@media(max-width:600px){.missed-form{gap:10px}.missed-form .calculator-control label{font-size:11px}.missed-form .calculator-ring{--ring-font:24px;width:min(100%,112px);padding-top:12px}.ring-steps button{height:36px;width:36px}.calculator-settings{gap:10px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.calculator-field select,.calculator-field>input,.calculator-number{font-size:16px}#missed-sales{font-size:56px}.revenue-risk-label{font-size:13px}.missed-calls .calculator-link{font-size:14px}.calculator-settings .calculator-field>span:first-child{min-height:32px;display:flex;align-items:end}}@media(max-width:360px){.missed-form{gap:7px}.missed-form .calculator-ring{--ring-font:21px;padding-top:8px}.ring-steps button{width:32px;height:32px}.calculator-settings{grid-template-columns:1fr}.calculator-settings .calculator-field>span:first-child{min-height:0}.margin-field{flex-direction:row;align-items:center;justify-content:space-between}.margin-field .calculator-number{width:105px}}@media(max-width:600px){.calculator-settings{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px;gap:12px}.calculator-settings .calculator-field>span:first-child{min-height:22px;align-items:center;justify-content:center;text-align:center}.calculator-settings .margin-field{flex-direction:column;align-items:stretch}.calculator-settings .margin-field .calculator-number{width:100%;height:44px;min-height:44px;padding-block:9px;justify-content:center}.calculator-settings .calculator-number input{width:4ch;flex:0 1 4ch;text-align:right}.calculator-settings #calculator-plan{text-align:center;text-align-last:center;padding-inline:24px}}.coverage{--coverage-accent:#555;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"globe intro" "globe countries";column-gap:32px;align-items:center;margin:42px auto 0;padding:32px 0 28px;border-block:1px solid var(--line);text-align:left}.coverage-intro{grid-area:intro;align-self:end}.coverage h2{font-size:30px;font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0;text-wrap:balance}.coverage-description{max-width:285px;font-size:13px;line-height:1.65;color:var(--muted);margin:12px 0 0;text-wrap:pretty}.coverage-visual{grid-area:globe;position:relative;width:100%;max-width:360px;justify-self:center;aspect-ratio:1}.coverage-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.coverage-canvas:active{cursor:grabbing}.coverage-countries{grid-area:countries;align-self:start;margin-top:20px;min-width:0}.coverage-call{display:flex;flex-direction:column;gap:3px;width:max-content;max-width:100%;padding:14px 0 7px;font-size:15px;line-height:1.4}.coverage-call-label{font-size:11px;color:var(--muted)}.coverage-call:hover .coverage-number{text-decoration:underline;text-underline-offset:4px}.coverage [hidden]{display:none!important}:root[data-theme="dark"] .coverage{--coverage-accent:#ccc}@media(max-width:600px){.coverage{grid-template-columns:1fr;grid-template-areas:"intro" "globe" "countries";gap:0;text-align:center;margin-top:30px;padding:28px 0}.coverage-intro{justify-self:center}.coverage h2{font-size:28px}.coverage-description{max-width:290px;margin:10px auto 0}.coverage-visual{width:min(100%,300px);margin-top:6px}.coverage-countries{justify-self:center;width:calc(100% - 32px);max-width:460px;margin-top:14px}.coverage-call{align-items:center;margin:auto}}.world-clocks{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:560px;margin:0 auto 16px;padding:0}@media(max-width:600px){.world-clocks{grid-template-columns:repeat(3,minmax(0,1fr));max-width:330px;row-gap:12px}}.world-clock{display:grid;justify-items:center;align-content:start;gap:3px;min-width:0}.world-clock-face{display:block;width:58px;height:58px;max-width:100%;overflow:visible}.world-clock-rim{fill:var(--bg);stroke:var(--line);stroke-width:1.15}.world-clock-ticks{fill:none;stroke:var(--muted);stroke-width:1.1;stroke-linecap:round;opacity:.72}.world-clock-hour-hand{stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.world-clock-minute-hand{stroke:var(--ink);stroke-width:1.35;stroke-linecap:round}.world-clock-centre{fill:var(--ink)}.world-clock-city{font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--muted)}.world-clock time{font-size:12px;line-height:1.25;letter-spacing:.015em;font-variant-numeric:tabular-nums;color:var(--ink)}/* The clocks choose the country (Benaiah, 2026-10-18: "the clocks should themselves become the selector"). */
    .world-clock-button{display:grid;justify-items:center;align-content:start;gap:3px;width:100%;min-width:0;padding:6px 2px 8px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.world-clock-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.world-clock-button .world-clock-rim{transition:fill .25s,stroke .25s}.world-clock-button :is(.world-clock-hour-hand,.world-clock-minute-hand,.world-clock-ticks){transition:stroke .25s}.world-clock-button .world-clock-centre{transition:fill .25s}.world-clock-button[aria-pressed="true"] .world-clock-rim{fill:var(--ink);stroke:var(--ink)}.world-clock-button[aria-pressed="true"] :is(.world-clock-hour-hand,.world-clock-minute-hand,.world-clock-ticks){stroke:var(--bg)}.world-clock-button[aria-pressed="true"] .world-clock-centre{fill:var(--bg)}.world-clock-button[aria-pressed="true"] .world-clock-city{color:var(--ink)}@media(hover:hover){.world-clock-button[aria-pressed="false"]:hover .world-clock-rim{stroke:var(--muted)}}@media(max-width:360px){.world-clocks{gap:8px;margin-bottom:13px}.world-clock-face{width:52px;height:52px}.world-clock-city{font-size:9px}.world-clock time{font-size:11px}}.coverage{max-width:900px}.missed-calls{max-width:960px;margin-inline:auto}@media(max-width:360px){.coverage-countries{width:calc(100% - 32px);max-width:460px;justify-self:center}}.ask{max-width:560px;margin:42px auto 0;padding:34px 0 8px;border-top:1px solid var(--line);text-align:left}.ask[hidden]{display:none}.ask-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--muted);font-size:12px}.ask h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-.045em;line-height:1.12}.ask-intro{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.ask-thread{display:grid;gap:26px;margin-top:22px}.ask-thread:empty{display:none}.ask-turn{display:grid;gap:10px}.ask-question{justify-self:end;max-width:80%;margin:0;padding:8px 13px;border-radius:16px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.ask-card{position:relative;padding:15px 17px calc(20px + var(--stretch,0px));transition:padding-bottom .32s cubic-bezier(.2,.8,.2,1);border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 1px 2px rgb(0 0 0/.04),0 8px 24px -12px rgb(0 0 0/.12);font-size:13.5px;line-height:1.55}:root[data-theme="dark"] .ask-card{background:#1b1c1d;box-shadow:none}.ask-card.dragging{transition:none}.ask-body{min-height:21px}.ask-body>:first-child{margin-top:0}.ask-body>:last-child{margin-bottom:0}.ask-h{margin:12px 0 2px;font-weight:600}.ask-p{margin:0 0 8px}.ask-body ul{margin:2px 0 8px;padding-left:18px}.ask-body li{margin:0 0 2px}.ask-body li::marker{color:var(--muted)}/* Ink: words sink away and bleed back in; kept words glide to their new places while the card eases to its new height. */
.ask-body .w{display:inline-block;transition-property:opacity,filter,transform;transition-timing-function:cubic-bezier(.2,.8,.2,1);will-change:auto}.ask-body .w.ink-out{opacity:0;filter:blur(5px);transform:translateY(2px) scale(.97)}.ask-body .w.ink-start{opacity:0;filter:blur(6px);transform:translateY(3px)}.ask-card.streaming .ask-body>:last-child:not(ul)::after,.ask-card.streaming .ask-body>ul:last-child>li:last-child::after{content:"";display:inline-block;width:6px;height:6px;margin-left:2px;border-radius:50%;background:currentColor;vertical-align:middle;animation:ask-pulse 1s ease-in-out infinite}.ask-wait{display:flex;gap:4px;height:21px;align-items:center}.ask-wait i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:ask-pulse 1.1s ease-in-out infinite}.ask-wait i:nth-child(2){animation-delay:.15s}.ask-wait i:nth-child(3){animation-delay:.3s}.ask-error{margin:0;color:var(--muted)}.ask-handle{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:22px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--muted);cursor:ns-resize;touch-action:none;transition:color .2s,border-color .2s,opacity .2s}:root[data-theme="dark"] .ask-handle{background:#1b1c1d}.ask-handle span{width:14px;height:2px;border-radius:1px;background:currentColor}.ask-handle:hover,.ask-handle:focus-visible,.ask-card.dragging .ask-handle{color:var(--ink);border-color:var(--muted)}.ask-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ask-handle[hidden]{display:none}.ask-card.ask-nudge{animation:ask-nudge 1.4s ease-in-out 1}.ask-read{justify-self:end;margin:2px 4px 0 0;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.ask-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.ask-suggestions[hidden]{display:none}.ask-suggestions button{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:18px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.ask-suggestions button:hover{border-color:var(--muted)}.ask-form{display:flex;gap:6px;margin-top:18px;padding:5px 5px 5px 15px;border:1px solid var(--line);border-radius:24px;background:var(--bg)}.ask-form:focus-within{border-color:var(--muted)}.ask-form input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;outline:0}.ask-form button{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:50%;background:var(--button);color:var(--button-ink);cursor:pointer}.ask-form button:disabled{opacity:.35;cursor:default}.ask-form svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ask-note{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0;min-width:100%;text-align:center}.ask-note a{color:inherit}.ask-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:600px){.ask{margin-top:30px;padding-top:28px}.ask-eyebrow{justify-content:center}.ask h2,.ask-intro{text-align:center}.ask h2{font-size:28px}.ask-suggestions{justify-content:center}.ask-card{font-size:14px}}@media(prefers-reduced-motion:reduce){.ask-body .w,.ask-card{transition:none}.ask-wait i,.ask-card.streaming .ask-body ::after{animation:none}}.coverage{border-bottom:0}/* ChatGPT route (2026-10-14): its own block after the calculator, apart from the orb's demo interview. */
  .chatgpt-route{max-width:960px;margin:42px auto 0;padding:30px 20px 0;border-top:1px solid var(--line);text-align:center}.chatgpt-route h2{margin:0;font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.03em;text-wrap:balance}.chatgpt-route p{max-width:430px;margin:10px auto 0;color:var(--muted);font-size:14px;line-height:1.6;text-wrap:balance}.chatgpt-route-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-height:48px;margin:18px auto 0;padding:12px 20px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:14px;line-height:1.4;text-decoration:none}.chatgpt-route-cta:hover{border-color:var(--muted)}.chatgpt-route-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.chatgpt-route-cta .chatgpt-plugin-icon{width:20px;height:20px;flex:0 0 20px}.chatgpt-route .chatgpt-route-listing{margin-top:8px;font-size:12px}.chatgpt-route .chatgpt-route-note{margin-top:16px;font-size:13px}.chatgpt-route-note a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}/* The voice buttons say what they do: the cross moves on, the heart starts talking. */
  #persona-choices .voice-action{align-content:center;gap:3px}.voice-action-label{color:var(--muted);font-size:10.5px;line-height:1}@media(max-width:600px){.chatgpt-route{margin-top:36px;padding:28px 0 0}.chatgpt-route h2{font-size:24px}.chatgpt-route p{font-size:13px}.chatgpt-route .chatgpt-route-note{font-size:12.5px}}.live-orb .orb-invitation{max-width:400px;margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.55;text-wrap:balance}.live-orb .orb-invitation strong{display:block;margin-bottom:3px;color:var(--ink);font-size:15px;font-weight:500}.live-orb #onboarding-copy{max-width:540px;margin:14px auto 0;overflow-wrap:anywhere}.live-orb #onboarding-caption{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.live-orb #onboarding-business{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.live-orb #onboarding-business:empty,.live-orb .creation-status:empty{display:none}.live-orb .creation-status{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.live-orb .voice-browser-help{max-width:440px;margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.5}.live-orb .voice-browser-help p{margin:8px 0}.live-orb .voice-browser-help nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}.live-orb .voice-browser-help a,.live-orb .voice-browser-help button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}.live-orb .voice-browser-help #voice-link-status:empty{display:none}/* Your plan and Gross profit margin: two identical pills, shaped like the FAQ composer. */
  .missed-calls .calculator-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,380px);max-width:none;margin:28px auto 0;text-align:center}.missed-calls .calculator-settings .calculator-field{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.missed-calls .calculator-settings .calculator-field>span:first-child{display:flex;align-items:center;justify-content:center;gap:6px;height:20px;min-height:20px;margin:0;color:var(--muted);font-size:12px;line-height:1;white-space:nowrap;text-align:center}.missed-calls .calculator-settings .margin-help-button{flex:0 0 18px;width:18px;height:18px;font-size:10px}.missed-calls .calculator-settings #calculator-plan,.missed-calls .calculator-settings .calculator-number{box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:0;padding:0 36px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;line-height:1;transition:border-color .2s,box-shadow .2s}.missed-calls .calculator-settings #calculator-plan{-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;cursor:pointer}.missed-calls .calculator-settings .calculator-field[for="calculator-plan"]::after{content:"";position:absolute;right:20px;bottom:21px;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}.missed-calls .calculator-settings .calculator-number{display:flex;align-items:center;justify-content:center;gap:1px}.missed-calls .calculator-settings .calculator-number input{width:2.2ch;flex:0 0 auto;min-width:1ch;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield;appearance:textfield}.missed-calls .calculator-settings .calculator-number input::-webkit-inner-spin-button,.missed-calls .calculator-settings .calculator-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.missed-calls .calculator-settings .calculator-number input:focus{outline:none}.missed-calls .calculator-settings #calculator-plan:hover,.missed-calls .calculator-settings .calculator-number:hover{border-color:var(--muted)}.missed-calls .calculator-settings #calculator-plan:focus-visible,.missed-calls .calculator-settings .calculator-number:focus-within{outline:none;border-color:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 8%,transparent)}@media(max-width:360px){.missed-calls .calculator-settings{gap:8px}.missed-calls .calculator-settings .calculator-field>span:first-child{font-size:11px;gap:4px}.missed-calls .calculator-settings #calculator-plan,.missed-calls .calculator-settings .calculator-number{padding:0 28px}.missed-calls .calculator-settings .calculator-field[for="calculator-plan"]::after{right:16px}}.one-business{max-width:960px;margin:44px auto 0;padding-top:34px;border-top:1px solid var(--line);text-align:center}.one-business-title{margin:0 0 6px;font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.03em;text-wrap:balance}@media(max-width:600px){.one-business{margin-top:36px;padding-top:28px}.one-business-title{font-size:24px}}.coverage{grid-template-areas:"globe intro" "globe clocks" "globe countries"}.coverage-clocks{grid-area:clocks;min-width:0;margin-top:22px}.coverage-clocks .world-clocks{max-width:none;margin:0;gap:8px}.currency-slot{display:flex;justify-content:center;min-height:38px;margin:16px auto 0}.currency-slot .currency-bar{padding:0}.ask-aside{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;line-height:1.5}.ask-aside[hidden]{display:none}.ask-aside a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:900px){.coverage-clocks .world-clocks{grid-template-columns:repeat(3,minmax(0,1fr));max-width:330px;row-gap:12px}}@media(max-width:600px){.coverage{grid-template-areas:"intro" "clocks" "globe" "countries"}.coverage-clocks{justify-self:center;width:100%;margin-top:22px}.coverage-clocks .world-clocks{margin:0 auto}.currency-slot{margin-top:14px}}/* Section labels set like World's: plain words, no dot. */
  .hero-eyebrow,.coverage-eyebrow,.pohuman-eyebrow,.ask-eyebrow{display:block;font-size:14px;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}.coverage-eyebrow,.pohuman-eyebrow,.ask-eyebrow{margin:0 0 12px}@media(max-width:600px){.hero-eyebrow,.coverage-eyebrow,.pohuman-eyebrow,.ask-eyebrow{font-size:13px}.ask-eyebrow{text-align:center}}
    /* Where we're live (2026-10-17): the call link and its number without underlines; the number fades a little on hover. */
    .coverage-call{text-decoration:none}.coverage-call:hover .coverage-number{text-decoration:none;opacity:.72}
    /* One heading scale for every section (2026-10-17): the same size, weight and tracking as What we do and Why Telephonist. */
    #what-title,#why-title,#missed-calls-title,#evidence-title,#one-business-title,#coverage-title,#chatgpt-route-title,#proofs-title,#businesses-title,#ask-title,#start-title{font-size:clamp(30px,6.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
    /* The other end of the call: drawn up under Telephonist Trust as its second half, left-aligned like it. */
    #businesses{padding-top:64px}#businesses .tabs{justify-content:flex-start}#businesses .lead{max-width:640px}
    /* Built for (2026-10-17). */
    .what-for{margin-top:26px}.what-for>p{margin:0;color:var(--muted);font-size:15px}
    .what-for ul{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
    .what-for li{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:15px;line-height:1.3}
    .what-for a{display:inline-block;margin-top:14px;font-size:15px;text-underline-offset:4px}
    /* How you start (2026-10-17): numbered like Why Telephonist; every step is an action, so every badge is filled. */
    .start-steps{display:grid;gap:14px;margin:36px 0 0;padding:0;list-style:none}
    .start-steps li{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px;border-radius:var(--radius);background:var(--card)}
    .start-steps .why-num{border-color:var(--ink);background:var(--ink);color:var(--bg)}
    .start-steps h3{margin:16px 0 0;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
    .start-steps p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.55}
    .start-steps a{margin-top:auto;padding-top:14px;font-size:15px;text-underline-offset:4px}
    @media(min-width:860px){.start-steps{grid-template-columns:repeat(3,1fr)}.start-steps li{padding:30px 28px}}
    :root{--motion-ease:cubic-bezier(.16,1,.3,1)}.root h1 span.motion-word,.motion-word,.root h1 .motion-word>span,.motion-word>span{display:inline-block}@media (prefers-reduced-motion:no-preference){html[data-motion] :is(.eyebrow,.lead,.fine,.hero-buttons,.hero-plans,.evidence-card,.statement .pill,.why-step,.why-both,.acc-item,.tabs,.card,.close p,.close .actions,.foot-groups>div,.foot-talk,.foot-legal,.calculator-intro,.currency-slot,.calculator-control,.calculator-period,.break-even-result,.calculator-settings,.calculator-link,.coverage-eyebrow,.coverage-description,.world-clock,.coverage-countries,.chatgpt-route-intro,.chatgpt-route-cta,.chatgpt-route-listing,.chatgpt-route-note,.ask-eyebrow,.ask-intro,.ask-thread,.ask-suggestions>button,.ask-form,.ask-note,.what-node,.what-core,.what-jobs>li,.what-where>h3,.what-where>p,.what-channels>li,.what-why,.what-for,.start-steps>li):not(.is-revealed){opacity:0;transform:translate3d(0,28px,0)}html[data-motion] :is(.stage,.phone,.panel,.coverage-visual,.voice-preview):not(.is-revealed){opacity:0;transform:scale(.94)}html[data-motion] :is(.eyebrow,.lead,.fine,.hero-buttons,.hero-plans,.evidence-card,.statement .pill,.why-step,.why-both,.acc-item,.tabs,.card,.close p,.close .actions,.foot-groups>div,.foot-talk,.foot-legal,.calculator-intro,.currency-slot,.calculator-control,.calculator-period,.break-even-result,.calculator-settings,.calculator-link,.coverage-eyebrow,.coverage-description,.world-clock,.coverage-countries,.chatgpt-route-intro,.chatgpt-route-cta,.chatgpt-route-listing,.chatgpt-route-note,.ask-eyebrow,.ask-intro,.ask-thread,.ask-suggestions>button,.ask-form,.ask-note,.what-node,.what-core,.what-jobs>li,.what-where>h3,.what-where>p,.what-channels>li,.what-why,.what-for,.start-steps>li,.stage,.phone,.panel,.coverage-visual,.voice-preview):not(.is-settled){transition:opacity .8s var(--motion-ease) var(--reveal-delay,0ms),transform 1.1s var(--motion-ease) var(--reveal-delay,0ms)}html[data-motion] :is(#hero-title,#why-title,#evidence-title,#proofs-title,#businesses-title,#ours-title,#dev-title,.close h2,#missed-calls-title,#one-business-title,#coverage-title,#chatgpt-route-title,#ask-title,#what-title,#start-title):not(.is-split){opacity:0}html[data-motion] .motion-word{overflow:hidden;vertical-align:top;padding:.12em .05em .18em;margin:-.12em -.05em -.18em}html[data-motion] .motion-word>span{transform:translate3d(0,1.5em,0);transition:transform 1s var(--motion-ease) calc(var(--reveal-delay,0ms) + var(--word-delay,0ms))}html[data-motion] .is-revealed .motion-word>span{transform:none}html[data-motion] :is(.missed-calls,.evidence,.one-business,.coverage,.chatgpt-route,.ask,.site-foot){border-top-color:transparent;background-image:linear-gradient(var(--line),var(--line));background-repeat:no-repeat;background-position:50% 0;background-origin:border-box;background-size:0 1px;transition:background-size 1.4s var(--motion-ease)}html[data-motion] :is(.missed-calls,.evidence,.one-business,.coverage,.chatgpt-route,.ask,.site-foot).is-ruled{background-size:100% 1px}}
    @media(min-width:860px){
      section{padding-top:120px}
      .stage{min-height:620px}
      .proofs-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px}
      .phone{order:2}
      .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
      .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
      .panel{min-height:600px}
      .overlay{max-width:560px;margin:24px}
      .close{padding:80px 40px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    @media(min-width:860px){.check{width:440px;padding:28px}.check .row{font-size:15px}}
    @media(max-width:520px){.hero-buttons .pill{flex:1 1 100%}}
    @media(max-width:420px){.topbar .pill{min-height:40px;padding:8px 16px;font-size:14px}.theme-toggle{width:40px;height:40px}.top-actions{gap:8px}.wordmark{font-size:21px}.stage{min-height:460px}.check{padding:18px}}
  
    html{background-color:var(--bg)}
    .voice-preview .persona-host{border-radius:50%;-webkit-mask-image:radial-gradient(closest-side,#000 calc(100% - 1.25px),transparent 100%);mask-image:radial-gradient(closest-side,#000 calc(100% - 1.25px),transparent 100%)}
    .voice-preview .persona-renderer,.voice-preview .persona-still{clip-path:none}
  
    /* Footer badges = stillask.com (10 Nov 2026). Bare official artwork sized by --badge-h (DC 0.7 x file, TISC/CAUK/Pledge 1 x, GBC and the
       Covenant drawn larger with negative margins over their transparent margins, CE trimmed to its artwork). One row from 641 px, scaled with
       the footer (row = 9.124 x --badge-h); on phones the email signature's grid.
       Police Industry Charter Signatory (10 Nov 2026): BlueLight's positive logo byte for byte, sized by area like DC (.7504 x --badge-h tall,
       1.3327 wide = the CAUK square), just before the Covenant; its safe zone (a quarter of its height) is inside every gap. Row now
       10.817 x --badge-h (1049.2 px at 97; /11 leaves ~1.7% slack). Phones: 4 + 3 grid (TISC, CAUK, Pledge 1%, GBC / DC, PIC, Covenant),
       width 6.781 x --badge-h (/6.9). Dark panel (from 641 px) = the row + 14 px each side. */
    .site-foot{container-type:inline-size}
    .foot-badges.fbx{--badge-h:min(97px,calc(100cqw / 11));display:flex;flex-wrap:nowrap;align-items:center;gap:calc(var(--badge-h) * .36)}
    .fbx .footer-badge-link{display:block;transition:opacity .2s}
    .fbx .footer-badge-link:hover{opacity:.85}
    .fbx .footer-badge-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
    .fbx .footer-badge{display:block;box-sizing:content-box;width:auto;max-width:none;height:calc(var(--badge-h) * .7);margin-bottom:calc(var(--badge-h) * -.0378);padding:0;border-radius:0;background:none}
    .fbx .footer-badge.footer-badge-tisc,.fbx .footer-badge.footer-badge-cauk,.fbx .footer-badge.footer-badge-pledge{height:var(--badge-h);margin:0}
    .fbx .footer-badge.footer-badge-afc{height:calc(var(--badge-h) * 1.4);margin:calc(var(--badge-h) * -.2) calc(var(--badge-h) * -.1363) calc(var(--badge-h) * -.2) calc(var(--badge-h) * -.1766)}
    .fbx .footer-badge.footer-badge-gbc{height:calc(var(--badge-h) * 1.2541);margin:calc(var(--badge-h) * -.1271) calc(var(--badge-h) * -.1247)}
    .fbx .footer-badge.footer-badge-pic{height:calc(var(--badge-h) * .7504);margin:0}
    .fbx .footer-badge-link.footer-badge-link-ce{--ce-h:var(--badge-h);margin:.5px calc(var(--ce-h) * .265) .5px 0}
    .fbx .footer-badge.footer-badge-ce{height:var(--ce-h);margin:0 calc(var(--ce-h) * -.08398) 0 calc(var(--ce-h) * -.08203)}
    .fbx .footer-badge-row{display:contents}
    .fbx .footer-badge-row-2>:nth-child(1){order:2}
    .fbx .footer-badge-row-1>:nth-child(1){order:3}.fbx .footer-badge-row-1>:nth-child(2){order:4}.fbx .footer-badge-row-1>:nth-child(3){order:5}.fbx .footer-badge-row-1>:nth-child(4){order:6}
    .fbx .footer-badge-row-2>:nth-child(2){order:7}.fbx .footer-badge-row-2>:nth-child(3){order:8}
    @media (min-width:641px){:root[data-theme="dark"] .foot-badges.fbx::before{left:-14px;width:calc(var(--badge-h) * 10.817 + 28px)}}
    @media (max-width:640px){
      .foot-badges.fbx{--badge-h:calc(100cqw / 6.9);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:calc(var(--badge-h) * .42);row-gap:calc(var(--badge-h) * .3);align-items:start}
      .fbx .footer-badge-link{margin:0}
      .fbx>.footer-badge-link.footer-badge-link-ce{--ce-h:calc(var(--badge-h) * 2.3);grid-column:1;grid-row:1 / 3;margin:0}
      .fbx .footer-badge-row{display:flex;justify-content:space-between;gap:calc(var(--badge-h) * .25);grid-column:2}
      .fbx .footer-badge-row-1{grid-row:1;align-items:flex-start}
      .fbx .footer-badge-row-2{grid-row:2;align-items:flex-end;align-self:end}
      :root[data-theme="dark"] .foot-badges.fbx::before{left:-14px;width:calc(100% + 28px)}
    }