/* Monjiz × Invena — one hand-authored same-origin stylesheet.
   Re-authors the Invena component language (header-one, banner-style-one, title-style-one,
   sticky-statement service rows, working-process band, internal title banner + breadcrumb,
   service-details two-column body, pricing/fee tables, footer-two, 404) with Monjiz tokens.
   No vendor CSS, no Bootstrap, no url() outside /assets/, no at-import. */

/* ---------- fonts (self-hosted, OFL) ---------- */
@font-face{font-family:Manrope;src:url('/assets/manrope.latin.f6af5fb90a42.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+000D,U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2011,U+2013-2014,U+2018-201A,U+201C-2022,U+2026,U+2030,U+2039-203A,U+2044,U+2060,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Manrope;src:url('/assets/manrope.rest.34bbca04c389.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-0113,U+0116-012B,U+012E-0130,U+0134-0137,U+0139-013E,U+0141-0148,U+014A-014D,U+0150-0151,U+0154-017E,U+0192,U+01A0-01A1,U+01AF-01B0,U+0218-021B,U+0259,U+02C7,U+02D8-02D9,U+02DB,U+02DD,U+0374-0375,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03CE,U+1E80-1E85,U+1E9E,U+1EA0-1EF9,U+2070,U+2075-2079,U+2080-2089,U+20A3,U+20A9-20AB,U+20AE,U+20B1,U+20B9-20BA,U+20BD,U+20BF,U+2190,U+2192,U+21B5,U+2202,U+2205,U+220F,U+2211,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+FB01-FB02}
@font-face{font-family:"Source Sans 3";src:url('/assets/source-sans.latin.bb0687052fa3.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2007,U+2009-200B,U+2010-201E,U+2020-2023,U+2026,U+202F-2033,U+2035,U+2039-203A,U+203C-203F,U+2044,U+2047-204A,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}
@font-face{font-family:"Source Sans 3";src:url('/assets/source-sans.rest.07b33857de24.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-0181,U+0186,U+018A,U+018D-0190,U+0192-0194,U+0196-0197,U+019A-019B,U+019E,U+01A0-01A1,U+01AF-01B1,U+01B7,U+01BF-01C3,U+01CD-01DD,U+01E2-01E7,U+01EA-01EB,U+01EE-01F0,U+01F4-01F5,U+01F7-0201,U+0204-0205,U+0208-0209,U+020C-020D,U+0218-0220,U+0222-0223,U+0226-0227,U+0237,U+023A-023E,U+0241-0245,U+0248-0249,U+0250-027B,U+02B0-02B4,U+02B7-02B9,U+02BD-02C1,U+02C7-02CC,U+02D0-02D9,U+02DB,U+02DD-02DE,U+0300-0345,U+0374-0375,U+037A,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D1,U+1E02-1EF9,U+2070-2071,U+2075-208E,U+2105,U+2113,U+2117,U+2126,U+2150-215E,U+2190,U+2192,U+2194-2199,U+2200,U+2202-2203,U+2206,U+220F,U+2211,U+2219-221A,U+221E-221F,U+2229,U+222B,U+2248,U+2260-2261,U+2264-2265,U+25A0-25A1,U+25AA-25AC,U+25B2-25BA,U+25BC-25C4,U+25C6,U+25C9-25CC,U+25CF,U+2610-2611,U+2713-2714,U+2717-2718,U+FB00-FB04}

/* ---------- tokens ---------- */
:root{
  --petrol:#143f3a;--petrol-deep:#0f302c;--sage:#eaf0e8;--sage-deep:#dbe5d8;--ink:#15211e;--leaf:#b8d36d;--white:#fff;
  --text:#1c2a26;--muted:#4a5a55;--line:#d3ddd7;--line-dark:rgba(234,240,232,.18);
  --font-head:Manrope,"Segoe UI",Arial,sans-serif;--font-body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --container:1290px;--gutter:24px;--gap:120px;--gap-s:80px;--radius:10px;--radius-s:6px;
  --focus:#143f3a;--focus-dark:#b8d36d;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:108px}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,table{margin:0 0 20px}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
h1{font-size:44px;margin-bottom:22px}
h2{font-size:36px;margin-bottom:24px}
h3{font-size:22px;margin-bottom:12px}
a{color:var(--petrol);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{text-decoration-thickness:2px}
img,svg{display:block;max-width:100%}
ul,ol{padding-left:1.3em}
li{margin-bottom:8px}
button{font:inherit}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.band-petrol :focus-visible,.site-footer :focus-visible,.hero-panel :focus-visible,.enquiry-card :focus-visible{outline-color:var(--focus-dark)}
main:focus:not(:focus-visible),h1:focus:not(:focus-visible),#page-heading:focus:not(:focus-visible){outline:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- layout primitives ---------- */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.band{padding:var(--gap) 0}
.band-white{background:var(--white)}
.band-sage{background:var(--sage)}
.band-petrol{background:var(--petrol);color:var(--sage)}
.band-petrol h2,.band-petrol h3{color:var(--white)}
.band-petrol a{color:var(--white)}
.band-petrol p{color:#e9f0e8}
.band-petrol+.band-petrol{padding-top:0}
.band-sage+.band-sage,.band-white+.band-white{padding-top:0}

/* skip link */
.skip-link{position:absolute;left:16px;top:-80px;z-index:200;background:var(--petrol);color:var(--white);padding:12px 18px;border-radius:var(--radius-s);font-family:var(--font-head);font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}

/* ---------- header (Invena header-one) ---------- */
.site-header{position:sticky;top:-44px;z-index:100}
.header-top{background:var(--petrol);color:var(--white);font-size:14px;height:44px;overflow:hidden}
.header-top .container{display:flex;justify-content:space-between;align-items:center;height:44px;gap:24px}
.header-top a{color:var(--white);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;position:relative}
.header-top a::after{content:"";position:absolute;left:0;bottom:8px;height:1px;width:0;background:var(--white);transition:width .25s}
.header-top a:hover::after,.header-top a:focus-visible::after{width:100%}
.header-main{background:var(--white);box-shadow:0 1px 0 var(--line)}
.header-main .container{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:92px}
.brand{display:inline-flex;align-items:center;text-decoration:none;padding:8px 0}
.brand svg{width:136px;height:auto}
.nav-desktop{margin-left:auto}
.nav-desktop ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}
.nav-desktop li{margin:0}
.nav-desktop a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-family:var(--font-head);font-weight:600;font-size:16px;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{border-bottom-color:var(--petrol);color:var(--petrol)}
.header-cta{flex:none}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-s);font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--ink)}
.menu summary::-webkit-details-marker{display:none}
.menu summary::before{content:"";width:20px;height:2px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}
.menu[open] summary{background:var(--sage)}
.menu .menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(21,33,30,.14);padding:8px;z-index:120}
.menu ul{list-style:none;margin:0;padding:0}
.menu li{margin:0;border-top:1px solid var(--line)}
.menu li:first-child{border-top:0}
.menu li a{display:flex;align-items:center;min-height:48px;padding:10px 14px;font-family:var(--font-head);font-weight:600;color:var(--ink);text-decoration:none;border-radius:var(--radius-s)}
.menu li a:hover,.menu li a[aria-current="page"]{background:var(--sage);color:var(--petrol)}
.menu li.menu-primary a{background:var(--petrol);color:var(--white);justify-content:center;margin-top:8px}

/* ---------- buttons / actions ---------- */
.btn,.actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 28px;border-radius:var(--radius);font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid transparent;transition:background-color .25s,color .25s,border-color .25s}
.btn-primary,.actions .button{background:var(--petrol);color:var(--white)}
.btn-primary:hover,.actions .button:hover{background:var(--ink);color:var(--white)}
.btn-light{background:var(--white);color:var(--petrol)}
.btn-light:hover{background:var(--sage);color:var(--petrol)}
.band-petrol .actions .button,.hero-home.on-petrol .actions .button,.enquiry-card .btn-primary{background:var(--white);color:var(--petrol)}
.band-petrol .actions .button:hover,.enquiry-card .btn-primary:hover{background:var(--sage)}
.actions{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:28px}
.actions a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-head);font-weight:600;color:var(--petrol);text-decoration:none;gap:8px}
.actions a:not(.button)::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-left:2px;transition:transform .25s}
.actions a:not(.button):hover::after{transform:translateX(4px) rotate(45deg)}
.actions a:not(.button):hover{text-decoration:underline;text-underline-offset:.3em}
.band-petrol .actions a:not(.button){color:var(--white)}
p:last-child,ul:last-child,ol:last-child,table:last-child{margin-bottom:0}

