/* PrimeStart v5 "Bright": the design layer (12 Oct 2026), ported from the lead's prototype
   (handover/rebuild-2026-10-12/v5/v5.css). Class names are the prototype's so later pages reuse the components.
   Changes from the prototype, and why: custom properties are prefixed --v5- (the older sheets define --ink, --pad,
   --orange and would be recoloured); the bare element rules are scoped to body.v5 with :where() so the older inner
   pages keep their own type; the font-face is gone (primestart.css already loads Manrope); the additions block at
   the end holds keyboard menus, focus rings and the no-JavaScript fallbacks.
   Prototype notes follow.
   White page, navy ink, vivid brand orange, soft colour tiles, cut-out people,
   real websites in frames. Desktop type is the 20%-smaller scale the owner asked for. */

:root{
  --v5-ink:#0B1F33; --v5-ink-2:#3F4D61; --v5-ink-3:#6A7688; --v5-line:#E5E9EF; --v5-line-2:#EEF1F5;
  --v5-white:#fff; --v5-soft:#F5F7FA;
  --v5-orange:#F97316; --v5-orange-d:#C94F0D; --v5-orange-dd:#B8470B; --v5-orange-50:#FFF3E8; --v5-orange-100:#FFE4CC;
  --v5-green:#127A43; --v5-green-50:#E8F6EE; --v5-sky:#2563EB; --v5-sky-50:#EAF2FF; --v5-butter:#F5B800; --v5-butter-50:#FFF6D6;
  --v5-lilac-50:#F1EEFF; --v5-mint-50:#E6F7F3; --v5-rose-50:#FFECEC;
  --v5-r-sm:10px; --v5-r:16px; --v5-r-lg:24px; --v5-r-xl:32px;
  --v5-sh-1:0 1px 2px rgba(11,31,51,.05),0 6px 18px rgba(11,31,51,.06);
  --v5-sh-2:0 2px 4px rgba(11,31,51,.05),0 18px 44px rgba(11,31,51,.11);
  --v5-sh-3:0 4px 8px rgba(11,31,51,.06),0 32px 70px rgba(11,31,51,.18);
  --v5-wrap:1200px; --v5-pad:32px;
  --v5-sans:'Manrope','Segoe UI',Helvetica,Arial,sans-serif;
}

