/* 24 October review: one shared header rhythm, readable panels and preview journey. */
:root{--site-header-height:80px}
.site-shell-header{height:var(--site-header-height)!important;min-height:var(--site-header-height)!important;padding-block:0!important;box-shadow:none}
h1,h2,.display{text-wrap:balance}
html{scroll-padding-top:100px}
.review-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:64px max(24px,calc((100vw - 1200px)/2));background:#4c1d95;color:#fff}
.review-preview h2{font:400 clamp(26px,3vw,40px)/1.25 Bungee,sans-serif;margin:0 0 20px;max-width:22ch}
.review-preview p{font:400 17px/1.75 Inter,sans-serif;max-width:56ch;margin:0;color:#fff}
.review-preview-actions{display:grid;gap:20px;justify-items:start;max-width:340px}
.review-preview .pointed-action--primary{background:#fff!important;color:#4c1d95!important;border-color:#fff!important}
.review-preview .review-whatsapp{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:underline;text-underline-offset:5px;font:500 15px/1.6 Inter,sans-serif}
.review-preview a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.footer-trades{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding-top:20px}
.footer-trades strong{flex-basis:100%;font:600 15px/1.5 Inter,sans-serif}
#website-process>.wrap,.home-domain-section>.wrap{position:relative;background:#1e0b3c;color:#fff;border:1px solid #ffffff30;border-radius:24px;padding:clamp(28px,5vw,64px);box-shadow:0 18px 48px #1e0b3c24}
#website-process .section-label,.home-domain-section .section-label,#website-process p,.home-domain-section p{color:#fff}
#website-process .steps li{background:#1e0b3c;color:#fff}
.review-founder,.review-work-details{padding:64px max(24px,calc((100vw - 1100px)/2));background:#fff;color:#1e0b3c}
.review-founder h2,.review-work-details h2{font:400 clamp(28px,3vw,42px)/1.25 Bungee,sans-serif;margin:0 0 24px}
.review-founder p{max-width:66ch;font:17px/1.8 Inter,sans-serif;margin:0 0 24px}
.review-founder a,.review-work-details a{display:flex;align-items:center;gap:16px;color:#4c1d95;font:600 16px/1.6 Inter,sans-serif;padding-block:16px;text-underline-offset:5px}
@media(min-width:901px) and (max-width:1100px){.website-offers{grid-template-columns:repeat(3,minmax(0,1fr))!important}.website-offers .offer-card{padding:24px 20px}.website-offers .offer-card h3{font-size:21px}.website-offers .pointed-action{padding-inline:15px;font-size:14px;gap:10px}}
@media(max-width:900px){
 .site-shell-header{position:relative!important;top:auto!important;background:transparent!important;color:#1e0b3c!important}
 .site-shell-header .simple-logo img{content:url('/assets/wordmark-violet.svg')}
 .site-shell-header>details>summary{color:#1e0b3c!important}
 .site-shell-header>details>summary:focus-visible{outline-color:#4c1d95}
 .site-shell-header::before{content:'';position:absolute;inset:0;background:var(--paper,#ffffff);z-index:-1}
 .review-preview{grid-template-columns:1fr;gap:28px;padding-block:48px}
 .review-preview-actions{max-width:100%}
 .review-preview .pointed-action{white-space:normal;max-width:100%}
 html{scroll-padding-top:24px}
 .footer-trades{display:grid;grid-template-columns:1fr;gap:18px}
 .review-founder,.review-work-details{padding-block:48px}
}
/* Pricing chips are proposal-only; no sticky chips are activated in the public CSS. */

/* Owner's 25 October follow-up: quieter hero, genuine headshot and clear step spacing. */
.hero>.wrap{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(32px,4vw,56px);align-items:center}
.hero h1{font-size:clamp(36px,3.15vw,46px);line-height:1.16;max-width:18ch;letter-spacing:0;margin:0}
.hero .hero-price-badge{display:inline-flex;align-items:baseline;gap:9px;margin:0 0 22px;padding:10px 16px;border:1px solid #dfd4c5;border-radius:10px;background:#fff;color:#4c1d95;font:500 15px/1.3 Inter,sans-serif;box-shadow:0 6px 18px #1e0b3c08}
.hero-price-badge span{font:400 24px/1.2 Bungee,sans-serif}
.hero .lede{font-size:16px;line-height:1.75;margin:24px 0 0;max-width:46ch}
.hero .actions{margin-top:28px;gap:20px}
.home-hero-showcase{transform:none}
.review-founder{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px)}
.founder-headshot{position:relative;aspect-ratio:1;overflow:hidden;margin:0;border:1px solid #dfd4c5;border-radius:20px;background:#ffffff;box-shadow:0 18px 40px #1e0b3c12}
.founder-headshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.16);transform-origin:50% 28%}
.review-founder .founder-copy p{margin:0 0 20px}
#website-process .steps{gap:32px;margin-top:44px}
#website-process .step{padding:0;border-top:0;min-width:0}
#website-process .step-icon{position:relative;top:auto;left:auto;width:44px;height:44px;margin:0 0 26px;transform:none;box-shadow:none}
#website-process .step h3{margin:0 0 18px;font:700 18px/1.4 Inter,sans-serif}
#website-process .step p{margin:0;font-size:15px;line-height:1.8}
#website-process .step::after{display:none}
@media(max-width:1000px) and (min-width:761px){#website-process .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
@media(max-width:900px){.hero>.wrap{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero h1{font-size:clamp(34px,6.5vw,44px);max-width:21ch}.hero .lede{max-width:48ch}.home-hero-showcase{max-width:680px}}
@media(max-width:760px){
 .hero h1{font-size:34px;line-height:1.17;max-width:19ch}
 .hero .hero-price-badge{margin-bottom:20px}
 .hero .actions{margin-top:24px;gap:16px}
 .review-founder{grid-template-columns:1fr;gap:32px}
 .founder-headshot{width:min(100%,300px)}
 #website-process .steps{display:grid;grid-template-columns:1fr;gap:36px;margin-top:36px}
 #website-process .step{padding:0;min-height:0}
 #website-process .step-icon{margin-bottom:20px}
 #website-process .step h3{margin-bottom:14px}
}

/* The shared header is part of the opening, not a separate solid bar. */
.site-shell-header{position:relative!important;top:auto!important;background:transparent!important;color:#1e0b3c!important;box-shadow:none!important}
.site-shell-header::before{content:none!important}
.site-shell-header a,.site-shell-header summary{color:#1e0b3c!important}
.site-shell-header .simple-logo img{content:url('/assets/wordmark-violet.svg')}
.site-shell-header .simple-desktop-nav .shell-contact{border-color:#4c1d9540}
.site-shell-header .shell-mobile>nav{background:#ffffff;color:#1e0b3c;box-shadow:0 18px 30px #1e0b3c16}
.site-shell-header .shell-mobile-services strong{color:#1e0b3c}
.site-shell-header .shell-mobile>nav>a,.site-shell-header .shell-mobile>nav>details>summary{border-bottom-color:#dfd4c5}
.site-shell-header :focus-visible{outline-color:#4c1d95!important}
.review-home{background:#ffffff}
.review-home .hero{padding-block:44px 36px}
.hero-assurances{margin:48px auto 0;width:min(calc(100% - 3rem),75rem)}
.hero-assurances-inner{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);align-items:center;gap:40px;border-top:1px solid #dfd4c5;padding-top:28px}
.hero-assurances p{font:400 18px/1.55 Inter,sans-serif;margin:0;color:#695985}
.hero-assurances p strong{font-weight:650;color:#1e0b3c}
.hero-assurances ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;list-style:none;margin:0;padding:0}
.hero-assurances li{display:flex;align-items:flex-start;gap:12px;font:500 14px/1.6 Inter,sans-serif;color:#1e0b3c}
.hero-assurances li .icon{width:24px;height:24px;flex:none;margin-top:2px;color:#4c1d95}
@media(max-width:900px){.hero-assurances-inner{grid-template-columns:1fr;gap:22px}.hero-assurances p br{display:none}.hero-assurances p strong::before{content:' '}.hero-assurances{margin-top:36px}}
@media(max-width:600px){.review-home .hero{padding-block:28px 32px}.hero-assurances{width:calc(100% - 2rem)}.hero-assurances ul{grid-template-columns:1fr;gap:20px}.hero-assurances li br{display:none}.hero-assurances li{align-items:center;font-size:14px}.hero-assurances-inner{padding-top:24px}.hero-assurances p{font-size:17px}}
.review-home .hero{display:block}
.review-home .hero>.wrap{width:min(calc(100% - 3rem),75rem);margin-inline:auto}
@media(max-width:760px){.review-home .hero>.wrap{width:calc(100% - 2rem)}}
/* Header markup now uses the violet source directly, rather than CSS image substitution. */
.site-shell-header .simple-logo img{content:normal!important}

/* Two owner-selected comparison treatments, authored as real text and proportional charts. */
.price-pair{color:#1e0b3c}
.price-pair figcaption{font:600 16px/1.5 Inter,sans-serif!important;color:#1e0b3c!important;margin:0 0 24px!important}
.price-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.price-pair-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:26px 22px;border:1px solid #dfd4c5;border-radius:12px;min-width:0}
.price-pair-own{background:#4c1d95;color:#fff;box-shadow:0 10px 24px #1e0b3c12}
.price-pair-own img{width:120px;max-width:100%;height:auto;display:block}
.price-pair-average{background:#ffffff;color:#1e0b3c}
.price-pair-grid strong{font:400 clamp(24px,2.6vw,36px)/1.2 Bungee,sans-serif;letter-spacing:0;max-width:100%}
.price-pair-own strong{font-size:clamp(30px,3vw,44px)}
.price-pair-grid strong small{display:block;font:400 12px/1.5 Inter,sans-serif;margin-top:6px}
.price-pair-grid>div>span{font:400 13px/1.6 Inter,sans-serif}
.price-pair-average>span:first-child{font-size:16px;font-weight:600}
.price-pair-bracket{display:block;width:88%;height:24px;margin:0 auto;color:#4c1d95}
.comparison-footnote>svg{display:none}
.study-credit{font:400 12px/1.7 Inter,sans-serif;text-underline-offset:4px;color:inherit}
.budget-comparison{padding:32px!important;background:#fff!important;border:1px solid #dfd4c5;border-radius:18px;box-shadow:0 16px 36px #1e0b3c0c;color:#1e0b3c}
.budget-comparison figcaption{font:400 clamp(22px,2.2vw,30px)/1.3 Bungee,sans-serif!important;color:#1e0b3c!important;margin:0 0 36px!important;max-width:22ch}
.budget-line+.budget-line{margin-top:30px;padding-top:28px;border-top:1px solid #dfd4c5}
.budget-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:500 14px/1.6 Inter,sans-serif;margin-bottom:14px}
.budget-row-label strong{font:600 17px/1.4 Inter,sans-serif;color:#695985}
.budget-average-band,.budget-split-band{height:24px;border:1px solid #8b5cf6;border-radius:5px;overflow:hidden;background:#fff}
.budget-average-band{background:#8b5cf6}
.budget-split-band>span{display:block;height:100%;background:#4c1d95}
.budget-values{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;margin-top:22px}
.budget-values>div{display:grid;gap:8px}
.budget-values span{font:400 12px/1.6 Inter,sans-serif}
.budget-values strong{font:400 clamp(24px,2.4vw,34px)/1.2 Bungee,sans-serif;color:#4c1d95}
.budget-values>div+div strong{color:#1e0b3c}
.budget-comparison .study-credit{display:inline-block;margin-top:30px;color:#695985}
@media(max-width:700px){.comparison-visual .price-pair{padding:24px 16px}.price-pair-grid{gap:10px}.price-pair-grid>div{padding:22px 14px;gap:16px}.price-pair-own img{width:92px}.price-pair-grid strong{font-size:24px}.price-pair-own strong{font-size:30px}.price-pair-grid>div>span{font-size:12px}.budget-comparison{padding:26px 22px!important}.budget-values{gap:12px}.budget-values strong{font-size:27px}.budget-row-label{font-size:13px}.budget-comparison figcaption{font-size:24px!important}}

.study-reference{position:relative;display:inline;font-family:Inter,sans-serif;font-size:inherit;vertical-align:baseline}
.study-reference .study-asterisk{display:inline-block;min-width:20px;min-height:24px;padding-inline:3px;text-decoration:none!important;color:inherit;cursor:help;font:inherit;border-radius:3px}
.study-reference .study-asterisk:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}
.study-reference .study-note{display:none;position:absolute;bottom:calc(100% + 10px);left:0;width:280px;max-width:calc(100vw - 32px);padding:16px 18px;background:#1e0b3c;color:#fff!important;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 12px 32px #1e0b3c26;font:400 13px/1.65 Inter,sans-serif;text-transform:none;text-align:left;letter-spacing:0;z-index:200;white-space:normal}
.study-reference:hover>.study-note,.study-reference:focus-within>.study-note,.comparison-tile:focus .study-note{display:block}
.study-reference.study-dismissed>.study-note{display:none}
.price-pair-average,.price-pair-own{overflow:visible}
@media(max-width:360px){.price-pair-grid{grid-template-columns:1fr}.price-pair-grid strong,.price-pair-own strong{font-size:32px}.price-pair-bracket{display:none}.budget-values{grid-template-columns:1fr;gap:20px}}
.price-pair-quote .price-pair-grid{grid-template-columns:1fr}
.price-pair-quote .price-pair-bracket{display:none}

/* Desktop may pin and gain violet after the opening; mobile stays in normal flow. */
@media(min-width:901px){
 .site-shell-header{position:sticky!important;top:0!important;transition:background-color .2s ease,box-shadow .2s ease}
 .site-shell-header.is-scrolled{background:#4c1d95!important;color:#fff!important;box-shadow:0 5px 20px #1e0b3c20!important}
 .site-shell-header.is-scrolled a,.site-shell-header.is-scrolled summary{color:#fff!important}
 .site-shell-header.is-scrolled .simple-desktop-nav .shell-contact{border-color:#ffffff70}
 .site-shell-header.is-scrolled .shell-mega a{color:#4c1d95!important}
 .site-shell-header.is-scrolled :focus-visible{outline-color:#fff!important}
 .site-shell-header.is-scrolled .shell-mega :focus-visible{outline-color:#4c1d95!important}
}
@media(prefers-reduced-motion:reduce){.site-shell-header{transition:none}}

/* Standalone linked service word map, weighted by starting project fees. */
.service-word-map{background:#1e0b3c;color:#fff;padding:clamp(48px,6vw,88px) 24px;overflow:visible}
.word-map-wrap{max-width:1200px;margin:auto}
.word-map-cloud{display:grid;gap:12px}
.word-map-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:28px;row-gap:14px}
.service-word{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;min-height:48px;padding:8px 0;color:#fff;text-decoration:none!important;font:400 clamp(28px,calc(var(--word-size)*.78px + .5vw),calc(var(--word-size)*1px))/1.15 Bungee,sans-serif;transition:color .2s ease,text-shadow .2s ease,transform .2s ease;text-align:center}
.service-word-label{text-wrap:balance;max-width:100%}
.word-map-row:nth-child(2n) .service-word:nth-child(2n+1),.word-map-row:nth-child(3n) .service-word:nth-child(2){color:#8b5cf6}
.service-word:hover,.service-word:focus-visible{color:#fff!important;text-shadow:0 0 12px #8b5cf6,0 0 28px #8b5cf680;transform:translateY(-2px)}
.service-word:focus-visible{outline:2px solid #fff;outline-offset:7px;border-radius:3px}
@media(max-width:900px){.word-map-row{column-gap:22px}.service-word{font-size:calc(27px + (var(--word-size) - 28)*.5px)}}
@media(max-width:600px){.service-word-map{padding:44px 20px}.word-map-cloud{gap:16px}.word-map-row{display:contents}.service-word-map .word-map-cloud .word-map-row:nth-child(n) .service-word:nth-child(n){color:var(--mobile-word-colour)}.service-word{font-size:calc(27px + (var(--word-size) - 28)*.24px);padding-block:6px}}
@media(prefers-reduced-motion:reduce){.service-word{transition:none;transform:none!important}}

/* Pointed leads the price comparison, with a quiet dimensional pattern. */
.comparison-offer{position:relative;isolation:isolate;background:#1e0b3c;color:#fff;border:1px solid #4c1d95;padding:40px;border-radius:22px;box-shadow:0 24px 48px #1e0b3c26,0 6px 16px #1e0b3c12}
.comparison-offer::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:repeating-linear-gradient(135deg,transparent 0 36px,#ffffff05 36px 37px,transparent 37px 74px);pointer-events:none}
.comparison-offer h2,.comparison-offer .offer-price,.comparison-offer .price-position,.comparison-offer p,.comparison-offer strong{color:#fff}
.comparison-offer h2{font-size:27px;max-width:16ch;margin-bottom:26px}
.comparison-offer .offer-price{font-size:clamp(40px,4.2vw,60px);margin:0 0 28px;line-height:1.2!important}
.comparison-offer .price-position{font-weight:650}
.comparison-offer .study-asterisk:focus-visible{outline-color:#fff}
.comparison-offer .study-note{box-shadow:0 12px 32px #00000040;border-color:#ffffff50}
/* Full-width editorial rhythm aligns with the neighbouring comparison sections. */
.comparison-editorial.scope-section{width:100%;max-width:1440px;padding:80px 5%;margin-inline:auto}
.scope-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;margin-bottom:40px}
.scope-section .scope-intro h2,.scope-section .scope-delivery h2{margin:0 0 24px;max-width:24ch}
.scope-intro p{margin:0;line-height:1.85}
.scope-intro p+p{margin-top:22px}
.scope-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}
.scope-option{display:grid;grid-template-columns:1fr auto;column-gap:24px;row-gap:20px;align-items:baseline;padding:32px;background:#fff;border:1px solid #dfd4c5;border-radius:16px;text-decoration:none;color:#1e0b3c;transition:box-shadow .2s ease,border-color .2s ease}
.scope-option.is-current{border-color:#4c1d95;box-shadow:0 12px 28px #1e0b3c0c}
.scope-option>span:first-child{font:600 21px/1.4 Inter,sans-serif}
.scope-option>strong{font:400 32px/1.2 Bungee,sans-serif;color:#4c1d95}
.scope-option p{grid-column:1/-1;margin:0;font:400 16px/1.75 Inter,sans-serif}
.scope-option .scope-option-link{grid-column:1/-1;display:flex;gap:16px;align-items:center;font:600 14px/1.6 Inter,sans-serif;color:#4c1d95;margin-top:6px}
.scope-option:hover{border-color:#4c1d95;box-shadow:0 16px 32px #1e0b3c12}
.scope-delivery{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:48px;border-top:1px solid #dfd4c5}
.scope-section .scope-delivery h2{font-size:clamp(27px,2.5vw,34px)}
.scope-inclusions .offer-features{margin:0;padding:0;display:grid;gap:18px;list-style:none}
.scope-inclusions .offer-features li{display:flex;gap:14px;align-items:flex-start;font:400 16px/1.75 Inter,sans-serif}
.scope-inclusions .offer-features svg{color:#4c1d95;flex:none;margin-top:4px}
.scope-section .scope-bespoke{font-size:15px;color:#4c1d95;margin-top:28px}
.scope-next p{margin:0 0 22px;line-height:1.85}
@media(max-width:900px){.scope-intro,.scope-delivery{grid-template-columns:1fr;gap:32px}.scope-option{grid-template-columns:1fr}.scope-options{gap:20px}.scope-option>strong{font-size:32px}}
@media(max-width:600px){.comparison-offer{padding:32px 26px}.comparison-offer .offer-price{font-size:44px}.comparison-editorial.scope-section{padding:56px 5%}.scope-options{grid-template-columns:1fr;margin-bottom:40px}.scope-option{grid-template-columns:1fr auto;padding:26px 22px;gap:18px}.scope-option>span:first-child{font-size:18px}.scope-option>strong{font-size:30px}.scope-delivery{padding-top:36px}.scope-section .scope-intro h2,.scope-section .scope-delivery h2{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.scope-option{transition:none}}

/* Keep the keyboard shortcut hidden until focused, including tall section captures. */
.campaign-page>.skip:not(:focus){visibility:hidden}

/* Light outer process section; retain the dark, readable content card. */
#website-process{background:#f7f3ea;color:#1e0b3c}
#website-process::before,#website-process::after{display:none}

/* Selected generated design: full supplier bars at every chart placement. */
.price-bars{--bar-label:200px;--bar-gap:24px;--bar-value:155px;margin:0;min-width:0;color:#1e0b3c;width:100%}
.price-bars>figcaption{font:400 clamp(30px,3.6vw,48px)/1.18 Bungee,sans-serif;max-width:25ch;margin:0 0 22px;text-wrap:balance;text-align:left;color:#1e0b3c}
.price-bars .price-bars-subtitle{font:500 23px/1.5 Inter,sans-serif;margin:0 0 36px;max-width:none;color:#1e0b3c}
.price-bars-panel{background:#fff;padding:24px;border:1px solid #e0d7ca;border-radius:22px;box-shadow:0 20px 44px #1e0b3c12;min-width:0}
.price-bar-row{display:grid;grid-template-columns:var(--bar-label) minmax(0,1fr);gap:var(--bar-gap);align-items:center;padding:11px 16px;min-width:0;font:400 16px/1.4 Inter,sans-serif}
.price-bar-name{min-width:0;overflow-wrap:normal}
.price-bar-name img{display:block;width:140px;max-width:100%;height:auto}
.price-bar-plot{min-width:0;padding-right:var(--bar-value)}
.price-bar-track{position:relative;height:34px;background-image:linear-gradient(90deg,#1e0b3c0b 1px,transparent 1px);background-size:20% 100%;border-right:1px solid #1e0b3c0b}
.price-bar-fill{position:absolute;inset-block:3px;left:0;width:calc(var(--bar-share)*1%);background:linear-gradient(90deg,#1e0b3c,#4c1d95)}
.price-bar-value{position:absolute;left:calc(var(--bar-share)*1%);top:50%;transform:translateY(-50%);padding-left:12px;white-space:nowrap;font:400 18px/1.25 Bungee,sans-serif;font-variant-numeric:tabular-nums}
.price-bar-value small{font:400 13px/1.5 Inter,sans-serif;margin-left:7px}
.price-bar-own{background:linear-gradient(110deg,#1e0b3c,#4c1d95);color:#fff;border-radius:12px;margin-bottom:18px;padding-block:22px;box-shadow:0 8px 18px #1e0b3c12}
.price-bar-own .price-bar-fill{background:#fff}
.price-bar-own .price-bar-track{background:none;border:0}
.price-bar-own .price-bar-value{font-size:32px}
.price-bar-own .price-bar-value small{color:#fff}
.price-bar-average{margin-top:20px;border-top:1px solid #e0d7ca;background:#f7f3ea;border-radius:0 0 8px 8px;padding-block:22px}
.price-bar-average .price-bar-name{font-size:14px;font-weight:600}
.price-bar-average .price-bar-fill{background:#9a86b6}
.price-bar-average .price-bar-value{font-size:24px}
.price-bar-axis{margin:12px 16px 28px calc(var(--bar-label) + var(--bar-gap) + 16px);padding-right:var(--bar-value)}
.price-bar-axis-scale{position:relative;height:24px;border-top:1px solid #e0d7ca}
.price-bar-axis-scale span{position:absolute;top:9px;transform:translateX(-50%);font:400 12px/1.4 Inter,sans-serif;white-space:nowrap}
.price-bar-quoted{font:400 24px/1.3 Bungee,sans-serif;color:#fff}
.price-bars .price-bars-note{font:400 12px/1.7 Inter,sans-serif;color:#62566f;margin:20px 0 0}
.commercial-page .all-fees.price-bars-section,.landing-comparison.price-bars-landing{display:block;max-width:none;padding:80px max(5%,calc((100vw - 1100px)/2));background:#f7f3ea;color:#1e0b3c;background-image:none}
.price-bars-section>.comparison-source-link,.price-bars-landing>.comparison-source-link{color:#1e0b3c;margin-top:30px;display:inline-flex}
.comparison-index-intro{display:block;background:#f7f3ea;background-image:none;color:#1e0b3c;padding-inline:max(5%,calc((100vw - 1100px)/2))}
.comparison-index-intro>div{max-width:800px;margin-bottom:64px}
.comparison-index-intro h1,.comparison-index-intro>div p,.comparison-index-intro>div a{color:#1e0b3c}
.comparison-index-intro .index-chart{padding:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none}
@media(max-width:900px){.price-bars{--bar-label:170px;--bar-gap:20px;--bar-value:150px}}
@media(max-width:600px){
 .price-bars{--bar-label:108px;--bar-gap:10px;--bar-value:75px}
 .price-bars-panel{padding:16px 12px;border-radius:18px}
 .price-bars>figcaption{font-size:30px;margin-bottom:18px}
 .price-bars .price-bars-subtitle{font-size:18px;margin-bottom:28px}
 .price-bar-row{grid-template-columns:var(--bar-label) minmax(0,1fr);gap:var(--bar-gap);padding:9px 8px;font-size:12px;min-height:44px}
 .price-bar-name{font-size:12px;line-height:1.4}
 .price-bar-name img{width:96px}
 .price-bar-own{padding:18px 8px;margin-bottom:12px}
 .price-bar-own .price-bar-value{font-size:21px}
 .price-bar-own .price-bar-value small,.price-bar-average .price-bar-value small{display:block;margin:3px 0 0;font-size:10px}
 .price-bar-value{font-size:12px;padding-left:8px}
 .price-bar-track{height:28px}
 .price-bar-fill{inset-block:4px}
 .price-bar-average{margin-top:18px;padding-block:18px}
 .price-bar-average .price-bar-name{font-size:11px}
 .price-bar-average .price-bar-value{font-size:16px}
 .price-bar-axis{margin:8px 8px 24px calc(var(--bar-label) + var(--bar-gap) + 8px);padding-right:var(--bar-value)}
 .price-bar-axis-scale span{font-size:9px}
 .price-bar-axis-scale span:not(:first-child):not(:last-child){visibility:hidden}
 .price-bar-quoted{font-size:18px}
 .commercial-page .all-fees.price-bars-section,.landing-comparison.price-bars-landing{padding:52px 5%}
 .comparison-index-intro>div{margin-bottom:44px}
}
@media(max-width:360px){.price-bars{--bar-label:86px;--bar-gap:8px;--bar-value:70px}.price-bar-name{font-size:11px}.price-bar-name img{width:80px}.price-bar-own .price-bar-value{font-size:19px}.price-bar-value{font-size:11px}.price-bar-average .price-bar-value{font-size:15px}}
.comparison-index-intro .comparison-source-link{color:#1e0b3c;border-color:#4c1d95}

/* Pointed's scope, presented as a clear deliverable list and a contrasting next step. */
.comparison-editorial.scope-section{padding-block:64px;background:#ffffff}
.scope-section .scope-intro{gap:40px;margin-bottom:36px;align-items:center}
.scope-section .scope-intro h2{margin:0;max-width:24ch}
.scope-section .scope-intro>p{margin:0;font:400 17px/1.75 Inter,sans-serif;max-width:48ch}
.scope-section .scope-delivery{border:0;padding:0;gap:40px;align-items:stretch}
.scope-section .scope-inclusions{padding:32px 0}
.scope-section .scope-inclusions h2{font-size:30px;margin-bottom:28px}
.scope-section .scope-inclusions .offer-features{gap:16px}
.scope-section .scope-inclusions .offer-features li{padding-bottom:16px;border-bottom:1px solid #e0d7ca;line-height:1.65}
.scope-section .scope-bespoke{margin-top:24px;font-size:14px}
.scope-section .scope-next{padding:36px;background:#1e0b3c;color:#fff;border:1px solid #4c1d95;border-radius:20px;box-shadow:0 16px 36px #1e0b3c18}
.scope-section .scope-next h2{font-size:30px;margin:0 0 30px;color:#fff}
.scope-journey{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.scope-journey li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;align-items:start}
.scope-journey svg{color:#fff;margin-top:2px}
.scope-section .scope-journey h3{font:600 17px/1.45 Inter,sans-serif;margin:0 0 8px;color:#fff}
.scope-section .scope-journey p{font:400 15px/1.7 Inter,sans-serif;margin:0;color:#fff}
.scope-next>.pointed-action{margin-top:30px;background:#fff!important;color:#4c1d95!important;border-color:#fff!important}
.scope-next>.pointed-action:focus-visible{outline-color:#fff}
.commercial-page .commercial-close{padding-block:64px;border-top:1px solid #e0d7ca;background:#f7f3ea}
@media(max-width:900px){.scope-section .scope-delivery{gap:24px}.scope-section .scope-intro{gap:24px}.scope-section .scope-inclusions{padding:0}}
@media(max-width:600px){.comparison-editorial.scope-section{padding-block:44px}.scope-section .scope-intro{gap:20px;margin-bottom:28px}.scope-section .scope-intro h2{font-size:27px}.scope-section .scope-intro>p{font-size:16px}.scope-section .scope-inclusions h2,.scope-section .scope-next h2{font-size:27px;margin-bottom:24px}.scope-section .scope-next{padding:28px 24px}.scope-section .scope-delivery{gap:28px}.scope-section .scope-inclusions .offer-features li{font-size:15px;padding-bottom:14px}.scope-section .scope-bespoke{margin-top:20px}.scope-section .scope-journey{gap:22px}.commercial-page .commercial-close{padding-block:44px}}
.commercial-page .commercial-close h2,.commercial-page .commercial-close p{color:#1e0b3c}
.commercial-page .commercial-close .pointed-action{background:#4c1d95!important;color:#fff!important;border-color:#4c1d95!important}