/* ---------- eyebrow / title-style-one ---------- */
.eyebrow,.pre-title{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid var(--petrol);border-radius:var(--radius-s);font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol);margin-bottom:24px;max-width:max-content}
.hero-home.on-petrol .eyebrow{border-color:var(--leaf);color:var(--leaf)}

/* ---------- Home hero (banner-style-one, no photography) ---------- */
.hero-home{background:var(--sage);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding-top:88px;padding-bottom:88px}
.hero-copy h1{font-size:56px;line-height:1.1;letter-spacing:-.02em;max-width:14em}
.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:36em;color:var(--muted)}
.hero-panel{position:relative;background:var(--petrol);border-radius:24px;aspect-ratio:5/4;min-height:360px;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}
.hero-panel svg{position:absolute;inset:0;width:100%;height:100%}
.facts{background:var(--petrol);color:var(--white)}
.facts .trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0}
.facts .trust-strip li{margin:0;padding:28px 32px 28px 0;font-family:var(--font-head);font-weight:600;font-size:17px;line-height:1.4;border-left:1px solid var(--line-dark);padding-left:28px}
.facts .trust-strip li:first-child{border-left:0;padding-left:0}
.facts .trust-strip li::before{content:"";display:block;width:36px;height:3px;background:var(--leaf);margin-bottom:14px}

