/* Veritura site system v3 (round 57, 2026-10-09): the homepage's approved design carried to every subpage.
   Loaded LAST on the 35 subpages, after pages.css. Same guardrails as the homepage (s2/system.css):
   one text family (Inter) and one mono (Geist Mono, data only); greys do the work, blue only for actions, cyan only on dark;
   one curve cubic-bezier(.2,.7,.2,1) at 150/300/600ms; three radii; one shadow stack; two-tone headings; px type on a fixed scale.
   Part 1 is the homepage's nav, footer and closing card, extracted verbatim from its layers and retargeted from .rd to .pg
   (scratchpad/r57/build/extract.py). Part 2 maps the subpage templates onto the homepage components. */
.pg{
  --ink:#18181b; --ink-2:#3f3f46; --muted:#52525b; --subtle:#71717a; --body:#52525b; --hair:rgba(16,24,40,.08);
  --on-dark:#f5f5f6; --on-dark-2:#a1a1aa; --on-dark-3:#8b8b93; --hair-dark:rgba(255,255,255,.12);
  --blue:#2554e8; --cyan:#7cc6ff; --fam:#2554e8;
  --r-sm:10px; --r-md:12px; --r-lg:16px;
  --shadow:0 0 0 1px var(--hair),0 1px 2px rgba(16,24,40,.04),0 4px 10px -4px rgba(16,24,40,.06),0 18px 36px -18px rgba(16,24,40,.16);
  --sec-y:144px; --head-to-content:48px;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --over:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1); --d1:150ms; --d2:300ms; --d3:600ms;
  font-family:var(--sans);-webkit-font-smoothing:antialiased;
}
.pg *,.pg *::before,.pg *::after{transition-timing-function:var(--ease)}

