/* PrimeStart v5 "Bright": the industry page, version 2 (13 Oct 2026), ported from the lead's prototype
   (handover/rebuild-2026-10-12/v5/v5-ind.css, built by ind_build.py). Eleven sections, three looks by category
   (ih--a / --b / --c and iw--a / --b / --c). Only changes from the prototype: custom properties are prefixed --v5-
   (as in v5.css), nothing else. The package cards, the "in every package" bar, the work reel, the questions and the
   closing band are the shared components of v5.css; this sheet only adds what is specific to an industry page.
   Loaded after v5.css, v5-pages.css and v5-packages.css, on this page only (inc/v5-trades.php). */
.btn--lg{height:54px;padding:0 28px;font-size:16.5px}

/* ---------- the example business's site, drawn from its data (always labelled a design concept) ---------- */
.cs{--v5-b:#0B1F33;--v5-b2:#F97316}
.cs__p{background:#fff;padding-bottom:8px}
.cs__n{display:flex;align-items:center;gap:11px;padding:9px 12px;font-size:8.5px;font-weight:700;color:#5B6677;white-space:nowrap;overflow:hidden}
.cs__n b{color:var(--v5-b);font-size:11.5px;font-weight:800;margin-right:auto;letter-spacing:-.02em}
.cs__n em{font-style:normal;background:var(--v5-b2);color:#fff;padding:5px 10px;border-radius:999px;font-weight:800}
.cs__h{position:relative;height:196px;margin:0 8px;border-radius:9px;overflow:hidden;background:var(--v5-b)}
.cs .cs__h img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;opacity:.5}
.cs__t{position:absolute;left:16px;right:26%;bottom:16px;color:#fff;display:grid;gap:5px;justify-items:start}
.cs__t strong{font-size:18px;line-height:1.14;font-weight:800;letter-spacing:-.02em}
.cs__t span{font-size:9.5px;line-height:1.35;opacity:.94;font-weight:600}
.cs__t em{font-style:normal;background:var(--v5-b2);color:#fff;font-size:9px;font-weight:800;padding:6px 12px;border-radius:999px;margin-top:3px}
.cs__s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 8px 0}
.cs__s span{font-size:8px;font-weight:800;color:var(--v5-b);background:#F1F4F8;border-radius:6px;padding:9px 7px;line-height:1.2;overflow:hidden}
.csm{--v5-b:#0B1F33;--v5-b2:#F97316;width:204px}
.csm__p{background:#fff;border-radius:15px;overflow:hidden;aspect-ratio:390/770;display:flex;flex-direction:column}
.csm__n{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 9px;color:var(--v5-b)}
.csm__n b{font-size:12.5px;font-weight:800;letter-spacing:-.02em}
.csm__n i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#F1F4F8}
.csm__n .ic{width:12px;height:12px}
.csm__h{position:relative;margin:0 8px;border-radius:10px;overflow:hidden;background:var(--v5-b);flex:0 0 40%}
.csm .csm__h img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;opacity:.5}
.csm__h strong{position:absolute;left:10px;right:10px;bottom:10px;color:#fff;font-size:13.5px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.csm__p>em{font-style:normal;margin:8px 8px 0;height:30px;border-radius:999px;background:var(--v5-b2);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}
.csm__r{display:grid;gap:5px;padding:8px}
.csm__r span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9.5px;font-weight:800;color:var(--v5-b);background:#F1F4F8;border-radius:7px;padding:8px 9px;line-height:1.2}
.csm__r .ic{width:9px;height:9px;transform:rotate(-90deg);flex:none}

/* ---------- 1. hero ---------- */
.ih{position:relative;overflow:hidden}
.ih__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:44px;align-items:center;padding-top:22px;padding-bottom:60px;min-height:590px}
.ih__c{position:relative;z-index:2;padding-top:6px}
.ih__pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:999px;background:var(--v5-orange-50);color:var(--v5-ink);font-weight:800;font-size:13.5px;margin-top:22px}
.ih__pill .ic{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--v5-orange);color:var(--v5-ink);stroke-width:2.4}
.ih h1{font-size:54px;margin-top:14px;position:relative;z-index:1;max-width:560px}
.ih h1 .hl{white-space:normal;display:inline}
.ih h1 .hl svg{display:none}
.ih h1 .hl{background:linear-gradient(transparent 68%,rgba(249,115,22,.34) 68%,rgba(249,115,22,.34) 92%,transparent 92%)}
.ih__sub{font-size:18px;line-height:1.5;margin-top:16px;max-width:500px}
.ih__b{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.ih__f{list-style:none;margin:24px 0 0;padding:0;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}
.ih__f li{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;color:var(--v5-ink)}
.ih__f li b{display:inline-grid;place-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--v5-ink);color:#fff;font-size:14.5px;font-weight:800}
.ih__f .ic{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--v5-green-50);color:var(--v5-green);stroke-width:3}
.ih__v{position:relative;height:500px}
.ih__tag{position:absolute;left:0;bottom:-6px;z-index:6}
.ih__ph{overflow:hidden;background:var(--v5-soft)}
.ih__ph img{width:100%;height:100%;object-fit:cover}
.ih__chip{z-index:6}

/* A: on the tools. An orange sun, the concept site, and the person (or the photograph in an arch) */
.ih--a .ih__sun{position:absolute;right:-70px;bottom:-150px;width:520px;height:520px;border-radius:50%;background:linear-gradient(160deg,#FFA65C 0%,#F97316 70%)}
.ih--a .cs{position:absolute;left:0;top:26px;width:440px;z-index:3;transform:rotate(-1.6deg)}
.ih--a .ih__p{position:absolute;right:6px;bottom:-60px;height:500px;width:auto;max-width:none;z-index:4;filter:drop-shadow(0 14px 22px rgba(11,31,51,.25))}
.ih--a .ih__ph{position:absolute;right:10px;bottom:0;width:270px;height:380px;border-radius:135px 135px 26px 26px;z-index:4;box-shadow:var(--v5-sh-3);border:6px solid #fff}
.ih--a .ih__chip--1{left:200px;bottom:60px}
.ih--a .ih__v.has-p .ih__chip--1{left:150px;bottom:74px}

/* B: come to us. A soft wash, the photograph large, the phone in front */
.ih--b{background:radial-gradient(700px 420px at 92% 0%,#EDE7FF 0%,rgba(237,231,255,0) 70%),radial-gradient(620px 420px at 0% 100%,#FFE9E2 0%,rgba(255,233,226,0) 70%),linear-gradient(180deg,#fff 0%,#FBF8FF 100%)}
.ih--b .ih__pill{background:#fff;box-shadow:var(--v5-sh-1)}
.ih--b .ih__ph{position:absolute;right:0;top:20px;width:400px;height:440px;border-radius:44px;transform:rotate(2.4deg);box-shadow:var(--v5-sh-3)}
.ih--b .csm{position:absolute;left:36px;bottom:0;z-index:4;width:214px;transform:rotate(-3deg)}
.ih--b .ih__chip--1{right:-6px;bottom:96px}
.ih--b .ih__chip--2{left:176px;top:26px}
.ih--b .ih__tag{left:auto;right:16px;bottom:22px}

/* C: professional. Navy, the concept site large, the photograph as a framed card */
.ih--c{background:var(--v5-ink)}
.ih--c .crumbs,.ih--c .crumbs a{color:#9FB0C3}
.ih--c .crumbs span{color:#fff}
.ih--c h1{color:#fff}
.ih--c h1 .hl{color:#fff;background:linear-gradient(transparent 68%,rgba(249,115,22,.9) 68%,rgba(249,115,22,.9) 92%,transparent 92%)}
.ih--c .ih__sub{color:#C9D3DF}
.ih--c .ih__pill{background:rgba(255,255,255,.1);color:#fff}
.ih--c .link{color:#fff}
.ih--c .ih__f li{color:#fff}
.ih--c .ih__f li b{background:#fff;color:var(--v5-ink)}
.ih--c .ih__f .ic{background:rgba(255,255,255,.14);color:#7BE0A6}
.ih--c .cs{position:absolute;left:0;top:34px;width:500px;z-index:3}
.ih--c .ih__ph{position:absolute;right:0;bottom:16px;width:210px;height:250px;border-radius:26px;border:6px solid #fff;z-index:4;box-shadow:var(--v5-sh-3);transform:rotate(3deg)}
.ih--c .ih__chip--1{left:40px;bottom:36px}
.ih--c .ih__tag{left:auto;right:0;bottom:-10px}
.ih--c::after{content:"";position:absolute;right:-160px;top:-200px;width:620px;height:620px;border-radius:50%;border:2px dashed rgba(255,255,255,.14)}

/* ---------- 2. what your website includes ---------- */
.iw__g{display:block}
.iw__tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.iw__t{border-radius:var(--v5-r-lg);padding:26px 26px 28px;background:var(--v5-orange-50);min-width:0}
.iw__t--sv{grid-column:span 7}
.iw__t--cta{grid-column:span 5;background:var(--v5-sky-50)}
.iw__t--ar{grid-column:span 5;background:var(--v5-green-50)}
.iw__t--tr{grid-column:span 7;background:var(--v5-butter-50)}
.iw__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--v5-orange-d);margin-bottom:16px;box-shadow:var(--v5-sh-1)}
.iw__ic.b{color:var(--v5-sky)}.iw__ic.g{color:var(--v5-green)}.iw__ic.y{color:#946C00}
.iw__ic .ic{width:22px;height:22px}
.iw__t h3{font-size:21px}
.iw__t>p{font-size:15px;line-height:1.5;margin-top:6px;max-width:420px}
.iw__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.iw__chips span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:999px;background:#fff;font-weight:800;font-size:14px;color:var(--v5-ink);box-shadow:var(--v5-sh-1);line-height:1.2}
.iw__chips .ic{width:14px;height:14px;color:var(--v5-green)}
.iw__btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:999px;background:var(--v5-b2,var(--v5-orange));color:#fff;font-weight:800;font-size:15.5px;margin-top:18px;box-shadow:0 8px 18px rgba(11,31,51,.18)}
.iw__btn .ic{width:17px;height:17px}
.iw__t ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 22px}
.iw__t li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14.5px;line-height:1.4;font-weight:600;color:var(--v5-ink)}
.iw__t li .ic{width:22px;height:22px;padding:5px;border-radius:50%;background:#fff;color:var(--v5-green);stroke-width:3}
.iw__note{font-size:13px!important;color:var(--v5-ink-3);margin-top:16px!important;font-weight:600}
.iw .incl{margin-top:18px}
/* B and C: the concept beside a two-by-two of tiles */
.iw--b .iw__g,.iw--c .iw__g{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:28px;align-items:stretch}
.iw--c .iw__g{grid-template-columns:minmax(0,1fr) minmax(0,300px)}
.iw--c .iw__side{order:2}
.iw__side{position:relative;border-radius:var(--v5-r-lg);background:var(--v5-lilac-50);padding:34px 26px 54px;display:grid;place-items:center}
.iw--c .iw__side{background:var(--v5-ink)}
.iw__side .cs{width:100%}
.iw__side .csm{width:220px}
.iw__side .tag{position:absolute;left:18px;bottom:16px}
.iw--b .iw__tiles,.iw--c .iw__tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.iw--b .iw__t,.iw--c .iw__t{grid-column:auto}
.iw--b .iw__t ul,.iw--c .iw__t ul{grid-template-columns:1fr}
.iw--b .iw__t--sv{background:var(--v5-rose-50)}
.iw--b .iw__t--cta{background:var(--v5-lilac-50)}
.iw--b .iw__t--ar{background:var(--v5-mint-50)}
.iw--c .iw__t{background:#fff;border:1px solid var(--v5-line)}
.iw--c .iw__ic{background:var(--v5-orange-50);box-shadow:none}
.iw--c .iw__ic.b{background:var(--v5-sky-50)}.iw--c .iw__ic.g{background:var(--v5-green-50)}.iw--c .iw__ic.y{background:var(--v5-butter-50)}
.iw--c .iw__chips span{background:var(--v5-soft);box-shadow:none}
.iw--c .iw__t li .ic{background:var(--v5-green-50)}

/* ---------- 3. how it brings you customers ---------- */
.ic3__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ic3__i{position:relative;border-radius:var(--v5-r-lg);background:#fff;border:1px solid var(--v5-line);padding:14px 14px 26px;min-width:0}
.ic3__v{position:relative;height:236px;border-radius:16px;background:var(--v5-sky-50);overflow:hidden;padding:20px 18px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.ic3__v--b{background:var(--v5-orange-50);align-items:center;justify-content:flex-start;padding-top:22px}
.ic3__v--c{background:var(--v5-green-50)}
.ic3__v--b .csm{width:158px}
.sq{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 14px 0 18px;border-radius:999px;background:#fff;box-shadow:var(--v5-sh-1);font-weight:700;font-size:14px;color:var(--v5-ink)}
.sq .ic{width:16px;height:16px;color:var(--v5-sky)}
.ic3 .seo{margin-top:0}
.ic3 .seo__t{font-size:14.5px}
.nq{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:var(--v5-sh-2)}
.nq--2{margin-left:26px}
.nq__ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.nq__ic.g{background:var(--v5-green-50);color:var(--v5-green)}
.nq b{display:block;font-size:14.5px;color:var(--v5-ink);line-height:1.2}
.nq span{display:block;font-size:12.5px;color:var(--v5-ink-3);line-height:1.3;font-weight:600}
.ic3__n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--v5-ink);color:#fff;font-weight:800;font-size:16px;margin:-19px 0 12px 12px;position:relative;z-index:2;border:3px solid #fff}
.ic3__i:last-child .ic3__n{background:var(--v5-orange);color:var(--v5-ink)}
.ic3__i h3{font-size:20px;margin:0 12px}
.ic3__i p{font-size:14.5px;line-height:1.5;margin:6px 12px 0}
.ic3__more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px}
.ic3__add{display:grid;grid-template-columns:44px 1fr 18px;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid var(--v5-line);transition:transform .2s ease,box-shadow .2s ease}
.ic3__add:hover{transform:translateY(-3px);box-shadow:var(--v5-sh-2)}
.ic3__ai{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--v5-green-50);color:var(--v5-green)}
.ic3__ai.b{background:var(--v5-lilac-50);color:#4B3FB3}
.ic3__add b{display:block;font-size:15.5px;color:var(--v5-ink)}
.ic3__add i{display:block;font-style:normal;font-size:13.5px;color:var(--v5-ink-2);line-height:1.4}
.ic3__add>.ic{width:18px;height:18px;color:var(--v5-ink)}
.ic3__fine{text-align:center;font-size:13.5px;color:var(--v5-ink-3);margin-top:18px}
.ic3__tag{text-align:center;font-size:12.5px;color:var(--v5-ink-3);margin-top:8px}
.ic3__tag .tag{box-shadow:none;background:transparent;padding:0;margin-right:4px}

/* ---------- 4. the Start-Up Package, in the example business's colours ---------- */
.su__box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:36px;align-items:center;border-radius:var(--v5-r-xl);background:var(--v5-butter-50);padding:48px 52px;overflow:hidden}
.su__c h2{margin:12px 0 10px;max-width:520px}
.su__c>p{max-width:500px}
.su__l{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 20px;max-width:520px}
.su__l li{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--v5-ink)}
.su__l .ic{width:20px;height:20px;padding:4px;border-radius:50%;background:#fff;color:var(--v5-green);stroke-width:3}
.su__p{display:flex;align-items:baseline;gap:12px;margin-top:24px;flex-wrap:wrap}
.su__p b{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--v5-ink)}
.su__p span{font-size:15px;font-weight:700;color:var(--v5-ink-2)}
.su__p em{font-style:normal;color:var(--v5-green);font-weight:800}
.su__s{font-size:14.5px;font-weight:700;color:var(--v5-ink)!important;margin-top:6px}
.su__b{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}
.su__tag{position:absolute;right:22px;bottom:18px}
.su__v{position:relative;height:400px;--v5-b:#0B1F33;--v5-b2:#F97316}
.su__v>*{position:absolute;box-shadow:var(--v5-sh-2)}
.su__logo{left:6px;top:8px;width:230px;height:120px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px}
.su__logo i,.su__card i,.su__soc i{font-style:normal;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--v5-b2)}
.su__logo i{flex:none;width:46px;height:46px;border-radius:13px;font-size:24px}
.su__logo b{display:block;font-size:21px;color:var(--v5-b);letter-spacing:-.03em;line-height:1}
.su__logo small{display:block;font-size:8px;letter-spacing:.2em;color:var(--v5-ink-3);font-weight:800;margin-top:5px;white-space:nowrap;overflow:hidden;max-width:130px}
.su__card{right:0;top:44px;width:214px;height:126px;border-radius:12px;background:var(--v5-b);color:#fff;padding:16px 18px;transform:rotate(5deg)}
.su__card i{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:9px;font-size:16px}
.su__card b{display:block;font-size:15.5px;letter-spacing:-.02em;max-width:150px;line-height:1.15}
.su__card span{display:block;font-size:10.5px;opacity:.75;margin-top:3px}
.su__card u{position:absolute;left:18px;bottom:14px;font-size:10.5px;text-decoration:none;font-weight:700;opacity:.92}
.su__fly{left:34px;top:156px;width:150px;height:212px;border-radius:10px;background:#fff;padding:10px;transform:rotate(-5deg);display:flex;flex-direction:column;gap:6px}
.su__fly i{display:block;height:74px;border-radius:7px;background:linear-gradient(140deg,var(--v5-b),var(--v5-b2))}
.su__fly b{font-size:12.5px;line-height:1.15;color:var(--v5-b);letter-spacing:-.02em}
.su__fly span{font-size:9.5px;font-weight:700;color:var(--v5-ink-2);padding:4px 7px;border-radius:5px;background:#F1F4F8}
.su__fly em{font-style:normal;margin-top:auto;height:24px;border-radius:999px;background:var(--v5-b2);color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center}
.su__g{right:6px;top:206px;width:236px;border-radius:16px;background:#fff;padding:16px}
.su__g b{display:block;font-size:15.5px;color:var(--v5-ink)}
.su__g span{display:block;font-size:12.5px;color:var(--v5-ink-3);font-weight:600;margin-top:2px}
.su__g em{font-style:normal;color:var(--v5-green);font-weight:800}
.su__g div{display:flex;gap:6px;margin-top:12px}
.su__g u{text-decoration:none;font-size:11px;font-weight:800;color:#1A4FC4;background:var(--v5-sky-50);border-radius:999px;padding:5px 10px}
.su__soc{right:60px;bottom:0;display:flex;gap:8px;box-shadow:none}
.su__soc i{width:54px;height:54px;border-radius:14px;font-size:24px;box-shadow:var(--v5-sh-2)}
.su__soc i+i{background:var(--v5-b)}

/* ---------- 5. packages + promises ---------- */
.ipk__g{padding-top:14px}
.ipk .pk__s{min-height:66px}
.ipk .pk__f{margin-top:18px}
.iprom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;background:#fff;border:1px solid var(--v5-line);border-radius:var(--v5-r-lg)}
.iprom span{display:flex;align-items:center;gap:11px;padding:16px 20px;font-size:14.5px}
.iprom span+span{border-left:1px solid var(--v5-line)}
.iprom .ic{flex:none;width:38px;height:38px;padding:9px;border-radius:12px;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.iprom span:nth-child(2) .ic{background:var(--v5-green-50);color:var(--v5-green)}
.iprom span:nth-child(3) .ic{background:var(--v5-sky-50);color:var(--v5-sky)}
.iprom span:nth-child(4) .ic{background:var(--v5-butter-50);color:#946C00}
.iprom b{color:var(--v5-ink);font-weight:800;line-height:1.25}
.ipk .after{text-align:center;margin-top:18px;font-size:14.5px}
.faq__all{margin-top:20px}

/* ---------- 8. related + close ---------- */
.irel__h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.irel__h h2{font-size:28px}
.irel__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.irel__i{position:relative;display:block;height:190px;border-radius:var(--v5-r-lg);overflow:hidden;background:var(--v5-ink);transition:transform .25s ease}
.irel__i:hover{transform:translateY(-4px)}
.irel__i img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.irel__i:hover img{transform:scale(1.05)}
.irel__i span{position:absolute;left:12px;bottom:12px;right:12px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 14px;border-radius:14px;background:#fff;color:var(--v5-ink);font-weight:800;font-size:14.5px;line-height:1.2;box-shadow:var(--v5-sh-2)}
.irel__i .ic{width:15px;height:15px;flex:none}
.icta h2{font-size:36px;max-width:600px}
.icta p{max-width:540px}
.icta__ph{position:absolute;right:70px;top:50%;width:290px;height:290px;margin-top:-145px;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.4);box-shadow:var(--v5-sh-3)}
.icta__ph img{width:100%;height:100%;object-fit:cover}

@media (max-width:1000px){
  .ih__in{grid-template-columns:1fr;gap:20px;min-height:0;padding-bottom:44px}
  .ih__v{max-width:600px;width:100%;margin:0 auto}
  .iw--b .iw__g,.iw--c .iw__g{grid-template-columns:1fr}
  .iw--c .iw__side{order:0}
  .iw__side .cs{max-width:520px}
  .su__box{grid-template-columns:1fr;padding:40px 36px}
  .su__v{max-width:470px;width:100%;margin:0 auto}
  .ic3__g{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .irel__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .icta__ph{display:none}
}
@media (max-width:640px){
  .ih__in{padding-top:14px;padding-bottom:30px;gap:10px}
  .ih__c{text-align:center}
  .ih .crumbs{justify-content:center}
  .ih__pill{margin-top:14px}
  .ih h1{font-size:32px;margin-top:10px}
  .ih__sub{font-size:16px;margin-top:10px}
  .ih__b{margin-top:18px;gap:14px;justify-content:center}
  .ih__b .btn{width:100%}
  .ih__f{margin-top:16px;justify-content:center;gap:8px 12px}
  .ih__f li{font-size:13.5px}
  .ih__v{height:300px;margin-top:8px}
  .ih__tag{left:50%;transform:translateX(-50%);bottom:-4px;white-space:nowrap;font-size:10.5px}
  .ih--a .ih__sun{right:-60px;bottom:-110px;width:300px;height:300px}
  .ih--a .cs{width:76%;top:14px}
  .ih--a .cs .cs__h{height:120px}
  .ih--a .cs .cs__t strong{font-size:12px}
  .ih--a .cs .cs__t span,.ih--a .cs .cs__n span,.ih--c .cs .cs__n span{display:none}
  .ih--a .ih__p{height:286px;right:-14px;bottom:-24px}
  .ih--a .ih__ph{width:150px;height:216px;right:0;border-width:4px}
  .ih--a .ih__chip--1,.ih--a .ih__v.has-p .ih__chip--1{left:0;bottom:34px;transform:scale(.86);transform-origin:left bottom}
  .ih--b .ih__ph{width:64%;height:250px;top:10px;border-radius:30px}
  .ih--b .csm{left:4px;width:132px}
  .ih--b .csm .csm__r{display:none}
  .ih--b .ih__chip--1{right:0;bottom:44px;transform:scale(.86);transform-origin:right bottom}
  .ih--b .ih__chip--2{display:none}
  .ih--b .ih__tag{left:50%;right:auto;bottom:-4px}
  .ih--c .cs{width:84%;top:10px}
  .ih--c .cs .cs__h{height:124px}
  .ih--c .cs .cs__t strong{font-size:12px}
  .ih--c .cs .cs__t span{display:none}
  .ih--c .ih__ph{width:118px;height:146px;border-width:4px;bottom:26px}
  .ih--c .ih__chip--1{left:0;bottom:30px;transform:scale(.86);transform-origin:left bottom}
  .ih--c .ih__tag{left:50%;right:auto;bottom:-4px}
  .cs__s span{font-size:6.5px;padding:6px 5px}
  .iw__tiles,.iw--b .iw__tiles,.iw--c .iw__tiles{grid-template-columns:1fr;gap:12px}
  .iw__t,.iw__t--sv,.iw__t--cta,.iw__t--ar,.iw__t--tr{grid-column:auto;padding:22px 20px}
  .iw__t h3{font-size:19px}
  .iw__t>p:not(.iw__note){display:none}
  .iw__ic{width:40px;height:40px;margin-bottom:12px}
  .iw__chips{margin-top:12px}
  .iw__btn{margin-top:12px}
  .iw__t ul{grid-template-columns:1fr}
  .iw__side{padding:24px 16px 50px}
  .ic3__v{height:216px}
  .ic3__more{grid-template-columns:1fr;gap:10px}
  .ic3__add{grid-template-columns:40px 1fr 16px;gap:12px;padding:14px}
  .su__box{padding:28px 20px 40px;border-radius:24px;gap:22px}
  .su__l{grid-template-columns:1fr;gap:8px}
  .su__p b{font-size:38px}
  .su__b .btn{width:100%}
  .su__v{height:330px;transform-origin:top left}
  .su__logo{width:190px;height:100px;left:0}
  .su__logo b{font-size:18px}
  .su__card{width:178px;height:106px;top:76px;right:-6px;padding:13px 14px}
  .su__card b{font-size:13.5px;max-width:120px}
  .su__fly{left:10px;top:150px;width:124px;height:176px}
  .su__fly i{height:56px}
  .su__g{width:188px;top:204px;right:0;padding:12px}
  .su__g u{font-size:9.5px;padding:4px 7px}
  .su__soc{display:none}
  .ipk .pk__s{min-height:0}
  .iprom{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iprom span{padding:12px;gap:9px;font-size:13.5px}
  .iprom span:nth-child(3){border-left:0}
  .iprom span:nth-child(n+3){border-top:1px solid var(--v5-line)}
  .iprom .ic{width:34px;height:34px;padding:8px}
  .irel__h{flex-direction:column;align-items:flex-start;gap:10px}
  .irel__h h2{font-size:24px}
  .irel__g{gap:10px}
  .irel__i{height:140px}
  .irel__i span{font-size:13px;padding:7px 10px;left:8px;right:8px;bottom:8px}
  .icta h2{font-size:27px}
}

/* ================= flagship additions (13 Oct, after the owner's "make it even better... they should really shine") ================= */
/* hero A: two more photographs of the trade */
.ih__m{position:absolute;overflow:hidden;border:5px solid #fff;box-shadow:var(--v5-sh-2);background:var(--v5-soft);z-index:2}
.ih__m img{width:100%;height:100%;object-fit:cover}
.ih--a .ih__m--1{left:10px;bottom:6px;width:168px;height:128px;border-radius:22px;transform:rotate(-4deg);z-index:5}
.ih--a .ih__m--2{left:206px;bottom:-14px;width:132px;height:132px;border-radius:50%;z-index:5}
.ih--a .ih__v.has-m .cs{top:0}
.ih--a .ih__v.has-m .ih__chip--1{left:auto;right:300px;bottom:auto;top:268px}
.ih--a .ih__v.has-m .ih__tag{left:auto;right:0;bottom:-34px}

/* the two kinds of customer (profiles with an urgent-planned section) */
.two__g{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.two__c{border-radius:var(--v5-r-xl);overflow:hidden;background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-sh-1);min-width:0}
.two__c--now{background:var(--v5-ink);border-color:var(--v5-ink)}
.two__ph{position:relative;height:230px;overflow:hidden}
.two__ph img{width:100%;height:100%;object-fit:cover}
.two__c--now .two__ph img{opacity:.82}
.two__time{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 10px;border-radius:999px;background:#fff;color:var(--v5-ink);font-weight:800;font-size:14px;box-shadow:var(--v5-sh-2)}
.two__time .ic{width:16px;height:16px;color:var(--v5-orange-d)}
.two__c--now .two__time{background:var(--v5-orange)}
.two__c--now .two__time .ic{color:var(--v5-ink)}
.two__b{padding:26px 30px 30px}
.two__b h3{font-size:25px}
.two__c--now .two__b h3{color:#fff}
.two__b ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}
.two__b li{display:grid;grid-template-columns:24px 1fr;gap:11px;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--v5-ink)}
.two__c--now .two__b li{color:#E3EAF2}
.two__b li .ic{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--v5-green-50);color:var(--v5-green);stroke-width:3}
.two__c--now .two__b li .ic{background:rgba(255,255,255,.14);color:#7BE0A6}
.two__vs{position:absolute;left:50%;top:230px;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--v5-orange);color:var(--v5-ink);display:grid;place-items:center;font-weight:800;font-size:26px;border:5px solid #fff;z-index:3;box-shadow:var(--v5-sh-2)}

/* what we build around (profiles with a showcase section and no urgent-planned) */
.bw__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:start}
.bw__l h2{margin:12px 0 22px}
.bw__ph{border-radius:var(--v5-r-xl);overflow:hidden;height:300px}
.bw__ph img{width:100%;height:100%;object-fit:cover}
.bw__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.bw__i{border-radius:var(--v5-r-lg);padding:24px;background:var(--v5-orange-50)}
.bw__i:nth-child(2){background:var(--v5-sky-50)}.bw__i:nth-child(3){background:var(--v5-green-50)}.bw__i:nth-child(4){background:var(--v5-butter-50)}
.bw__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v5-ink);color:#fff;font-weight:800;font-size:15px;margin-bottom:12px}
.bw__i h3{font-size:18.5px}
.bw__i p{font-size:14.5px;line-height:1.5;margin-top:6px}

/* the five pages, planned for the trade */
.pp5__g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pp5__i{border-radius:22px;background:#fff;border:1px solid var(--v5-line);padding:10px 10px 18px;min-width:0;transition:transform .22s ease,box-shadow .22s ease}
.pp5__i:hover{transform:translateY(-4px);box-shadow:var(--v5-sh-2)}
.pp5__ph{position:relative;height:120px;border-radius:14px;overflow:hidden;background:var(--v5-soft)}
.pp5__ph img{width:100%;height:100%;object-fit:cover}
.pp5__n{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--v5-ink);font-weight:800;font-size:14px;box-shadow:var(--v5-sh-1)}
.pp5__i:first-child .pp5__n{background:var(--v5-orange)}
.pp5__i h3{font-size:17px;line-height:1.2;margin:14px 8px 0}
.pp5__i p{font-size:13.5px;line-height:1.45;margin:6px 8px 0}
.pp5__c{display:flex;flex-wrap:wrap;gap:5px;margin:12px 8px 0}
.pp5__i{display:flex;flex-direction:column}
.pp5__c{margin-top:auto;padding-top:12px}
.pp5__c span{font-size:11.5px;font-weight:800;color:var(--v5-ink);background:var(--v5-orange-50);border-radius:999px;padding:4px 9px;line-height:1.3}
.pp5__i:nth-child(2) .pp5__c span{background:var(--v5-sky-50)}.pp5__i:nth-child(3) .pp5__c span{background:var(--v5-green-50)}.pp5__i:nth-child(4) .pp5__c span{background:var(--v5-butter-50)}.pp5__i:nth-child(5) .pp5__c span{background:var(--v5-lilac-50)}
.pp5__f{text-align:center;margin-top:24px;font-size:15px}

/* what customers type */
.ic3__s{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:-18px 0 30px}
.ic3__s b{font-size:14.5px;color:var(--v5-ink);font-weight:800;margin-right:6px}
.ic3__s span{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px 0 12px;border-radius:999px;background:#fff;border:1px solid var(--v5-line);font-weight:700;font-size:14.5px;color:var(--v5-ink);box-shadow:var(--v5-sh-1)}
.ic3__s .ic{width:15px;height:15px;color:var(--v5-sky)}

/* popular extras for this kind of business */
.pop__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.pop__l h2{margin:12px 0 10px}
.pop__l p{margin-bottom:18px;max-width:380px}
.pop__g{display:grid;gap:12px}
.pop__i{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 20px 16px 16px;border-radius:20px;background:#fff;border:1px solid var(--v5-line);transition:transform .2s ease,box-shadow .2s ease}
.pop__i:hover{transform:translateX(4px);box-shadow:var(--v5-sh-2)}
.pop__ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--v5-orange-50);color:var(--v5-orange-d)}
.pop__i:nth-child(2) .pop__ic{background:var(--v5-sky-50);color:var(--v5-sky)}.pop__i:nth-child(3) .pop__ic{background:var(--v5-green-50);color:var(--v5-green)}.pop__i:nth-child(4) .pop__ic{background:var(--v5-lilac-50);color:#4B3FB3}
.pop__ic .ic{width:22px;height:22px}
.pop__t b{display:block;font-size:16.5px;color:var(--v5-ink);line-height:1.25}
.pop__t i{display:block;font-style:normal;font-size:14px;line-height:1.4;color:var(--v5-ink-2);margin-top:2px}
.pop__p{font-weight:800;font-size:17px;color:var(--v5-ink);white-space:nowrap}

/* real client websites */
.irl{padding-bottom:64px}
.irl .irel__h h2{margin-top:10px;font-size:30px}
.irl .reelw{margin-top:6px}

@media (max-width:1000px){
  .two__g{grid-template-columns:1fr}
  .two__vs{display:none}
  .bw__in{grid-template-columns:1fr}
  .pp5__g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pop__in{grid-template-columns:1fr;gap:24px}
  .ih--a .ih__v.has-m .ih__chip--1{right:auto;left:200px;top:auto;bottom:150px}
}
@media (max-width:640px){
  .ih--a .ih__m--1{width:96px;height:74px;left:0;bottom:2px;border-width:3px;border-radius:14px}
  .ih--a .ih__m--2{display:none}
  .ih--a .ih__v.has-m .cs{top:14px}
  .ih--a .ih__v.has-m .ih__chip--1{left:auto;right:150px;top:auto;bottom:96px}
  .ih--a .ih__v.has-m .ih__tag{left:50%;right:auto;bottom:-22px}
  .two__ph{height:170px}
  .two__b{padding:20px 20px 22px}
  .two__b h3{font-size:21px}
  .two__b li{font-size:14.5px}
  .bw__ph{height:200px}
  .bw__g{grid-template-columns:1fr;gap:10px}
  .bw__i{padding:20px}
  .pp5__g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none}
  .pp5__g::-webkit-scrollbar{display:none}
  .pp5__i{flex:0 0 84%;scroll-snap-align:center}
  .pp5__i--s{flex-basis:46%}
  .ic3__s{margin:-8px 0 20px;gap:6px}
  .ic3__s b{width:100%;text-align:center;margin:0 0 4px}
  .ic3__s span{height:34px;font-size:13.5px;padding:0 12px 0 10px}
  .pop__i{grid-template-columns:42px minmax(0,1fr);gap:4px 12px;padding:14px}
  .pop__ic{width:42px;height:42px;grid-row:1/3;align-self:start}
  .pop__p{grid-column:2;font-size:15px}
  .pop__t b{font-size:15.5px}
  .irl .irel__h h2{font-size:24px}
}

/* where a trade has too few photographs of its own: drawn panels instead of the same picture twice */
.two__ph--art{background:linear-gradient(135deg,#FFE9D6,#FFD3AE);display:grid;place-items:center}
.two__c--now .two__ph--art{background:linear-gradient(135deg,#16324F,#0B1F33)}
.two__art{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#fff;color:var(--v5-orange-d);box-shadow:var(--v5-sh-2)}
.two__art .ic{width:44px;height:44px}
.pp5__ph--art{background:var(--v5-orange-50);display:grid;place-items:center}
.pp5__i:nth-child(2) .pp5__ph--art{background:var(--v5-sky-50)}.pp5__i:nth-child(3) .pp5__ph--art{background:var(--v5-green-50)}.pp5__i:nth-child(4) .pp5__ph--art{background:var(--v5-butter-50)}.pp5__i:nth-child(5) .pp5__ph--art{background:var(--v5-lilac-50)}
.pp5__art{width:62%;height:70%;border-radius:8px 8px 0 0;background:#fff;box-shadow:var(--v5-sh-1);align-self:end;padding:14px 10px 0;display:grid;gap:6px;align-content:start;position:relative}
.pp5__art::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-radius:8px 8px 0 0;background:var(--v5-ink)}
.pp5__art i{display:block;height:7px;border-radius:4px;background:#E3E8EF}
.pp5__art i:first-child{height:26px;background:linear-gradient(90deg,#FFD3AE,#FFE9D6)}
.pp5__art i:nth-child(3){width:55%;background:var(--v5-orange)}

/* ================= phone hero that fits the screen (13 Oct audit) =================
   The picture is the part that gives way: the hero is one screen tall, the words and the button keep their size, and
   the picture box takes what is left (190 to 310px). Everything inside it is sized from the box's own height
   (--u is one design pixel of the 300px picture), so nothing runs off the bottom or overlaps the words. */
@supports (height:1cqh) {
@media (max-width:640px){
  .ih__in{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:calc(100svh / var(--v5-z,1) - 64px)}
  .ih__v{flex:1 1 0;height:auto;min-height:190px;max-height:310px;margin:10px auto 0;container-type:size;--u:calc(100cqh / 300)}
  .ih__v>*{--u:calc(100cqh / 300)}
  .ih--a .ih__sun{right:calc(var(--u) * -60);bottom:calc(var(--u) * -110);width:calc(var(--u) * 300);height:calc(var(--u) * 300)}
  .ih--a .cs{top:calc(var(--u) * 14)}
  .ih--a .cs .cs__h{height:calc(var(--u) * 110)}
  .ih--a .ih__p{height:calc(var(--u) * 286);right:calc(var(--u) * -14);bottom:calc(var(--u) * -24)}
  .ih--a .ih__ph{width:calc(var(--u) * 150);height:calc(var(--u) * 216)}
  .ih--a .ih__m--1{width:calc(var(--u) * 96);height:calc(var(--u) * 74)}
  .ih--a .ih__v.has-m .cs{top:calc(var(--u) * 14)}
  .ih--b .ih__ph{height:calc(var(--u) * 250);top:calc(var(--u) * 10)}
  .ih--b .csm{width:calc(var(--u) * 140);bottom:calc(var(--u) * 14)}
  .ih--b .csm__p{aspect-ratio:auto;height:calc(var(--u) * 205)}
  .ih--b .csm__n{padding:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 6)}
  .ih--b .csm__n b{font-size:calc(var(--u) * 12)}
  .ih--b .csm__n i{display:none}
  .ih--b .csm__h{margin:0 calc(var(--u) * 7)}
  .ih--b .csm__h strong{font-size:calc(var(--u) * 12.5);left:calc(var(--u) * 8);right:calc(var(--u) * 8);bottom:calc(var(--u) * 8)}
  .ih--b .csm__p>em{height:calc(var(--u) * 26);font-size:calc(var(--u) * 10.5);margin:calc(var(--u) * 8) calc(var(--u) * 7) 0}
  .ih--c .cs{top:calc(var(--u) * 10)}
  .ih--c .cs .cs__h{height:calc(var(--u) * 110)}
  .ih--c .ih__ph{width:calc(var(--u) * 118);height:calc(var(--u) * 146);bottom:calc(var(--u) * 26)}
}
@container (max-height:250px){
  .ih__chip{display:none}
  .cs__s,.csm__r{display:none}
  .cs__t em{display:none}
}
}
@media (max-width:640px) and (max-height:740px){
  .ih .crumbs{display:none}
  .ih__in{padding-top:18px}
}
@media (max-width:640px) and (max-height:659px){
  .ih__v{display:none}
}

/* two white sections in a row: one gap, not two (Start-Up band then Popular extras was 168px, against 84px elsewhere) */
.ih ~ .sec:not(.sec--soft) + .sec:not(.sec--soft){padding-top:0}
@media (max-width:640px){
  .iw .incl__h{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}
  .iw .incl__l span{gap:7px;padding:8px}
  .iw .incl__l i{width:30px;height:30px;border-radius:9px}
  .iw .incl__l .ic{width:17px;height:17px}
}

/* the icon square in the "new enquiry" cards was caught by the ".nq span" rule (display:block), so its icon sat in the corner */
.nq .nq__ic{display:grid;place-items:center;color:var(--v5-orange-d);font-size:inherit}
.nq .nq__ic.g{color:var(--v5-green)}
.su__p span{text-wrap:balance}
@media (max-width:640px){
  .su__card{top:106px;height:100px}
  .su__g{top:214px}
}
@media (max-width:640px){
  .icta::after{display:none}
}
.irl .wk__m{flex-wrap:wrap;gap:2px 12px}

/* long trade names: the heading steps down so it never runs past three lines */
.ih h1.ih__h--m{font-size:46px}
.ih h1.ih__h--l{font-size:38px}
@media (max-width:640px){
  .ih h1.ih__h--m{font-size:28px}
  .ih h1.ih__h--l{font-size:25px}
}

/* long trade and example names must not break the hero: crumbs stay on one line, the pill grows, the mock-up's words are clipped inside it */
.ih .crumbs{flex-wrap:nowrap;min-width:0}
.ih .crumbs>a,.ih .crumbs>svg{flex:none}
.ih .crumbs>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ih__pill{height:auto;min-height:34px;padding-top:5px;padding-bottom:5px;line-height:1.25;max-width:100%;text-align:left}
.ih__pill .ic{flex:none}
.csm__h strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.csm__p>em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}

/* responsive B, 18 Oct */
/* Start-Up band: a 1fr column grows to its content, so at 320px the heading, price line, button and the mock-up ran past the box and were clipped */
.su__box{grid-template-columns:minmax(0,1fr) 470px}
.su__c{min-width:0}
@media (max-width:1000px){.su__box{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.su__b .btn{white-space:normal;text-align:center;justify-content:center}.su__p{row-gap:6px}}
@media (max-width:380px){
  .su__v{height:352px}
  .su__fly{width:112px;height:150px;top:138px;left:2px}
  .su__fly i{height:40px}
  .su__g{width:178px;top:238px}
}
/* responsive B, 18 Oct: the single real client site sat as a small 400px card in a wide section on desktop */
@media (min-width:900px){.irl .wk{width:560px}}

/* SEO master brief, 21 Oct 2026: the advice layer (inc/industry-editorial.php). Words for a person in the trade: why it
   matters, what customers expect, features, enquiries, trust. Two columns on desktop; one calm column on a phone. */
.adv{padding:76px 0}
.adv__in{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}
.adv__l{position:sticky;top:104px;min-width:0}
.adv__l h2{margin:12px 0 0;max-width:15ch}
.adv__l .adv__lede{margin:16px 0 0;font-size:16px;line-height:1.55;color:var(--v5-ink-2);max-width:34ch}
.adv__r{min-width:0}
.adv__r>p{margin:0 0 16px;font-size:17px;line-height:1.65;color:var(--v5-ink-2)}
.adv__ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px}
.adv__ul li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--v5-ink)}
.adv__ul li .ic{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--v5-green-50);color:var(--v5-green);stroke-width:3}
.adv--trust .adv__ul{grid-template-columns:minmax(0,1fr);margin-top:12px}
.adv__note{margin:18px 0 0;font-size:14px;line-height:1.5;color:var(--v5-ink-3)}
.advc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.advc__i{border-radius:var(--v5-r-lg);padding:24px;background:#fff;border:1px solid var(--v5-line);min-width:0}
.advc__i h3{font-size:18px;line-height:1.25}
.advc__i p{margin:8px 0 0;font-size:15px;line-height:1.55}
.advs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.advs li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 22px;border-radius:var(--v5-r-lg);background:var(--v5-orange-50)}
.advs li:nth-child(2){background:var(--v5-sky-50)}.advs li:nth-child(3){background:var(--v5-green-50)}.advs li:nth-child(4){background:var(--v5-butter-50)}
.advs__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v5-ink);color:#fff;font-weight:800;font-size:15px}
.advs h3{font-size:18px;line-height:1.25}
.advs p{margin:6px 0 0;font-size:15px;line-height:1.55}
.adv__x{padding-top:0}
.adv__more{margin:0;padding:22px 26px;border-radius:var(--v5-r-lg);background:var(--v5-soft);font-size:16px;line-height:1.6;color:var(--v5-ink-2);max-width:860px;margin-left:auto;margin-right:auto}
.adv__more a{font-weight:700;color:var(--v5-ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){
  .adv__in{grid-template-columns:minmax(0,1fr);gap:22px}
  .adv__l{position:static}
  .adv__l h2{max-width:none}
  .advc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .adv{padding:52px 0}
  .adv__r>p{font-size:16px;line-height:1.6}
  .adv__ul{grid-template-columns:minmax(0,1fr);gap:11px}
  .advc{grid-template-columns:minmax(0,1fr);gap:10px}
  .advc__i{padding:20px}
  .advs li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}
  .advs__n{width:32px;height:32px;font-size:14px}
  .adv__more{padding:18px;font-size:15px}
}

/* Icons instead of ticks (owner, 23 Oct 2026) */
.iw__t li,.two__b li{grid-template-columns:30px 1fr;align-items:center}
.iw__t li .w2i,.two__b li .w2i{width:30px;height:30px;border-radius:9px;margin:0}
.iw__t li .w2i .ic,.two__b li .w2i .ic{width:16px;height:16px;padding:0;background:none;stroke-width:2.1;color:inherit}
.two__c--now .two__b li .w2i{background:rgba(255,255,255,.12);color:#FFB37A}
.su .su__l li{gap:11px}
.su .su__l .w2i{width:32px;height:32px;border-radius:10px;background:#fff;box-shadow:0 1px 0 rgba(11,31,51,.06)}
.su .su__l .w2i .ic{width:17px;height:17px;padding:0;background:none;stroke-width:2.1;color:inherit}

/* "Starting out?" board (owner, 23 Oct 2026: "make the image on the right of starting out much better"): the pieces sit in a tidy
   labelled grid instead of a scattered, tilted pile */
.su .su__v{position:relative;height:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;gap:30px 18px;padding:16px 0 26px;transform:none}
.su .su__v>*{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;margin:0;box-shadow:0 14px 34px rgba(11,31,51,.12)}
.su .su__v>[data-k]::before{content:attr(data-k);position:absolute;left:14px;top:-11px;z-index:2;padding:3px 10px;border-radius:999px;background:var(--v5-ink);color:#fff;font:800 10.5px/1.4 var(--v5-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.su .su__logo{grid-column:1;grid-row:1;height:122px;padding:0 14px}
.su .su__card{grid-column:2;grid-row:1;height:122px;border-radius:14px}
.su .su__fly{grid-column:1;grid-row:2 / span 2;height:auto;min-height:250px;padding:12px;border-radius:14px}
.su .su__fly i{height:96px}
.su .su__g{grid-column:2;grid-row:2;border-radius:16px}
.su .su__soc{grid-column:2;grid-row:3;display:flex;gap:10px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(11,31,51,.12)}
.su .su__soc i{flex:1;width:auto;height:auto;aspect-ratio:1;border-radius:12px;font-size:24px;box-shadow:none}
.su .su__soc i:nth-child(3){background:linear-gradient(140deg,var(--v5-b),var(--v5-b2))}
.su .su__tag{position:absolute;right:22px;bottom:18px}
@media (max-width:640px){
  .su .su__v{gap:26px 12px;padding:14px 0 30px}
  .su .su__logo{height:96px;padding:0 10px;gap:8px}
  .su .su__logo i{width:36px;height:36px;font-size:19px}
  .su .su__logo b{font-size:15px}
  .su .su__card{height:96px;padding:12px}
  .su .su__card b{font-size:12.5px;max-width:100px}
  .su .su__fly{min-height:200px}
  .su .su__fly i{height:64px}
  .su .su__g{padding:12px}
  .su .su__g b{font-size:13px}
  .su .su__g div{flex-wrap:wrap}
  .su .su__soc{display:flex;padding:12px;gap:8px}
  .su .su__soc i{font-size:18px}
}