/* ---------- internal title banner + breadcrumb ---------- */
.hero-internal{background:var(--sage);padding:56px 0 64px;position:relative;overflow:hidden}
.hero-internal .container{position:relative}
.hero-internal h1{max-width:20em}
.hero-internal>.container>p{font-size:19px;line-height:1.6;max-width:40em;color:var(--muted)}
.hero-internal .actions{margin-top:32px}
.breadcrumb{font-family:var(--font-head);font-size:14px;font-weight:600;margin-bottom:28px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px 0;margin:0;padding:0}
.breadcrumb li{margin:0;display:inline-flex;align-items:center}
.breadcrumb li+li::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--muted);border-top:1.5px solid var(--muted);transform:rotate(45deg);margin:0 12px}
.breadcrumb a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.breadcrumb a:hover{color:var(--petrol);text-decoration:underline}
.hero-arc{position:absolute;right:-120px;bottom:-220px;width:620px;height:620px;pointer-events:none}

/* enquiry notice inside the banner (approved sage/white notice) */
.hero-internal .notice{background:var(--white);border:1px solid var(--sage-deep);border-radius:var(--radius);padding:32px 36px;max-width:820px;margin-top:8px}
.notice h2{font-size:24px;margin-bottom:12px}
.notice p{color:var(--text)}
.notice .actions{margin-top:20px}
.notice a[href^="mailto:"]:not(.button){font-weight:600;overflow-wrap:anywhere}

/* ---------- sections / cards ---------- */
.section>.container>h2{max-width:22em}
.section.split .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px;align-items:start}
.section.split .container>h2{grid-column:1;margin-bottom:0}
.section.split .container>*:not(h2){grid-column:2}
.split-body{padding-top:8px}
.split-body p{color:var(--muted)}
.stack .section.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 80px;align-items:start}
.stack .section.split>h2{grid-column:1;margin-bottom:0;max-width:14em}
.stack .section.split>.split-body{grid-column:2;max-width:760px}
.stack .section.split>h2::before{content:"";display:block;width:36px;height:3px;background:var(--leaf);margin-bottom:16px}
.stack .section+.section{margin-top:64px;padding-top:64px;border-top:1px solid var(--line)}
.reading .service-rows .card{grid-template-columns:1fr;padding:28px 88px 28px 28px}
.reading .service-rows .card h3{grid-row:auto;font-size:22px}
.reading .service-rows .card::before{right:24px}
.reading .service-rows .card .arrow{right:42px}
.band-sage .stack .section+.section{border-top-color:var(--sage-deep)}
.stack .section.narrow+.section.narrow{margin-top:32px;padding-top:32px;border-top:0}
.cards{display:grid;gap:24px;list-style:none;margin:0;padding:0}
.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px 36px 32px;display:flex;flex-direction:column}
.band-white .card{background:var(--sage);border-color:transparent}
.card h3{font-size:24px}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{color:var(--petrol);text-decoration:underline}
.card p{color:var(--muted)}
.card .actions{margin-top:auto;padding-top:12px}
.card-fee{font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--petrol)!important;margin-top:auto;padding-top:16px}

