/* PrimeStart v5: EXTRAS DIRECTORY, EIGHT ADD-ON PAGES AND LOCAL SEO (12 Oct 2026), ported from the lead's prototype
   (handover/rebuild-2026-10-12/v5/v5-addons.css). Only change: every custom property is prefixed --v5- (as in v5.css).
   One shared sheet for these ten pages; each page has its own colour world, set on the wrapper (.aw--logo, .aw--brand ...)
   and its own hero stage. Loaded after v5.css, v5-pages.css and v5-packages.css on those pages only (inc/v5-extras.php). */

/* ---------- colour worlds ---------- */
.aw{--v5-b1:#fff;--v5-b2:#FFF3E8;--v5-ac:#F97316;--v5-ac2:#FFE0C4;--v5-tint:#FFF3E8}
.aw--logo{--v5-b1:#F6F3FF;--v5-b2:#E0D7FF;--v5-ac:#8B6CFF;--v5-ac2:#C9BBFF;--v5-tint:#F1EEFF}
.aw--brand{--v5-b1:#FFF3EF;--v5-b2:#FFD8CC;--v5-ac:#FF7F5F;--v5-ac2:#FFC2B1;--v5-tint:#FFECEC}
.aw--cards{--v5-b1:#0B1F33;--v5-b2:#14395E;--v5-ac:#F97316;--v5-ac2:#FFD2AE;--v5-tint:#EAF2FF}
.aw--flyer{--v5-b1:#FFF8DD;--v5-b2:#FFE69A;--v5-ac:#FFC531;--v5-ac2:#FFE08A;--v5-tint:#FFF6D6}
.aw--social{--v5-b1:#EAF9F5;--v5-b2:#BDEDE0;--v5-ac:#2CC3A8;--v5-ac2:#9FE3D3;--v5-tint:#E6F7F3}
.aw--gbp{--v5-b1:#EEF5FF;--v5-b2:#CBDFFF;--v5-ac:#4C8DF6;--v5-ac2:#A9CBFF;--v5-tint:#EAF2FF}
.aw--page{--v5-b1:#FFF7EF;--v5-b2:#FFDFC2;--v5-ac:#F97316;--v5-ac2:#FFC08A;--v5-tint:#FFF3E8}
.aw--extras{--v5-b1:#fff;--v5-b2:#FFF0E0;--v5-ac:#F97316;--v5-ac2:#FFE0C4;--v5-tint:#FFF3E8}
.aw--seo{--v5-b1:#0B2E24;--v5-b2:#14513D;--v5-ac:#34D399;--v5-ac2:#B7F0D6;--v5-tint:#E8F6EE}

/* ---------- hero ---------- */
.ah{position:relative;overflow:hidden;background:radial-gradient(640px 420px at 82% 40%,var(--v5-b2) 0%,transparent 70%),linear-gradient(180deg,var(--v5-b1),var(--v5-b2))}
.ah__in{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center;padding-top:26px;padding-bottom:58px}
.ah h1{font-size:46px;line-height:1.07;margin-top:16px;position:relative;z-index:1}
.ah .flagp{margin-top:16px}
.ah__sub{font-size:17.5px;line-height:1.55;margin-top:14px;max-width:480px}
.ah__buy{display:flex;align-items:center;gap:18px;margin-top:22px}
.ah__buy .oprice__n b{font-size:54px}
.ah__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ah .ticks{margin-top:18px}
.ah--dark h1,.ah--dark .oprice__n b{color:#fff}
.ah--dark .hl{color:#fff}
.ah--dark .ah__sub{color:#C4CEDA}
.ah--dark .crumbs{color:#8FA0B5}.ah--dark .crumbs a:hover{color:#fff}
.ah--dark .flagp{background:var(--v5-orange);color:var(--v5-ink)}
.ah--dark .ticks{color:#E3E9F0}.ah--dark .ticks .ic{color:#5DDC97}
.ah--dark .oprice__n span{color:#9FB0C4}
.ah--dark .oprice__d{color:#C4CEDA}
.ah--dark .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.ah--dark .btn--ghost:hover{border-color:#fff}
.ah--dark::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.ah--dark .ah__in{position:relative}

/* the stage: a fixed 560 x 440 canvas of drawn objects, centre-positioned */
.as{position:relative;width:100%;max-width:580px;height:440px;margin:0 auto}
.as__blob{position:absolute;right:6px;top:20px;width:400px;height:400px;border-radius:50%;background:var(--v5-ac)}
.as__blob::before{content:"";position:absolute;inset:-28px;border-radius:50%;border:2px dashed rgba(11,31,51,.2)}
.ah--dark .as__blob::before{border-color:rgba(255,255,255,.22)}
.o{position:absolute;left:var(--v5-cx);top:var(--v5-cy);transform:translate(-50%,-50%) rotate(var(--v5-r,0deg)) scale(var(--v5-s,1));z-index:var(--v5-z,2)}
.pk__flag.o{left:50%;top:-14px;transform:translateX(-50%);z-index:3} /* the drawn-object class "o" must not move a package flag (Pricing loads this sheet for its extras list) */
.o .lg,.o .bc,.o .gcard,.o .fly{position:relative;right:auto;top:auto;transform:none}
.o .fly{display:block}
.o .soc{gap:8px}
.o .seo{margin:0;width:300px}
.as .tag{position:absolute;z-index:9;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap}
.fchip{position:absolute;z-index:8;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:14px;background:#fff;box-shadow:var(--v5-sh-2);font-size:13px;font-weight:800;color:var(--v5-ink);white-space:nowrap;left:var(--v5-x);top:var(--v5-y)}
.fchip i{width:26px;height:26px;border-radius:8px;background:var(--v5-tint);display:grid;place-items:center;color:var(--v5-ink)}
.fchip .ic{width:15px;height:15px;stroke-width:2.6}
.fchip i.g{background:var(--v5-green-50);color:var(--v5-green)}
.fchip i.y{background:#FFC531;color:var(--v5-ink)}
.fchip i.s{background:var(--v5-sky-50);color:var(--v5-sky)}

/* drawn-object variants */
.lg--dk{background:var(--v5-ink)}.lg--dk b{color:#fff}.lg--dk small{color:#9FB0C4}
.lg--bt{background:#FFC531}.lg--bt i{background:var(--v5-ink);color:#FFC531}.lg--bt small{color:var(--v5-ink)}
.lg--sq{width:84px;height:84px;flex-direction:column;gap:5px}
.lg--sq b{font-size:12px}
.lg i.l2{background:var(--v5-ink);color:#FFC531;font:800 17px/1 var(--v5-sans)}
.lg i.l3{background:#127A43;color:#fff;border-radius:50%;font:800 12px/1 var(--v5-sans)}
.bc--back{background:#FFC531;display:grid;place-items:center}
.bc--back i{position:static;width:30px;height:30px;border-radius:9px;background:var(--v5-ink);color:#FFC531;display:grid;place-items:center}
.bc--back i svg{width:16px;height:16px;fill:currentColor}
.bc--w{background:#fff;color:var(--v5-ink)}.bc--w i{background:#FFC531}

/* print-ready frame with crop marks */
.cm{position:absolute;border:1.5px dashed rgba(255,255,255,.55);border-radius:6px;z-index:1}
.cm b{position:absolute;background:#fff;opacity:.8}
.cm b:nth-child(1){left:-14px;top:12px;width:10px;height:1.5px}.cm b:nth-child(2){left:12px;top:-14px;width:1.5px;height:10px}
.cm b:nth-child(3){right:-14px;bottom:12px;width:10px;height:1.5px}.cm b:nth-child(4){right:12px;bottom:-14px;width:1.5px;height:10px}

/* big flyer */
.flyx{width:150px;height:212px;border-radius:7px;background:#fff;box-shadow:var(--v5-sh-2);overflow:hidden;display:flex;flex-direction:column;text-align:left}
.flyx__h{background:var(--v5-ink);padding:11px 11px 12px;color:#fff}
.flyx__h .lg{width:auto;height:auto;background:none;box-shadow:none;justify-content:flex-start;gap:6px}
.flyx__h .lg i{width:16px;height:16px;border-radius:5px}.flyx__h .lg i svg{width:9px;height:9px}
.flyx__h .lg b{font-size:9px;color:#fff}.flyx__h .lg small{display:none}
.flyx__h h4{font-size:15px;line-height:1.08;color:#fff;margin-top:9px;letter-spacing:-.02em}
.flyx__b{padding:10px 11px;flex:1;display:grid;gap:6px;align-content:start}
.flyx__b span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:800;color:var(--v5-ink-2);line-height:1.2}
.flyx__b span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#FFC531}
.flyx__f{background:#FFC531;padding:7px 11px;font-size:7.5px;font-weight:800;color:var(--v5-ink)}

/* brand guide page */
.guide{width:150px;height:200px;border-radius:7px;background:#fff;box-shadow:var(--v5-sh-2);padding:12px;text-align:left;display:flex;flex-direction:column;gap:8px}
.guide__t{font-size:6.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v5-ink-3)}
.guide .lg{width:auto;height:44px;box-shadow:none;background:var(--v5-soft);border-radius:6px}
.guide .lg i{width:20px;height:20px;border-radius:6px}.guide .lg i svg{width:11px;height:11px}.guide .lg b{font-size:10px}.guide .lg small{font-size:4.5px}
.guide__sw{display:flex;gap:5px}
.guide__sw i{flex:1;height:24px;border-radius:5px}
.guide__ty{display:flex;align-items:baseline;gap:8px}
.guide__ty b{font-size:26px;line-height:1;color:var(--v5-ink);letter-spacing:-.04em}
.guide__ty span{font-size:7px;font-weight:700;color:var(--v5-ink-3);line-height:1.3}
.guide u{display:block;height:4px;border-radius:3px;background:#D8DEE6;text-decoration:none}
.swatch{width:66px;height:66px;border-radius:50%;box-shadow:var(--v5-sh-2);border:3px solid #fff}
.fontcard{width:170px;border-radius:14px;background:#fff;box-shadow:var(--v5-sh-2);padding:12px 16px;display:flex;align-items:center;gap:12px}
.fontcard b{font-size:40px;line-height:1;color:var(--v5-ink);letter-spacing:-.05em}
.fontcard span{font-size:11px;font-weight:700;color:var(--v5-ink-3);line-height:1.35}

/* social */
.cover{width:300px;height:112px;border-radius:12px;background:linear-gradient(120deg,#FFC531,#FFD97A);box-shadow:var(--v5-sh-2);position:relative;overflow:hidden;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.cover b{font-size:22px;line-height:1.05;color:var(--v5-ink);letter-spacing:-.03em}
.cover span{font-size:10.5px;font-weight:800;color:var(--v5-ink);opacity:.7;margin-top:4px}
.cover i{position:absolute;right:18px;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:14px;background:var(--v5-ink);color:#FFC531;display:grid;place-items:center}
.cover i svg{width:26px;height:26px;fill:currentColor}
.avatar{width:92px;height:92px;border-radius:50%;background:var(--v5-ink);color:#FFC531;display:grid;place-items:center;border:5px solid #fff;box-shadow:var(--v5-sh-2)}
.avatar svg{width:40px;height:40px;fill:currentColor}
.sq{width:96px;height:96px;border-radius:16px;box-shadow:var(--v5-sh-2);display:grid;place-items:center;color:var(--v5-ink);background:#fff}
.sq svg{width:36px;height:36px;fill:currentColor}
.lbl{display:inline-block;font-size:11px;font-weight:800;color:var(--v5-ink);background:#fff;border-radius:999px;padding:4px 10px;box-shadow:var(--v5-sh-1);white-space:nowrap}

/* Google profile: map and big card */
.map{width:300px;height:240px;border-radius:18px;box-shadow:var(--v5-sh-2);position:relative;overflow:hidden;background:#E8EEF3;
  background-image:linear-gradient(90deg,transparent 58px,#fff 58px,#fff 66px,transparent 66px),linear-gradient(0deg,transparent 70px,#fff 70px,#fff 78px,transparent 78px),linear-gradient(90deg,transparent 168px,#fff 168px,#fff 174px,transparent 174px),linear-gradient(0deg,transparent 150px,#fff 150px,#fff 158px,transparent 158px);}
.map::before{content:"";position:absolute;left:-20px;right:-20px;top:100px;height:10px;background:#fff;transform:rotate(-14deg)}
.map::after{content:"";position:absolute;left:190px;top:12px;width:90px;height:62px;border-radius:12px;background:#CDE8D6}
.map__pin{position:absolute;left:126px;top:66px;width:46px;height:46px;border-radius:50% 50% 50% 0;background:#EA4335;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 16px rgba(11,31,51,.25);z-index:2}
.map__pin i{width:16px;height:16px;border-radius:50%;background:#fff;transform:rotate(45deg)}
.hours{width:210px;border-radius:14px;background:#fff;box-shadow:var(--v5-sh-2);padding:14px 16px;text-align:left}
.hours b{display:block;font-size:12.5px;color:var(--v5-ink)}
.hours div{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--v5-ink-2);padding:5px 0;border-bottom:1px dashed var(--v5-line)}
.hours div:last-child{border-bottom:0}
.hours em{font-style:normal;color:var(--v5-green);font-weight:800}
.ph3{display:flex;gap:6px}
.ph3 img{width:84px;height:84px;border-radius:12px;object-fit:cover;box-shadow:var(--v5-sh-1);border:3px solid #fff}

/* page nav pills */
.pill-nav{display:flex;gap:4px;padding:5px;border-radius:999px;background:#fff;box-shadow:var(--v5-sh-2);white-space:nowrap}
.pill-nav span{padding:0 12px;height:30px;line-height:30px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--v5-ink-2)}
.pill-nav span.on{background:var(--v5-ink);color:#fff}
.pill-nav span.new{background:var(--v5-orange);color:var(--v5-ink);outline:2px dashed var(--v5-ink);outline-offset:2px}
.o .bz{width:360px}
.o .bz img{aspect-ratio:16/10.4}

/* ---------- sections ---------- */
.dv{display:grid;grid-template-columns:repeat(var(--v5-n,3),1fr);gap:18px}
.dv__c{border-radius:var(--v5-r-lg);background:#fff;border:1px solid var(--v5-line);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.dv__c:hover{transform:translateY(-4px);box-shadow:var(--v5-sh-2)}
.dv__v{height:210px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden;background:var(--v5-tint)}
.dv__c:nth-child(2) .dv__v{background:var(--v5-butter-50)}
.dv__c:nth-child(3) .dv__v{background:var(--v5-sky-50)}
.dv__c:nth-child(4) .dv__v{background:var(--v5-mint-50)}
.dv__v .lg,.dv__v .bc,.dv__v .gcard,.dv__v .fly{position:relative;right:auto;top:auto;transform:none}
.dv__v>.sc{transform:scale(var(--v5-s,1.4))}
.dv__v .tag{position:absolute;left:12px;bottom:12px}
.dv__b{padding:20px 22px 24px}
.dv__b h3{font-size:19px}
.dv__b p{font-size:14.5px;line-height:1.5;margin-top:6px}
.ff{display:grid;gap:5px;justify-items:center;font-size:11px;font-weight:800;color:var(--v5-ink-2)}
.ff .lg{width:96px;height:62px}
.ff .lg i{width:22px;height:22px;border-radius:6px}.ff .lg i svg{width:12px;height:12px}.ff .lg b{font-size:11px}.ff .lg small{font-size:5px}
.ff__d{background:var(--v5-ink);border-radius:12px}

.who{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.who__p{position:relative;height:330px;border-radius:var(--v5-r-xl);background:var(--v5-ac);overflow:hidden}
.who__p::after{content:"";position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;border:2px dashed rgba(11,31,51,.2)}
.who__p img{position:absolute;left:50%;bottom:-6px;height:316px;width:auto;max-width:none;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 10px 18px rgba(11,31,51,.22))}
.who__p .fchip{z-index:2}
.who ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.who li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--v5-tint);font-weight:800;color:var(--v5-ink);font-size:16px;line-height:1.3}
.who li span{display:block;font-weight:600;font-size:14px;color:var(--v5-ink-2);margin-top:2px}
.who li i{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--v5-green)}
.who li .ic{width:18px;height:18px;stroke-width:2.8}

.ap{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;border-radius:var(--v5-r-xl);background:var(--v5-ink);padding:0 0 0 52px;overflow:hidden;min-height:290px}
.ap h2{color:#fff;font-size:30px;margin:12px 0 8px}
.ap p{color:#C4CEDA;font-size:16px;max-width:440px}
.ap .eyebrow{color:#FFB37A}
.ap__b{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.ap__b .link{color:#fff}
.ap__v{position:relative;height:290px}
.ap__v .o{--v5-z:3}
.ap__v::before{content:"";position:absolute;right:-60px;top:20px;width:330px;height:330px;border-radius:50%;background:var(--v5-ac);opacity:.95}

.ac-pr{display:inline-flex;align-items:baseline;gap:6px;font-weight:800}
.ac-pr b{font-size:19px;color:var(--v5-ink)}

/* ---------- Extras directory ---------- */
.eh{position:relative;overflow:hidden;background:radial-gradient(700px 420px at 78% 40%,#FFE3CC 0%,transparent 70%),linear-gradient(180deg,#fff,#FFF6EE)}
.eh__in{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;padding-top:26px;padding-bottom:64px}
.eh h1{font-size:50px;line-height:1.05;margin-top:16px;position:relative;z-index:1}
.eh__sub{font-size:17.5px;line-height:1.55;margin-top:14px;max-width:470px}
.ecs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ec{position:relative;display:flex;flex-direction:column;border-radius:var(--v5-r-lg);background:#fff;border:1px solid var(--v5-line);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.ec:hover{transform:translateY(-5px);box-shadow:var(--v5-sh-2)}
.ec__v{height:176px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--v5-bg,var(--v5-tint))}
.ec__v .lg,.ec__v .bc,.ec__v .gcard,.ec__v .fly{position:relative;right:auto;top:auto;transform:none}
.ec__v>.sc{transform:scale(var(--v5-s,1.45))}
.ec__in{position:absolute;right:10px;top:10px;z-index:2;font-size:11px;font-weight:800;background:var(--v5-ink);color:#fff;border-radius:999px;padding:4px 9px}
.ec__b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.ec__b h3{font-size:18px}
.ec__b p{font-size:14px;line-height:1.45;margin-top:5px;flex:1}
.ec__p{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-weight:800;color:var(--v5-ink);font-size:15px}
.ec__p .ic{width:17px;height:17px;color:var(--v5-orange-d);transition:transform .18s ease}
.ec:hover .ec__p .ic{transform:translateX(3px)}
.ec--seo{background:linear-gradient(160deg,#0E3B2C,#14513D)}
.ec--seo h3,.ec--seo .ec__p{color:#fff}.ec--seo p{color:#B7D9C8}.ec--seo .ec__p .ic{color:#34D399}
.ec--seo .ec__v{background:rgba(255,255,255,.06)}
.ec .bars{display:flex;align-items:flex-end;gap:7px;height:76px}
.ec .bars i{width:16px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.35)}
.ec .bars i:last-child{background:#34D399}
.ecs .ec--seo{grid-column:1/-1;flex-direction:row}
.ecs .ec--seo .ec__v{width:40%;height:auto;min-height:190px;flex:none}
.ecs .ec--seo .ec__b{justify-content:center}
.ecs .ec--seo .ec__b p{flex:none}

.kitp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;border-radius:var(--v5-r-xl);background:linear-gradient(120deg,#FFE9A8 0%,#FFD964 62%,#FFC531 100%);padding:44px 48px;overflow:hidden;position:relative}
.kitp__t .flagp{margin-bottom:14px}
.kitp h2{font-size:34px;letter-spacing:-.03em}
.kitp__l{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.kitp__l li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--v5-ink)}
.kitp__l .ic{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--v5-ink);color:#FFD964}
.kitp__pr{margin-top:24px;padding-top:20px;border-top:1px solid rgba(11,31,51,.14)}
.kitp__sv{display:flex;align-items:baseline;gap:10px}
.kitp__sv b{font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--v5-ink)}
.kitp__sv span{font-size:16px;font-weight:800;color:var(--v5-ink)}
.kitp .kitp__sub{margin:8px 0 0;font-size:15px;font-weight:800;max-width:none}
.kitp .kitp__mo{margin:2px 0 0;font-size:14.5px;font-weight:600;max-width:none;opacity:.85}
.kitp__b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.kitp__v{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:14px 16px;align-items:center;justify-items:center;padding-bottom:30px}
.kitp__c{min-width:0;max-width:100%}
.kitp__c--site{grid-row:1/4;width:100%}
.kitp__c--site .bz{width:100%}
.kitp__v .lg,.kitp__v .bc,.kitp__v .gcard{position:relative;right:auto;top:auto;transform:none;max-width:100%}
.kitp__v .bc{width:150px;height:88px}
.kitp__v .bc b{font-size:11.5px}.kitp__v .bc span{font-size:8px}.kitp__v .bc u{font-size:7.5px}
.kitp__v .gcard{width:100%}
.kitp__v .tag{position:absolute;left:0;bottom:0}

.hw{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hw__c{border-radius:var(--v5-r-lg);padding:26px;background:var(--v5-tint);position:relative;overflow:hidden}
.hw__c:nth-child(2){background:var(--v5-sky-50)}.hw__c:nth-child(3){background:var(--v5-green-50)}
.hw__n{width:40px;height:40px;border-radius:50%;background:var(--v5-ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px}
.hw__c h3{margin-top:16px;font-size:19px}
.hw__c p{font-size:14.5px;line-height:1.5;margin-top:6px}
.hw__v{margin-top:20px;height:92px;display:flex;align-items:center}
.hw__v .chip2{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:9px 14px;font-weight:800;font-size:13.5px;color:var(--v5-ink);box-shadow:var(--v5-sh-1)}
.hw__v .chip2 .ic{width:16px;height:16px;color:var(--v5-green);stroke-width:2.8}

/* ---------- Local SEO ---------- */
.ah--seo .oprice__n b{color:#fff}
.sk{position:absolute;z-index:8;border-radius:12px;background:#fff;box-shadow:var(--v5-sh-2);padding:12px 14px}
.bars2{display:flex;align-items:flex-end;gap:6px;height:84px;padding-top:6px}
.bars2 i{flex:1;border-radius:5px 5px 0 0;background:#9BD4B2}
.bars2 i:last-child{background:var(--v5-green)}
.sk small{display:block;font-size:10.5px;font-weight:800;color:var(--v5-ink-3);letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}
.work4{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wk4{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--v5-r-lg);overflow:hidden;background:var(--v5-tint);min-height:250px}
.wk4:nth-child(2){background:var(--v5-sky-50)}.wk4:nth-child(3){background:var(--v5-butter-50)}.wk4:nth-child(4){background:var(--v5-lilac-50)}
.wk4__t{padding:26px 6px 26px 26px;display:flex;flex-direction:column;justify-content:center}
.wk4__t h3{font-size:20px}
.wk4__t p{font-size:14.5px;line-height:1.5;margin-top:7px}
.wk4__v{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px 18px 18px 0}
.wk4__v .gcard{position:relative;right:auto;top:auto}
.wk4__v>.sc{transform:scale(var(--v5-s,1.2))}
.listing{display:grid;gap:7px;width:100%}
.listing div{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:8px 10px;font-size:11.5px;font-weight:800;color:var(--v5-ink);box-shadow:var(--v5-sh-1)}
.listing div .ic{width:14px;height:14px;color:var(--v5-green);stroke-width:3;flex:none}
.listing div span{margin-left:auto;font-weight:700;color:var(--v5-ink-3);font-size:10.5px}
.mini{width:100%;background:#fff;border-radius:12px;box-shadow:var(--v5-sh-1);padding:12px 14px}
.mini b{display:block;font-size:12px;color:var(--v5-ink)}
.mini div{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--v5-ink-2);margin-top:7px}
.mini .ic{width:13px;height:13px;color:var(--v5-green);stroke-width:3;flex:none}
.pgs{display:flex;gap:10px;align-items:flex-end}
.pgs .bz{width:150px}
.pgs .plus{width:70px;height:70px;border-radius:16px;border:2px dashed var(--v5-ink);display:grid;place-items:center;font-weight:800;color:var(--v5-ink);background:rgba(255,255,255,.55)}
.pgs .plus .ic{width:26px;height:26px}

.rep{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.repc{border-radius:var(--v5-r-lg);background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-sh-3);overflow:hidden}
.repc__h{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--v5-ink);color:#fff}
.repc__h b{font-size:15px}
.repc__h span{font-size:12px;font-weight:700;color:#9FB0C4}
.repc__b{padding:20px 22px;display:grid;gap:18px}
.repc__b h4{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--v5-ink-3);margin-bottom:9px}
.repc__r{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--v5-ink);padding:8px 0;border-bottom:1px dashed var(--v5-line)}
.repc__r:last-child{border-bottom:0}
.repc__r .ic{width:16px;height:16px;color:var(--v5-green);stroke-width:3;flex:none}
.repc__r em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:var(--v5-ink-3);background:var(--v5-soft);border-radius:999px;padding:3px 9px}
.repc__r em.nx{background:var(--v5-butter-50);color:#946C00}
.rl{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.rl li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;font-weight:800;color:var(--v5-ink);font-size:16.5px;line-height:1.3}
.rl li i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--v5-green-50);color:var(--v5-green)}
.rl li:nth-child(2) i{background:var(--v5-sky-50);color:var(--v5-sky)}
.rl li:nth-child(3) i{background:var(--v5-butter-50);color:#946C00}
.rl li:nth-child(4) i{background:var(--v5-lilac-50);color:#4B3FB3}
.rl li span{display:block;font-weight:600;font-size:14.5px;color:var(--v5-ink-2);margin-top:2px}

.honest{display:block;border-radius:var(--v5-r-xl);background:linear-gradient(150deg,#0E3B2C,#0B2E24);padding:50px 52px 52px;color:#fff}
.honest .eyebrow{color:#7BE0B4}.honest .eyebrow::before{background:#34D399}
.honest h2{color:#fff;margin:12px 0 0;max-width:620px}
.honest__g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.honest__c{border-radius:var(--v5-r-lg);background:rgba(255,255,255,.07);padding:24px}
.honest__c i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#34D399;color:#0B2E24}
.honest__c h3{color:#fff;font-size:19px;margin-top:16px}
.honest__c p{color:#B7D9C8;font-size:14.5px;line-height:1.5;margin-top:6px}

.fit2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fit2__c{border-radius:var(--v5-r-lg);padding:30px 32px}
.fit2__c.y{background:var(--v5-green-50)}
.fit2__c.n{background:var(--v5-soft)}
.fit2__c h3{font-size:22px}
.fit2__c ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.fit2__c li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-weight:700;color:var(--v5-ink);font-size:15.5px;line-height:1.4}
.fit2__c li .ic{width:20px;height:20px;stroke-width:2.8;margin-top:1px}
.fit2__c.y li .ic{color:var(--v5-green)}
.fit2__c.n li .ic{color:var(--v5-ink-3)}
.fit2__c li span{display:block;font-weight:500;font-size:14px;color:var(--v5-ink-2)}

.fitw{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.fitw__price{border-radius:var(--v5-r-xl);background:linear-gradient(160deg,#34D399,#16A877);padding:40px 44px;color:var(--v5-ink);position:relative;overflow:hidden}
.fitw__price .eyebrow{color:var(--v5-ink)}.fitw__price .eyebrow::before{background:var(--v5-ink)}
.fitw__big{font-size:84px;line-height:.95;font-weight:800;letter-spacing:-.05em;color:var(--v5-ink);margin-top:14px}
.fitw__big small{font-size:22px;letter-spacing:-.01em;margin-left:6px}
.fitw__price p{color:var(--v5-ink);font-weight:700;font-size:16px;margin-top:10px;max-width:330px}
.fitw__price .btn{margin-top:22px}
.fitw__price::after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;border:2px dashed rgba(11,31,51,.22)}
.fitw__steps{border-radius:var(--v5-r-xl);border:1px solid var(--v5-line);padding:32px 36px;display:grid;gap:18px;align-content:center}
.fitw__s{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.fitw__s i{width:44px;height:44px;border-radius:50%;background:var(--v5-ink);color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center;font-size:17px}
.fitw__s:last-child i{background:var(--v5-green)}
.fitw__s b{display:block;font-size:17px;color:var(--v5-ink)}
.fitw__s span{font-size:14.5px;line-height:1.5;display:block;margin-top:2px}

/* ---------- CTA in the page colour ---------- */
.cta--ac{background:linear-gradient(120deg,var(--v5-ac2) 0%,var(--v5-ac) 100%)}
.aw--cards .cta--ac,.aw--seo .cta--ac{background:linear-gradient(120deg,#0B1F33 0%,#143457 100%)}
.aw--cards .cta--ac h2,.aw--seo .cta--ac h2{color:#fff}
.aw--cards .cta--ac p,.aw--seo .cta--ac p{color:#C4CEDA}
.aw--seo .cta--ac{background:linear-gradient(120deg,#0E3B2C 0%,#14513D 100%)}
.cta--ac .cta__crew img{--v5-h:300px}

/* ---------- tablet ---------- */
@media (max-width:1000px){
  .ah__in,.eh__in{grid-template-columns:minmax(0,1fr);padding-bottom:44px}
  .ecs{grid-template-columns:repeat(2,1fr)}
  .dv{grid-template-columns:repeat(2,1fr)}
  .who,.rep,.fitw,.fit2,.work4{grid-template-columns:1fr}
  .ap{grid-template-columns:1fr;padding-left:40px}
  .kitp{grid-template-columns:1fr;gap:30px;padding:36px 40px}
  .hw,.honest__g{grid-template-columns:1fr}
}

/* ---------- phone: its own composition ---------- */
@media (max-width:640px){
  .ah__in{padding-top:16px;padding-bottom:34px;gap:6px}
  .ah h1{font-size:32px}
  .ah__sub{font-size:16.5px}
  .ah__buy{gap:14px}
  .ah__buy .oprice__n b{font-size:46px}
  .ah__cta{flex-direction:column}
  .ah__cta .btn{height:50px;width:100%}
  .as{width:560px;max-width:none;height:440px;margin:0 0 -166px;transform:scale(.62);transform-origin:left top}
  .eh__in{padding-top:16px;padding-bottom:34px;gap:6px}
  .eh h1{font-size:32px}
  .eh__sub{font-size:16.5px}
  .ecs{grid-template-columns:1fr 1fr;gap:12px}
  .ec__v{height:118px}
  .ec__v>.sc{transform:scale(var(--v5-sm,1))}
  .ec__b{padding:13px 14px 15px}
  .ec__b h3{font-size:15.5px}
  .ec__b p{display:none}
  .ec__p{margin-top:10px;font-size:14px}
  .ec__in{font-size:10px;padding:3px 7px;right:7px;top:7px}
  .ecs .ec--seo{grid-column:span 2;flex-direction:column}
  .ecs .ec--seo .ec__v{width:auto;height:112px}
  .ecs .ec--seo .ec__b p{display:block;font-size:13.5px}
  .ap{padding:28px 22px 0}
  .kitp{padding:26px 20px 22px;gap:24px}
  .kitp h2,.ap h2{font-size:26px}
  .kitp__l{grid-template-columns:1fr;gap:8px}
  .kitp__sv b{font-size:40px}
  .kitp__v{gap:12px;padding-bottom:28px}
  .kitp__c--site{grid-column:1/-1;grid-row:auto}
  .kitp__c--site .bz img{aspect-ratio:16/8}
  .kitp__v .gcard{display:none}
  .kitp__v .bc{width:130px}
  .ap__v{height:240px;margin:0 -22px}
  .ap__v>.o{left:calc(var(--v5-cx)*.7);top:calc(var(--v5-cy)*.86);transform:translate(-50%,-50%) rotate(var(--v5-r,0deg)) scale(calc(var(--v5-s,1)*.72))}
  .kitp__b .btn,.ap__b .btn{width:100%;height:50px}
  .dv{grid-template-columns:1fr;gap:14px}
  .dv__v{height:178px}
  .dv__b{padding:18px 20px 22px}
  .who__p{height:270px}
  .who__p img{height:260px}
  .who li{font-size:15px;padding:12px 14px}
  .hw__c{padding:22px}
  .honest{padding:30px 22px 32px}
  .honest__g{gap:12px}
  .fit2__c{padding:24px}
  .fitw__price{padding:30px 24px}
  .fitw__big{font-size:68px}
  .fitw__steps{padding:24px}
  .work4{gap:14px}
  .wk4{grid-template-columns:1fr;min-height:0}
  .wk4__t{padding:22px 22px 8px}
  .wk4__v{padding:10px 22px 22px;min-height:150px}
  .repc__b{padding:16px}
  .cta--ac .cta__crew{opacity:1}
}
.lg--sq small{display:none}
.eh .flagp{display:flex;width:fit-content}

/* ---------- Email accounts ---------- */
.aw--email{--v5-b1:#FFF2F9;--v5-b2:#FFCFE8;--v5-ac:#E5489F;--v5-ac2:#FFB0D9;--v5-tint:#FFEAF5}
.inbox{width:230px;background:#fff;border-radius:14px;box-shadow:var(--v5-sh-2);overflow:hidden;text-align:left}
.inbox__h{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--v5-ink);color:#fff}
.inbox__h i{flex:none;width:22px;height:22px;border-radius:50%;background:#FFC531;color:var(--v5-ink);display:grid;place-items:center;font:800 12px/1 var(--v5-sans)}
.inbox__h b{font-size:9.5px;font-weight:700;white-space:nowrap;color:#fff}
.inbox__r{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:9px 12px;border-bottom:1px solid var(--v5-line-2)}
.inbox__r s{width:18px;height:18px;border-radius:50%;background:var(--v5-c,#CFE0FF);text-decoration:none}
.inbox__r b{display:block;font-size:10px;color:var(--v5-ink)}
.inbox__r u{display:block;height:4px;border-radius:3px;background:#D8DEE6;margin-top:5px;text-decoration:none}
.inbox__r u+u{width:70%}
.mlist{background:#fff;border-radius:15px;padding:10px 8px 14px;min-height:210px;text-align:left}
.mlist__t{font-size:10px;font-weight:800;color:var(--v5-ink);padding:0 2px 6px;border-bottom:1px solid var(--v5-line-2)}
.mlist__t small{display:block;font-size:6.5px;font-weight:700;color:var(--v5-ink-3)}
.mlist__r{display:grid;grid-template-columns:14px 1fr;gap:6px;padding:7px 2px;border-bottom:1px solid var(--v5-line-2)}
.mlist__r s{width:14px;height:14px;border-radius:50%;background:var(--v5-c,#CFE0FF);text-decoration:none}
.mlist__r u{display:block;height:4px;border-radius:3px;background:#D8DEE6;margin-top:4px;text-decoration:none}
.mlist__r b{display:block;height:5px;border-radius:3px;background:var(--v5-ink);width:60%}
.addr{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:12px 20px 12px 14px;box-shadow:var(--v5-sh-2);font-weight:800;font-size:15px;color:var(--v5-ink);white-space:nowrap}
.addr i{width:28px;height:28px;border-radius:50%;background:#FFC531;display:grid;place-items:center;font:800 15px/1 var(--v5-sans);font-style:normal}
.avs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.avs span{display:flex;align-items:center;gap:7px;background:#fff;border-radius:999px;padding:6px 12px 6px 6px;font-size:11px;font-weight:800;color:var(--v5-ink);box-shadow:var(--v5-sh-1);white-space:nowrap}
.avs i{width:20px;height:20px;border-radius:50%;background:var(--v5-c)}
.ep{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;max-width:540px}
.ep__c{background:#fff;border-radius:20px;padding:16px 18px 18px;box-shadow:var(--v5-sh-2)}
.ep__l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--v5-ink-2)}
.ep__d{display:flex;gap:3px}
.ep__d i{width:10px;height:10px;border-radius:50%;background:var(--v5-ac)}
.ep__p{display:flex;align-items:baseline;gap:6px;margin:8px 0 14px}
.ep__p b{font-size:38px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--v5-ink)}
.ep__p span{font-size:13.5px;font-weight:700;color:var(--v5-ink-3)}
.ep .btn{width:100%;padding:0 12px}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto}
.vs__c{border-radius:var(--v5-r-xl);padding:30px 32px 32px;background:var(--v5-soft);display:grid;gap:18px;justify-items:start}
.vs__c.y{background:var(--v5-tint)}
.vs__c h3{font-size:21px}
.vs__c p{font-size:15px;line-height:1.5}
.vs__v{display:grid;gap:12px;justify-items:start;width:100%}
.from{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--v5-ink-2);box-shadow:var(--v5-sh-1);max-width:100%}
.from b{color:var(--v5-ink);overflow-wrap:anywhere}
.vs__c .bc{position:relative;right:auto;top:auto;transform:none;width:228px;height:132px;padding:18px 20px}
.vs__c .bc b{font-size:16px}.vs__c .bc span{font-size:10.5px}.vs__c .bc u{font-size:9.5px;left:20px;bottom:16px;right:12px}
.vs__c .bc i{width:28px;height:28px;border-radius:8px;right:16px;top:16px}
.vs__c.n .bc{background:#fff;color:var(--v5-ink);box-shadow:var(--v5-sh-1)}.vs__c.n .bc i{background:#D8DEE6}
.vs__x{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--v5-ink-3)}
.vs__y{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--v5-green)}
.vs__x .ic,.vs__y .ic{width:16px;height:16px;stroke-width:2.8}
@media (max-width:640px){
  .ep{grid-template-columns:1fr 1fr;gap:10px}
  .ep__c{padding:14px 14px 16px}
  .ep__p b{font-size:32px}
  .ep .btn{height:46px;font-size:14px}
  .vs{grid-template-columns:1fr}
  .vs__c{padding:24px}
  .avs{grid-template-columns:1fr}
}

/* phones: the add-on hero copy is centred, like every other hero (standing rule, 10 Sep) */
@media (max-width:640px){
  .ah__in>div:first-child{text-align:center}
  .ah .crumbs,.ah .ticks,.ah__buy,.ah .oprice__n{justify-content:center}
  .ah__sub{margin-left:auto;margin-right:auto}
  .ah__buy .oprice__n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
}

/* The scope of an extra (13 October 2026): what you get, what is not included, how you order it */
.scp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.scp__c{border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);padding:22px 24px;background:#fff}
.scp__c--no{background:var(--v5-soft)}
.scp__c h3{font-size:17px;margin-bottom:8px}
.scp__c p{font-size:15px;line-height:1.55;color:var(--v5-ink-2)}
.scp__c .scp__n{margin-top:10px;font-size:14px;color:var(--v5-ink-3)}
.scp__c .scp__n b{color:var(--v5-ink)}
.scp__c ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.scp__c li{position:relative;padding-left:20px;font-size:15px;line-height:1.5;color:var(--v5-ink-2)}
.scp__c li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:2px;border-radius:2px;background:var(--v5-ink-3)}
.scp__up{display:block;max-width:760px;margin:20px auto 0;padding:12px 16px;border-radius:14px;background:var(--v5-green-50);font-size:15px;line-height:1.45;color:var(--v5-ink-2)}
.scp__up .ic{display:inline-block;vertical-align:-3px;margin-right:6px;width:18px;height:18px;color:var(--v5-green)}
.scp__up b{color:var(--v5-ink)}
.scp__up--alt{background:var(--v5-butter-50)}
.scp__up--alt .ic{color:var(--v5-orange)}
@media (max-width:900px){.scp{grid-template-columns:1fr;gap:12px;margin-top:20px}.scp__c{padding:16px 18px}.scp__c p,.scp__c li{font-size:14.5px}}
@media (max-width:640px){.scp__up{align-items:flex-start;font-size:14px;margin-top:14px}}

/* Real client work band (13 October 2026) */
.rwk{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:28px;border:1px solid var(--v5-line);border-radius:var(--v5-r-lg);background:#fff;box-shadow:var(--v5-sh-1)}
.rwk__v{position:relative;border-radius:14px;overflow:hidden;background:var(--v5-soft);aspect-ratio:16/10}
.rwk__v img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rwk__t{position:absolute;left:12px;top:12px;z-index:2}
.rwk__b h2{font-size:26px;line-height:1.15;margin:10px 0 12px}
.rwk__b p{font-size:15.5px;line-height:1.55;color:var(--v5-ink-2)}
.rwk__c{margin-top:12px;font-size:13.5px;color:var(--v5-ink-3)}
@media (max-width:900px){.rwk{grid-template-columns:1fr;gap:18px;padding:16px}.rwk__b h2{font-size:22px}}

/* =====================================================================================================
   responsive A, 18 Oct 2026 (extras and add-on pages)
   - hero headings: the underlined phrase may wrap on a phone (it was nowrap and ran off the screen at 320-380px); the
     orange line is drawn as an underline so it follows the words onto the second line. Words unchanged.
   - the hero collage is sized to the screen; the drawn examples on the cards shrink with the narrower cards.
   ===================================================================================================== */
@media (max-width:400px){
  .eh h1 .hl,.ah h1 .hl{white-space:normal;text-decoration:underline;text-decoration-color:var(--v5-orange);text-decoration-thickness:3px;text-underline-offset:.16em;text-decoration-skip-ink:none}
  .eh h1 .hl svg,.ah h1 .hl svg{display:none}
}
@media (max-width:380px){
  .as{transform:scale(.56);margin-bottom:-194px}
  .ec__v>.sc{transform:scale(calc(var(--v5-sm,1)*.8))}
  .ecs .ec--seo .ec__v>.sc{transform:scale(var(--v5-sm,1))}
}
@media (max-width:340px){
  .as{transform:scale(.5);margin-bottom:-220px}
  .ec__v>.sc{transform:scale(calc(var(--v5-sm,1)*.72))}
  .ecs .ec--seo .ec__v>.sc{transform:scale(var(--v5-sm,1))}
}
/* "£199 a month" keeps "a month" together and drops under the price rather than splitting */
@media (max-width:640px){
  .fitw__big small{white-space:nowrap}
}