:where(body.v5-shell) *{box-sizing:border-box}
html:has(body.v5){-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.v5{margin:0;font-family:var(--v5-sans);font-size:16px;line-height:1.6;color:var(--v5-ink-2);background:var(--v5-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(body.v5-shell) img{max-width:100%}
:where(body.v5) img{display:block}
:where(.hdr,.mnav,.ftr,.sticky,body.v5 main) a{color:inherit;text-decoration:none}
:where(body.v5) :is(h1,h2,h3,h4,p){margin:0}
:where(body.v5) :is(h1,h2,h3,h4){color:var(--v5-ink);font-weight:800}
:where(body.v5) h1{font-size:52px;line-height:1.06;letter-spacing:-.032em}
:where(body.v5) h2{font-size:34px;line-height:1.12;letter-spacing:-.028em}
:where(body.v5) h3{font-size:20px;line-height:1.25;letter-spacing:-.018em}
:where(body.v5) h4{font-size:16px;line-height:1.3;letter-spacing:-.01em}
.wrap{max-width:calc(var(--v5-wrap) + 2*var(--v5-pad));margin:0 auto;padding:0 var(--v5-pad)}
.sec{padding:84px 0}
.sec--soft{background:var(--v5-soft)}
.sec--tight{padding:64px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--v5-orange-d)}
.eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--v5-orange)}
.lead{font-size:17px;line-height:1.55;color:var(--v5-ink-2)}
.head{max-width:680px;margin:0 auto 44px;text-align:center}
.head h2{margin:12px 0 12px}
.head--left{margin-left:0;text-align:left}
.hl{position:relative;white-space:nowrap;color:var(--v5-ink)}
.hl svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.34em;color:var(--v5-orange);z-index:-1}
.o{color:var(--v5-orange-d)}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font:800 15px/1 var(--v5-sans);letter-spacing:-.005em;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}
.btn .ic{width:17px;height:17px;transition:transform .18s ease}
.btn:hover .ic{transform:translateX(3px)}
.btn--primary{background:var(--v5-orange);color:var(--v5-ink);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 20px rgba(249,115,22,.32)}
.btn--primary:hover{background:#FF8228;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 26px rgba(249,115,22,.4)}
.btn--dark{background:var(--v5-ink);color:#fff}
.btn--dark:hover{background:#15304D;transform:translateY(-1px)}
.btn--ghost{background:#fff;color:var(--v5-ink);border-color:#CFD6DF}
.btn--ghost:hover{border-color:var(--v5-ink);transform:translateY(-1px)}
.btn--sm{height:40px;padding:0 18px;font-size:14px}
.btn--block{width:100%}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px;color:var(--v5-ink);border-bottom:2px solid var(--v5-orange);padding-bottom:2px}
.link .ic{width:16px;height:16px;transition:transform .18s ease}
.link:hover .ic{transform:translateX(3px)}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.hdr.is-stuck{border-color:var(--v5-line);box-shadow:0 6px 24px rgba(11,31,51,.06)}
.hdr__in{height:64px;display:flex;align-items:center;gap:28px}
.hdr__logo img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-left:8px}
.nav__i{position:relative}
.nav__a{display:flex;align-items:center;gap:5px;height:40px;padding:0 12px;border-radius:10px;font-weight:700;font-size:14.5px;color:var(--v5-ink);transition:background .15s ease}
.nav__a:hover,.nav__i:hover>.nav__a,.nav__i.is-open>.nav__a{background:var(--v5-soft)}
.nav__a .ic{width:14px;height:14px;stroke-width:2.4;opacity:.6;transition:transform .2s ease}
.nav__i:hover .nav__a .ic,.nav__i.is-open .nav__a .ic{transform:rotate(180deg)}
.hdr__r{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr__tel{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;color:var(--v5-ink);padding:0 10px}
.hdr__tel .ic{width:16px;height:16px;color:var(--v5-orange-d)}
.hdr__login{font-weight:700;font-size:14.5px;color:var(--v5-ink);padding:0 10px}
.hdr__burger{display:none}

/* mega menu */
.mega{position:absolute;left:-24px;top:calc(100% + 10px);width:760px;padding:14px;background:#fff;border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);box-shadow:var(--v5-sh-3);display:grid;grid-template-columns:1.25fr .9fr;gap:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav__i:hover>.mega,.no-js .nav__i:focus-within>.mega,.nav__i.is-open>.mega{opacity:1;visibility:visible;transform:none}
.mega--sm{width:340px;grid-template-columns:1fr}
.mega__l{display:grid;gap:2px}
.mi{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:14px;transition:background .15s ease}
.mi:hover{background:var(--v5-soft)}
.mi__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.mi__ic.b{background:var(--v5-sky-50);color:var(--v5-sky)}.mi__ic.g{background:var(--v5-green-50);color:var(--v5-green)}.mi__ic.y{background:var(--v5-butter-50);color:#946C00}.mi__ic.n{background:#EEF2F7;color:var(--v5-ink)}
.mi__t,.mi__d{display:block}
.mi__t{font-weight:800;font-size:15px;color:var(--v5-ink);line-height:1.25}
.mi__d{font-size:13px;color:var(--v5-ink-3);line-height:1.35;margin-top:2px}
.mi__p{font-weight:800;font-size:13px;color:var(--v5-ink);background:var(--v5-soft);border-radius:999px;padding:5px 10px;white-space:nowrap}
.mega__r{border-radius:16px;background:linear-gradient(160deg,#FFF3E8,#FFE4CC);padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:250px}
.mega__r h4{font-size:17px;max-width:200px}
.mega__r p{font-size:13.5px;margin:6px 0 12px;max-width:190px;color:var(--v5-ink-2)}
.mega__r img{position:absolute;right:-8px;bottom:0;height:190px;width:auto}
.mega__r .btn{align-self:flex-start;margin-top:auto;position:relative;z-index:1}

/* phone menu */
.mnav{position:fixed;inset:58px 0 0;z-index:49;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mnav[hidden]{display:none}
.mnav__in{padding:14px 20px 28px;display:flex;flex-direction:column;min-height:100%}
.mnav__h{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--v5-orange-d);margin:6px 0 6px 10px}
.mnav .mi{padding:10px}
.mnav__g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:16px;border-top:1px solid var(--v5-line)}
.mnav__g a{display:flex;align-items:center;height:48px;padding:0 14px;border-radius:12px;background:var(--v5-soft);font-weight:800;font-size:15px;color:var(--v5-ink)}
.mnav__g a:last-child:nth-child(odd){grid-column:1/-1}
.mnav__f{margin-top:auto;padding-top:20px;display:grid;gap:10px}
.mnav__f .btn{height:50px}
.mnav__login{text-align:center;font-weight:800;font-size:15px;color:var(--v5-ink);padding:8px}
body.is-menu{overflow:hidden}

/* hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 420px at 50% 100%,#FFE9D6 0%,rgba(255,233,214,0) 70%),
  linear-gradient(180deg,#fff 0%,#FFF8F1 100%)}
.hero__in{position:relative;padding-top:44px;text-align:center}
.pill{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 14px 0 6px;border-radius:999px;background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-sh-1);font-weight:700;font-size:13.5px;color:var(--v5-ink)}
.pill b{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--v5-orange);color:var(--v5-ink);font-size:12px;font-weight:800;letter-spacing:.02em}
.hero h1{max-width:1120px;margin:18px auto 0;position:relative;z-index:1;font-size:50px}
.hero__sub{max-width:590px;margin:16px auto 0;font-size:18px;line-height:1.5}
.hero__sub strong{color:var(--v5-ink);font-weight:800}
.hero__cta{display:flex;justify-content:center;gap:12px;margin-top:24px}
.hero__note{display:flex;justify-content:center;gap:22px;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--v5-ink-2)}
.hero__note span{display:inline-flex;align-items:center;gap:6px}
.hero__note .ic{width:16px;height:16px;color:var(--v5-green);stroke-width:2.6}

.stage{position:relative;height:404px;margin-top:26px}
.sun{position:absolute;left:50%;bottom:0;width:780px;height:390px;transform:translateX(-50%);border-radius:390px 390px 0 0;background:linear-gradient(180deg,#FF9A4A 0%,#F97316 62%,#EE6A10 100%)}
.sun::before{content:"";position:absolute;inset:-34px -34px 0;border-radius:430px 430px 0 0;border:2px dashed rgba(249,115,22,.35);border-bottom:0}
.crew{position:absolute;left:50%;bottom:0;width:820px;height:404px;transform:translateX(-50%)}
.crew img{position:absolute;bottom:0;height:var(--v5-h);width:auto;left:var(--v5-x);filter:drop-shadow(0 10px 18px rgba(11,31,51,.2))}
.fl{position:absolute;z-index:0}
.fl--a{left:-30px;top:30px;width:292px;transform:rotate(-4deg)}
.fl--b{right:-30px;top:14px;width:292px;transform:rotate(3.5deg)}
.fl--c{right:214px;top:150px;width:112px;transform:rotate(-3deg);z-index:4}
.chip{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;box-shadow:var(--v5-sh-2);text-align:left;white-space:nowrap}
.chip__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--v5-green-50);color:var(--v5-green)}
.chip__ic.o{background:var(--v5-orange-50);color:var(--v5-orange-d)}
.chip__t,.chip__d{display:block}
.chip__t{font-weight:800;font-size:13.5px;color:var(--v5-ink);line-height:1.2}
.chip__d{font-size:12px;color:var(--v5-ink-3);line-height:1.3}
.chip--1{left:20px;bottom:78px}
.chip--2{right:0;bottom:60px}
.dood{position:absolute;color:var(--v5-orange);z-index:0}
.dood--1{left:3%;top:176px;width:54px;height:27px}
.dood--2{right:4%;top:150px;width:44px;height:44px;color:var(--v5-ink)}
.dood--3{left:12%;top:54px;width:22px;height:22px;color:var(--v5-sky)}
.dood--4{right:13%;top:50px;width:18px;height:18px;color:var(--v5-butter)}

/* browser + phone frames */
.bz{border-radius:12px;background:#fff;box-shadow:var(--v5-sh-3);overflow:hidden;border:1px solid rgba(11,31,51,.08)}
.bz__bar{height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#F1F4F8;border-bottom:1px solid var(--v5-line)}
.bz__bar i{width:7px;height:7px;border-radius:50%;background:#CBD3DD}
.bz__bar i:nth-child(1){background:#F87171}.bz__bar i:nth-child(2){background:#FBBF24}.bz__bar i:nth-child(3){background:#34D399}
.bz__bar span{margin-left:8px;flex:1;height:14px;border-radius:7px;background:#fff;font-size:8.5px;line-height:14px;color:var(--v5-ink-3);padding:0 8px;text-align:left;overflow:hidden;white-space:nowrap;font-weight:600}
.bz img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.ph{border-radius:20px;background:#0B1F33;padding:5px;box-shadow:var(--v5-sh-3)}
.ph img{width:100%;border-radius:15px;aspect-ratio:390/780;object-fit:cover;object-position:top}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--v5-ink);background:#fff;border-radius:999px;padding:4px 10px;box-shadow:var(--v5-sh-1)}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v5-green)}
.tag--c::before{background:var(--v5-orange)}

/* promises */
.prom{position:relative;z-index:6;margin-top:-34px}
.prom__in{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);box-shadow:var(--v5-sh-2)}
.pr{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:20px 22px;border-left:1px solid var(--v5-line-2)}
.pr:first-child{border-left:0}
.pr__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.pr:nth-child(2) .pr__ic{background:var(--v5-green-50);color:var(--v5-green)}
.pr:nth-child(3) .pr__ic{background:var(--v5-sky-50);color:var(--v5-sky)}
.pr:nth-child(4) .pr__ic{background:var(--v5-butter-50);color:#946C00}
.pr__t{font-weight:800;font-size:15px;color:var(--v5-ink);line-height:1.25}
.pr__d{font-size:13px;color:var(--v5-ink-3);line-height:1.35;margin-top:2px}

/* packages */
.pay{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-sh-1);margin-top:18px}
.pay button{height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:800 14px/1 var(--v5-sans);color:var(--v5-ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease}
.pay button[aria-pressed="true"]{background:var(--v5-ink);color:#fff}
.pay .s{display:none}
.pktabs{display:none}
.pay em{font-style:normal;font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;background:var(--v5-green-50);color:var(--v5-green)}
.pay button[aria-pressed="true"] em{background:rgba(255,255,255,.16);color:#fff}
.pks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;padding-top:14px}
.pk{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);box-shadow:var(--v5-sh-1);transition:transform .25s ease,box-shadow .25s ease}
.pk:hover{transform:translateY(-4px);box-shadow:var(--v5-sh-2)}
.pk--rec{border:2px solid var(--v5-ink);box-shadow:var(--v5-sh-2)}
.pk__flag{position:absolute;z-index:3;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;height:28px;padding:0 14px;box-shadow:0 6px 14px rgba(11,31,51,.18);border-radius:999px;background:var(--v5-ink);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.pk__flag.o{background:var(--v5-orange);color:var(--v5-ink)}
.pk__vis{position:relative;height:196px;overflow:hidden;background:var(--v5-orange-50);border-radius:23px 23px 0 0}
.pk--rec .pk__vis{border-radius:22px 22px 0 0}
.pk:nth-child(2) .pk__vis{background:var(--v5-sky-50)}
.pk:nth-child(3) .pk__vis{background:var(--v5-butter-50)}
.pk__vis .tag{position:absolute;left:14px;bottom:12px;z-index:4}
.pk__b{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.pk__n{font-size:21px}
.pk__s{font-size:14.5px;color:var(--v5-ink-2);margin-top:4px;min-height:44px}
.pk__price{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.pk__price b{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--v5-ink);font-variant-numeric:tabular-nums}
.pk__price span{font-size:14px;font-weight:700;color:var(--v5-ink-3)}
.pk__pn{font-size:13.5px;color:var(--v5-ink-3);margin-top:6px;min-height:21px}
.pk__pn b{color:var(--v5-green);font-weight:800}
.pk ul{list-style:none;margin:16px 0 20px;padding:16px 0 0;border-top:1px solid var(--v5-line-2);display:grid;gap:9px}
.pk li{display:grid;grid-template-columns:20px 1fr;gap:9px;font-size:14.5px;line-height:1.4;color:var(--v5-ink);font-weight:600}
.pk li .ic{width:18px;height:18px;margin-top:1px;color:var(--v5-green);stroke-width:2.6}
.pk li.plus{color:var(--v5-ink-3);font-weight:700}
.pk__f{margin-top:auto;display:grid;gap:12px}
.pk__t{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:var(--v5-ink-3)}
.pk__t .ic{width:15px;height:15px}
.pk__more{text-align:center;font-size:14px;font-weight:800;color:var(--v5-ink)}
.pk__more:hover{color:var(--v5-orange-d)}
[data-pay="monthly"] .is-up,[data-pay="upfront"] .is-mo{display:none}
.incl{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:18px 24px;border-radius:var(--v5-r-lg);background:#fff;border:1px solid var(--v5-line)}
.incl__t{font-weight:800;color:var(--v5-ink);font-size:15px;white-space:nowrap}
.incl__l{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:700;color:var(--v5-ink-2)}
.incl__l span{display:inline-flex;align-items:center;gap:6px}
.incl__l .ic{width:16px;height:16px;color:var(--v5-green);stroke-width:2.6}
.after{margin-top:14px;text-align:center;font-size:14.5px;color:var(--v5-ink-2)}
.after b{color:var(--v5-ink)}

/* package visuals */
.v-one .bz{position:absolute;left:22px;top:26px;width:262px}
.v-one .ph{position:absolute;right:26px;top:18px;width:86px}
.v-five .bz{position:absolute;left:50%;top:58px;width:270px;transform:translateX(-50%)}
.tabs{position:absolute;left:0;right:0;top:22px;display:flex;justify-content:center;gap:5px;z-index:2}
.tabs span{font-size:10.5px;font-weight:800;color:var(--v5-ink);background:#fff;border-radius:999px;padding:4px 9px;box-shadow:var(--v5-sh-1)}
.tabs span:first-child{background:var(--v5-ink);color:#fff}
.v-all .bz{position:absolute;left:18px;top:22px;width:190px}
.lg{position:absolute;right:22px;top:18px;width:120px;height:74px;border-radius:12px;background:#fff;box-shadow:var(--v5-sh-2);display:flex;align-items:center;justify-content:center;gap:8px}
.lg i{width:28px;height:28px;border-radius:8px;background:#FFC531;display:grid;place-items:center;color:var(--v5-ink)}
.lg i svg{width:15px;height:15px;fill:currentColor;stroke:none}
.lg b{font-size:14px;color:var(--v5-ink);letter-spacing:-.02em;line-height:1}
.lg small{display:block;font-size:6.5px;letter-spacing:.18em;color:var(--v5-ink-3);font-weight:800;margin-top:3px}
.bc{position:absolute;right:54px;top:104px;width:132px;height:78px;border-radius:8px;background:var(--v5-ink);box-shadow:var(--v5-sh-2);padding:11px 12px;transform:rotate(-6deg);color:#fff}
.bc b{display:block;font-size:10.5px;letter-spacing:-.01em}
.bc span{display:block;font-size:7px;opacity:.7;margin-top:1px}
.bc i{position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:5px;background:#FFC531}
.bc u{position:absolute;left:12px;bottom:10px;font-size:7px;text-decoration:none;opacity:.85;font-weight:700}
.gp{position:absolute;left:150px;top:128px;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:7px 10px 7px 7px;box-shadow:var(--v5-sh-2)}
.gp i{width:24px;height:24px;border-radius:7px;background:var(--v5-sky-50);color:var(--v5-sky);display:grid;place-items:center}
.gp i svg{width:14px;height:14px}
.gp b{display:block;font-size:10px;color:var(--v5-ink);line-height:1.2}
.gp span{display:block;font-size:8.5px;color:var(--v5-green);font-weight:800;line-height:1.2}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.bt{position:relative;border-radius:var(--v5-r-lg);background:var(--v5-soft);padding:26px;overflow:hidden;min-height:300px;display:flex;flex-direction:column}
.bt h3{max-width:300px}
.bt p{font-size:15px;line-height:1.5;margin-top:8px;max-width:330px}
.bt--a{grid-column:span 4;background:var(--v5-orange-50)}
.bt--b{grid-column:span 2;background:var(--v5-sky-50)}
.bt--c{grid-column:span 2;background:var(--v5-green-50)}
.bt--d{grid-column:span 2;background:var(--v5-butter-50)}
.bt--e{grid-column:span 2;background:var(--v5-lilac-50)}
.bt--f{grid-column:span 6;background:var(--v5-ink);min-height:320px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;padding:0 0 0 44px}
.bt--f h3,.bt--f .eyebrow{color:#fff}.bt--f h3{font-size:26px;max-width:none}.bt--f p{color:#C4CEDA;max-width:380px}
.bt--f .eyebrow{color:#FFB37A}
.bt--f .link{color:#fff;margin-top:18px;align-self:flex-start}
.bt--a .art{position:absolute;right:26px;bottom:-22px;width:392px}
.bt--a .art .bz img{aspect-ratio:16/10.6}
.bt--a .st{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px;box-shadow:var(--v5-sh-2);font-size:13px;font-weight:800;color:var(--v5-ink)}
.bt--a .st .ic{width:16px;height:16px;color:var(--v5-green);stroke-width:2.8}
.bt--a .st--1{right:340px;bottom:120px}.bt--a .st--2{right:372px;bottom:70px}.bt--a .st--3{right:330px;bottom:20px}
.url{margin-top:auto;display:grid;gap:10px}
.url__bar{display:flex;align-items:center;gap:8px;height:44px;border-radius:999px;background:#fff;padding:0 16px;box-shadow:var(--v5-sh-1);font-weight:800;font-size:14.5px;color:var(--v5-ink)}
.url__bar .ic{width:16px;height:16px;color:var(--v5-green)}
.url__bar em{font-style:normal;color:var(--v5-ink-3);font-weight:700}
.url__row{display:flex;flex-wrap:wrap;gap:6px}
.url__row span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--v5-ink);background:rgba(255,255,255,.75);border-radius:999px;padding:5px 10px}
.url__row .ic{width:13px;height:13px;color:var(--v5-sky);stroke-width:2.8}
.bt--c .ph{position:absolute;right:28px;bottom:-110px;width:150px;transform:rotate(5deg)}
.bt--c h3,.bt--c p{max-width:190px}
.chat{margin-top:auto;display:grid;gap:8px}
.chat div{max-width:86%;padding:10px 14px;border-radius:16px;font-size:13.5px;font-weight:600;line-height:1.35}
.chat .me{background:#fff;color:var(--v5-ink);border-bottom-left-radius:4px;box-shadow:var(--v5-sh-1)}
.chat .us{justify-self:end;background:var(--v5-ink);color:#fff;border-bottom-right-radius:4px}
.chat small{display:block;font-size:11px;font-weight:700;opacity:.6;margin-bottom:2px}
.seo{margin-top:auto;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:var(--v5-sh-1)}
.seo__u{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--v5-ink-3);font-weight:700}
.seo__u i{width:18px;height:18px;border-radius:50%;background:#FFC531}
.seo__t{font-size:15px;font-weight:800;color:#1A4FC4;margin-top:6px;line-height:1.3}
.seo__d{font-size:12.5px;line-height:1.4;color:var(--v5-ink-2);margin-top:3px}
.seo__k{display:flex;gap:6px;margin-top:10px}
.seo__k span{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--v5-lilac-50);color:#4B3FB3}
.bt--f .dash{align-self:end;margin-top:34px;border-radius:16px 0 0 0;overflow:hidden;box-shadow:var(--v5-sh-3);border:1px solid rgba(255,255,255,.1);border-right:0;border-bottom:0}
.bt--f .dash img{width:100%;height:286px;object-fit:cover;object-position:left top}

/* work */
.reelw{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0 26px;margin-bottom:-26px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.reelw::-webkit-scrollbar{display:none}
.reel{display:flex;gap:22px;width:max-content;padding:0 32px}
.wk{width:400px;flex:none}
.wk .bz{box-shadow:var(--v5-sh-2);transition:transform .25s ease,box-shadow .25s ease}
.wk:hover .bz{transform:translateY(-4px);box-shadow:var(--v5-sh-3)}
.wk__m{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.wk__n{font-weight:800;color:var(--v5-ink);font-size:16px}
.wk__s{font-size:13.5px;color:var(--v5-ink-3);font-weight:600}
.work__f{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:36px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.steps::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:repeating-linear-gradient(90deg,#CFD6DF 0 8px,transparent 8px 16px)}
.stp{position:relative;text-align:center;padding:0 8px}
.stp__n{position:relative;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--v5-ink);font-weight:800;font-size:20px;color:var(--v5-ink);box-shadow:0 0 0 8px var(--v5-soft)}
.stp:last-child .stp__n{background:var(--v5-orange);border-color:var(--v5-orange)}
.stp__w{display:inline-block;font-size:12px;font-weight:800;color:var(--v5-orange-d);background:var(--v5-orange-50);padding:4px 10px;border-radius:999px;margin-bottom:10px}
.stp p{font-size:14.5px;line-height:1.5;margin-top:6px}
.steps__f{display:flex;justify-content:center;gap:12px;margin-top:40px}

/* industries */
.inds{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.ind{position:relative;height:270px;border-radius:var(--v5-r-lg);overflow:hidden;background:var(--v5-orange);display:block;transition:transform .25s ease}
.ind:hover{transform:translateY(-5px)}
.ind img{position:absolute;left:50%;bottom:-8px;height:228px;width:auto;max-width:none;transform:translateX(-50%);transition:transform .35s ease;filter:drop-shadow(0 8px 14px rgba(11,31,51,.22))}
.ind:hover img{transform:translateX(-50%) scale(1.045)}
.ind__n{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:#fff;color:var(--v5-ink);font-weight:800;font-size:13.5px;box-shadow:var(--v5-sh-1)}
.ind__n .ic{width:13px;height:13px;stroke-width:2.8}
.ind.c2{background:#0B1F33}.ind.c3{background:#8EC5FF}.ind.c4{background:#7BC79A}.ind.c5{background:#FFD35C}.ind.c6{background:#FFB7A1}
.inds__f{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.inds__f a{font-size:14px;font-weight:700;color:var(--v5-ink);padding:8px 14px;border-radius:999px;background:var(--v5-soft);transition:background .15s ease}
.inds__f a:hover{background:var(--v5-orange-100)}
.inds__f a.all{background:var(--v5-ink);color:#fff}

/* guarantee */
.gt{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border-radius:var(--v5-r-xl);background:var(--v5-ink);overflow:hidden;position:relative}
.gt__l{padding:52px 52px 52px 56px}
.gt h2{color:#fff;margin:14px 0 14px;font-size:36px}
.gt .eyebrow{color:#FFB37A}
.gt p{color:#C4CEDA;font-size:16.5px;max-width:470px}
.gt__pts{display:grid;gap:10px;margin:22px 0 28px}
.gt__pts div{display:flex;gap:10px;align-items:flex-start;color:#fff;font-weight:700;font-size:15px}
.gt__pts .ic{color:#5DDC97;stroke-width:2.6;margin-top:2px}
.gt__r{position:relative;background:linear-gradient(160deg,#FF9A4A,#F97316);min-height:380px}
.gt__r img{position:absolute;right:26px;bottom:0;height:366px;width:auto;filter:drop-shadow(0 10px 18px rgba(11,31,51,.25))}
.seal{position:absolute;left:34px;top:40px;width:148px;height:148px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:var(--v5-sh-3);transform:rotate(-8deg)}
.seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:2px dashed var(--v5-orange)}
.seal b{display:block;font-size:19px;line-height:1.05;color:var(--v5-ink);letter-spacing:-.02em}
.seal span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v5-orange-d);margin-top:5px}

/* extras */
.xs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.x{display:flex;flex-direction:column;border-radius:var(--v5-r-lg);border:1px solid var(--v5-line);background:#fff;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.x:hover{transform:translateY(-4px);box-shadow:var(--v5-sh-2)}
.x__v{height:150px;position:relative;overflow:hidden;background:var(--v5-butter-50);display:grid;place-items:center}
.x:nth-child(2) .x__v{background:var(--v5-rose-50)}.x:nth-child(3) .x__v{background:var(--v5-sky-50)}.x:nth-child(4) .x__v{background:var(--v5-green-50)}
.x__b{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.x__b p{font-size:14.5px;line-height:1.5;margin:6px 0 14px}
.x__p{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:var(--v5-ink);font-size:14.5px}
.x__p .ic{width:16px;height:16px;color:var(--v5-orange-d)}
.x .lg{position:static;width:150px;height:88px}
.x .lg i{width:34px;height:34px;border-radius:10px}.x .lg b{font-size:17px}.x .lg small{font-size:7.5px}
.x .bc{position:absolute;left:50%;top:50%;right:auto;margin:-46px 0 0 -84px;width:150px;height:88px}
.x .fly{position:absolute;right:34px;top:26px;width:74px;height:104px;border-radius:6px;background:#fff;box-shadow:var(--v5-sh-2);transform:rotate(7deg);padding:8px}
.x .fly i{display:block;height:36px;border-radius:4px;background:#FFC531}
.x .fly b{display:block;height:5px;border-radius:3px;background:var(--v5-ink);margin-top:7px;width:80%}
.x .fly u{display:block;height:4px;border-radius:3px;background:#D8DEE6;margin-top:5px}
.x .gcard{width:206px;background:#fff;border-radius:12px;box-shadow:var(--v5-sh-2);padding:12px}
.x .gcard b{display:block;font-size:13px;color:var(--v5-ink)}
.x .gcard span{display:block;font-size:11px;color:var(--v5-ink-3);font-weight:600;margin-top:1px}
.x .gcard em{font-style:normal;color:var(--v5-green);font-weight:800}
.x .gcard div{display:flex;gap:5px;margin-top:9px}
.x .gcard div u{text-decoration:none;font-size:10.5px;font-weight:800;color:var(--v5-sky);background:var(--v5-sky-50);border-radius:999px;padding:4px 9px}
.x .bars{display:flex;align-items:flex-end;gap:9px;height:86px}
.x .bars i{width:20px;border-radius:6px 6px 0 0;background:#9BD4B2}
.x .bars i:last-child{background:var(--v5-green)}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq__l h2{margin:12px 0 12px}
.faq__l .card{margin-top:26px;border-radius:var(--v5-r-lg);background:var(--v5-orange-50);padding:22px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.faq__l .card b{color:var(--v5-ink);font-size:16px}
.faq__l .card span{font-size:14px;grid-column:1}
.faq__l .card .btn{grid-row:1/3;grid-column:2}
.qa{border-bottom:1px solid var(--v5-line)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;font-weight:800;font-size:17px;color:var(--v5-ink);letter-spacing:-.012em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--v5-soft);display:grid;place-items:center;transition:transform .2s ease,background .2s ease}
.qa summary i svg{width:14px;height:14px;stroke-width:2.6}
.qa[open] summary i{transform:rotate(45deg);background:var(--v5-orange);color:var(--v5-ink)}
.qa__a{padding:0 46px 22px 0;font-size:15.5px}
.qa__a a{font-weight:800;color:var(--v5-ink);border-bottom:2px solid var(--v5-orange)}

/* final cta */
.cta{position:relative;border-radius:var(--v5-r-xl);background:linear-gradient(120deg,#FF9A4A 0%,#F97316 55%,#F06A0F 100%);overflow:hidden;padding:56px 56px;min-height:300px;display:flex;flex-direction:column;justify-content:center}
.cta h2{font-size:40px;max-width:560px;letter-spacing:-.03em}
.cta p{color:var(--v5-ink);font-weight:600;font-size:17px;margin-top:12px;max-width:500px}
.cta__b{display:flex;gap:12px;margin-top:26px}
.cta .btn--ghost{border-color:transparent}
.cta__crew{position:absolute;right:30px;bottom:0;width:470px;height:100%}
.cta__crew img{position:absolute;bottom:0;height:var(--v5-h);left:var(--v5-x);width:auto;filter:drop-shadow(0 10px 18px rgba(11,31,51,.25))}
.cta::after{content:"";position:absolute;right:-90px;top:-120px;width:560px;height:560px;border-radius:50%;border:2px dashed rgba(11,31,51,.18)}

/* footer */
.ftr{background:var(--v5-ink);color:#B9C4D2;margin-top:84px;padding:60px 0 28px;font-size:14.5px}
.ftr__g{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.ftr__logo{height:30px;width:auto}
.ftr p{margin-top:16px;max-width:280px;line-height:1.55}
.ftr h4{color:#fff;font-size:14px;margin-bottom:14px;letter-spacing:.01em}
.ftr li{list-style:none;margin:0 0 9px}
.ftr ul{margin:0;padding:0}
.ftr a:hover{color:#fff}
.ftr__b{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}

/* sticky phone CTA */
.sticky{display:none}

/* motion */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--v5-d,0ms)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.bob{animation:bob 6s ease-in-out infinite}.bob--2{animation-duration:7.5s;animation-delay:-2s}.bob--3{animation-duration:5.2s;animation-delay:-1s}
@keyframes rise{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
.crew img{animation:rise .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--v5-dl,0ms)}
@keyframes sun{from{transform:translateX(-50%) translateY(60px);opacity:0}to{transform:translateX(-50%);opacity:1}}
.sun{animation:sun 1s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ---------- tablet ---------- */
@media (max-width:1000px){
  .nav,.hdr__tel,.hdr__login{display:none}
  .hdr__burger{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--v5-soft);border:0;color:var(--v5-ink)}
  .fl--a,.fl--b{width:230px}.fl--c{display:none}
  .prom__in{grid-template-columns:repeat(2,1fr)}.pr:nth-child(3){border-left:0}.pr:nth-child(n+3){border-top:1px solid var(--v5-line-2)}
  .bt--a,.bt--f{grid-column:span 6}.bt--b,.bt--c,.bt--v5-d,.bt--e{grid-column:span 3}
  .inds{grid-template-columns:repeat(3,1fr)}
  .xs{grid-template-columns:repeat(2,1fr)}
  .incl{grid-template-columns:1fr}
  .gt{grid-template-columns:1fr}.gt__r{min-height:300px}
  .faq{grid-template-columns:1fr;gap:28px}
  .ftr__g{grid-template-columns:1fr 1fr 1fr}
  .cta__crew{display:none}
  .bt--a h3,.bt--a p{max-width:44%}
  .bt--a .art{width:46%;right:20px}
  .bt--a .st{display:none}
}

@media (max-width:900px){
  .pks{grid-template-columns:1fr;max-width:520px;margin:0 auto}
}

/* ---------- phone ---------- */
@media (max-width:640px){
  :root{--v5-pad:20px}
  body.v5{font-size:15.5px}
  :where(body.v5) h1{font-size:35px;line-height:1.08}
  :where(body.v5) h2{font-size:27px}
  :where(body.v5) h3{font-size:19px}
  .sec{padding:52px 0}.sec--tight{padding:44px 0}
  .head{margin-bottom:28px}
  .lead{font-size:16px}
  .hdr__in{height:58px;gap:12px}.hdr__logo img{height:26px}
  .hdr__r .btn{height:38px;padding:0 14px;font-size:13.5px}
  .hero__in{padding-top:26px}
  .pill{font-size:12px;height:32px;padding-right:12px}
  .hero__sub{font-size:16.5px}
  .hero__cta{flex-direction:column;gap:10px}.hero__cta .btn{width:100%;height:50px}
  .hero__note{flex-wrap:wrap;gap:6px 14px;font-size:12.5px}
  .stage{height:300px;margin-top:22px}
  .sun{width:410px;height:205px}
  .sun::before{inset:-22px -22px 0}
  .crew{width:390px;height:300px}
  .crew img{height:calc(var(--v5-h)*.66);left:calc(var(--v5-x)*.47)}
  .fl--a{left:-34px;top:0;width:150px}.fl--b{right:-34px;top:6px;width:150px}
  .chip{display:none}
  .dood{display:none}
  .prom{margin-top:-22px}
  .prom__in{grid-template-columns:1fr 1fr;border-radius:20px}
  .pr{grid-template-columns:1fr;gap:8px;padding:14px}
  .pr__ic{width:36px;height:36px;border-radius:10px}.pr__t{font-size:14px}.pr__d{font-size:12.5px}
  .pks{gap:16px}
  .pk__vis{height:180px}
  .pk__b{padding:20px}
  .incl{padding:16px 18px;gap:12px}.incl__t{white-space:normal}
  .bento{grid-template-columns:1fr;gap:14px}
  .bt,.bt--a,.bt--b,.bt--c,.bt--v5-d,.bt--e,.bt--f{grid-column:auto;min-height:0;padding:22px}
  .bt--a{padding-bottom:236px}.bt--a .art{right:-30px;width:320px;bottom:-34px}.bt--a .st{display:none}
  .bt--c{min-height:250px}.bt--c .ph{width:124px;right:16px;bottom:-96px}
  .bt--b .url,.bt--v5-d .chat,.bt--e .seo{margin-top:20px}
  .bt--f{grid-template-columns:1fr;padding:26px 0 0 22px;gap:0}.bt--f>div:first-child{padding-right:22px}.bt--f .dash img{height:220px}
  .wk{width:290px}.reel{gap:16px}
  .work__f{flex-direction:column;gap:14px}
  .steps{grid-template-columns:1fr;gap:22px}
  .steps::before{left:27px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#CFD6DF 0 8px,transparent 8px 16px)}
  .stp{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;text-align:left;padding:0}
  .stp__n{margin:0;grid-row:1/4}
  .stp__w{justify-self:start;margin-bottom:4px}
  .steps__f{flex-direction:column}.steps__f .btn{width:100%;height:50px}
  .inds{grid-template-columns:1fr 1fr;gap:12px}
  .ind{height:210px}.ind img{height:176px}
  .gt__l{padding:32px 24px}.gt h2{font-size:28px}
  .gt__r{min-height:270px}.gt__r img{height:256px;right:10px}.seal{width:120px;height:120px;left:18px;top:24px}.seal b{font-size:16px}.seal span{font-size:9px}
  .xs{grid-template-columns:1fr;gap:14px}
  .x{flex-direction:row}.x__v{width:118px;height:auto;flex:none}.x__v>*{transform:scale(.62)}
  .x .bc{margin:-44px 0 0 -75px}.x .fly{display:none}
  .x__b{padding:16px}
  .faq__l .card{grid-template-columns:1fr}.faq__l .card .btn{grid-row:auto;grid-column:1;justify-self:start;margin-top:8px}
  .qa summary{font-size:16px;padding:16px 0}.qa__a{padding-right:0}
  .cta{padding:34px 24px 200px;min-height:0}.cta h2{font-size:29px}.cta p{font-size:16px}
  .cta__b{flex-direction:column}.cta__b .btn{width:100%;height:50px}
  .cta__crew{display:block;opacity:1;right:50%;transform:translateX(50%);width:300px;height:190px}
  .bt--a h3,.bt--a p{max-width:none}
  .cta__crew img{height:calc(var(--v5-h)*.62);left:calc(var(--v5-x)*.62)}
  .ftr{margin-top:52px;padding:44px 0 96px}
  .ftr__g{grid-template-columns:1fr 1fr;gap:28px 20px}.ftr__g>div:first-child{grid-column:1/-1}
  .ftr__b{flex-direction:column;gap:8px}

  /* phone: tighter hero, package tabs, compact tiles */
  .hero h1{font-size:32px}
  .fl--a{left:-46px;top:-4px;width:140px}.fl--b{right:-46px;top:2px;width:140px}
  .pay{display:flex;width:100%}.pay button{flex:1;justify-content:center;padding:0 8px;font-size:13.5px}
  .pay .l{display:none}.pay .s{display:inline}
  .pktabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:18px;background:var(--v5-soft);margin-bottom:26px}
  .pktabs button{border:0;background:transparent;border-radius:14px;padding:10px 4px;font:800 14px/1.2 var(--v5-sans);color:var(--v5-ink-2);cursor:pointer}
  .pktabs small{display:block;font-size:12px;font-weight:700;color:var(--v5-ink-3);margin-top:3px}
  .pktabs button[aria-pressed="true"]{background:#fff;color:var(--v5-ink);box-shadow:var(--v5-sh-1)}
  html:not(.no-js) [data-pk] .pk{display:none}
  html:not(.no-js) [data-pk="one"] .pk[data-k="one"],html:not(.no-js) [data-pk="five"] .pk[data-k="five"],html:not(.no-js) [data-pk="startup"] .pk[data-k="startup"]{display:flex}
  .pk.rv{opacity:1;transform:none}
  .pk__s{min-height:0}
  .incl__l{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;font-size:13.5px}
  .after{font-size:14px}
  .bt--b,.bt--c,.bt--e{padding:18px 20px;min-height:0}
  .bt--b .url,.bt--c .ph,.bt--e .seo{display:none}
  .bt--c h3,.bt--c p{max-width:none}
  .bt--f .dash img{height:190px}
  .wk__m{flex-direction:column;align-items:flex-start;gap:0}
  .inds{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x mandatory;scroll-padding:0 20px}
  .inds::-webkit-scrollbar{display:none}
  .ind{flex:none;width:158px;scroll-snap-align:start}
  .inds__f{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:18px -20px 0;padding:0 20px}
  .inds__f::-webkit-scrollbar{display:none}
  .inds__f a{flex:none}
  .gt__r{min-height:210px}.gt__r img{height:200px}.seal{width:104px;height:104px;top:20px}.seal b{font-size:14px}.seal span{font-size:8px}
  .xs{grid-template-columns:1fr 1fr;gap:12px}
  .x{flex-direction:column}.x__v{width:auto;height:96px}
  .x__b{padding:14px}.x__b h3{font-size:16px}.x__b p{display:none}.x__p{margin-top:8px;font-size:13.5px}
  .stp p{font-size:14px}
  .sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--v5-line);transform:translateY(110%);transition:transform .3s ease}
  .sticky.on{transform:none}
  .sticky div{flex:1;line-height:1.25}.sticky b{display:block;color:var(--v5-ink);font-size:14.5px}.sticky span{font-size:12.5px;color:var(--v5-ink-3);font-weight:600}
  .sticky .btn{height:44px}
}

/* ---------- additions for the theme (not in the prototype) ---------- */

/* the older sheets give these class names their own meaning: neutralise what the v5 rules above do not set */
.eyebrow{margin-bottom:0}
.mega{max-height:none;overflow:visible}
.head{display:block;gap:0}
.head h2{max-width:none}
.hdr,.mnav,.ftr,.sticky,body.v5{letter-spacing:0}

/* menus: a link plus its own toggle button, so Enter follows the link and the button opens the panel */
.nav__i.has-mega{display:flex;align-items:center;border-radius:10px;transition:background .15s ease}
.nav__i.has-mega:hover,.nav__i.has-mega.is-open{background:var(--v5-soft)}
.nav__i.has-mega>.nav__a,.nav__i.has-mega:hover>.nav__a,.nav__i.has-mega.is-open>.nav__a{background:none;padding-right:2px}
.nav__t{width:26px;height:40px;padding:0;border:0;background:transparent;color:var(--v5-ink);display:grid;place-items:center;cursor:pointer;border-radius:0 10px 10px 0}
.nav__t .ic{width:14px;height:14px;stroke-width:2.4;opacity:.6;transition:transform .2s ease}
.nav__i:hover .nav__t .ic,.nav__i.is-open .nav__t .ic{transform:rotate(180deg)}
.nav__a[aria-current="page"]{background:var(--v5-soft)}
/* Websites is one button: label and chevron together (13 Oct 2026) */
.nav__i.has-mega>.nav__t[data-nav-label]{width:auto;padding:0 12px;gap:5px;display:flex;align-items:center;font:inherit;font-weight:700;font-size:14.5px;border-radius:10px}
.nav__t[data-nav-label][data-here]{background:var(--v5-soft)}
.hdr__burger{cursor:pointer}

/* keyboard focus: one ring in the brand orange (navy on orange, light orange on navy) */
:where(.hdr,.mnav,.ftr,.sticky,body.v5 main) :is(a,button,summary):focus-visible{outline:3px solid var(--v5-ring,#C94F0D);outline-offset:3px}
.ftr,.gt,.bt--f{--v5-ring:#FFB37A}
.cta,.gt__r,.ind.c3,.ind.c4,.ind.c5,.ind.c6{--v5-ring:var(--v5-ink)}
.btn:focus-visible,.pay button:focus-visible,.pill:focus-visible,.inds__f a:focus-visible{border-radius:999px}
.nav__a:focus-visible,.nav__t:focus-visible{border-radius:10px}
.mi:focus-visible{border-radius:14px}
.mnav__g a:focus-visible,.hdr__burger:focus-visible{border-radius:12px}
.pktabs button:focus-visible{border-radius:14px}
.ind:focus-visible,.x:focus-visible{border-radius:var(--v5-r-lg)}

/* real client names can be long (Nicholsons' areas): let the line wrap rather than push the card wide */
.wk__m{gap:4px 12px;flex-wrap:wrap}
.wk__s{text-align:right}

/* without JavaScript: three packages stay visible (the phone tabs rule already needs .js), the menu is a plain list */
.no-js .pktabs{display:none}
.no-js .hdr__burger{display:none}
@media (max-width:1000px){
  .no-js .mnav[hidden]{display:block;position:static;overflow:visible}
  .no-js .mnav__in{min-height:0}
}

/* a pay toggle without script cannot switch, so the one-off route is the one shown */
.no-js .pay{display:none}
.no-js .is-mo{display:none!important}

/* the footer's legal row, which the older footer carried and the prototype did not draw */
.ftr__legal{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.ftr__legal a,.ftr__legal button{color:inherit;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ftr__legal a:hover,.ftr__legal button:hover{color:#fff}
.ftr__co{margin-top:18px;font-size:12.5px;line-height:1.5;color:#93A3B6}

/* the placeholder page: the v5 shell, one heading, one honest line, one button */
.v5-ph{padding:96px 0 120px;text-align:center}
.v5-ph .wrap{max-width:720px}
.v5-ph h1{margin:14px 0 14px}
.v5-ph .lead{margin-bottom:28px}

/* each real client website in the reel carries its label; the card is the positioning context */
.wk{position:relative}
.wk .tag{position:absolute;left:12px;top:38px;z-index:2}

/* =====================================================================================================
   HOMEPAGE HERO FITS THE SCREEN (owner, 13 Oct 2026: "make the homepage hero fit the screen size its being
   displayed on"). The hero is exactly one screen tall, whatever the screen: the words scale with the window
   and the picture (the sun, the people, the two websites) takes the height that is left and scales with it.
   On tall desktop windows the four promises sit inside the first screen too; on short ones they follow.
   Older browsers without container units keep the fixed layout above.
   ===================================================================================================== */
@supports (width:1cqw) and (height:1svh){
  .hero{--v5-dock:0px;display:flex;height:calc(100svh - 64px - var(--v5-dock));min-height:500px;max-height:1060px}
  .hero__in{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:clamp(14px,4.2vh,52px)}
  .pill{flex:none;max-width:100%;margin-top:auto}
  .hero h1{font-size:clamp(32px,min(3.6vw,6.2vh),56px);margin-top:clamp(8px,2vh,20px);max-width:none}
  .hero__sub{font-size:clamp(15.5px,min(1.3vw,2.25vh),21px);margin-top:clamp(8px,1.8vh,18px);max-width:33em}
  .hero__cta{margin-top:clamp(12px,2.6vh,28px)}
  .hero__note{margin-top:clamp(8px,1.8vh,18px);margin-bottom:auto}
  .stage{flex:1 1 0;align-self:stretch;min-height:0;height:auto;max-height:min(36vw,430px);margin-top:clamp(8px,2.4vh,30px);container-type:size}
  /* --v5-sh is the height the people stand in; --v5-cw is the width of each of the two website previews */
  .stage>*{--v5-sh:min(100cqh,34cqw);--v5-cw:min(calc(var(--v5-sh)*1.02),31cqw)}
  .sun{height:calc(var(--v5-sh)*.965);width:calc(var(--v5-sh)*1.93);border-radius:999px 999px 0 0}
  .sun::before{inset:calc(var(--v5-sh)*-.084) calc(var(--v5-sh)*-.084) 0;border-radius:999px 999px 0 0}
  .crew{height:var(--v5-sh);width:calc(var(--v5-sh)*2.03)}
  .crew img{height:calc(var(--v5-sh)*var(--v5-hp)/100);left:calc(var(--v5-xp)*1%)}
  .crew img:nth-child(1){--v5-hp:80.7;--v5-xp:2.7}
  .crew img:nth-child(2){--v5-hp:81.7;--v5-xp:72.9}
  .crew img:nth-child(3){--v5-hp:90.6;--v5-xp:19.3}
  .crew img:nth-child(4){--v5-hp:89.6;--v5-xp:56.8}
  .crew img:nth-child(5){--v5-hp:98;--v5-xp:37.1}
  /* the previews stand just outside the people, tucked a little behind the outer two, and never leave the screen */
  .fl--a{top:auto;bottom:calc(var(--v5-sh)*.26);width:var(--v5-cw);left:max(calc(50% - var(--v5-sh) - var(--v5-cw)*.94),-3cqw)}
  .fl--b{top:auto;bottom:calc(var(--v5-sh)*.30);width:var(--v5-cw);right:max(calc(50% - var(--v5-sh) - var(--v5-cw)*.94),-3cqw)}
  .chip--1{left:calc(50% - var(--v5-sh)*1.435);bottom:calc(var(--v5-sh)*.193)}
  .chip--2{right:calc(50% - var(--v5-sh)*1.485);bottom:calc(var(--v5-sh)*.149)}
  @container (max-height:300px){.chip{display:none}}

  /* very wide windows: a wider stage and larger words, so a big monitor is filled too */
  @media (min-width:1600px){
    .hero{max-height:1200px}
    .hero .wrap{max-width:1500px}
    .hero h1{font-size:clamp(32px,min(3.6vw,6.2vh),66px)}
    .hero__sub{font-size:clamp(15.5px,min(1.3vw,2.25vh),23px)}
    .stage{max-height:min(36vw,500px)}
  }
  /* tablets: the people take more of the width */
  /* tablets held upright: the previews sit above the outer people, where there is room to show them properly */
  @media (min-width:641px) and (max-width:900px){
    .chip{display:none}
    .stage{max-height:56vw}
    .stage>*{--v5-sh:min(80cqh,40cqw);--v5-cw:35cqw}
    .fl--a{top:0;bottom:auto;left:-2cqw}
    .fl--b{top:1.5cqh;bottom:auto;right:-2cqw}
  }

  /* tall desktop windows: the promises bar finishes the first screen */
  @media (min-width:1001px) and (min-height:760px){
    .hero{--v5-dock:72px}
  }
  /* shorter windows and tablets: the promises follow the hero instead of overlapping a picture cut at the fold */
  @media (max-height:759px), (max-width:1000px){
    .prom{margin-top:18px}
  }
  @media (max-height:620px) and (min-width:641px){
    .pill{display:none}
    .hero h1{margin-top:auto}
  }

  /* phones: one screen, with the buttons side by side so the people keep their room */
  @media (max-width:640px){
    .hero{height:calc(100svh - 58px);min-height:460px;max-height:900px}
    .pill__x{display:none}
    .hero__in{padding-top:clamp(10px,2.6vh,26px)}
    .hero h1{font-size:clamp(26px,min(8.4vw,4.5vh),38px);margin-top:clamp(8px,1.6vh,18px)}
    .hero__sub{font-size:clamp(15px,2.2vh,17px);margin-top:clamp(6px,1.5vh,16px)}
    .hero__cta{flex-direction:row;gap:8px;margin-top:clamp(10px,2.2vh,24px)}
    .hero__cta .btn{width:auto;flex:1 1 auto;height:48px;padding:0 12px;font-size:14.5px}
    .hero__cta .btn--primary{flex:1.6 1 auto}
    .hero__cta .btn .ic{display:none}
    .hero__note{flex-wrap:nowrap;gap:14px;font-size:12px;margin-top:clamp(8px,1.6vh,16px)}
    .hero__note span:nth-child(3){display:none}
    .stage{margin-top:clamp(8px,2vh,22px);max-height:none}
    .stage>*{--v5-sh:82cqh;--v5-sun:min(60cqh,52cqw);--v5-cw:46cqw}
    .sun{height:var(--v5-sun);width:calc(var(--v5-sun)*2)}
    .sun::before{inset:calc(var(--v5-sun)*-.1) calc(var(--v5-sun)*-.1) 0}
    .crew{width:min(calc(var(--v5-sh)*1.5),114cqw)}
    .fl--a{left:-5cqw;top:0;bottom:auto;width:var(--v5-cw)}
    .fl--b{right:-5cqw;top:1.5cqh;bottom:auto;width:var(--v5-cw)}
    .prom{margin-top:-22px}
  }
  @media (max-width:640px) and (max-height:640px){
    .pill{display:none}
    .hero h1{margin-top:auto}
  }
  @media (max-width:350px){
    .hero__cta{flex-direction:column}
    .hero__cta .btn{width:100%;flex:none;height:46px}
    .hero__note span:nth-child(2){display:none}
  }
}

/* Owner, 13 Oct 2026: "remove the star, blue circle, orange tint bits on the homepage hero so it looks more
   professional." The doodles go (on every page), and the homepage hero loses its dashed ring and its peach tint. */
.dood{display:none}
.hero{background:#fff}
.sun::before{display:none}

/* Owner, 13 Oct 2026: "add icons on in every package bar under the packages." Each item gets its own icon tile;
   the heading and the compare link share a row above, so nothing is clipped on tablets. */
.incl{display:block;padding:20px 22px 22px}
.incl__h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.incl__t{font-size:16px;white-space:normal}
.incl__l{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;font-size:13.5px}
.incl__l span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--v5-soft);font-weight:800;line-height:1.25;color:var(--v5-ink)}
.incl__l i{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.incl__l i.b{background:var(--v5-sky-50);color:var(--v5-sky)}
.incl__l i.g{background:var(--v5-green-50);color:var(--v5-green)}
.incl__l i.y{background:var(--v5-butter-50);color:#946C00}
.incl__l i.l{background:var(--v5-lilac-50);color:#4B3FB3}
.incl__l i.m{background:var(--v5-mint-50);color:#0F766E}
.incl__l .ic{width:19px;height:19px;color:inherit;stroke-width:2}
@media (max-width:1000px){
  .incl__l{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .incl{padding:16px}
  .incl__l{grid-template-columns:1fr 1fr;gap:8px;font-size:13px}
  .incl__l span{padding:8px 10px;gap:8px}
  .incl__l i{width:34px;height:34px;border-radius:10px}
}

/* =====================================================================================================
   SCALE (owner, 13 Oct 2026: "make sure the website is not as zoomed in like it normally is... perfect on all
   devices... you should be able to see pricing cards in one screen without scrolling really").
   The pages are drawn for a large desktop. Measured on real sizes, everything smaller felt zoomed in: an iPad
   in landscape or an ordinary laptop showed about four fifths of what the design intends. So below a large
   desktop the whole site is drawn a step smaller, as one piece (type, spacing and pictures together), and the
   blocks that must be seen whole size their pictures from the height that is left.
   --v5-z is the scale. Anything that measures the screen (100svh) divides by it.
   ===================================================================================================== */
@supports (zoom:1){
  :root{--v5-z:1}
  @media (min-width:641px) and (max-width:1000px){:root{--v5-z:.9}}      /* tablets held upright, small landscape */
  @media (min-width:1001px) and (max-width:1279px){:root{--v5-z:.86}}    /* tablets in landscape, small laptops */
  @media (min-width:1280px) and (max-width:1699px){:root{--v5-z:.9}}     /* laptops */
  @media (min-width:1001px) and (max-height:700px){:root{--v5-z:.86}}    /* short laptop screens */
  /* drawn smaller, the page has room to be wider: laptops use more of their width */
  @media (min-width:1280px) and (max-width:1499px){:root{--v5-wrap:1280px}}
  @media (min-width:1500px) and (max-width:1699px){:root{--v5-wrap:1360px}}
  body.v5{zoom:var(--v5-z)}
}

/* the homepage hero is one screen tall: the screen, in the page's own scale */
@supports (width:1cqw) and (height:1svh){
  .hero{height:calc(100svh / var(--v5-z,1) - 64px - var(--v5-dock))}
  @media (max-width:640px){.hero{height:calc(100svh / var(--v5-z,1) - 58px)}}
}

/* package cards are seen whole: the picture at the top of each card gives way before the button leaves the screen */
@supports (height:1svh){
  @media (min-width:641px){
    .pk__vis{height:clamp(84px,calc(100svh / var(--v5-z,1) - 64px - 566px),196px)}
  }
}
/* phones: the one card on show, with its button, is one screen */
@supports (height:1svh){
  @media (max-width:640px){
    .pk__vis{height:clamp(84px,calc(100svh - 58px - 556px),180px)}
  }
}
/* tablets: three cards across, never a stack of three screens */
@media (min-width:641px) and (max-width:1000px){
  .pks{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:14px}
  .pk__b{padding:18px 16px 18px}
  .pk__n{font-size:19px}
  .pk__price b{font-size:34px}
  .pk li{font-size:13.5px;gap:7px}
  .pk .btn{padding:0 12px;font-size:14px}
}

/* =====================================================================================================
   PERFECTION PASS 13 Oct (core pages, shared): on very large screens (2200px and wider) the site is drawn a step
   larger so it is not lost in white space. --v5-z is the scale every block already divides by.
   ===================================================================================================== */
@supports (zoom:1){
  @media (min-width:2200px){:root{--v5-z:1.15}}
}

/* =====================================================================================================
   ONE "GET STARTED" AT A TIME ON PHONES (owner, 13 Oct 2026: "it's a bit much having get started at the top and
   bottom, change the top one to something else when the bottom one is showing"; "3 times" with the menu open).
   While the bottom bar shows, the header pill becomes Request a call; while the phone menu is open (it has its
   own Get started), the bar and the header pill step aside.
   ===================================================================================================== */
.hdr__alt{display:none}
@media (max-width:640px){
  body.is-bar .hdr__start{display:none}
  body.is-bar .hdr__alt{display:inline-flex}
  body.is-menu .sticky,body.is-menu .hdr__start,body.is-menu .hdr__alt{display:none}
}

/* Audit notes, 13 Oct 2026 (shared rules): side-by-side hero buttons wrap instead of overflowing when a label is long; the "in every package" bar breathes on phones. */
@media (max-width:640px){
  .hero__cta{flex-wrap:wrap}
  .hero__cta .btn{min-width:0}
  .incl__h{flex-direction:column;align-items:flex-start;gap:6px}
  .incl__l{grid-template-columns:1fr 1fr;gap:8px}
  .incl__l span{padding:9px 10px;font-size:13px}
  .incl__l i{width:32px;height:32px}
}

/* Example businesses (13 October 2026): each drawn example on the Extras and Start-Up pages wears its own colours.
   A wrapper (or one drawn kit) carries "biz biz--name"; the drawn pieces (logo, cards, flyer, social tiles, search
   result) read --v5-biz-ac (the accent) and --v5-biz-in (the dark). Without the class everything keeps the default yellow and navy. */
.biz{--v5-biz-ac:#FFC531;--v5-biz-in:#0B1F33}
.biz--marlow{--v5-biz-ac:#F2B8C6;--v5-biz-in:#3A2340}
.biz--hartley{--v5-biz-ac:#B9DA6E;--v5-biz-in:#1F3D2B}
.biz--tidewell{--v5-biz-ac:#F4A85C;--v5-biz-in:#12394A}
.biz--wren{--v5-biz-ac:#C9A96A;--v5-biz-in:#1D3B2F}
.biz--plover{--v5-biz-ac:#D17A4E;--v5-biz-in:#2C2118}
.biz .lg{width:auto;min-width:120px;padding:0 14px}
.biz .lg i{background:var(--v5-biz-ac);color:var(--v5-biz-in)}
.biz .lg--dk{background:var(--v5-biz-in)}
.biz .lg--bt{background:var(--v5-biz-ac)}.biz .lg--bt i{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .lg i.l2{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .lg i.l3{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .lg--sq{width:84px;min-width:0;padding:0}
.biz .bc{background:var(--v5-biz-in)}.biz .bc i{background:var(--v5-biz-ac)}
.biz .bc--back{background:var(--v5-biz-ac)}.biz .bc--back i{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .bc--w{background:#fff;color:var(--v5-biz-in)}.biz .bc--w i{background:var(--v5-biz-ac)}
.biz .seo__u i{background:var(--v5-biz-ac)}
.biz .fly i,.biz .flyx__f{background:var(--v5-biz-ac)}
.biz .flyx__h{background:var(--v5-biz-in)}.biz .flyx__b span::before{background:var(--v5-biz-ac)}
.biz .soc i{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .soc i:nth-child(2){background:var(--v5-biz-ac);color:var(--v5-biz-in)}
.biz .soc i:nth-child(3){background:#fff;color:var(--v5-biz-in)}
.biz .cover{background:var(--v5-biz-ac)}.biz .cover b,.biz .cover span{color:var(--v5-biz-in)}
.biz .cover i,.biz .avatar{background:var(--v5-biz-in);color:var(--v5-biz-ac)}
.biz .gp i{background:#fff;color:var(--v5-biz-in)}
.biz .lg b{white-space:nowrap}

/* ---------- Hero options 2 and 3 (owner section 2: a more cohesive photographic treatment; ?hero=2|3 on staging) ----------
   2: three of the site's own people standing together beside one real client website. 3: one person, one website, calmer.
   The people take their size and place from --v5-hp / --v5-xp set inline, through the same fit-the-screen system as option 1. */
.stage--h2 .fl--b,.stage--h3 .fl--b{top:auto;z-index:0;transform:rotate(2deg)}
.stage--h2 .fl--b{width:calc(var(--v5-cw)*1.2);bottom:calc(var(--v5-sh)*.2);right:max(calc(50% - var(--v5-sh)*1.3),-3cqw)}
.stage--h3 .fl--b{width:calc(var(--v5-cw)*1.1);bottom:calc(var(--v5-sh)*.3);right:max(calc(50% - var(--v5-sh)*1.2),-3cqw)}
.stage--h2 .fl--b .tag,.stage--h3 .fl--b .tag{position:absolute;right:14px;top:-13px;z-index:3}
.stage--h2 .chip--2{right:auto;left:calc(50% - var(--v5-sh)*1.15);bottom:calc(var(--v5-sh)*.18)}
.stage--h3 .sun{opacity:.96}
@media (max-width:640px){
  .stage--h2 .fl--b,.stage--h3 .fl--b{top:1cqh;bottom:auto;width:58cqw;right:-6cqw}
  .stage--h2 .fl--b .tag,.stage--h3 .fl--b .tag{top:-10px;font-size:10.5px}
  .stage--h2 .chip{display:none}
  .stage--h2 .crew img{left:calc(var(--v5-xp)*1.55%)}
  .stage--h3 .crew img{left:calc(var(--v5-xp)*1.6%)}
}
.seo__c{font-size:11px;font-weight:800;color:var(--v5-ink-3);margin-top:8px}
.after .link{margin-left:6px;white-space:nowrap}

/* phones: each footer legal link is a 44px-high tap target (14 October 2026 review); the row spacing stays the same by taking the gap back */
@media (max-width:640px){
  .ftr__legal{gap:0 18px}
  .ftr__legal a,.ftr__legal button{display:inline-flex;align-items:center;min-height:44px}
}