/* service rows (Invena sticky-statement, static) */
.service-rows{grid-template-columns:1fr;gap:20px}
.service-rows .card{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:16px 48px;align-items:center;background:var(--sage);border:0;border-radius:var(--radius);padding:38px 44px;position:relative;transition:background-color .3s}
.band-sage .service-rows .card{background:var(--white)}
.service-rows .card h3{margin:0;font-size:26px;grid-row:span 2}
.service-rows .card p{margin:0;max-width:34em}
.service-rows .card .card-fee{padding:0;font-size:20px}
.service-rows .card h3 a::after{content:"";position:absolute;inset:0}
.service-rows .card:hover{background:var(--petrol)}
.service-rows .card:hover h3 a,.service-rows .card:hover p,.service-rows .card:hover .card-fee{color:var(--white)!important}
.service-rows .card:hover h3 a{text-decoration:none}
.service-rows .card:focus-within{outline:3px solid var(--petrol);outline-offset:3px}
.service-rows .card h3 a:focus-visible{outline:0}
.service-rows .card{padding-right:120px}
.service-rows .card::before{content:"";position:absolute;right:40px;top:50%;width:56px;height:56px;margin-top:-28px;border-radius:50%;border:1.5px solid var(--petrol);transition:background-color .3s,border-color .3s}
.service-rows .card:hover::before{background:var(--white);border-color:var(--white)}
.service-rows .card .arrow{position:absolute;right:58px;top:50%;width:14px;height:14px;margin-top:-7px;border-right:2px solid var(--petrol);border-top:2px solid var(--petrol);transform:rotate(45deg);pointer-events:none}
.service-rows .card:hover .arrow{border-color:var(--petrol)}

/* duo (two short statement sections side by side) */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.duo .section{background:var(--white);border-radius:var(--radius);padding:44px 44px 40px;display:flex;flex-direction:column}
.duo .section h2{font-size:28px}
.duo .section p{color:var(--muted)}
.duo .section .actions{margin-top:auto;padding-top:20px}

/* CTA band (next step) */
.cta .container{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px 80px;align-items:center}
.cta h2{font-size:40px;margin-bottom:12px;grid-column:1}
.cta p{grid-column:1;font-size:19px;max-width:30em;margin:0}
.cta .actions{grid-column:2;grid-row:1/span 2;justify-self:end;justify-content:flex-end;margin:0}

/* ---------- two-column body (service-details) ---------- */
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px 80px;align-items:start}
.reading{max-width:760px}
.reading .section+.section{margin-top:64px}
.reading h2{font-size:30px}
.reading p,.reading li{font-size:18px}
.reading ul{padding-left:1.2em}
.reading .actions{margin-top:20px}
.sidebar{position:sticky;top:112px;display:flex;flex-direction:column;gap:32px}
.contents{background:var(--sage);border-radius:var(--radius);padding:28px 32px}
.contents-label{font-family:var(--font-head);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol);margin-bottom:12px}
.contents ol{list-style:none;margin:0;padding:0}
.contents li{margin:0;border-top:1px solid var(--sage-deep)}
.contents li:first-child{border-top:0}
.contents a{display:flex;align-items:center;min-height:44px;padding:8px 0;color:var(--ink);text-decoration:none;font-family:var(--font-head);font-weight:600;font-size:15px;line-height:1.35}
.contents a:hover{color:var(--petrol);text-decoration:underline}
.enquiry-card{background:var(--petrol);color:var(--white);border-radius:var(--radius);padding:32px}
.enquiry-card h2{color:var(--white);font-size:24px;margin-bottom:10px}
.enquiry-card .enquiry-mail{margin-bottom:22px}
.enquiry-card .enquiry-mail a{display:inline-flex;align-items:center;min-height:44px;color:var(--white);font-family:var(--font-head);font-weight:600;font-size:18px;overflow-wrap:anywhere}
.enquiry-card .btn{width:100%;margin-bottom:12px}
.enquiry-card .link-arrow{display:inline-flex;align-items:center;min-height:44px;color:var(--white);font-family:var(--font-head);font-weight:600;text-decoration:none;gap:8px}
.enquiry-card .link-arrow::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.enquiry-card .link-arrow:hover{text-decoration:underline}

/* contents band (Fees / legal) */
.contents-band{background:var(--white);border-bottom:1px solid var(--line);padding:0}
.contents-band .contents{background:transparent;border-radius:0;padding:28px 0}
.contents-band .contents-label{margin-bottom:8px}
.contents-band ol{display:flex;flex-wrap:wrap;gap:0 32px}
.contents-band li{border:0}