/* ================= Part 1: the homepage shell ================= */
/* from home.css: 3 rules */
.pg footer.site{background:#131313}
.pg footer.site .co-deco{display:block}
.pg footer.site .co-deco svg>circle{display:none}
/* from polish.css: 38 rules */
.pg footer.site{padding-top:10em}
.pg footer.site .callout{padding:4.5em 2em;border:1px solid #353535;border-radius:2.5em;background:#131313}
.pg footer.site .co-deco svg{inset:auto auto 0 50%;width:min(120%,1520px);height:auto;aspect-ratio:1520/448;transform:translateX(-50%)}
.pg footer.site .co-deco svg g circle{cx:583.5px;cy:583.5px;opacity:1}
.pg footer.site .callout h2{font-size:2em;line-height:1.2;max-width:none}
.pg footer.site .callout p{margin:1em auto 0;font-size:1em;line-height:1.3;color:#ebebeb}
.pg footer.site .callout .cta-row{margin-top:2em;gap:.375em}
.pg footer.site .pill{min-height:0;padding:calc(1em - 1px) calc(1.65em - 1px);border:1px solid transparent;border-radius:.85em;
  font:600 .75rem/1.3 "Zalando Sans SemiExpanded",Inter,sans-serif;letter-spacing:.03em;white-space:nowrap;transition:background-color .2s,border-color .2s}
.pg footer.site .pill:hover{transform:none}
.pg footer.site .pill.on-dark:hover{background:#d7d7d7}
.pg footer.site .pill.ghost-d{box-shadow:none;border-color:rgba(249,249,249,.32)}
.pg footer.site .pill.ghost-d:hover{border-color:rgba(249,249,249,.7)}
.pg footer.site .foot-grid,.pg footer.site .foot-sub{max-width:1600px;padding-left:5em;padding-right:5em}
.pg footer.site .foot-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25em;row-gap:3em;margin-top:7.5em}
.pg footer.site .foot-id{grid-column:1/5}
.pg footer.site .foot-grid .col{grid-column:span 2;gap:0}
.pg footer.site .foot-grid .col:nth-child(2){grid-column:5/7}
.pg footer.site .foot-logo{gap:.45em;font-size:1.5em;letter-spacing:-.02em}
.pg footer.site .foot-logo img{width:1.2em;height:1.2em}
.pg footer.site .foot-id p{max-width:20em;margin-top:1em;font-size:.875em;line-height:1.4;color:#a1a1aa}
.pg footer.site .foot-social{gap:.5em}
.pg footer.site .foot-social a{border-color:#353535;color:#a1a1aa}
.pg footer.site .foot-social a:hover{color:#f9f9f9;border-color:#535353}
.pg footer.site .foot-grid .col b{margin-bottom:.125em;font:500 .875em/1.3 Inter,sans-serif;letter-spacing:-.01em;text-transform:none;color:#a1a1aa}
.pg footer.site .foot-grid .col a{padding:.75em 0 0;font-size:.875em;line-height:1.3;color:#f9f9f9}
.pg footer.site .foot-grid .col a:hover{color:#a1a1aa}
.pg footer.site .foot-sub{max-width:calc(1600px - 10em);margin:5em max(5em,calc((100% - 1600px) / 2 + 5em)) 0;padding:2.5em 0 5em;border-top:1px solid #262626}
.pg footer.site .foot-sub b{font-size:1em;font-weight:400;color:#f9f9f9}
.pg footer.site .sub-form{margin-top:.75em;gap:.375em}
.pg footer.site .sub-form input{height:2.475rem;min-height:0;border-color:#353535;border-radius:.625em;background:#1b1b1b;font-size:.875em}
.pg footer.site .sub-form input::placeholder{color:#71717a}
.pg footer.site .sub-form input:focus{border-color:#777}
.pg footer.site .sub-form .pill{min-height:0}
.pg footer.site .foot-sub small,.pg footer.site .foot-legal small{font-size:.75em;line-height:1.3;color:#71717a}
.pg footer.site .foot-legal a{font-size:.75em;color:#a1a1aa}
.pg footer.site .foot-legal a:hover{color:#f9f9f9}
@media (max-width:991px){.pg footer.site .foot-id{grid-column:1/-1}.pg footer.site .foot-grid .col,.pg footer.site .foot-grid .col:nth-child(2){grid-column:span 3}}
@media (max-width:767px){.pg footer.site{padding-top:5em}.pg footer.site .callout{padding:4em 1.25em;border-radius:1.875em}.pg footer.site .callout h2{font-size:1.5em}.pg footer.site .callout .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:20em;margin-inline:auto}.pg footer.site .pill{justify-content:center;min-height:44px}.pg footer.site .foot-grid{padding-left:1.25em;padding-right:1.25em}.pg footer.site .foot-sub{margin-left:1.25em;margin-right:1.25em}.pg footer.site .foot-grid{margin-top:4em;row-gap:2.5em}.pg footer.site .foot-grid .col,.pg footer.site .foot-grid .col:nth-child(2){grid-column:span 6}.pg footer.site .foot-grid .col a{padding:.6em 0}.pg footer.site .foot-sub{margin-top:3em;padding-bottom:3em}}
/* from scroll.css: 31 rules */
.pg .topbar{transition:none}
.pg footer.site{padding-top:10em}
@media (max-width:767px){.pg footer.site{padding-top:5em}}
.pg footer.site{background:#050506}
.pg footer.site .callout{background:#050506;border-color:rgba(255,255,255,.085);padding-top:4.25em}
.pg footer.site .co-deco{display:none}
.pg footer.site .callout .co-content{position:relative;z-index:2}
.pg .dropdown{transition:opacity .22s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1),visibility .22s}
.pg .ndd-inner{background:#0a0a0b;border-color:rgba(255,255,255,.09)}
@media (min-width:768px){.pg footer.site .callout h2{font-size:2.5em;line-height:1.12;letter-spacing:-.03em}}
.pg footer.site .foot-sub small,.pg footer.site .foot-legal small{font-size:.8em}
.pg footer.site .foot-legal a{font-size:.8em}
@media (min-width:768px){.pg footer.site .callout h2{font-size:2.6667rem}}
.pg footer.site .foot-id p,.pg footer.site .col b,.pg footer.site .col a{font-size:.8667rem}
.pg .topbar .btn{font-size:.7333rem}
.pg .topbar .nav-item>a,.pg .topbar a.login{font-size:.9333rem}
.pg footer.site .foot-logo{font-size:1.4667rem}
.pg footer.site .callout{border-radius:36px}
.pg .topbar .logo{transition:opacity .2s}
.pg .topbar .logo:hover{opacity:.78}
.pg footer.site .foot-grid .col b,.pg footer.site .foot-grid .col a{font-size:.8667rem}
.pg footer.site .pill{font-size:.7333rem;border-radius:10px}
@media (min-width:992px){.pg footer.site{padding-top:6rem}}
.pg footer.site .co-deco{display:block;opacity:.42}
.pg footer.site .co-deco #coGrad stop:nth-child(1){stop-color:#1c1c21}
.pg footer.site .co-deco #coGrad stop:nth-child(2){stop-color:#5a5a63}
.pg footer.site .co-deco #coGrad stop:nth-child(3){stop-color:#e6e6ea}
.pg footer.site .callout{padding:3rem 2rem 3.25rem}
.pg footer.site .callout h2{font-size:2.1333rem!important;line-height:1.15}
.pg footer.site .callout p{font-size:.9667rem;max-width:30rem}
/* from system.css: 7 rules */
.pg header.topbar a.btn{font:500 14px/1 Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;height:36px;padding:0 14px!important;border-radius:var(--r-sm)!important;display:inline-flex;align-items:center}
.pg header.topbar a.login{font:500 14px/1 Inter,sans-serif!important;letter-spacing:-.006em}
.pg header.topbar{background:#09090b!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
.pg header.topbar a.btn,.pg header.topbar a.login{white-space:nowrap}
.pg .nmini{font-family:Inter,-apple-system,"Segoe UI",sans-serif}
.pg footer.site .sub-form .pill,.pg footer.site button.pill{font:500 14px/1 Inter,sans-serif;text-transform:none;letter-spacing:0}
.pg .topbar a.login{min-height:40px;display:inline-flex;align-items:center}


/* ================= Part 2: the templates ================= */
/* one container, as on the homepage: 1290px of content, 75px gutters (20px on phones) */
.pg{--wrapmax:1440px;--wrappad:75px}
@media (max-width:767px){.pg{--wrappad:20px}}

/* text never fades in on scroll (homepage rule); only product pictures arrive, once */
.pg h2.wr .w,.pg .pg-sec,.pg .c-card{opacity:1!important;transform:none!important;filter:none!important}

/* ---------- labels and links: one label style, one link style, one button system ---------- */
.pg .overline{font:500 14px/20px var(--sans)!important;letter-spacing:-.006em!important;text-transform:none!important;color:var(--subtle)!important;margin:0 0 12px!important}
.pg .pill-line,.pg .pg-ctas a,.pg .rel-all .btn,.pg a.btn:not(.topbar a){display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:var(--r-sm);font:500 14px/1 var(--sans);letter-spacing:-.006em;text-transform:none;transition:background-color var(--d1),box-shadow var(--d1),color var(--d1)}
.pg .pg-dark .pill-line,.pg .pg-dark .pg-ctas a{background:#f5f5f6;color:#09090b;box-shadow:none;border:0}
.pg .pg-dark .pg-ctas a:hover{background:#fff}
.pg .rel-all .btn{background:var(--ink);color:#fff}.pg .rel-all .btn:hover{background:#000}
.pg .disc{display:inline-flex;align-items:center;gap:6px;font:500 15px/20px var(--sans)!important;color:var(--blue)!important;text-decoration:none;margin-top:20px!important}
.pg .disc::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform var(--d1)}
.pg .disc:hover{color:var(--ink)!important}.pg .disc:hover::after{transform:translateX(3px)}

/* ---------- the dark opener: black, as on the homepage; no tinted photo ground ---------- */
.pg .pg-dark{background:#050506!important;background-image:radial-gradient(60% 420px at 50% 0,rgba(124,198,255,.07),transparent 70%)!important}
.pg .pg-hero h1{font:500 52px/56px var(--sans)!important;letter-spacing:-.025em!important;color:var(--on-dark)!important;max-width:860px!important;text-wrap:balance}
.pg .pg-hero .pg-lede{font:400 18px/28px var(--sans)!important;letter-spacing:-.011em;color:var(--on-dark-2)!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
.pg .hero-photo .pg-lede{margin-left:0!important}
.pg .pg-ctas{margin-top:28px!important}
.pg .pg-shot img{border-radius:var(--r-md)!important;box-shadow:0 0 0 1px var(--hair-dark),0 30px 80px -30px rgba(0,0,0,.6)!important}
.pg .src-strip-dark p{font:500 12px/16px var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--on-dark-3)!important}
.pg .src-strip-dark .lz span{font:500 14px/20px var(--sans)!important;color:var(--on-dark-2)!important}
.pg .src-strip-dark small{font:400 12px/18px var(--sans)!important;color:#62626a!important}
.pg .intro-split b{font:500 30px/36px var(--sans)!important;letter-spacing:-.022em!important;color:var(--on-dark)!important;max-width:380px!important}
.pg .intro-split .txt p{font:400 20px/30px var(--sans)!important;letter-spacing:-.012em!important;color:var(--on-dark-2)!important}

/* ---------- section openers: one heading size, as the homepage ---------- */
.pg .fdeck-head h2,.pg .oc-head h2,.pg .bnl h2,.pg .dt-head h2,.pg .pg-band h2,.pg .pg-faq h2,.pg .related h2,.pg .why-head h2{font:500 44px/48px var(--sans)!important;letter-spacing:-.022em!important;color:var(--ink)!important;max-width:820px!important;text-wrap:balance}
.pg .sec-lede,.pg .dt-head p,.pg .bnl p,.pg .why-head>p:not(.overline){font:400 18px/28px var(--sans)!important;letter-spacing:-.011em;color:var(--muted)!important;max-width:640px!important}
.pg .oc-head .overline,.pg .why-head .overline{display:none}
@media (max-width:767px){.pg .pg-hero h1{font-size:34px!important;line-height:38px!important}.pg .fdeck-head h2,.pg .oc-head h2,.pg .bnl h2,.pg .dt-head h2,.pg .pg-band h2,.pg .pg-faq h2,.pg .related h2,.pg .why-head h2{font-size:32px!important;line-height:36px!important}}

/* ---------- the feature deck: the homepage swap stage (s2/page.js) ---------- */
.pg .fdeck-head{max-width:1290px;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box;text-align:left!important}
.pg .fdeck-head.center h2,.pg .fdeck-head.center .sec-lede{margin-left:0!important;margin-right:0!important;text-align:left!important}
@media (min-width:992px){.pg .fdeck-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:96px;align-items:start}.pg .fdeck-head .sec-lede{margin:6px 0 0!important}}
.pg .fdots{display:none!important}
.pg .fstep .frow,.pg .frows .frow{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;max-width:1290px!important;margin:0 auto!important;padding:0 var(--wrappad)!important;box-sizing:content-box}
.pg .fstep .frow.flip,.pg .frows .frow.flip{flex-direction:initial}
.pg .frow-copy{max-width:none!important;padding:0!important}
.pg .frow-copy h2{font:500 30px/36px var(--sans)!important;letter-spacing:-.022em!important;color:var(--ink)!important;max-width:480px!important;margin:0!important}
.pg .frow-copy>p:not(.overline):not(.row2){font:400 16px/26px var(--sans)!important;letter-spacing:-.006em;color:var(--muted)!important;margin:14px 0 0!important;max-width:480px!important}
.pg .frow-copy .row2{font:400 15px/24px var(--sans)!important;color:var(--subtle)!important;margin:12px 0 0!important;max-width:480px!important}
.pg .frow-copy ul{margin:16px 0 0!important;padding:0!important;list-style:none;max-width:480px}
.pg .frow-copy li{position:relative;font:400 15px/22px var(--sans)!important;color:var(--ink-2)!important;padding:0 0 0 18px!important;margin:6px 0 0!important}
.pg .frow-copy li::before{content:""!important;position:absolute;left:0;top:10px;width:8px;height:1.5px;border-radius:1px;background:var(--subtle)!important}
.pg .frow-vis{max-width:none!important;width:100%}
.pg .frow-vis .ratio{background:none!important;border-radius:8px!important;padding-top:0!important;height:auto!important;display:block;overflow:hidden;box-shadow:0 0 0 1px #ebebeb}
.pg .frow-vis .ratio img{position:static!important;display:block;width:100%!important;height:auto!important;object-fit:initial!important;transform:none}
.pg:not(.deck-v3) .fstep{margin-top:96px}
@media (max-width:991px){.pg .fstep .frow,.pg .frows .frow{grid-template-columns:1fr;gap:22px}.pg .frow-copy h2{font-size:25px!important;line-height:31px!important}}
html.deck-v3 .pg .fdeck{height:auto!important;overflow:visible!important;background:none!important}
html.deck-v3 .pg .fd-stage{height:100vh;display:flex;align-items:center;overflow:clip}
html.deck-v3 .pg .fd-grid{display:grid;width:100%}
html.deck-v3 .pg .fstep{position:relative!important;inset:auto!important;grid-area:1/1;opacity:1!important;pointer-events:auto!important;display:block!important;margin:0!important}
html.deck-v3 .pg .fstep .frow{padding-top:0!important}
html.deck-v3 .pg .fstep [data-part]{will-change:transform,filter,opacity;transform-origin:50% 50%}

/* ---------- what changes: ruled columns, not tinted boxes (the homepage's gap records, on light) ---------- */
.pg .outcomes{max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box}
.pg .oc-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px!important;margin-top:var(--head-to-content)!important}
.pg .oc{background:none!important;border-radius:0!important;padding:20px 0 0!important;border-top:1px solid var(--hair);box-shadow:none!important}
.pg .oc span{font:500 12px/16px var(--mono)!important;letter-spacing:.04em;color:var(--subtle)!important}
.pg .oc b{display:block;font:500 17px/26px var(--sans)!important;letter-spacing:-.011em;color:var(--ink)!important;margin:12px 0 0!important}
.pg .oc p{font:400 15px/24px var(--sans)!important;color:var(--muted)!important;margin:8px 0 0!important}
.pg .mstrip{max-width:1290px!important;margin:72px auto 0!important;padding:0 var(--wrappad)!important;box-sizing:content-box}
.pg .msteps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px!important;margin-top:4px}
.pg .ms{text-align:left!important;padding:16px 0 0!important;border-top:1px solid var(--hair)}
.pg .ms i{display:none!important}
.pg .ms b{font:500 15px/22px var(--sans)!important;color:var(--ink)!important;margin:0!important}
.pg .ms p{font:400 14px/22px var(--sans)!important;color:var(--muted)!important;margin:6px 0 0!important}
@media (max-width:767px){.pg .oc-grid,.pg .msteps{grid-template-columns:1fr!important;gap:24px!important}}

/* ---------- lists beside a heading: the homepage's split opener with ruled rows ---------- */
.pg .bnblock{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:64px;max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box;background:none!important}
.pg .bnl,.pg .bnr{padding:0!important;margin:0!important;max-width:none!important;position:static!important}
.pg .bnl h2{max-width:460px!important}
.pg .bnr{border-bottom:1px solid var(--hair)}
.pg .bni{display:grid!important;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:18px 0!important;border-top:1px solid var(--hair);margin:0!important;background:none!important}
.pg .bni i{width:24px!important;height:24px!important;background:none!important;color:var(--subtle)!important;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}
.pg .bni i svg{width:18px;height:18px}
.pg .bni b{font:500 17px/24px var(--sans)!important;letter-spacing:-.011em;color:var(--ink)!important}
.pg .bni p{font:400 15px/24px var(--sans)!important;color:var(--muted)!important;margin:4px 0 0!important;max-width:560px!important}
@media (max-width:991px){.pg .bnblock{grid-template-columns:1fr}.pg .bnr{margin-top:32px!important}}

/* ---------- the full text and the questions: the homepage FAQ rows ---------- */
.pg .detail,.pg .pg-faq{max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box;text-align:left!important}
@media (min-width:992px){.pg .detail,.pg .pg-faq{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:96px;align-items:start}
  .pg .dt-head{display:contents}.pg .dt-head h2,.pg .pg-faq>h2{grid-column:1}.pg .dt-head p{grid-column:2;margin:6px 0 0!important}
  .pg .dt-list,.pg .pg-faq .faq-list,.pg .pg-faq .contact-line{grid-column:1/-1}}
.pg .dt-list,.pg .pg-faq .faq-list{margin-top:var(--head-to-content)!important;border-bottom:1px solid var(--hair);max-width:none!important}
.pg .dt-item,.pg .faq_item{border-top:1px solid var(--hair)!important;border-bottom:0!important;background:none!important;border-radius:0!important;margin:0!important;padding:0!important}
.pg .dt-item summary,.pg .faq_q{display:flex!important;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:64px;padding:18px 0!important;font:500 17px/24px var(--sans)!important;letter-spacing:-.011em;color:var(--ink)!important;text-align:left;background:none!important;border:0!important;cursor:pointer}
.pg .dt-item summary:hover,.pg .faq_q:hover{color:var(--blue)!important}
.pg .dt-body,.pg .faq_a p{font:400 16px/26px var(--sans)!important;color:var(--muted)!important;max-width:760px}
.pg .dt-body h4{font:500 16px/24px var(--sans)!important;color:var(--ink)!important;margin:20px 0 4px!important}
.pg .dt-body{padding-bottom:24px!important}
.pg .faq_ic{background:none!important;border:0!important;width:16px!important;height:16px!important;position:relative;flex:none;box-shadow:none!important}
.pg .contact-line{font:400 15px/24px var(--sans)!important;color:var(--muted)!important;text-align:left!important;margin-top:20px!important}
.pg .contact-line a{color:var(--blue)!important;text-decoration:none}

/* ---------- the boundary: the homepage's statement band, dark, one line of cyan ---------- */
.pg .pg-quote.boundary{max-width:none!important;margin:var(--sec-y) 0 0!important;padding:144px var(--wrappad)!important;background:#050506!important;text-align:center!important;position:relative;overflow:hidden}
.pg .pg-quote.boundary>svg{display:none!important}
.pg .pg-quote.boundary blockquote{border:0!important;outline:0!important;font:500 36px/44px var(--sans)!important;letter-spacing:-.022em!important;color:var(--on-dark)!important;max-width:880px!important;margin:0 auto!important;background:none!important;box-shadow:none!important;padding:0!important;text-wrap:balance}
.pg .pg-quote.boundary .q-attr{justify-content:center!important;margin:28px auto 0!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;max-width:880px}
.pg .pg-quote.boundary .q-attr b{font:500 12px/16px var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)!important}
.pg .pg-quote.boundary .q-attr small{font:400 14px/20px var(--sans)!important;color:var(--on-dark-3)!important}
.pg .pg-quote.boundary .q-attr img{display:none!important}
.pg .pg-quote.boundary::after{content:"";position:absolute;left:50%;bottom:96px;width:120px;height:1px;margin-left:-60px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7}
@media (max-width:767px){.pg .pg-quote.boundary{padding:96px var(--wrappad)!important}.pg .pg-quote.boundary blockquote{font-size:26px!important;line-height:32px!important}}

/* ---------- the figures: ruled columns, large numbers ---------- */
.pg .pg-band{max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box;background:none!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.pg .pg-band .inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px!important;margin-top:var(--head-to-content)!important;text-align:left!important}
.pg .pg-band .bi{border-top:1px solid var(--hair);padding:20px 0 0!important;text-align:left!important;background:none!important}
.pg .pg-band .bi b{display:block;font:500 56px/60px var(--sans)!important;letter-spacing:-.035em!important;color:var(--ink)!important;font-feature-settings:"tnum"}
.pg .pg-band .bi span{display:block;font:400 15px/24px var(--sans)!important;color:var(--muted)!important;margin-top:10px!important;max-width:260px}
@media (max-width:767px){.pg .pg-band .inner{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.pg .pg-band .bi b{font-size:40px!important;line-height:44px!important}}

/* ---------- keep reading: the homepage's sample cards ---------- */
.pg .related{max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) var(--sec-y)!important;box-sizing:content-box;text-align:left!important}
.pg .rc-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;margin-top:var(--head-to-content)!important}
.pg .rc{display:flex!important;flex-direction:column;border-radius:var(--r-lg)!important;background:#fff!important;box-shadow:0 0 0 1px var(--hair)!important;overflow:hidden;text-decoration:none;padding:0 0 24px!important;transition:box-shadow var(--d1)!important;transform:none!important}
.pg .rc:hover{box-shadow:var(--shadow)!important}
.pg .rc-art{display:block;aspect-ratio:16/10;overflow:hidden;background:#f1f1f3!important;border-radius:0!important;margin:0 0 20px!important}
.pg .rc-art img{width:100%;height:100%;object-fit:cover;display:block}
.pg .rc small{font:500 12px/16px var(--mono)!important;letter-spacing:.04em;text-transform:none!important;color:var(--subtle)!important;padding:0 24px;margin:0!important}
.pg .rc b{font:500 17px/24px var(--sans)!important;color:var(--ink)!important;padding:0 24px;margin:8px 0 0!important}
.pg .rc p{font:400 15px/24px var(--sans)!important;color:var(--muted)!important;padding:0 24px;margin:6px 0 0!important}
.pg .rel-all{text-align:left!important;margin-top:32px!important}
@media (max-width:767px){.pg .rc-grid{grid-template-columns:1fr!important}}

/* ---------- the law, as evidence: the homepage's gap records, on light ---------- */
.pg .why{max-width:1290px!important;margin:0 auto!important;padding:var(--sec-y) var(--wrappad) 0!important;box-sizing:content-box;background:none!important;text-align:left!important}
.pg .why-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px!important;margin-top:var(--head-to-content)!important}
.pg .why-card{background:none!important;border-radius:0!important;box-shadow:none!important;padding:20px 0 0!important;border-top:1px solid var(--hair)}
.pg .why-card span{font:500 12px/16px var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--blue)!important}
.pg .why-card b{display:block;font:500 17px/26px var(--sans)!important;letter-spacing:-.011em;color:var(--ink)!important;margin:12px 0 0!important}
.pg .why-card p{font:400 15px/24px var(--sans)!important;color:var(--muted)!important;margin:10px 0 0!important}
@media (max-width:767px){.pg .why-grid{grid-template-columns:1fr!important;gap:28px!important}}

/* ---------- the agent pages carry the homepage film, one agent each (s2/film.js data-film) ---------- */
.pg .pg-film{max-width:1290px;margin:0 auto;padding:var(--sec-y) var(--wrappad) 0;box-sizing:content-box}
@media (min-width:992px){.pg .pgf-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:96px;align-items:start}}
.pg .pgf-head h2{font:500 44px/48px var(--sans);letter-spacing:-.022em;color:var(--ink);margin:0;text-wrap:balance}
.pg .pgf-head p{font:400 18px/28px var(--sans);letter-spacing:-.011em;color:var(--muted);margin:6px 0 0;max-width:460px}
@media (max-width:767px){.pg .pgf-head h2{font-size:32px;line-height:36px}.pg .pgf-head p{margin-top:16px}}

/* ---------- articles and the library ---------- */
.pg .art-fig img{max-height:none!important;object-fit:initial!important;border-radius:8px!important;border:1px solid #ebebeb!important}
.pg .art-fig figcaption{font:400 13px/20px var(--sans)!important;color:var(--subtle)!important;text-align:left!important;margin-top:12px!important}
.pg .art-sec h2{font:500 30px/36px var(--sans)!important;letter-spacing:-.022em!important;color:var(--ink)!important}
.pg .art-sec p,.pg .art-sec li{font:400 17px/28px var(--sans)!important;color:var(--ink-2)!important}
.pg .art-sec h3,.pg .art-step b{font:500 18px/26px var(--sans)!important;color:var(--ink)!important}
.pg .lib-sec.dark{background:#050506!important}
.pg .lib-head h2{font:500 36px/42px var(--sans)!important;letter-spacing:-.022em!important}
.pg .pg-band h2,.pg .pg-faq>h2,.pg .related>h2,.pg .dt-head h2,.pg .oc-head h2,.pg .why-head h2,.pg .fdeck-head h2,.pg .bnl h2,.pg .mstrip .overline{text-align:left!important;margin-left:0!important;margin-right:0!important}
.pg .pg-band .bi,.pg .pg-band .bi b,.pg .pg-band .bi span{text-align:left!important;margin-left:0!important;margin-right:0!important}
.pg .rc-art picture,.pg .pg-shot picture,.pg .frow-vis picture{display:block;width:100%;height:100%}

/* r58: the light section slides over the pinned hero during the pin's second viewport, as page.js intends. Without the pull-up
   the pin spacer held a whole screen of the second message blurring on black with nothing moving (15 pages) */
html.swap-on .pin-spacer+.pg-light,html.swap-on .hero-pin+.pg-light{margin-top:-100vh!important}
/* r58: a deck picture sizes to its image and centres on the copy. Stretched to the copy column, the frame carried an empty
   band of ~80px under every picture on every deck */
.pg .frow-vis{align-self:center!important}
.pg .frow-vis picture{height:auto!important}
.pg .frow-vis .ratio{aspect-ratio:auto!important}   /* pages.css held the old 523/470 box */

/* ===== r58: the closing card exactly as the homepage ends: the lit mark above the head (s2/hero-lit.js), the glow at the
   strength the homepage's scroll tween leaves it, sentence-case 44px buttons, the paragraph's 1.45 leading ===== */
.pg .vx-grain{position:absolute;inset:0;z-index:1;pointer-events:none;background-size:160px 160px;background-repeat:repeat}
.pg .vx-lit{position:relative;width:var(--lit,13.5em);flex:none}
.pg .vx-lit>*{position:absolute;pointer-events:none}
.pg .vx-lit-glow{display:block;overflow:visible;opacity:0;will-change:transform,opacity;transform-origin:50% 50%}
.pg .vx-lit-haze{left:50%;top:50%;width:512%;height:565%;border-radius:50%;opacity:0;will-change:transform,opacity;
  background:radial-gradient(closest-side,rgba(236,240,255,.145) 0%,rgba(236,240,255,.125) 19%,rgba(230,236,255,.085) 38%,rgba(225,232,255,.047) 58%,rgba(220,228,255,.022) 77%,rgba(220,228,255,.008) 92%,rgba(220,228,255,0) 100%)}
.pg .vx-lit-mark,.pg .vx-lit-slot{left:0;top:0;display:block;width:100%;height:100%;overflow:visible}
.pg .vx-lit-light{position:absolute;inset:0;pointer-events:none;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.pg .vx-lit-light>*{position:absolute;pointer-events:none}
@keyframes vxDrift{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(calc(var(--a,1) * 9px),calc(var(--a,1) * -2px),0)}50%{transform:translate3d(0,calc(var(--a,1) * -5px),0)}75%{transform:translate3d(calc(var(--a,1) * -9px),calc(var(--a,1) * -2px),0)}}
@keyframes vxDriftHaze{0%,100%{transform:translate(-50%,calc(-50% - 6px))}25%{transform:translate(calc(-50% + 13px),calc(-50% - 9px))}50%{transform:translate(-50%,calc(-50% - 13px))}75%{transform:translate(calc(-50% - 13px),calc(-50% - 9px))}}
@keyframes vxBreathe{from{opacity:1}to{opacity:.955}}
.pg .vx-idle .vx-lit-glow{animation:vxDrift 16s ease-in-out infinite}
.pg .vx-idle .vx-lit-bloom{animation:vxDrift 16s ease-in-out infinite,vxBreathe 5s ease-in-out infinite alternate}
.pg .vx-idle .vx-lit-haze{animation:vxDriftHaze 16s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pg .vx-idle .vx-lit-glow,.pg .vx-idle .vx-lit-bloom,.pg .vx-idle .vx-lit-haze{animation:none}.pg .vx-lit-light{transition:none}}
.pg .vx-bookend{position:relative;z-index:2;display:flex;justify-content:center;margin:0 auto 1.75rem;pointer-events:none}
.pg .vx-bookend .vx-lit{--lit:3.6em}
.pg .vx-bookend .vx-lit-haze{display:none}
.pg .vx-bookend .vx-lit-bloom{opacity:.55!important}
.pg footer.site .co-deco{opacity:1}
.pg .co-content .cta-row a.pill{font:500 14px/1 Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;height:44px;padding:0 18px!important;border-radius:10px!important;display:inline-flex;align-items:center}
.pg footer.site .callout p{line-height:1.45}
/* r58: the homepage's type habits: Inter's default letterforms (no cv11, which swapped in the single-storey a on subpages
   only) and balanced headings and closing lines */
.pg h2,.pg h3,.pg .co-content p{text-wrap:balance}

/* ===== r58: one button on light surfaces, the homepage's: near-black, Inter 14/500, sentence case, 10px corners. The blue
   .btn from shared.css (article ask box, inline forms) appeared nowhere on the homepage ===== */
.pg .art-cta .btn,.pg .contact-form .btn,.pg .rel-all .btn,.pg .pg-light a.btn{font:500 14px/1 Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;
  height:44px;min-height:0!important;padding:0 18px!important;border-radius:10px!important;background:#131313!important;border:1px solid #131313!important;color:#f9f9f9!important;
  display:inline-flex;align-items:center;justify-content:center;transform:none!important;transition:background-color .2s}
.pg .art-cta .btn:hover,.pg .contact-form .btn:hover,.pg .rel-all .btn:hover,.pg .pg-light a.btn:hover{background:#000!important}
.pg .art-cta .btn{height:40px}
.pg .contact-form.cf2 .btn{height:46px;align-self:stretch}

/* the article rail: the contents list reads as a quiet index, two lines a heading at most; the ask box is a hairline card */
.pg .art-toc a{font-size:13px!important;line-height:1.4!important;color:#71717a!important;padding:7px 0 7px 14px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pg .art-toc a:hover,.pg .art-toc a.on,.pg .art-toc a[aria-current]{color:var(--ink)!important}
.pg .art-cta{border-radius:12px!important;padding:20px!important;box-shadow:none!important;border:1px solid #ebebeb!important}
.pg .art-cta b{font-weight:500!important;letter-spacing:-.01em}
.pg .art-cta p{font-size:13px!important;line-height:1.45!important;color:#71717a!important}

/* inline forms (company, trust center, partners): a hairline card like every other surface, quiet labels, dash lists */
.pg .contact-form.light{box-shadow:0 1px 2px rgba(16,24,40,.04)!important;border:1px solid #ebebeb!important;border-radius:16px!important}
.pg .contact-form label{font-weight:500!important;color:#3a3a40!important}
.pg .contact-form input,.pg .contact-form textarea,.pg .contact-form select{border-color:#e6e6e8!important}
.pg .cform-copy ul{list-style:none;padding-left:0!important}
.pg .cform-copy li{position:relative;padding-left:18px}
.pg .cform-copy li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:#9a9aa2}
/* r58: an article figure keeps its own shape; the height attribute was drawing it 760 by 1680 (stretched to more than twice its height) */
.pg .art-fig img{width:100%!important;height:auto!important;display:block}
.pg .art-toc a{padding:12px 0 0 14px!important}
.pg .art-toc b+a{padding-top:4px!important}
/* r58: the company hero's mark is the homepage's lit V (s2/hero-lit.js), not a teal-and-blue orb. As a real child of the
   hero it blurs out with the headline; the orb was a pseudo-element, so it stayed on screen over the second message */
.pg .pg-dark.no-shot .pg-hero::before{display:none!important}
.pg .vx-hero-mark{margin:0 auto 40px}
.pg .vx-hero-mark .vx-lit{--lit:6.4em}
.pg .vx-hero-mark .vx-lit-haze{display:block}
html.swap-on .pg .pg-dark.no-shot.has-swap .ph1{justify-content:center!important;padding-top:40px}

/* r58: every small capital label is the homepage's mono overline (Geist Mono 11px, .08em), never caps in Inter; the resources
   badge is a plain overline, and the category links are 8px hairline buttons rather than full pills */
.pg .art-toc b,.pg .lib-cats b,.pg .pg-hero span>small,.pg .legal-hero span>small,.pg .lib-lead-copy small,.pg .lib-hero-copy .pg-crumb{
  font:500 11px/1.4 var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.pg .lib-hero-copy .pg-crumb{background:none!important;padding:0!important;border:0!important;color:#8b8b93!important;display:block;margin:0 0 20px!important;border-radius:0!important}
.pg .lib-cats a{border-radius:8px!important}

/* ===== r58 resources library: the grid follows the count. Four cards sit as one row of four, two as halves, and a section
   with one card shows it as a feature (picture left, words right) instead of a lone tile in an empty dark band ===== */
@media (min-width:992px){
  .pg .lib-sec .rc-grid:has(>.rc:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pg .lib-sec .rc-grid:has(>.rc:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pg .lib-sec .rc-grid:has(>.rc:only-child){grid-template-columns:minmax(0,1fr)!important}
  .pg .lib-sec .rc:only-child{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;padding:0!important}
  .pg .lib-sec .rc:only-child .rc-art{grid-column:1;grid-row:1/-1}
  .pg .lib-sec .rc:only-child small{grid-column:2;grid-row:2}
  .pg .lib-sec .rc:only-child b{grid-column:2;grid-row:3}
  .pg .lib-sec .rc:only-child p{grid-column:2;grid-row:4}
  .pg .lib-sec .rc:only-child .rc-art{margin:0!important;border-bottom:0!important;border-right:1px solid #ebebeb;height:100%;aspect-ratio:1.6}
  .pg .lib-sec.dark .rc:only-child .rc-art{border-right-color:rgba(255,255,255,.08)}
  .pg .lib-sec .rc:only-child>:not(.rc-art){margin-left:40px!important;margin-right:40px!important}
  .pg .lib-sec .rc:only-child b{font-size:24px!important;line-height:1.2!important;letter-spacing:-.02em}
  .pg .lib-sec .rc:only-child p{font-size:15px!important;max-width:34ch}
}
/* r58: the contact page is where "Book a demo" lands, so it does not end on a card asking the reader to book a demo */
.pg:has(.pg-dark.contact) footer.site .callout,.pg:has(.sh.contact) footer.site .callout{display:none}
/* r58 phones: a library section head stacks (it sat as two cramped columns at 390), and figure captions break long words */
@media (max-width:767px){
  .pg .lib-head{display:block!important}
  .pg .lib-head h2{font-size:28px!important;line-height:32px!important;margin-bottom:12px!important}
  .pg .lib-head p{max-width:none!important}
  .pg .pg-band .bi p,.pg .pg-band .bi span{overflow-wrap:break-word;hyphens:auto}
}

/* =====================================================================================================================
   r59 shared sections, rebuilt (Joey 2026-10-10: "these boxes do not look good at all", "the image is cut off").
   pages.css still drew borders, max-widths and vertical rules under the r57 overrides; every rule here resets them first.
   ===================================================================================================================== */

/* the swap hero shows its whole picture: the column is a flex stack and the picture takes the room that is left,
   scaled to fit, never cropped by a fixed 342px box */
html.swap-on .pg .pg-dark.has-swap .ph1{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-sizing:border-box;padding:104px 0 32px!important;height:100vh!important}
html.swap-on .pg .pg-dark.has-swap .ph1 .pg-hero{flex:none;padding-top:0!important;padding-bottom:0!important}
html.swap-on .pg .pg-dark.has-swap .ph1 .pg-shot{flex:1 1 0;min-height:0;max-height:none!important;height:auto!important;overflow:visible!important;display:flex!important;justify-content:center;align-items:flex-start;margin:40px auto 0!important;width:100%;max-width:1100px!important;padding:0 var(--wrappad)!important;box-sizing:border-box}
html.swap-on .pg .pg-dark.has-swap .ph1 .pg-shot picture{display:flex!important;justify-content:center;height:100%!important;width:100%!important}
html.swap-on .pg .pg-dark.has-swap .ph1 .pg-shot img{height:100%!important;width:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain;border-radius:12px!important;margin:0 auto!important}
html.swap-on .pg .pg-dark.has-swap .ph1 .src-strip-dark{flex:none;margin-top:28px!important}

/* outcomes: real cards. Index at the top, the claim at the foot, room between, so three of them read as a set */
.pg .oc-grid{gap:16px!important}
.pg .oc{border:1px solid #e6e6e8!important;border-radius:16px!important;background:#fff!important;padding:28px 28px 30px!important;min-height:232px;display:flex!important;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;transition:box-shadow .25s cubic-bezier(.2,.7,.2,1),border-color .25s}
.pg .oc:hover{border-color:#dcdce0!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -12px rgba(16,24,40,.12)!important}
.pg .oc>span:not(.oc-vis){display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:24px;min-width:34px;padding:0 8px;border-radius:6px;background:#f4f4f5;font:500 11px/1 var(--mono)!important;letter-spacing:.04em;color:#71717a!important}
.pg .oc b{font:500 20px/27px var(--sans)!important;letter-spacing:-.018em!important;margin:48px 0 0!important;text-wrap:balance}
.pg .oc p{font:400 15px/24px var(--sans)!important;color:#52525b!important;margin:10px 0 0!important}
.pg .oc .oc-vis{display:block;margin:-28px -28px 24px;aspect-ratio:16/9;overflow:hidden;border-radius:15px 15px 0 0;border-bottom:1px solid #ececee;background:#f4f5f7}
.pg .oc .oc-vis img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pg .oc:has(.oc-vis) b{margin-top:20px!important}

/* the method: one rail, five numbered stations, the words under each */
.pg .mstrip{padding-top:0!important}
.pg .mstrip .overline{margin-bottom:28px!important}
.pg .msteps{position:relative;gap:0!important;counter-reset:ms;border:0!important}
.pg .msteps::before{content:"";position:absolute;left:16px;right:16px;top:16px;height:1px;background:linear-gradient(90deg,#d9d9de,#d9d9de 80%,rgba(217,217,222,0))}
.pg .ms{counter-increment:ms;border:0!important;border-left:0!important;border-top:0!important;padding:0 28px 0 0!important;position:relative;background:none!important}
.pg .ms i{display:flex!important;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #d9d9de,0 1px 2px rgba(16,24,40,.05);position:relative;z-index:1;margin:0 0 22px!important;font-style:normal}
.pg .ms i::after{display:none!important;content:none!important}
.pg .ms i{border:0!important}
.pg .ms i::before{content:counter(ms,decimal-leading-zero);font:500 11px/1 var(--mono);letter-spacing:.02em;color:#3f3f46}
.pg .ms:first-child i{background:#131313;box-shadow:none}
.pg .ms:first-child i::before{color:#f9f9f9}
.pg .ms b{font:500 16px/22px var(--sans)!important;letter-spacing:-.011em}
.pg .ms p{max-width:26ch}
@media (max-width:767px){
  .pg .msteps::before{left:16px;right:auto;top:16px;bottom:16px;width:1px;height:auto;background:#d9d9de}
  .pg .ms{display:grid!important;grid-template-columns:33px 1fr;column-gap:18px;padding:0 0 26px!important}
  .pg .ms i{grid-row:1/3;margin:0!important}
  .pg .ms p{max-width:none}
}

/* the numbers band: the homepage's black metric tiles. When it follows the boundary statement the two read as one dark block */
.pg .pg-band{max-width:none!important;margin:var(--sec-y) 0 0!important;padding:120px var(--wrappad) 128px!important;background:#050506!important;box-sizing:border-box}
.pg .pg-quote.boundary+.pg-band{margin-top:0!important;padding-top:8px!important}
.pg .pg-band>h2{max-width:1290px;margin:0 auto!important;color:#f5f5f6!important;text-align:center!important}
.pg .pg-quote.boundary+.pg-band>h2{font-size:28px!important;line-height:34px!important;color:#a1a1aa!important}
.pg .pg-band .inner{max-width:1290px!important;margin:48px auto 0!important;padding:0!important;gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.pg .pg-band .bi{border:0!important;border-radius:16px;background:radial-gradient(120% 75% at 50% 0%,rgba(255,255,255,.06),rgba(255,255,255,0) 62%),#09090b!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:26px 26px 28px!important;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}
.pg .pg-band .bi b{font:500 48px/52px var(--sans)!important;letter-spacing:-.04em!important;color:#f5f5f6!important}
.pg .pg-band .bi span{color:#a1a1aa!important;font-size:14px!important;line-height:20px!important;margin-top:48px!important;max-width:30ch!important}
@media (max-width:767px){.pg .pg-band{padding:72px 20px 80px!important}.pg .pg-band .inner{grid-template-columns:1fr 1fr!important}.pg .pg-band .bi{min-height:150px;padding:20px!important}.pg .pg-band .bi b{font-size:34px!important;line-height:38px!important}.pg .pg-band .bi span{margin-top:28px!important;font-size:13px!important}}
/* a hero picture outside the swap ends before the light section's rounded top, never under it */
.pg .pg-dark:not(.has-swap) .pg-shot{padding-bottom:72px!important}
/* r59: proof-card labels keep their case, as the homepage's citations do: "353a(b)(1)(A)(iii)" upper-cased reads as a
   different section of the statute */
.pg .why-card span{text-transform:none!important;letter-spacing:.01em!important}
/* r59 integration: a hero picture outside the pinned swap (every phone, and the tools page) keeps its own shape; pages.css
   boxed it at 844/520 and cropped from the top, cutting off every taller phone picture */
.pg .pg-dark:not(.has-swap) .pg-shot img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important}

/* =====================================================================================================================
   r60 the subpage hero (VIBE-SPEC section 0; Joey chose option B, 2026-10-10): the homepage's own grid. The page name lit
   where the homepage's V sits (s2/lit-title.js), the H1 bottom-left in two tones on columns 1 to 3, a two-line statement in
   column 4, and an "On this page" index along the base. No picture, no lede, no button, no pin.
   ===================================================================================================================== */
.pg .sh{--gx:min(97.5px,6.77vw);position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;
  grid-template-rows:minmax(0,1fr) auto auto;box-sizing:border-box;height:calc(100svh + var(--slabr,56px));min-height:736px;max-height:1096px;
  padding:0 var(--gx) calc(32px + var(--slabr,56px));background:#050506;color:#f5f5f6;overflow:clip}
.pg .sh-lit{grid-row:1;grid-column:1/-1;min-height:0;display:flex;align-items:center;justify-content:center;padding:96px 0 32px}
.pg .sh-lit-box{position:relative}
.pg .sh-wall{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  width:calc(var(--w) + 6em);height:5.2em;opacity:0;transition:opacity 2.4s cubic-bezier(.16,1,.3,1) .3s;
  background:radial-gradient(closest-side,rgba(236,240,255,.15) 0%,rgba(232,238,255,.10) 24%,rgba(228,234,255,.055) 48%,rgba(222,230,255,.02) 74%,rgba(220,228,255,0) 100%)}
.pg .sh-layer{position:absolute;display:block;overflow:visible;pointer-events:none}
.pg .sh-halo,.pg .sh-bloom,.pg .sh-rim{opacity:0}
.pg .sh-lit.on .sh-rim{opacity:1;transition:opacity 1.1s cubic-bezier(.16,1,.3,1)}
.pg .sh-lit.on .sh-bloom{opacity:1;transition:opacity 1.7s cubic-bezier(.16,1,.3,1) .15s}
.pg .sh-lit.on .sh-halo,.pg .sh-lit.on .sh-wall{opacity:1}
.pg .sh-lit.on .sh-halo{transition:opacity 2.4s cubic-bezier(.16,1,.3,1) .35s}
.pg .sh-lit.idle .sh-bloom{animation:vxDrift 16s ease-in-out infinite;--a:.35}
.pg .sh-lit.idle .sh-halo{animation:vxDrift 16s ease-in-out infinite;--a:.6}
@media (prefers-reduced-motion:reduce){.pg .sh-lit *{transition:none!important;animation:none!important}}
.pg .sh-h1{grid-row:2;grid-column:1/4;align-self:last baseline;max-width:926px;margin:0!important;text-align:left!important;
  font:500 clamp(44px,3.89vw,56px)/1.035 Inter,sans-serif!important;letter-spacing:-.025em!important;color:#f5f5f6!important}
.pg .sh-h1 .l1,.pg .sh-h1 .l2{display:block}
.pg .sh-h1 .l2{color:#8b8b93}
.pg .sh-side{grid-row:2;grid-column:4;align-self:last baseline;margin:0 0 4px!important;max-width:none!important;text-align:left!important;
  font:500 clamp(19px,1.6vw,23px)/1.26 Inter,sans-serif!important;letter-spacing:-.022em!important;color:#f5f5f6!important}
.pg .sh-side span{display:block}
.pg .sh-side span+span{color:#8b8b93}
.pg .sh-ix{grid-row:3;grid-column:1/-1;display:grid;grid-template-columns:subgrid;column-gap:32px;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10)}
.pg .sh-ix a{display:grid;row-gap:2px;align-content:start;color:inherit;text-decoration:none;border-radius:6px}
.pg .sh-ix b{display:flex;align-items:center;gap:8px;font:500 16px/24px Inter,sans-serif;letter-spacing:-.011em;color:#f5f5f6}
.pg .sh-ix svg{flex:none;width:12px;height:12px;color:#52525b;transition:transform .16s ease,color .16s ease}
.pg .sh-ix span{font:400 15px/22px Inter,sans-serif;letter-spacing:-.006em;color:#8b8b93;transition:color .16s ease}
.pg .sh-ix a:hover span{color:#b4b4bb}
.pg .sh-ix a:hover svg{color:#a1a1aa;transform:translateY(2px)}
.pg .sh-ix a:focus-visible{outline:2px solid #7cc6ff;outline-offset:4px}
.pg .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (max-width:1259px){
  .pg .sh{--gx:48px}
  .pg .sh-h1{grid-column:1/-1;font-size:48px!important}
  .pg .sh-side{display:none}
}
@media (min-width:768px) and (max-width:991px){
  .pg .sh-ix{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
}
@media (max-width:767px){
  .pg .sh{display:flex;flex-direction:column;height:auto;max-height:none;min-height:calc(100svh + var(--slabr,56px));padding:0 20px calc(24px + var(--slabr,56px))}
  .pg .sh-lit{flex:none;height:220px;padding:84px 0 8px}
  .pg .sh-h1{margin-top:20px!important;font-size:32px!important;line-height:36px!important;max-width:none}
  .pg .sh-ix{display:block;margin-top:auto;padding-top:24px;border-top:0}
  .pg .sh-ix a{padding:12px 0;border-top:1px solid rgba(255,255,255,.08);row-gap:0}
  .pg .sh-ix b{line-height:22px}
  .pg .sh-ix span{font-size:14px;line-height:20px}
}
/* the reduced hero for pages with no four sections to index: contact, privacy, terms, brand claims, counsel */
.pg .sh--min{height:calc(72svh + var(--slabr,56px));min-height:616px;grid-template-rows:minmax(0,1fr) auto}
.pg .sh--min .sh-side,.pg .sh--min .sh-ix{display:none}
/* the opening statement that used to swap in over the hero now leads the light section */
.pg .sh-intro{max-width:1290px;margin:0 auto;padding:var(--sec-y,120px) var(--wrappad,75px) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;box-sizing:content-box}
.pg .sh-intro h2{grid-column:1/3;margin:0!important;font:500 32px/38px Inter,sans-serif!important;letter-spacing:-.022em!important;color:var(--ink,#131313)!important;text-wrap:balance}
.pg .sh-intro p{grid-column:3/5;margin:0!important;font:400 18px/28px Inter,sans-serif!important;color:#52525b!important}
@media (max-width:767px){.pg .sh-intro{display:block;padding:72px 20px 0}.pg .sh-intro h2{font-size:26px!important;line-height:31px!important}.pg .sh-intro p{margin-top:16px!important;font-size:16px!important;line-height:25px!important}}
.pg .sh-intro>div{grid-column:3/5}
.pg .sh-intro .sh-src{margin-top:20px!important;font-size:14px!important;line-height:22px!important;color:#8b8b93!important}
.pg .sh-h1 .l1,.pg .sh-h1 .l2{text-wrap:balance}

/* =====================================================================================================================
   r60 shared data components (VIBE-SPEC section 4, verified in renders): .vt standards/spec table, .vst status word,
   .vc worked calculation, .vl label/value, .vt--ba before/after, .vs steps (strip, --time, --list), .vg text grid,
   .vf figures row, .vq disclosure list. No cards, no mono capitals, no dots, tabular numerals, one rule weight.
   ===================================================================================================================== */
.pg .vt,.pg .vc,.pg .vl,.pg .vs,.pg .vg,.pg .vq,.pg .vst,.pg .vf{--ink:#131313;--ink-2:#3f3f46;--ink-3:#52525b;--ink-4:#71717a;--rule:#e6e6e8;--bg:#f9f9f9;--surface:#fff;--link:#2554e8;--accent:#7cc6ff;--fail:#b42318}
/* r60 VIBE-SPEC components (research render; the spec copy lives in VIBE-SPEC.md section 4) */

/* (a) the standards / spec table */
.pg .vt{width:100%;border-collapse:collapse;table-layout:fixed;font:400 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}

.pg .vt .num,.pg .vc{font-variant-numeric:tabular-nums}

.pg .vt thead th{position:sticky;top:72px;z-index:1;background:var(--bg);text-align:left;vertical-align:bottom;padding:0 32px 12px 0;font:500 14px/20px Inter,sans-serif;letter-spacing:-.006em;color:var(--ink-4);border-bottom:1px solid var(--ink)}

.pg .vt th:last-child,.pg .vt td:last-child{padding-right:0}

.pg .vt tbody th.vt-g{padding:48px 0 12px;text-align:left;font:500 22px/28px Inter,sans-serif;letter-spacing:-.015em;color:var(--ink);border-bottom:1px solid var(--rule)}

.pg .vt tbody:first-of-type th.vt-g{padding-top:32px}

.pg .vt tbody th.vt-g span{margin-left:12px;font:400 15px/28px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink-4)}

.pg .vt tbody th[scope=row],.pg .vt td{padding:16px 32px 16px 0;vertical-align:top;text-align:left;border-bottom:1px solid var(--rule)}

.pg .vt tbody th[scope=row]{font:500 16px/24px Inter,sans-serif;letter-spacing:-.011em;color:var(--ink)}

.pg .vt td.q{color:var(--ink-3)}

.pg .vt td a{color:var(--link);text-decoration:none}

.pg .vt td a:hover{text-decoration:underline;text-underline-offset:3px}

.pg .vt tbody:last-of-type tr:last-child>*{border-bottom:0}

@media (max-width:767px){
  .pg .vt,.pg .vt tbody,.pg .vt tr,.pg .vt td,.pg .vt th{display:block;width:auto}
  .pg .vt thead{display:none}
  .pg .vt tbody th.vt-g{padding:40px 0 10px;font-size:20px;line-height:26px}
  .pg .vt tbody tr{padding:14px 0;border-bottom:1px solid var(--rule)}
  .pg .vt tbody tr:has(.vt-g){padding:0;border:0}
  .pg .vt tbody th[scope=row],.pg .vt td{padding:0;border:0}
  .pg .vt tbody th[scope=row]{margin-bottom:6px}
  .pg .vt td{display:grid;grid-template-columns:76px 1fr;column-gap:12px;margin-top:4px;font-size:15px;line-height:22px}
  .pg .vt td::before{content:attr(data-l);font:400 13px/22px Inter,sans-serif;color:var(--ink-4)}
  .pg .vt td>*{grid-column:2}
  .pg .vt--ba td{grid-template-columns:96px 1fr}
  .pg .vt--ba .after{margin:8px -12px 0;padding:8px 12px;border-radius:8px}}


/* status as a word with a glyph, never a dot */
.pg .vst{display:inline-flex;align-items:center;gap:6px;font:500 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}

.pg .vst svg{flex:none;width:14px;height:14px}

.pg .vst--fail{color:var(--fail)}


/* (b) the worked calculation */
.pg .vc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start;font:400 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}

.pg .vc-h{margin:0 0 12px;font:500 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}

.pg .vc-h~.vc-h{margin-top:40px}

.pg .vc-eq{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}

.pg .vc-eq li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule)}

.pg .vc-eq .v{font-weight:500}

.pg .vc-eq .x{color:var(--ink-3)}

.pg .vc-eq .r{font-weight:500;text-align:right;white-space:nowrap}

.pg .vc-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:-1px 0 0;padding:18px 0 0;border-top:1px solid var(--ink)}

.pg .vc-total span{color:var(--ink-3)}

.pg .vc-total b{font:500 32px/36px Inter,sans-serif;letter-spacing:-.025em;color:var(--ink)}

.pg .vc .vt td p{margin:4px 0 0;color:var(--ink-3)}

@media (max-width:991px){.pg .vc{grid-template-columns:1fr;row-gap:48px}}

@media (max-width:599px){.pg .vc-eq li{grid-template-columns:52px minmax(0,1fr)}.pg .vc-eq .r{grid-column:2;text-align:left;margin-top:2px}.pg .vc-total b{font-size:28px;line-height:32px}}


/* (c) label / value */
.pg .vl{margin:0;border-top:1px solid var(--rule)}

.pg .vl>div{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);column-gap:24px;padding:14px 0;border-bottom:1px solid var(--rule)}

.pg .vl dt{font:400 14px/24px Inter,sans-serif;letter-spacing:-.006em;color:var(--ink-4)}

.pg .vl dd{margin:0;font:400 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}

.pg .vl dd small{display:block;margin-top:2px;font:400 13px/20px Inter,sans-serif;color:var(--ink-4)}

.pg .vl--inline>div{grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:10px 0}

.pg .vl--inline dt{font-size:13px;line-height:22px}

.pg .vl--inline dd{font-size:14px;line-height:22px}

.pg .vl--cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));column-gap:32px;border-top:0}

.pg .vl--cols>div{display:block;padding:14px 0 0;border-top:1px solid var(--rule);border-bottom:0}

.pg .vl--cols dd{margin-top:2px}

.pg .vl--dark{border-color:rgba(255,255,255,.10)}

.pg .vl--dark>div{border-color:rgba(255,255,255,.10)}

.pg .vl--dark dt{color:#8b8b93}

.pg .vl--dark dd{color:#f5f5f6}


/* (d) before / after, a variant of the table */
.pg .vt--ba td.before{color:var(--ink-3)}

.pg .vt--ba .after{background:var(--surface);padding-left:24px;padding-right:24px}

.pg .vt--ba thead th.after{color:var(--ink);border-radius:12px 12px 0 0;padding-top:14px}

.pg .vt--ba tbody tr:last-child td.after{border-radius:0 0 12px 12px}


/* (e) steps: strip, timeline, numbered list */
.pg .vs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));column-gap:32px;counter-reset:vs;text-align:left;font:400 15px/24px Inter,sans-serif;letter-spacing:-.01em}

.pg .vs>li{counter-increment:vs;padding-top:16px;border-top:1px solid var(--rule)}

.pg .vs b{display:flex;gap:10px;font:500 16px/24px Inter,sans-serif;letter-spacing:-.011em;color:var(--ink)}

.pg .vs b::before{content:counter(vs);min-width:10px;font-variant-numeric:tabular-nums;color:var(--ink-4)}

.pg .vs p{margin:6px 0 0;color:var(--ink-3)}

.pg .vs--time{grid-template-columns:1fr}

.pg .vs--time>li{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:24px;padding:0;border-top:0}

.pg .vs--time time{font:400 14px/24px Inter,sans-serif;color:var(--ink-4);font-variant-numeric:tabular-nums}

.pg .vs--time .vs-b{position:relative;padding:0 0 28px 24px;border-left:1px solid var(--rule)}

.pg .vs--time .vs-b::before{content:"";position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px #a1a1aa}

.pg .vs--time li:last-child .vs-b{border-left-color:transparent}

.pg .vs--time li:last-child .vs-b::before{background:var(--ink);box-shadow:none}

.pg .vs--time b::before{content:none}

.pg .vs--list{grid-template-columns:1fr;border-top:1px solid var(--rule)}

.pg .vs--list>li{display:grid;grid-template-columns:32px minmax(0,1fr);padding:16px 0;border-top:0;border-bottom:1px solid var(--rule)}

.pg .vs--list>li::before{content:counter(vs);color:var(--ink-4);font-variant-numeric:tabular-nums}

.pg .vs--list b::before{content:none}

.pg .vs--list p{grid-column:2}

@media (max-width:991px){
  .pg .vs:not(.vs--time){grid-template-columns:1fr}
  .pg .vs:not(.vs--time)>li{padding:14px 0}
  .pg .vs--time>li{grid-template-columns:1fr}
  .pg .vs--time time{padding-left:24px;border-left:1px solid var(--rule)}}


/* (h) text grid: replaces the bordered card grids */
.pg .vg{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:40px 32px}

.pg .vg>*{padding-top:20px;border-top:1px solid var(--rule)}

.pg .vg h3{margin:0;font:500 17px/24px Inter,sans-serif;letter-spacing:-.014em;color:var(--ink)}

.pg .vg p{margin:8px 0 0;font:400 15px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink-3)}

.pg .vg .vl{margin-top:16px}

@media (max-width:991px){.pg .vg{--cols:2}}

@media (max-width:599px){.pg .vg{--cols:1;row-gap:28px}}


/* (i) figures row: replaces the boxed proof-band tiles (.pg-band .bi) */
.pg .vf{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none;text-align:left}

.pg .vf>li{padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}

.pg .vf>li:first-child{padding-left:0;border-left:0}

.pg .vf b{display:block;font:500 48px/52px Inter,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#f5f5f6}

.pg .vf span{display:block;max-width:26ch;margin-top:12px;font:400 15px/22px Inter,sans-serif;letter-spacing:-.01em;color:#8b8b93}

@media (max-width:767px){.pg .vf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.pg .vf>li:nth-child(odd){padding-left:0;border-left:0}.pg .vf b{font-size:40px;line-height:44px}}


/* (j) FAQ and "technical detail" disclosure list */
.pg .vq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;align-items:start;text-align:left}

.pg .vq>h2{position:sticky;top:112px;margin:0;font:500 44px/48px Inter,sans-serif;letter-spacing:-.022em;color:var(--ink)}

.pg .vq-list{border-top:1px solid var(--rule)}

.pg .vq details{border-bottom:1px solid var(--rule)}

.pg .vq summary{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;font:500 17px/26px Inter,sans-serif;letter-spacing:-.014em;color:var(--ink);cursor:pointer;list-style:none}

.pg .vq summary::-webkit-details-marker{display:none}

.pg .vq summary::after{content:"+";flex:none;font:400 20px/26px Inter,sans-serif;color:var(--ink-4)}

.pg .vq details[open] summary::after{content:"\2212"}

.pg .vq details p{max-width:62ch;margin:0;padding:0 48px 22px 0;font:400 16px/26px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink-3)}

@media (max-width:991px){.pg .vq{grid-template-columns:1fr}.pg .vq>h2{position:static;margin-bottom:24px;font-size:32px;line-height:36px}}

/* ===== r60 de-vibe of the shared sections (VIBE-SPEC 1 and 4(g)): no mono capitals, no cards, no chips, no dots,
   blue only on links, status as words. These classes appear on most subpages, so this one block fixes them all ===== */
/* labels: sentence-case Inter, never mono capitals (the homepage's .sw-k is the model) */
.pg .art-toc b,.pg .lib-cats b,.pg .pg-hero span>small,.pg .legal-hero span>small,.pg .lib-lead-copy small,.pg .lib-hero-copy .pg-crumb,
.pg .pg-quote.boundary .q-attr b,.pg .src-strip-dark p{font:500 13px/20px Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;color:#71717a!important}
.pg .pg-quote.boundary .q-attr b{color:#8b8b93!important}
/* proof cards: the source as a quiet sentence-case label, not link-blue mono */
.pg .why-card span{font:500 13px/20px Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;color:#71717a!important}
/* outcomes: a text grid (VIBE-SPEC 4(h)), not three identical bordered cards with "01" chips */
.pg .oc-grid{gap:40px 32px!important}
.pg .oc{border:0!important;border-top:1px solid #e6e6e8!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:20px 0 0!important;min-height:0!important;display:block!important}
.pg .oc:hover{box-shadow:none!important}
.pg .oc>span:not(.oc-vis){display:none!important}
.pg .oc b{font:500 17px/24px Inter,sans-serif!important;letter-spacing:-.014em!important;margin:0!important}
.pg .oc p{font:400 15px/24px Inter,sans-serif!important;color:#52525b!important;margin:8px 0 0!important}
.pg .oc .oc-vis{margin:0 0 20px!important;border:0!important;border-radius:12px!important;box-shadow:0 0 0 1px #e6e6e8}
.pg .oc:has(.oc-vis){border-top:0!important;padding-top:0!important}
.pg .oc:has(.oc-vis) b{margin-top:0!important}
/* the icon list: no generic line icons; title and sentence under one rule */
.pg .bni{grid-template-columns:minmax(0,1fr)!important}
.pg .bni>i{display:none!important}
/* the method rail becomes steps (VIBE-SPEC 4(e)): no circles, no rail, the numeral in the title row */
.pg .msteps::before{display:none!important}
.pg .ms{padding:16px 24px 0 0!important;border-top:1px solid #e6e6e8!important}
.pg .ms i{display:none!important}
.pg .ms b{display:flex!important;gap:10px}
.pg .ms b::before{content:counter(ms);min-width:10px;font-variant-numeric:tabular-nums;color:#71717a}
.pg .ms p{color:#52525b!important;margin-top:6px!important}
@media (max-width:767px){.pg .ms{display:block!important;padding:14px 0!important}.pg .msteps::before{display:none!important}}
/* the figures band (VIBE-SPEC 4(i)): figures unboxed, a hairline at the left of each, as Mercury and Stripe show them */
.pg .pg-band .inner{gap:0 32px!important}
.pg .pg-band .bi{background:none!important;box-shadow:none!important;border:0!important;border-left:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding:0 0 0 24px!important;min-height:0!important;display:block!important}
.pg .pg-band .bi:first-child{border-left:0!important;padding-left:0!important}
.pg .pg-band .bi b{font:500 48px/52px Inter,sans-serif!important;letter-spacing:-.035em!important;font-variant-numeric:tabular-nums}
.pg .pg-band .bi span{margin-top:12px!important;font:400 15px/22px Inter,sans-serif!important;color:#8b8b93!important;max-width:26ch!important}
@media (max-width:767px){.pg .pg-band .bi{padding:0 0 0 16px!important}.pg .pg-band .bi:nth-child(odd){border-left:0!important;padding-left:0!important}.pg .pg-band .inner{row-gap:32px!important}}
/* questions (VIBE-SPEC 4(j)): the heading holds at the left, the list reads at the right */
@media (min-width:992px){
  .pg .pg-faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr)!important;column-gap:64px!important}
  .pg .pg-faq>h2{grid-column:1!important;position:sticky;top:112px}
  .pg .pg-faq .faq-list,.pg .pg-faq .contact-line{grid-column:2!important}
  .pg .pg-faq .faq-list{margin-top:0!important}
}
.pg .dt-item summary:hover,.pg .faq_q:hover{color:var(--ink)!important}
.pg .why-card{border:0!important;border-top:1px solid #e6e6e8!important}

/* r60: shared rules the page agent needed in every group stylesheet, moved here once (labels in sentence-case Inter, no
   section numbers in article rails, text-grid columns that still collapse on phones) */
.pg .rc small,.pg .lp small,.pg .sx-role-body small,.pg .art-next .lbl,.pg .art-sec cite,.pg .pf-sys i,.pg .sx-rows-sec .overline,.pg .sx-rows-sec .frow-copy .overline,.pg .art-note .lbl,.pg .art-next small{font:500 13px/20px Inter,sans-serif!important;letter-spacing:-.006em!important;text-transform:none!important;color:#71717a!important;font-style:normal!important}
.pg .art-toc .n,.pg .art-sec h2 .n{display:none!important}
.pg .vg.c2{--cols:2}.pg .vg.c3{--cols:3}.pg .vg.c4{--cols:4}
@media (max-width:991px){.pg .vg.c3,.pg .vg.c4{--cols:2}}
@media (max-width:599px){.pg .vg.c2,.pg .vg.c3,.pg .vg.c4{--cols:1}}

/* r63: phone clipping found by the review (text cut at the right edge inside an overflow-hidden wrapper, so the page never
   scrolled sideways and the old sweeps missed it): the figures band's two columns shrink to fit, and a worked calculation
   wraps instead of losing its answer */
@media (max-width:699px){
  .pg .pg-band .inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:0!important}
  .pg .pg-band .bi{min-width:0!important}
  .pg .pg-band .bi span{max-width:none!important;overflow-wrap:anywhere}
  .pg .art-note code,.pg .vc code{white-space:normal!important;overflow-wrap:anywhere}
}
/* r63: /contact is the page that converts, so its hero gives the form the first screen: the first field shows without a
   scroll on a 390x844 phone and on a 1440x900 laptop */
.pg .sh.sh--min.contact{height:calc(44svh + var(--slabr,56px));min-height:430px}
@media (max-width:699px){.pg .sh.sh--min.contact{height:auto;min-height:0;padding-bottom:28px}}

/* r63: the subpage hero shares the sections' grid: 75px at 1440, centred on the 1290px column on wider screens (it hugged
   the left edge at 1920 while every section sat at 315px), and the sections' own inset at tablet widths */
@media (min-width:768px){.pg .sh{--gx:max(var(--wrappad,75px),calc((100% - 1290px) / 2))!important}}
/* r63: the contact steps' numbers lose the mono and the blue (blue is for links); the hero intro's source line reaches 4.5:1 */
.pg .contact-aside .ca-step>span{font:500 13px/20px Inter,sans-serif!important;letter-spacing:0!important;color:#8b8b93!important}
.pg .sh-intro .sh-src,.pg .sh-src{color:#71717a!important}

/* r67 (ship review): a nav menu opened over a subpage's lit name or the closing card's lit mark painted ghosted, the name
   drawn over the panel, because Chrome orders the glow's running drift animation above the fixed header (reproduced at 2x;
   stopping only the drift cures it, z-index and isolation do not). The drift pauses while a menu is open, by hover, keyboard
   or focus, and resumes when it closes, so the glow keeps its life and the panel paints on top. */
.pg:has(.topbar .nav-item:hover,.topbar .nav-item.dd-on,.topbar .nav-item:focus-within) :is(.sh-lit .sh-layer,.vx-idle .vx-lit-glow,.vx-idle .vx-lit-bloom,.vx-idle .vx-lit-haze){animation-play-state:paused}

/* r69 (Joey, 2026-10-12): the subpage hero after the r69 reviews. Both reviewers found the lit page name, the same on all 35
   pages, read as a template effect, sized past the H1 and pushing the product below the fold. The light now belongs to the
   homepage alone. Every subpage opens with a small label (a lit point and the page's name), the H1 as the largest thing on
   it, in Schibsted Grotesk and in one tone, and the statement in grey beside it. Product, solution and trust pages put their
   board straight under the H1, its lit card in the first screen, and the "on this page" index after it. Articles and legal
   pages are compact. */
:root .pg .sh{height:auto!important;max-height:none!important;min-height:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;
  grid-template-rows:auto auto auto auto;align-content:start;padding:156px var(--gx) calc(72px + var(--slabr,56px))!important;background:#050506}
:root .pg .sh.sh--shot{padding-bottom:var(--slabr,56px)!important;background:radial-gradient(56% 34% at 64% 70%,rgba(226,233,255,.05) 0%,rgba(226,233,255,0) 100%),#050506}
:root .pg .sh.sh--min{padding-bottom:calc(64px + var(--slabr,56px))!important}
:root .pg .sh-label{grid-row:1;grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0 0 26px!important;font:500 15px/20px Inter,sans-serif!important;letter-spacing:-.006em!important;color:#c9c9cf!important}
:root .pg .sh-label i{flex:none;width:7px;height:7px;border-radius:50%;background:#8dbbff;box-shadow:0 0 0 4px rgba(141,187,255,.13),0 0 14px rgba(141,187,255,.6)}
:root .pg .sh-h1{grid-row:2;grid-column:1/4;align-self:end;max-width:980px;margin:0!important;font:500 clamp(44px,4.45vw,64px)/1.04 var(--disp)!important;letter-spacing:-.022em!important;color:#f5f5f6!important;text-wrap:balance}
:root .pg .sh-h1 .l1,:root .pg .sh-h1 .l2{display:block;color:inherit!important}
:root .pg .sh-side{grid-row:2;grid-column:4;align-self:end;margin:0 0 6px!important;font:400 18px/27px Inter,sans-serif!important;letter-spacing:-.011em!important;color:#a1a1aa!important}
:root .pg .sh-side span{display:inline;color:inherit!important}
:root .pg .sh-ix{grid-row:3;margin-top:56px}
:root .pg .sh--shot .sh-ix{grid-row:4;margin-top:8px}
/* the board: its window (48 px into a 1380 px canvas) on the content's left edge, bleeding off the right of the page */
:root .pg .sh-shot{grid-row:3;grid-column:1/-1;position:relative;margin:64px calc(-1 * var(--gx)) 0 0;height:clamp(400px,40vw,600px);overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,0) 100%)}
:root .pg .sh-shot picture{display:block}
/* r70: the board is two layers: the window, and the lifted card floated above it at its own place on the canvas (the card's
   box from gen-dark.cjs, in percent of the 1380 x 846 canvas). The window rises in; the card lifts in after it, brightening as
   it settles, the way the light came up on the page name; s2/hero-shot.js lets it drift ahead of the window on scroll. */
:root .pg .sh-shot-in{position:relative;width:calc(100% * 1380 / 1332);margin:calc(100% * -48 / 1332) 0 0 calc(100% * -48 / 1332)}
:root .pg .sh-shot-in picture{display:block}
:root .pg .sh-shot-in .sh-shot-base{display:block;width:100%;max-width:none;height:auto;margin:0}
:root .pg .sh-shot-lift{position:absolute;display:block;pointer-events:none;will-change:transform}
:root .pg .sh-shot-lift .sh-shot-card{display:block;width:100%;max-width:none;height:auto;margin:0}
@media (prefers-reduced-motion:no-preference){
  :root .pg .sh-shot-in .sh-shot-base{animation:shBaseIn .9s cubic-bezier(.16,1,.3,1) .1s both}
  :root .pg .sh-shot-lift .sh-shot-card{animation:shCardIn 1.25s cubic-bezier(.16,1,.3,1) .45s both}
}
@keyframes shBaseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes shCardIn{0%{opacity:0;transform:translateY(30px);filter:brightness(.5)}55%{opacity:1}100%{opacity:1;transform:none;filter:none}}
/* section headings in the display face, one tone (they were Inter) */
:root .pg :is(h2,.sh-intro h2){font-family:var(--disp)!important;letter-spacing:-.018em!important}
/* defect (r69 review): the benefits block's heading was sticky and its own paragraph scrolled under it; the column sticks as one */
:root .pg .bnl{position:sticky!important;top:104px;align-self:start}
:root .pg .bnl h2{position:static!important}
@media (max-width:1259px){
  :root .pg .sh-h1{grid-column:1/-1}
  :root .pg .sh-side{display:none}
}
@media (max-width:767px){
  :root .pg .sh{display:flex!important;flex-direction:column;padding:108px 20px calc(36px + var(--slabr,56px))!important}
  :root .pg .sh.sh--shot{padding-bottom:var(--slabr,56px)!important}
  :root .pg .sh-label{margin-bottom:16px!important}
  /* one left edge on every page: the H1 no longer aligns by baseline inside the column (r69: 20, 25 or 40 px by family) */
  :root .pg .sh-h1{align-self:stretch;max-width:none;font-size:36px!important;line-height:40px!important}
  :root .pg .sh-side{display:block;align-self:stretch;margin:14px 0 0!important;font-size:16px!important;line-height:24px!important}
  :root .pg .sh-ix{margin-top:28px}
  :root .pg .sh--shot .sh-ix{margin-top:4px}
  /* the board fades in and out at every edge, so no cut sliver of its context shows at the screen's edge */
  :root .pg .sh-shot{margin:28px -20px 0;height:auto;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 74%,rgba(0,0,0,0) 100%),linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 9%,#000 91%,rgba(0,0,0,0) 100%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 74%,rgba(0,0,0,0) 100%),linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 9%,#000 91%,rgba(0,0,0,0) 100%);mask-composite:intersect}
  :root .pg .sh-shot-in{width:100%;margin:0}
  :root .pg .sh-shot-lift{display:none}   /* a phone shows the one flattened picture, card included */
  :root .pg .bnl{position:static!important}
}
/* r69: one type scale with the homepage: 60 / 44 / 32 for display; the H1 tops out at the homepage H1's 60 */
:root .pg .sh-h1{font-size:clamp(44px,4.2vw,60px)!important}
:root .pg .frow-copy h2.wr{font-size:32px!important;line-height:1.15!important}
:root .pg .art-body .art-sec h2{font-size:32px!important;line-height:1.15!important}
:root .pg .callout .co-content p{font-size:14px!important}
@media (max-width:767px){:root .pg .sh-h1{font-size:36px!important}:root .pg .frow-copy h2.wr,:root .pg .art-body .art-sec h2{font-size:26px!important}}