/* @insights */
/* ---------- Insights route family (doc 62 Appendix C): index list, banner meta line, sidebar "Related services" ---------- */
.breadcrumb li span[aria-current]{color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
.ins-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--muted)}
.ins-meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--muted);margin:0 12px;vertical-align:middle}
.hero-internal .ins-meta{margin-top:24px}
.ins-list{list-style:none;margin:0;padding:0;max-width:860px}
.ins-list li{margin:0;padding:36px 0;border-top:1px solid var(--line)}
.ins-list li:first-child{border-top:0;padding-top:0}
.ins-list h2{font-size:28px;margin-bottom:10px}
.ins-list h2 a{color:var(--ink);text-decoration:none}
.ins-list h2 a:hover{color:var(--petrol);text-decoration:underline}
.ins-list .ins-meta{margin-bottom:12px}
.ins-list article>p:last-child{margin:0;color:var(--muted);font-size:18px;max-width:40em}
.contents ul{list-style:none;margin:0;padding:0}
.contents ul li{margin:0;border-top:1px solid var(--sage-deep)}
.contents ul li:first-child{border-top:0}
/* @end-insights */
/* ---------- provisions / ledger (fees, legal) ---------- */
.provisions .provision{padding:72px 0}
.provisions+.provisions .provision:first-child{border-top:1px solid var(--line)}
.provisions .provision+.provision{border-top:1px solid var(--line)}
.provisions.band-sage .provision+.provision{border-top-color:var(--sage-deep)}
.provision .container{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 80px;align-items:start}
.prov-head{grid-column:1}
.prov-head h2{font-size:30px;margin:0;position:sticky;top:112px}
.prov-head h2::before,.prov-head h3::before{content:"";display:block;width:36px;height:3px;background:var(--leaf);margin-bottom:16px}
.prov-head h3{margin:0}
.prov-body{grid-column:2;max-width:760px}
.prov-body p,.prov-body li{font-size:18px}
.prov-body h3{margin-top:12px}
.prov-table{grid-column:1/-1}
.prov-body:first-child{grid-column:2}
.prov-body.prov-body-full,.prov-body.prov-body-full:first-child{grid-column:1/-1;max-width:760px}
.provisions-single .provision .container{grid-template-columns:1fr}
.provisions-single .prov-body,.provisions-single .prov-table{grid-column:1}
.fee-band .provision{padding:0}
.fee-band .provision+.provision{margin-top:64px;padding-top:64px}
/* service-page fee band: single column, text at the reading measure aligned with the table's left edge */
.fee-band .provision .container{grid-template-columns:1fr;gap:0}
.fee-band .prov-head,.fee-band .prov-body,.fee-band .prov-table{grid-column:1}
.fee-band .prov-head h2,.fee-band .prov-head h3{position:static;font-size:26px;margin-bottom:16px}
.fee-band .prov-body{max-width:760px}
.fee-band .prov-table{margin-top:8px}
/* short sections without a heading (enquiry pages): sage callout at the reading measure */
.section.narrow .container>*,.stack .section.narrow>*{max-width:46em}
.section.narrow .actions{margin-top:16px}
.stack .section.narrow>p{font-size:18px}

/* ---------- tables (pricing comparison treatment) ---------- */
.table-scroll{width:100%;overflow-x:auto;margin:8px 0 24px}
table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:17px}
caption{text-align:left;font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--ink);padding:0 0 14px;caption-side:top}
th,td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
thead th{background:var(--petrol);color:var(--white);font-family:var(--font-head);font-weight:600;font-size:15px;border-top:0}
tbody th{font-family:var(--font-head);font-weight:600;color:var(--ink);width:28%}
tbody tr:nth-child(even) td,tbody tr:nth-child(even) th{background:#f6f8f5}
.cell-label{display:none}
td>span:not(.cell-label){display:block}

/* ---------- working process (How we work stages) ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:none}
.steps li{margin:0;padding:32px 28px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:var(--radius)}
.steps h3{color:var(--white);font-size:22px}
.steps p{color:#dfe8dc;font-size:16px}
.band-petrol .steps h3::before{content:"";display:block;width:36px;height:3px;background:var(--leaf);margin-bottom:16px}

/* ---------- lists ---------- */
.checklist{list-style:none;padding:0}
.checklist li{position:relative;padding-left:32px}
.checklist li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2px solid var(--petrol);border-bottom:2px solid var(--petrol);transform:rotate(-45deg)}
.legal-blocks ul:not(.checklist) li::marker{color:var(--petrol)}

/* ---------- footer-two ---------- */
.site-footer{background:var(--ink);color:#dfe8dc;margin-top:0}
.footer-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2.5fr) minmax(0,2.5fr) minmax(0,3fr);gap:48px 40px;padding-top:88px;padding-bottom:64px}
.footer-brand svg{width:136px;height:auto;margin-bottom:24px}
.footer-brand p{color:#dfe8dc;max-width:22em}
.site-footer nav ul{list-style:none;margin:0;padding:0}
.site-footer nav li{margin:0}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--white);text-decoration:none;font-family:var(--font-head);font-weight:600;font-size:16px}
.site-footer nav a:hover{text-decoration:underline;color:var(--leaf)}
.footer-contact a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;color:var(--white);font-family:var(--font-head);font-weight:600;font-size:18px;text-decoration:none;margin-bottom:16px}
.footer-contact a[href^="mailto:"]:hover{text-decoration:underline;color:var(--leaf)}
.footer-contact .btn{display:inline-flex}
.footer-bar{border-top:1px solid var(--line-dark)}
.footer-bar .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding-top:24px;padding-bottom:24px;font-size:15px}
.footer-bar p{margin:0;color:#c9d6c5}

/* ---------- 404 ---------- */
.hero-404{padding:120px 0 140px;text-align:center}
.hero-404 .container>*{margin-left:auto;margin-right:auto}
.hero-404 .actions{justify-content:center}

/* ---------- wide screens ---------- */
@media (min-width:1920px){
  :root{--container:1320px}
  .hero-grid{padding-top:112px;padding-bottom:112px}
  .hero-panel{min-height:440px}
  .provision .container{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 96px}
  .prov-body{max-width:800px}
}

/* ---------- tablet 768–1199 (explicit rules) ---------- */
@media (max-width:1199px){
  :root{--gap:88px;--gutter:32px}
  .nav-desktop,.header-cta{display:none}
  .menu{display:block;margin-left:auto}
  .header-main .container{min-height:76px}
  h1{font-size:38px}
  h2{font-size:32px}
  .hero-copy h1{font-size:46px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:64px;padding-bottom:64px}
  .hero-panel{min-height:300px}
  .two-col{grid-template-columns:minmax(0,1fr) 300px;gap:48px}
  .sidebar{position:static}
  .provision .container{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px}
  .prov-head h2{position:static}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-rows .card{grid-template-columns:minmax(0,1fr);padding:32px 100px 32px 32px}
  .service-rows .card h3{grid-row:auto}
  .cta .container{grid-template-columns:1fr}
  .cta .actions{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;margin-top:8px}
  .section.split .container{grid-template-columns:1fr}
  .section.split .container>h2,.section.split .container>*:not(h2){grid-column:auto}
  .stack .section.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:64px}
}
@media (min-width:1024px) and (max-width:1199px){
  .two-col{grid-template-columns:minmax(0,1fr) 300px}
  .provision .container{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
}
@media (min-width:768px) and (max-width:1023px){
  .two-col{grid-template-columns:1fr}
  .reading{max-width:none}
  .sidebar{flex-direction:row;flex-wrap:wrap}
  .sidebar>*{flex:1 1 320px}
  .provision .container{grid-template-columns:1fr;gap:16px}
  .prov-head,.prov-body,.prov-table{grid-column:1}
  .prov-body{max-width:68ch}
  .reading p,.reading li,.stack .section.split>.split-body{max-width:68ch}
  .stack .section.split{grid-template-columns:1fr;gap:12px}
  .stack .section.split>h2,.stack .section.split>.split-body{grid-column:1;max-width:none}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .hero-copy h1{font-size:40px}
  .hero-panel{min-height:260px;aspect-ratio:auto;height:100%}
  .facts .trust-strip li{font-size:16px;padding-left:20px;padding-right:20px}
  .duo{gap:20px}
  .duo .section{padding:32px 28px}
  .steps{gap:20px}
  .contents-band ol{gap:0 24px}
}

/* ---------- stacked tables ≤ 1023 (authored cell-labels) ---------- */
@media (max-width:1023px){
  /* stacked tables; captions share the h3 phone size */
  .table-scroll{overflow:visible}
  caption{font-size:20px}
  table{display:block;border:0;border-radius:0;background:transparent}
  table caption{display:block}
  thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  tbody,tr,th,td{display:block}
  tbody tr{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}
  tbody th{width:auto;background:var(--sage);border-top:0;padding:14px 18px;font-size:18px}
  tbody td{border-top:1px solid var(--line);padding:12px 18px}
  tbody tr:nth-child(even) td{background:var(--white)}
  tbody tr:nth-child(even) th{background:var(--sage)}
  .cell-label{display:block;font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
}

/* ---------- phone ≤ 767 ---------- */
@media (max-width:767px){
  :root{--gap:60px;--gutter:16px}
  html{scroll-padding-top:72px}
  body{font-size:16px}
  h1{font-size:32px}
  h2{font-size:26px;margin-bottom:16px}
  h3{font-size:20px}
  .header-top{display:none}
  .site-header{top:0}
  .header-main .container{min-height:64px;gap:12px}
  .section.split .container>h2,.section.split .container>*:not(h2){grid-column:auto}
  .prov-head,.prov-body.prov-body-full,.prov-body.prov-body-full:first-child{grid-column:1}
  .brand svg{width:118px}
  .menu .menu-panel{position:fixed;left:16px;right:16px;top:72px;width:auto}
  /* approved petrol hero treatment on phone: primary action in the first screen */
  .hero-home{background:var(--petrol)}
  .hero-grid{grid-template-columns:1fr;gap:0;padding-top:36px;padding-bottom:40px}
  .hero-copy h1{font-size:34px;color:var(--white);max-width:none}
  .hero-copy>p:not(.eyebrow){color:#e9f0e8;font-size:17px}
  .hero-copy .eyebrow{border-color:var(--leaf);color:var(--leaf);margin-bottom:18px}
  .hero-copy .actions{margin-top:22px;gap:12px 20px}
  .hero-copy .actions .button{background:var(--white);color:var(--petrol);width:100%}
  .hero-copy .actions a:not(.button){color:var(--white)}
  .hero-panel{display:none}
  .facts{background:var(--petrol-deep)}
  .facts .trust-strip{grid-template-columns:1fr}
  .facts .trust-strip li{border-left:0;padding:18px 0;border-top:1px solid var(--line-dark);font-size:16px}
  .facts .trust-strip li:first-child{border-top:0}
  .facts .trust-strip li::before{display:none}
  .hero-internal{padding:28px 0 40px}
  .hero-internal>.container>p{font-size:17px}
  .hero-internal .notice{padding:22px 20px}
  .hero-arc{display:none}
  .breadcrumb{margin-bottom:14px}
  .actions{gap:12px 20px}
  .actions .button{width:100%}
  .cards-2{grid-template-columns:1fr}
  .card{padding:26px 22px}
  .card h3{font-size:22px}
  .service-rows .card{padding:24px 22px 24px}
  .service-rows .card::before,.service-rows .card .arrow{display:none}
  .service-rows .card h3{font-size:22px}
  .duo{grid-template-columns:1fr;gap:20px}
  .duo .section{padding:28px 22px}
  .duo .section h2{font-size:24px}
  .cta h2{font-size:28px}
  .cta p{font-size:17px}
  .two-col{grid-template-columns:1fr;gap:40px}
  .reading{max-width:none}
  .sidebar{position:static}
  .reading .section+.section{margin-top:44px}
  .stack .section.split{grid-template-columns:1fr;gap:8px}
  .stack .section.split>h2,.stack .section.split>.split-body{grid-column:1;max-width:none}
  .stack .section+.section{margin-top:40px;padding-top:40px}
  .reading .service-rows .card{padding:24px 22px}
  .reading h2{font-size:26px}
  .reading p,.reading li,.prov-body p,.prov-body li{font-size:17px}
  .sidebar{flex-direction:column}
  .contents{padding:20px 20px}
  .enquiry-card{padding:24px 20px}
  .provisions .provision{padding:44px 0}
  .fee-band .provision+.provision{margin-top:40px;padding-top:40px}
  .provision .container{grid-template-columns:1fr;gap:12px}
  .prov-head,.prov-body,.prov-table{grid-column:1}
  .prov-head h2{font-size:26px;position:static}
  .contents-band ol{display:block}
  .contents-band .contents{padding:18px 0}
  .contents-band li{border-top:1px solid var(--line)}
  .contents-band li:first-child{border-top:0}
  .steps{grid-template-columns:1fr;gap:16px}
  .steps li{padding:24px 20px}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:40px}
  .footer-bar .container{flex-direction:column;align-items:flex-start;gap:8px}
  .hero-404{padding:64px 0 80px}
  /* @insights */
  .ins-list li{padding:24px 0}
  .ins-list h2{font-size:22px}
  .ins-list article>p:last-child{font-size:17px}
  .hero-internal .ins-meta{margin-top:16px;font-size:14px}
  /* @end-insights */
}
@media (max-width:420px){
  .hero-copy h1{font-size:30px}
  h1{font-size:28px}
}
/* @images-only */
/* Zero-fee photography preview (images mode only; stripped from the no-image build by the renderer) */
.photo{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--sage-deep)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-21x9{aspect-ratio:21/9}.photo-3x2{aspect-ratio:3/2}.photo-4x5{aspect-ratio:4/5}.photo-1x1{aspect-ratio:1/1}.photo-2x1{aspect-ratio:2/1}.photo-24x10{aspect-ratio:2.4/1}
.fp-50-61 img{object-position:50% 61%}.fp-57-60 img{object-position:57% 60%}.fp-52-60 img{object-position:52% 60%}.fp-43-64 img{object-position:43% 64%}.fp-50-62 img{object-position:50% 62%}.fp-52-52 img{object-position:52% 52%}.fp-48-62 img{object-position:48% 62%}.fp-47-57 img{object-position:47% 57%}.fp-45-61 img{object-position:45% 61%}.fp-50-42 img{object-position:50% 42%}
/* Home hero: copy block, then the 21:9 photograph panel; phone: petrol copy panel, then a 4:5 photograph — copy never sits on the image */
.hero-grid-photo{grid-template-columns:1fr;gap:48px;padding-top:72px;padding-bottom:72px}
.hero-grid-photo .hero-copy{max-width:46em}
.hero-grid-photo .hero-photo{border-radius:24px}
/* Home introduction: portrait panel beside the heading and the two stacked cards */
.has-photo .container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"photo heading" "photo cards";gap:24px 48px;align-items:start}
.has-photo .container>h2{grid-area:heading;margin-bottom:0}
.has-photo .container>.photo{grid-area:photo;align-self:stretch;aspect-ratio:auto;min-height:100%}
.has-photo .container>.cards{grid-area:cards;grid-template-columns:1fr}
/* Internal banner with a supporting photograph */
.banner-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px 64px;align-items:center}
.banner-grid.banner-wide{grid-template-columns:1fr}
.banner-grid .banner-photo{justify-self:stretch}
.banner-grid.banner-wide .banner-photo{margin-top:8px}
.hero-internal .banner-grid .notice{max-width:none}
/* Process graphic (GRAPHIC-01): native list, no text in images */
.process-graphic{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;counter-reset:none}
.process-graphic li{margin:0;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;position:relative;font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.3;color:var(--ink)}
.process-graphic li+li::before{content:"";position:absolute;left:19px;top:-14px;height:14px;border-left:2px solid var(--leaf)}
.process-graphic .pg-num{width:40px;height:40px;border-radius:50%;background:var(--petrol);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.band-petrol .process-graphic{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 40px}
.band-petrol .process-graphic li{grid-template-columns:1fr;gap:12px;color:var(--white);align-content:start}
.band-petrol .process-graphic li+li::before{content:"";position:absolute;left:-24px;top:20px;width:24px;height:0;border-left:0;border-top:2px solid var(--leaf)}
.band-petrol .process-graphic .pg-num{background:var(--leaf);color:var(--ink)}
/* Image credits (footer area) */
.image-credits{border-top:1px solid var(--line-dark);padding:24px 0 8px;font-size:14px}
.image-credits h2{color:var(--white);font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.image-credits ul{list-style:none;margin:0;padding:0}
.image-credits li{margin:0 0 6px;color:#c9d6c5}
.image-credits a{color:var(--white);display:inline;padding-block:12px;text-decoration:underline}
@media (max-width:1199px){
  .has-photo .container{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px 32px}
  .has-photo .container>.photo{aspect-ratio:4/5;align-self:start;min-height:0}
  .banner-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .band-petrol .process-graphic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band-petrol .process-graphic li:nth-child(3)::before{display:none}
}
@media (max-width:767px){
  .hero-grid-photo{gap:0;padding-bottom:0}
  .hero-grid-photo .hero-photo{border-radius:0;margin:32px -16px 0;width:auto}
  .photo-21x9.hero-photo{aspect-ratio:4/5}
  .has-photo .container{grid-template-columns:1fr;grid-template-areas:"heading" "photo" "cards";gap:20px}
  .has-photo .container>.photo{aspect-ratio:4/5;min-height:0}
  .banner-grid{grid-template-columns:1fr;gap:24px}
  .banner-grid .banner-photo.photo-4x5,.banner-grid .banner-photo.photo-1x1{aspect-ratio:4/3}
  .band-petrol .process-graphic{grid-template-columns:1fr;gap:14px}
  .band-petrol .process-graphic li{grid-template-columns:40px 1fr}
  .band-petrol .process-graphic li+li::before{left:19px;top:-14px;height:14px;width:0;border-top:0;border-left:2px solid var(--leaf)}
}
/* @end-images-only */