:root {
  --blue: #0075b9;
  --blue-light: #36b9f2;
}

*:focus-visible {
  outline: 3px solid #baf56c;
  outline-offset: 4px;
}

a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
.brand { min-height: 44px; }

/* CyberScot wordmark - larger, cleaner and optically balanced */
.site-header .brand,
.footer-identity .brand {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  width: max-content;
  padding: 5px 0 7px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: .78;
  letter-spacing: -.052em;
  transform: scaleX(.94);
  transform-origin: left center;
  white-space: nowrap;
}
.site-header .brand span,
.site-header .brand b,
.footer-identity .brand span,
.footer-identity .brand b {
  display: inline-block;
  font-weight: 400;
}
.site-header .brand span { color: var(--navy); }
.site-header .brand b,
.footer-identity .brand b {
  position: relative;
  margin-left: .035em;
  color: var(--blue);
}
.site-header .brand b::after,
.footer-identity .brand b::after {
  content: "";
  position: absolute;
  right: .025em;
  bottom: -.24em;
  width: 31%;
  height: 3px;
  background: var(--blue);
  border-radius: 999px;
}
.site-header .brand:focus-visible,
.footer-identity .brand:focus-visible { border-radius: 4px; }
.footer-identity .brand { font-size: 45px; }
.menu-toggle { min-width: 88px; min-height: 44px; justify-content: flex-end; }
.topline a { min-height: 24px; display: flex; align-items: center; }
section[id] { scroll-margin-top: 92px; }
h1,h2,h3 { font-kerning: normal; }

.site-header,
.site-header.is-sticky {
  position: sticky;
  inset: auto;
  top: 0;
  height: 92px;
  animation: none;
}
.site-header { grid-template-columns: auto minmax(0,1fr) auto; column-gap: clamp(20px,2.4vw,38px); }
.desktop-nav { justify-self: center; min-width: 0; gap: clamp(15px,1.45vw,24px); }
.site-header.is-sticky { box-shadow: 0 12px 34px rgba(9,40,59,.08); }
.desktop-nav { gap: clamp(14px,1.35vw,22px); }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
@media (max-width:1220px) and (min-width:1101px) {
  .site-header .header-actions { display: none; }
  .site-header { grid-template-columns: auto minmax(0,1fr); }
  .desktop-nav { justify-self: end; }
}
.hero { min-height: auto; }
.hero-copy { min-height: 610px; }
.hero-visual { min-height: 610px; }
.hero h1 { line-height: .88; }
.hero h1 em { line-height: .98; padding-block: .035em .07em; }
.hero-capabilities a { position: relative; }
.hero-capabilities a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.hero-capabilities a:hover::after { transform: scaleX(1); transform-origin: left; }

.positioning { padding-block: clamp(90px,10vw,150px); }
.pillars { padding-bottom: clamp(90px,10vw,150px); }
.positioning-body h2,.problems-head h2,.proof-intro h2,.approach-head h2 { line-height: .98; }
.positioning-body h2 em,.problems-head h2 em,.proof-intro h2 em,.approach-head h2 em { display: inline-block; line-height: 1.04; padding-block: .025em .06em; }
.pillar { min-height: 760px; display: grid; grid-template-rows: auto minmax(285px,1fr) auto; }
.pillar .pillar-visual { position: relative; top: auto; left: auto; grid-row: 2; align-self: center; justify-self: center; transform: none; }
.pillar .managed-visual { width: min(62%,360px); }
.pillar .pathway-visual { width: 86%; height: 230px; }
.pillar .pillar-copy { margin-top: 0; }
.pillar-copy h2 { line-height: .96; }
.problems { padding-block: clamp(90px,9vw,140px); }
.problems-head { margin-bottom: 62px; }
.problems-head h2 { font-size: clamp(50px,5.6vw,85px); }
.problem-grid.problem-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.problem-grid-three .problem-card { min-height: 470px; }
.problem-grid-three .problem-icon { width: 140px; height: 140px; }
.problem-grid-three .problem-card h3 { font-size: clamp(27px,2.35vw,38px); }
.problem-card > span { width: max-content; font-size: 12px; font-weight: 750; text-decoration: underline; text-underline-offset: 5px; }

.proof.proof-real { padding-block: clamp(100px,11vw,165px); }
.proof-real .proof-intro { margin-bottom: 65px; }
.featured-case { display: grid; grid-template-columns: 1.25fr .75fr; overflow: hidden; color: var(--white); background: var(--navy); border-radius: var(--radius); }
.featured-case-image { position: relative; min-height: 560px; overflow: hidden; }
.featured-case-image img { height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.featured-case:hover .featured-case-image img { transform: scale(1.035); }
.featured-case-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(6,27,41,.45)); }
.featured-case-image > span { position: absolute; z-index: 2; left: 18px; bottom: 18px; padding: 8px 11px; color: var(--navy); background: var(--cream); border-radius: 100px; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.featured-case-copy { padding: 42px; display: flex; flex-direction: column; }
.featured-case-copy > span { color: var(--blue-light); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.featured-case-copy h3 { margin: auto 0 25px; font-size: clamp(37px,4vw,62px); line-height: .95; letter-spacing: -.052em; font-weight: 550; }
.featured-case-copy p { margin: 0 0 40px; color: rgba(255,255,255,.74); font-size: 16px; line-height: 1.55; }
.featured-case-copy strong { display: flex; justify-content: space-between; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.25); font-size: 12px; }
.featured-case-copy strong i { color: #baf56c; font-style: normal; }

.named-quote { margin-top: 18px; padding: clamp(55px,7vw,100px); color: var(--white); background: var(--blue); border-radius: var(--radius); }
.named-quote .quote-mark { width: 56px; height: 56px; display: grid; place-items: center; color: var(--navy); background: #baf56c; border-radius: 50%; font: 45px Georgia,serif; }
.named-quote blockquote { max-width: 1240px; margin: 42px 0 60px; font-size: clamp(40px,5.2vw,78px); line-height: .98; letter-spacing: -.052em; font-weight: 540; }
.named-quote > div:last-child { padding-top: 18px; display: grid; grid-template-columns: auto auto 1fr; gap: 22px; border-top: 1px solid rgba(255,255,255,.5); align-items: baseline; }
.named-quote strong { font-size: 13px; }.named-quote span { font-size: 12px; opacity: .8; }.named-quote p { justify-self: end; margin: 0; font-size: 12px; opacity: .82; }

.experience-strip { margin-top: 18px; padding: 30px; display: grid; grid-template-columns: auto 1fr; gap: 45px; align-items: center; background: var(--cream); border-radius: 18px; }
.experience-strip > span { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.experience-strip > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.experience-strip b { padding: 8px 11px; border: 1px solid var(--line); border-radius: 100px; font-size: 10px; font-weight: 700; }

.approach { padding-block: clamp(95px,11vw,160px); }
.approach-grid li { min-height: 285px; }
.fit { padding-bottom: clamp(90px,10vw,145px); }
.fit-panel { padding: 58px; }

.contact { padding-top: clamp(95px,10vw,145px); background: var(--blue); }
.contact h2 { margin-bottom: 55px; }
.contact h2 { line-height: .92; }
.contact h2 em { display: inline-block; line-height: 1.02; padding-block: .025em .06em; }
.contact-grid { padding: 35px 0; display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(45px,8vw,120px); border-top: 1px solid rgba(255,255,255,.55); border-bottom: 1px solid rgba(255,255,255,.55); }
.contact-intro { display: flex; flex-direction: column; justify-content: space-between; }
.contact-intro > p { max-width: 520px; margin: 0; color: var(--white); font-size: 20px; line-height: 1.5; }
.contact-intro > div { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.contact-intro a { font-size: 18px; text-decoration: underline; text-underline-offset: 4px; }
.contact-form { display: grid; gap: 18px; }
.contact-form label { display: grid; gap: 7px; color: rgba(255,255,255,.92); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.contact-form input,.contact-form select,.contact-form textarea { width: 100%; padding: 13px 0; color: var(--white); background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.65); border-radius: 0; font: 16px "Helvetica Neue","Segoe UI",Arial,sans-serif; text-transform: none; }
.contact-form textarea { resize: vertical; }
.contact-form select option { color: var(--navy); background: var(--white); }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-form button { min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; color: var(--navy); background: #baf56c; border: 0; border-radius: 100px; cursor: pointer; font-weight: 800; }
.contact-form button i { font-style: normal; }
.form-note,.form-status { margin: 0; color: var(--white); font-size: 11px; }
.form-note a { text-decoration: underline; text-underline-offset: 3px; }
.contact-details { margin-top: 55px; }

@media (max-width:1100px) {
  .site-header,.site-header.is-sticky { height: 92px; }
  .problem-grid.problem-grid-three { grid-template-columns: 1fr 1fr; }
  .problem-grid-three .problem-card:last-child { grid-column: 1/-1; }
  .featured-case { grid-template-columns: 1fr; }
  .featured-case-image { min-height: 500px; }
}

@media (max-width:760px) {
  .site-header .brand { min-height: 40px; font-size: 31px; }
  .footer-identity .brand { font-size: 39px; }
  section[id] { scroll-margin-top: 72px; }
  .site-header,.site-header.is-sticky { height: 72px; }
  .hero-copy { min-height: 575px; }
  .hero-visual { min-height: 540px; }
  .hero h1 { margin-top: 60px; }
  .hero-capabilities a { padding: 7px 10px; border: 1px solid var(--line); border-radius: 100px; font-size: 9px; }
  .positioning { padding-block: 85px; }
  .pillar { min-height: 720px; grid-template-rows: auto minmax(240px,1fr) auto; }
  .pillar .managed-visual { width: min(78%,290px); }
  .pillar .pathway-visual { width: 88%; height: 190px; }
  .pillar-copy h2 { line-height: 1; }
  .problem-grid.problem-grid-three { grid-template-columns: 1fr; }
  .problem-grid-three .problem-card:last-child { grid-column: auto; }
  .problem-grid-three .problem-card { min-height: 450px; }
  .proof.proof-real { padding-block: 90px; }
  .featured-case-image { min-height: 390px; }
  .featured-case-copy { min-height: 480px; padding: 28px 22px; }
  .named-quote { padding: 45px 22px; }
  .named-quote blockquote { font-size: 40px; }
  .named-quote > div:last-child { grid-template-columns: 1fr; gap: 5px; }
  .named-quote p { justify-self: start; margin-top: 12px; }
  .experience-strip { grid-template-columns: 1fr; gap: 20px; }
  .experience-strip > div { justify-content: flex-start; }
  .approach { padding-block: 90px; }
  .approach-grid li,.approach-grid li:not(:first-child) { min-height: 210px; }
  .fit-panel { padding: 38px 22px; }
  .contact-grid { grid-template-columns: 1fr; }
  .contact-intro { min-height: 230px; }
  .field-pair { grid-template-columns: 1fr; }
}

/* Inner pages */
.inner-main { background: var(--paper); }
.inner-hero { min-height: 690px; padding: 80px 40px 55px; display: grid; grid-template-columns: 1fr .82fr; gap: 6vw; color: var(--white); background: var(--navy); }
.inner-hero.hero-atmosphere { position: relative; isolation: isolate; overflow: hidden; }
.inner-hero.hero-atmosphere::before { content: ""; position: absolute; z-index: 0; inset: 0; background-image: var(--hero-atmosphere); background-position: var(--hero-position,center); background-size: cover; background-repeat: no-repeat; opacity: var(--hero-opacity,.24); filter: saturate(.76) contrast(1.08) brightness(var(--hero-brightness,1)); pointer-events: none; }
.inner-hero.hero-atmosphere::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg,rgba(9,40,59,.54) 0%,rgba(9,40,59,.18) 45%,rgba(9,40,59,.38) 100%),linear-gradient(0deg,rgba(9,40,59,.48) 0%,transparent 52%); pointer-events: none; }
.inner-hero.hero-atmosphere > * { position: relative; z-index: 1; }
.inner-hero.hero-atmosphere .inner-hero-panel { background: rgba(18,56,75,.88); box-shadow: 0 22px 70px rgba(0,14,24,.16); }
.hero-atmosphere-managed { --hero-atmosphere: url("assets/hero-managed-wallace-monument.webp"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-cyber { --hero-atmosphere: url("assets/hero-cyber-edinburgh-castle.webp"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-cloud { --hero-atmosphere: url("assets/home-highland-landscape-v1.webp"); --hero-opacity: .58; --hero-brightness: .84; }
.hero-atmosphere-consultancy { --hero-atmosphere: url("assets/hero-consultancy-dunrobin-garden.webp"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-resilience { --hero-atmosphere: url("assets/hero-resilience-dunnottar-castle.webp"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-about { --hero-atmosphere: url("assets/hero-about-wellington-glasgow.webp"); --hero-position: center 32%; --hero-opacity: .38; --hero-brightness: .9; }
.hero-atmosphere-cases { --hero-atmosphere: url("assets/hero-cases-glenfinnan-viaduct.webp?v=2"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-procurement { --hero-atmosphere: url("assets/hero-procurement-eilean-donan.webp"); --hero-opacity: .5; --hero-brightness: .88; }
.hero-atmosphere-managed::before,
.hero-atmosphere-cyber::before,
.hero-atmosphere-cloud::before,
.hero-atmosphere-consultancy::before,
.hero-atmosphere-resilience::before,
.hero-atmosphere-cases::before,
.hero-atmosphere-procurement::before { background-image: var(--hero-atmosphere),var(--hero-atmosphere); background-position: center,center; background-size: auto 100%,cover; background-repeat: no-repeat; }
.inner-hero.hero-atmosphere-managed::before { background-position: center 20%,center; background-size: cover,cover; }
.inner-hero.hero-atmosphere-cloud::before { background-position: center 56%,center 56%; background-size: cover,cover; }
.hero-atmosphere-about::before { filter: saturate(.88) contrast(1.04) brightness(.9); }
.hero-atmosphere-about::after { background: linear-gradient(90deg,rgba(9,40,59,.72) 0%,rgba(9,40,59,.38) 48%,rgba(9,40,59,.44) 100%),linear-gradient(0deg,rgba(9,40,59,.52) 0%,transparent 52%); }
.inner-hero.hero-atmosphere-about .inner-hero-panel { background: rgba(18,56,75,.84); }
.hero-photo-credit { position: absolute !important; z-index: 2 !important; right: 18px; bottom: 12px; color: rgba(255,255,255,.64); font-size: 9px; letter-spacing: .02em; }
.hero-photo-credit:hover { color: var(--white); }
.inner-hero-copy { display: flex; flex-direction: column; }.inner-eyebrow { margin: 0; color: var(--blue-light); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.inner-hero h1 { margin: auto 0 40px; font-size: clamp(68px,7.4vw,115px); line-height: .93; letter-spacing: -.067em; font-weight: 560; }.inner-hero h1 em { display: inline-block; color: var(--blue-light); line-height: 1.02; padding-block: .02em .06em; }
.inner-hero h1,.inner-hero-panel h2,.inner-heading h2,.conversion-heading h2,.service-clarity-copy h2,.next-step-head h2,.provider-switch-intro h2,.procurement-intro h2,.m365-grid > div:first-child h2,.sustainable-cloud-head h2,.inner-cta h2 { text-wrap: balance; }
.inner-lead { max-width: 650px; margin: 0 0 35px; color: rgba(255,255,255,.78); font-size: clamp(18px,1.55vw,23px); line-height: 1.5; }
.inner-actions { display: flex; flex-wrap: wrap; gap: 10px; }.inner-actions .button-primary { color: var(--navy); background: #baf56c; }.inner-actions .button-secondary { color: var(--white); border: 1px solid rgba(255,255,255,.35); }
.inner-hero-panel { align-self: center; padding: 30px; background: #12384b; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius); }.inner-hero-panel > span { color: var(--blue-light); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.inner-hero-panel h2 { margin: 55px 0 30px; font-size: clamp(36px,4vw,59px); line-height: .98; letter-spacing: -.045em; }.inner-hero-panel ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); }.inner-hero-panel li { padding: 12px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.75); font-size: 13px; }.inner-hero-panel li::after { content: "✓"; color: #baf56c; }
.inner-section { padding-block: clamp(95px,10vw,155px); }.inner-section.alt { background: var(--cream); }.inner-section.dark { color: var(--white); background: var(--navy); }
.inner-heading { display: grid; grid-template-columns: .55fr 1.45fr; gap: 50px; margin-bottom: 70px; }.inner-heading > span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.inner-heading h2 { margin: 0; font-size: clamp(52px,6vw,92px); line-height: .98; letter-spacing: -.058em; font-weight: 550; }.inner-heading h2 em { display: inline-block; color: var(--blue); line-height: 1.03; padding-block: .02em .05em; }
.service-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.service-detail-card { min-height: 390px; padding: 24px; display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 20px; }.alt .service-detail-card { background: var(--paper); }.service-detail-card > span { display: flex; flex-direction: column; color: var(--blue); font: 10px ui-monospace,monospace; }.service-detail-card > span::after { content: ""; height: 142px; margin-top: 17px; display: block; border: 1px solid rgba(0,117,186,.16); border-radius: 15px; background-color: rgba(0,117,186,.035); }.service-detail-card:nth-child(1) > span::after { background-image: radial-gradient(circle at 22% 50%,var(--paper) 0 6px,rgba(0,117,186,.75) 7px 8px,transparent 9px),radial-gradient(circle at 50% 50%,var(--paper) 0 11px,rgba(0,117,186,.82) 12px 14px,transparent 15px),radial-gradient(circle at 78% 50%,var(--paper) 0 6px,rgba(0,117,186,.75) 7px 8px,transparent 9px),linear-gradient(to right,transparent 22%,rgba(0,117,186,.45) 22% 78%,transparent 78%); background-size:auto,auto,auto,100% 2px; background-position:center,center,center,center; background-repeat:no-repeat; }.service-detail-card:nth-child(2) > span::after { background-image: linear-gradient(90deg,rgba(0,117,186,.18) 0 78%,transparent 78%),linear-gradient(90deg,rgba(0,117,186,.13) 0 60%,transparent 60%),linear-gradient(90deg,rgba(0,117,186,.08) 0 42%,transparent 42%); background-size:calc(100% - 38px) 18px,calc(100% - 38px) 18px,calc(100% - 38px) 18px; background-position:19px 27px,19px 61px,19px 95px; background-repeat:no-repeat; }.service-detail-card:nth-child(3) > span::after { background-image: radial-gradient(circle at 20% 72%,var(--paper) 0 5px,rgba(0,117,186,.75) 6px 7px,transparent 8px),radial-gradient(circle at 50% 53%,var(--paper) 0 7px,rgba(0,117,186,.82) 8px 9px,transparent 10px),radial-gradient(circle at 80% 26%,var(--paper) 0 5px,rgba(0,117,186,.75) 6px 7px,transparent 8px),linear-gradient(145deg,transparent 0 36%,rgba(0,117,186,.5) 36.4% 37%,transparent 37.4% 54%,rgba(0,117,186,.5) 54.4% 55%,transparent 55.4%); background-repeat:no-repeat; }.service-detail-card h3 { margin: auto 0 15px; font-size: clamp(27px,2.5vw,39px); line-height: 1.02; letter-spacing: -.04em; }.service-detail-card p { margin: 0; color: var(--muted); font-size: 15px; }
.outcome-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 80px; }.outcome-list article { padding: 28px 0; display: grid; grid-template-columns: 55px 1fr; border-top: 1px solid var(--line); }.outcome-list b { color: var(--blue); font: 10px ui-monospace,monospace; }.outcome-list h3 { margin: 0 0 8px; font-size: 28px; letter-spacing: -.035em; }.outcome-list p { margin: 0; color: var(--muted); }
.inner-cta { padding: clamp(95px,10vw,145px) 0; color: var(--white); background: var(--blue); }.inner-cta p { color: rgba(255,255,255,.85); }.inner-cta h2 { margin: 35px 0 55px; font-size: clamp(57px,7vw,105px); line-height: .9; letter-spacing: -.065em; font-weight: 560; }.inner-cta h2 em { color: var(--cream); }.inner-cta a { padding: 20px 0; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.55); border-bottom: 1px solid rgba(255,255,255,.55); font-size: clamp(24px,3vw,42px); }
.provider-switch { padding-block: clamp(95px,10vw,145px); color: var(--white); background: var(--navy); }
.provider-switch-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(65px,9vw,140px); align-items: start; }
.provider-switch-intro { position: sticky; top: 150px; }
.provider-switch-intro h2 { margin: 38px 0 34px; font-size: clamp(54px,5.9vw,88px); line-height: .92; letter-spacing: -.062em; font-weight: 560; }
.provider-switch-intro h2 em { color: var(--blue-light); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.provider-switch-intro > p:not(.section-kicker) { max-width: 580px; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.65; }
.provider-switch .text-link { margin-top: 18px; color: var(--white); }
.handover-steps { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; list-style: none; }
.handover-steps li { min-height: 300px; padding: 26px; display: flex; flex-direction: column; background: #12394d; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; }
.handover-steps span { color: var(--blue-light); font: 10px ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.handover-steps h3 { margin: auto 0 16px; font-size: clamp(29px,3vw,43px); line-height: 1; letter-spacing: -.045em; }
.handover-steps p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.55; }
.case-list { display: grid; gap: 18px; }.case-entry { display: grid; grid-template-columns: .8fr 1.2fr; overflow: hidden; background: var(--white); border-radius: var(--radius); border: 1px solid var(--line); }.case-entry-image { min-height: 470px; }.case-entry-image img { height: 100%; object-fit: cover; }.case-entry-copy { padding: 45px; display: flex; flex-direction: column; }.case-entry-copy > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .12em; }.case-entry-copy h2 { margin: auto 0 25px; font-size: clamp(38px,4.5vw,68px); line-height: .95; letter-spacing: -.052em; }.case-entry-copy p { color: var(--muted); font-size: 17px; }.case-entry-copy dl { margin: 30px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.case-entry-copy dt { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.case-entry-copy dd { margin: 4px 0 0; color: var(--muted); }
.case-entry-copy blockquote { margin: 22px 0 8px; padding: 18px 0 18px 22px; border-left: 3px solid var(--blue); font-size: 21px; line-height: 1.4; }
.case-entry-copy a { color: var(--navy); font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }

/* Editorial case-study storytelling */
.case-editorial { padding-block: clamp(95px,10vw,150px); }
.case-story + .case-story { margin-top: clamp(90px,10vw,155px); }
.case-story-head { margin-bottom: 42px; display: grid; grid-template-columns: 1.45fr .55fr; gap: clamp(45px,7vw,105px); align-items: end; }
.case-story-head .section-kicker { margin-bottom: 30px; }
.case-story-head h2 { max-width: 900px; margin: 0; color: var(--navy); font-size: clamp(54px,6.5vw,96px); font-weight: 560; line-height: .91; letter-spacing: -.064em; }
.case-story-head h2 em { display: inline-block; margin-top: .28em; color: var(--blue); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.case-story-result { min-height: 210px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; color: var(--navy); background: #baf56c; border-radius: 22px; }
.case-story-result strong { font-size: clamp(54px,6vw,90px); font-weight: 560; line-height: .82; letter-spacing: -.065em; }
.case-story-result span { max-width: 230px; font-size: 12px; font-weight: 750; line-height: 1.35; }
.case-evidence-grid { margin: 0 0 15px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.case-evidence-grid > div { min-height: 112px; padding: 18px 20px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-evidence-grid dt { color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.case-evidence-grid dd { max-width: 350px; margin: 24px 0 0; color: var(--navy); font-size: 14px; font-weight: 700; line-height: 1.35; }
.case-story-image { position: relative; min-height: 510px; margin: 0; overflow: hidden; background: var(--navy); border-radius: 28px; }
.case-story-image img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.case-story:hover .case-story-image img { transform: scale(1.025); }
.case-story-image::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,rgba(6,27,41,.72)); }
.case-story-image figcaption { position: absolute; z-index: 1; left: 25px; right: 25px; bottom: 20px; display: flex; justify-content: space-between; gap: 30px; color: var(--white); font-size: 10px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.case-story-image figcaption span:last-child { color: rgba(255,255,255,.7); font-weight: 500; text-transform: none; }
.case-story-phases { margin-top: 15px; display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.case-story-phases section { min-height: 350px; padding: 25px; display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 20px; }
.case-story-phases section > span { color: var(--blue); font: 9px ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.case-story-phases h3 { margin: auto 0 18px; color: var(--navy); font-size: clamp(28px,2.7vw,40px); line-height: 1; letter-spacing: -.047em; }
.case-story-phases p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.58; }
.case-story-meta { margin-top: 15px; min-height: 70px; padding: 13px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; background: var(--cream); border-radius: 16px; }
.case-story-meta span { padding: 8px 11px; color: var(--navy); border: 1px solid rgba(9,40,59,.16); border-radius: 99px; font-size: 10px; }
.case-story-meta a { margin-left: auto; color: var(--navy); font-size: 12px; font-weight: 800; }
.case-story-dark { padding: clamp(30px,4vw,56px); color: var(--white); background: var(--navy); border-radius: 30px; }
.case-story-dark .case-story-head h2 { color: var(--white); }
.case-story-dark .case-story-head h2 em { color: var(--blue-light); }
.case-story-dark .case-story-result { color: var(--white); background: var(--blue); }
.case-story-dark .case-evidence-grid { border-color: rgba(255,255,255,.2); }
.case-story-dark .case-evidence-grid > div { border-color: rgba(255,255,255,.2); }
.case-story-dark .case-evidence-grid dt { color: #baf56c; }
.case-story-dark .case-evidence-grid dd { color: var(--white); }
.case-story-dark .case-story-phases section { background: #12394d; border-color: rgba(255,255,255,.14); }
.case-story-dark .case-story-phases section > span { color: #baf56c; }
.case-story-dark .case-story-phases h3 { color: var(--white); }
.case-story-dark .case-story-phases p { color: rgba(255,255,255,.67); }
.case-story-dark .case-story-meta { background: rgba(255,255,255,.07); }
.case-story-dark .case-story-meta span { color: rgba(255,255,255,.78); border-color: rgba(255,255,255,.2); }
.case-story-dark .case-story-meta a { color: #baf56c; }
.case-story-quote { margin: 15px 0 0; padding: clamp(30px,4vw,55px); color: var(--white); background: var(--blue); border-radius: 20px; font-size: clamp(31px,3.8vw,56px); line-height: 1.06; letter-spacing: -.045em; }
.case-story-quote footer { margin-top: 35px; display: flex; align-items: baseline; gap: 9px; font-size: 13px; letter-spacing: 0; }
.case-story-quote footer span { color: rgba(255,255,255,.65); }
.client-voices { padding-block: clamp(95px,10vw,150px); background: #edf3f4; }
.client-voices-head { margin-bottom: clamp(48px,6vw,82px); display: grid; grid-template-columns: 1.45fr .55fr; column-gap: clamp(50px,7vw,110px); align-items: end; }
.client-voices-head .section-kicker { grid-column: 1/-1; margin-bottom: 28px; }
.client-voices-head h2 { margin: 0; color: var(--navy); font-size: clamp(54px,6.5vw,96px); font-weight: 560; line-height: .91; letter-spacing: -.064em; }
.client-voices-head h2 em { display: inline-block; margin-top: .26em; color: var(--blue); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.client-voices-head > p:last-child { max-width: 410px; margin: 0 0 7px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.testimonial-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.client-testimonial { min-height: 390px; margin: 0; padding: clamp(28px,3.5vw,50px); display: flex; flex-direction: column; color: var(--navy); background: var(--white); border: 1px solid var(--line); border-radius: 22px; }
.client-testimonial > span { width: 48px; height: 48px; display: grid; place-items: center; color: var(--navy); background: #baf56c; border-radius: 50%; font: 39px Georgia,serif; }
.client-testimonial blockquote { max-width: 720px; margin: auto 0 40px; font-size: clamp(26px,2.6vw,39px); line-height: 1.13; letter-spacing: -.042em; }
.client-testimonial figcaption { padding-top: 16px; display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid currentColor; font-size: 12px; }
.client-testimonial figcaption small { opacity: .62; }
.client-testimonial-featured { color: var(--white); background: var(--navy); border-color: var(--navy); }
.client-testimonial-blue { color: var(--white); background: var(--blue); border-color: var(--blue); }
.client-testimonial-blue > span { background: var(--white); }
.remote-panel { max-width: 880px; margin: 0 auto; padding: 60px; text-align: center; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.remote-panel h2 { margin: 0 0 25px; font-size: clamp(42px,5vw,70px); letter-spacing: -.05em; }.remote-panel p { color: var(--muted); font-size: 18px; }.remote-options { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.remote-options a { min-height: 120px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; color: var(--white); background: var(--navy); border-radius: 16px; text-align: left; }.remote-options a:nth-child(2) { background: var(--blue); }.remote-options strong { font-size: 24px; }.remote-options span { font-size: 12px; opacity: .8; }

/* Keep the desktop page banners aligned when moving between sections. */
@media(min-width:1181px){
  .inner-hero{height:780px;min-height:780px;box-sizing:border-box}
  .inner-hero h1{margin-bottom:30px}
  .inner-lead{margin-bottom:28px}
}

@media(max-width:1180px){.inner-hero{padding-inline:32px;grid-template-columns:1fr;gap:52px}.inner-hero-copy{min-height:520px}.inner-hero h1{max-width:1040px;font-size:clamp(68px,7.8vw,88px)}.inner-hero-panel{min-height:430px}.provider-switch-grid{grid-template-columns:1fr}.provider-switch-intro{position:static}.provider-switch-intro h2{max-width:850px}.handover-steps{max-width:none}}
@media(max-width:900px){.service-detail-grid{grid-template-columns:1fr}.service-detail-card{min-height:310px}.case-entry{grid-template-columns:1fr}.client-voices-head{grid-template-columns:1fr;gap:28px}.client-voices-head .section-kicker{grid-column:auto;margin-bottom:0}.testimonial-grid{grid-template-columns:1fr}}
@media(max-width:760px){.inner-hero{padding:65px 16px 40px}.inner-hero.hero-atmosphere::before,.inner-hero.hero-atmosphere::after{display:none}.inner-hero-copy{min-height:600px}.inner-hero h1{font-size:clamp(56px,15.5vw,64px)}.inner-hero-panel{min-height:440px;padding:24px 20px}.inner-section,.inner-cta{padding-inline:16px}.inner-heading{grid-template-columns:1fr;gap:28px}.outcome-list{grid-template-columns:1fr}.case-entry-image{min-height:380px}.case-entry-copy{min-height:530px;padding:30px 22px}.case-entry-copy dl{grid-template-columns:1fr}.client-voices{padding:85px 16px}.client-voices-head h2{font-size:49px}.client-testimonial{min-height:360px;padding:28px 22px}.client-testimonial blockquote{font-size:28px}.client-testimonial figcaption{flex-direction:column;gap:5px}.remote-panel{padding:45px 20px}.remote-options{grid-template-columns:1fr}.provider-switch{padding:90px 16px}.provider-switch-grid{gap:52px}.provider-switch-intro h2{font-size:49px}.handover-steps{grid-template-columns:1fr}.handover-steps li{min-height:270px;padding:22px}}

/* Search-friendly supporting content */
.seo-support { background: var(--white); }
.seo-support-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.82fr); gap: clamp(55px,8vw,120px); align-items: start; }
.seo-copy { max-width: 760px; }
.seo-copy p { margin: 0 0 24px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.seo-copy .seo-lead { color: var(--navy); font-size: clamp(23px,2vw,30px); line-height: 1.45; letter-spacing: -.025em; }
.text-link { display: inline-flex; margin-top: 14px; padding-bottom: 7px; color: var(--navy); border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 800; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list > h2 { margin: 0; padding: 0 0 25px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 22px 38px 22px 0; position: relative; cursor: pointer; list-style: none; color: var(--navy); font-size: 18px; font-weight: 700; line-height: 1.35; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; top: 18px; right: 4px; color: var(--blue); font-size: 25px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: 0; padding: 0 42px 24px 0; color: var(--muted); line-height: 1.65; }
.trust-facts { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.trust-facts > div { min-height: 155px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-facts span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.trust-facts strong { font-size: clamp(22px,2vw,30px); line-height: 1.05; letter-spacing: -.035em; }

@media(max-width:900px){.seo-support-grid{grid-template-columns:1fr}.seo-copy{max-width:none}}
@media(max-width:760px){.seo-support-grid{gap:55px}.seo-copy p{font-size:16px}.faq-list summary{font-size:16px}.trust-facts{grid-template-columns:1fr}}

.error-page { min-height: 100vh; padding: clamp(24px,5vw,70px); display: grid; grid-template-rows: auto 1fr; color: var(--white); background: var(--navy); }
.error-page > div { align-self: center; max-width: 1040px; padding-block: 70px; }
.error-page h1 { margin: 35px 0; font-size: clamp(72px,10vw,150px); line-height: .88; letter-spacing: -.07em; }
.error-page h1 em { color: var(--blue-light); }
.error-page > div > p:not(.inner-eyebrow) { max-width: 650px; color: rgba(255,255,255,.75); font-size: 20px; line-height: 1.55; }
.error-page nav { margin-top: 55px; display: flex; flex-wrap: wrap; gap: 10px; }
.error-page nav a { padding: 13px 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 100px; font-size: 12px; font-weight: 750; }

/* Refined utility bar */
.topline { height: 38px; padding-inline: 40px; }
.topline-message { gap: 13px !important; min-width: 0; }
.topline-message i { width: 7px; height: 7px; flex: 0 0 7px; background: #baf56c; border-radius: 50%; box-shadow: 0 0 12px rgba(186,245,108,.9); }
.topline-message strong { font-size: 9px; letter-spacing: .12em; white-space: nowrap; }
.topline-message span { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.38); color: rgba(255,255,255,.72); font-size: 9px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.topline-contact { gap: 0 !important; }
.topline-contact a { min-height: 38px; padding-inline: 19px; color: rgba(255,255,255,.9); font-size: 9px; letter-spacing: .08em; }
.topline-contact a:first-child { border-left: 1px solid rgba(255,255,255,.28); }
.topline-contact a + a { padding-left: 19px; border-left: 1px solid rgba(255,255,255,.28); }
.topline-contact a:last-child { padding-right: 0; }

/* Refined site footer */
.site-footer { padding: 0 40px 26px; color: var(--white); background: var(--navy-deep); }
.footer-top { padding: clamp(48px,5vw,68px) 0 clamp(38px,4vw,54px); display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(42px,6vw,88px); border-bottom: 1px solid rgba(255,255,255,.16); }
.footer-identity { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 34px; }
.footer-identity .brand span { color: var(--white); }
.footer-identity p { max-width: 360px; margin: 0; color: rgba(255,255,255,.55); font-size: 17px; line-height: 1.55; }
.footer-statement > p { margin: 0 0 20px; display: flex; align-items: center; gap: 10px; color: var(--blue-light); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.footer-statement > p i { width: 7px; height: 7px; background: #baf56c; border-radius: 50%; box-shadow: 0 0 12px rgba(186,245,108,.75); }
.footer-statement h2 { margin: 0; font-size: clamp(48px,5.2vw,76px); font-weight: 550; line-height: .9; letter-spacing: -.06em; }
.footer-statement h2 em { display: inline-block; padding-block: .025em .06em; color: var(--blue-light); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.footer-grid { margin: 0; padding: 38px 0 44px; display: grid; grid-template-columns: 1.25fr .8fr .8fr 1fr; gap: clamp(30px,4vw,62px); }
.footer-grid > * { min-width: 0; }
.footer-contact,.footer-group,.footer-support { display: flex; flex-direction: column; align-items: flex-start; }
.footer-contact > span,.footer-group > span,.footer-support > span { margin-bottom: 21px; color: rgba(255,255,255,.38); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.footer-contact > a { color: var(--white); font-size: clamp(20px,2vw,29px); line-height: 1.3; letter-spacing: -.025em; text-decoration: underline; text-decoration-color: rgba(54,185,242,.6); text-underline-offset: 6px; }
.footer-contact p { margin: 23px 0 0; color: rgba(255,255,255,.52); font-size: 13px; line-height: 1.55; }
.footer-group { gap: 11px; }
.footer-group > span { margin-bottom: 10px; }
.footer-group a { position: relative; color: rgba(255,255,255,.72); font-size: 14px; }
.footer-group a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: var(--blue-light); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.footer-group a:hover::after { transform: scaleX(1); transform-origin: left; }
.footer-support { gap: 11px; }
.footer-support > span { margin-bottom: 10px; }
.footer-support-link { width: 100%; min-height: 52px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--navy); background: #baf56c; border-radius: 100px; font-size: 13px; font-weight: 800; }
.footer-support-link i { font-style: normal; }
.footer-support > a:last-child { margin-top: 11px; color: rgba(255,255,255,.7); font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.footer-bottom { padding-top: 21px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .04em; }
.footer-bottom > div { display: flex; gap: 20px; color: rgba(255,255,255,.58); text-transform: uppercase; letter-spacing: .09em; }
.footer-bottom > div span + span { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.22); }
.footer-bottom > a { justify-self: end; color: rgba(255,255,255,.58); }

@media(max-width:900px){
  .topline-message span { display: none; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-identity { gap: 30px; }
  .footer-grid { grid-template-columns: 1.15fr 1fr 1fr; }
  .footer-support { grid-column: 1/-1; display: grid; grid-template-columns: auto minmax(260px,420px) auto; align-items: center; }
  .footer-support > span,.footer-support > a:last-child { margin: 0; }
}

@media(max-width:760px){
  .topline { height: 36px; padding-inline: 16px; }
  .topline-message { gap: 9px !important; }
  .topline-message strong { font-size: 8px; letter-spacing: .1em; }
  .topline-contact a { min-height: 36px; padding: 0 0 0 14px; font-size: 8px; }
  .topline .topline-contact a:first-child { display: flex; border-left: 1px solid rgba(255,255,255,.28); }
  .topline .topline-contact a:last-child { display: none; }
  .mobile-menu { inset-block-start: 108px; }
  .site-footer { padding: 0 16px 22px; }
  .footer-top { padding: 44px 0 38px; gap: 34px; }
  .footer-identity p { max-width: 310px; font-size: 15px; }
  .footer-statement > p { margin-bottom: 23px; }
  .footer-statement h2 { font-size: clamp(44px,13vw,55px); }
  .footer-grid { padding: 34px 0 40px; grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  .footer-contact { grid-column: 1/-1; }
  .footer-contact > a { font-size: 24px; }
  .footer-contact p { margin-top: 26px; }
  .footer-group a { font-size: 13px; }
  .footer-support { grid-column: 1/-1; display: flex; align-items: flex-start; }
  .footer-support > span { margin-bottom: 10px; }
  .footer-support > a:last-child { margin-top: 8px; }
  .footer-bottom { grid-template-columns: 1fr; gap: 12px; }
  .footer-bottom > div { order: -1; gap: 12px; }
  .footer-bottom > div span + span { padding-left: 12px; }
  .footer-bottom > a { justify-self: start; }
}

/* Conversion-led homepage */
.conversion-home { overflow: clip; }
.conversion-hero { padding: 32px 40px 38px; display: grid; grid-template-columns: 1.04fr .96fr; gap: clamp(28px,4vw,66px); background: var(--cream); }
.conversion-hero-copy { position: relative; isolation: isolate; min-width: 0; min-height: 585px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.conversion-hero-copy::before { content: ""; position: absolute; z-index: 0; left: -40px; right: calc(-100% - clamp(28px,4vw,66px)); bottom: -38px; height: 60%; pointer-events: none; background: url("assets/home-highland-landscape-v1.webp") center 57% / cover no-repeat; opacity: .2; filter: saturate(.28) contrast(.9) brightness(.96); -webkit-mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.38) 25%,#000 64%); mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.38) 25%,#000 64%); }
.conversion-hero-copy > * { position: relative; z-index: 1; }
.conversion-hero .eyebrow { margin: 0 0 32px; }
.conversion-hero h1 { max-width: 780px; margin: 0; color: var(--navy); font-size: clamp(60px,6.25vw,100px); font-weight: 580; line-height: .88; letter-spacing: -.068em; }
.conversion-hero h1 em { display: inline-block; padding-block: .03em .075em; color: var(--blue); font-family: Georgia,"Times New Roman",serif; font-size: .78em; font-weight: 400; line-height: 1; letter-spacing: -.055em; }
.conversion-lead { max-width: 670px; margin: 28px 0 0; color: #425765; font-size: clamp(17px,1.45vw,21px); line-height: 1.5; }
.conversion-actions { margin-top: 28px; display: flex; align-items: center; gap: 27px; }
.conversion-primary { min-height: 56px; padding-inline: 22px; color: var(--white); background: var(--navy); }
.conversion-primary span { color: #baf56c; }
.conversion-call { display: flex; flex-direction: column; gap: 3px; color: var(--navy); }
.conversion-call small { color: var(--muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.conversion-call strong { font-size: 18px; text-decoration: underline; text-decoration-color: var(--blue-light); text-underline-offset: 5px; }
.conversion-reassurance { margin: 24px 0 0; display: flex; align-items: center; gap: 10px; color: #62717b; font-size: 12px; }
.conversion-reassurance i { width: 8px; height: 8px; flex: 0 0 8px; background: #8ed63d; border-radius: 50%; box-shadow: 0 0 0 5px rgba(142,214,61,.14); }
.provider-change-link { width: fit-content; margin-top: 17px; padding-bottom: 5px; display: inline-flex; align-items: center; gap: 9px; color: var(--navy); border-bottom: 1px solid rgba(9,40,59,.35); font-size: 12px; font-weight: 750; }
.provider-change-link i { color: var(--blue); font-style: normal; }
.conversion-hero-visual { position: relative; min-height: 585px; overflow: hidden; background: var(--navy); border-radius: 30px; }
.conversion-hero-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; }
.conversion-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,28,42,.1),rgba(5,28,42,.68)); }
.buyer-selector { position: absolute; left: 22px; right: 22px; bottom: 22px; padding: 20px; color: var(--white); background: rgba(6,31,47,.9); border: 1px solid rgba(255,255,255,.2); border-radius: 20px; backdrop-filter: blur(16px); }
.buyer-selector > span { display: block; margin: 0 0 8px; color: var(--blue-light); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.buyer-selector a { position: relative; min-height: 68px; padding: 11px 42px 11px 0; display: flex; flex-direction: column; justify-content: center; border-top: 1px solid rgba(255,255,255,.16); }
.buyer-selector a b { font-size: 16px; letter-spacing: -.018em; }
.buyer-selector a small { margin-top: 3px; color: rgba(255,255,255,.57); font-size: 11px; }
.buyer-selector a i { position: absolute; top: 50%; right: 6px; color: #baf56c; font-style: normal; transform: translateY(-50%); transition: transform .25s ease; }
.buyer-selector a:hover i { transform: translate(3px,-60%); }

.confidence-strip { display: grid; grid-template-columns: repeat(4,1fr); color: var(--white); background: var(--blue); border-top: 1px solid rgba(255,255,255,.2); }
.confidence-strip > a { position: relative; min-height: 140px; padding: 25px 58px 25px 28px; display: flex; flex-direction: column; justify-content: center; gap: 11px; border-right: 1px solid rgba(255,255,255,.24); transition: background .25s ease; }
.confidence-strip > a:last-child { border-right: 0; }
.confidence-strip > a:hover,.confidence-strip > a:focus-visible { background: rgba(5,35,53,.2); }
.confidence-strip > a:focus-visible { outline: 2px solid #baf56c; outline-offset: -4px; }
.confidence-strip span { color: rgba(255,255,255,.62); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.confidence-strip strong { max-width: 360px; font-size: clamp(17px,1.55vw,23px); line-height: 1.12; letter-spacing: -.028em; }
.confidence-strip i { position: absolute; top: 50%; right: 27px; color: #baf56c; font-size: 19px; font-style: normal; transform: translateY(-50%); transition: transform .25s ease; }
.confidence-strip > a:hover i,.confidence-strip > a:focus-visible i { transform: translate(4px,-54%); }

.client-logo-band { padding-block: clamp(44px,4.5vw,64px); color: var(--navy); background: #edf3f4; border-bottom: 1px solid var(--line); }
.client-logo-head { margin-bottom: 30px; display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(35px,7vw,110px); align-items: end; }
.client-logo-head .section-kicker { margin: 0 0 13px; }
.client-logo-head h2 { max-width: 720px; margin: 0; font-size: clamp(29px,3vw,43px); font-weight: 600; line-height: 1; letter-spacing: -.05em; }
.client-logo-head > p { max-width: 460px; margin: 0 0 2px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.client-logo-marquee { position: relative; width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); }
.client-logo-track { width: max-content; display: flex; animation: client-logo-scroll 42s linear infinite; will-change: transform; }
.client-logo-marquee:hover .client-logo-track { animation-play-state: paused; }
.client-logo-sequence { flex: 0 0 auto; padding-right: 12px; display: flex; gap: 12px; }
.client-logo-sequence > div { width: clamp(168px,12vw,210px); min-height: 122px; padding: 18px 15px; display: grid; place-items: center; overflow: hidden; background: rgba(255,255,255,.56); border: 1px solid #c9d5d9; border-radius: 15px; }
.client-logo-sequence img { width: auto; max-width: 100%; height: auto; max-height: 59px; display: block; object-fit: contain; transition: transform .25s ease; }
.client-logo-sequence > div:hover img { transform: translateY(-2px); }
.client-logo-sequence > div:nth-child(4) img,.client-logo-sequence > div:nth-child(5) img { max-height: 68px; }
@keyframes client-logo-scroll { to { transform: translateX(-50%); } }

.buyer-outcomes,.conversion-proof,.next-step { padding-block: clamp(95px,10vw,145px); }
.conversion-heading { margin-bottom: 58px; display: grid; grid-template-columns: .55fr 1.45fr .7fr; gap: clamp(30px,5vw,78px); align-items: end; }
.conversion-heading h2,.service-clarity-copy h2,.next-step-head h2 { margin: 0; color: var(--navy); font-size: clamp(52px,6vw,88px); font-weight: 560; line-height: .92; letter-spacing: -.062em; }
.conversion-heading h2 em,.next-step-head h2 em { display: inline-block; padding-block: .02em .06em; color: var(--blue); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.conversion-heading > p:last-child { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.buyer-outcome-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.buyer-outcome-card { min-height: 500px; padding: 26px; display: flex; flex-direction: column; color: var(--navy); background: var(--white); border: 1px solid var(--line); border-radius: 24px; }
.buyer-outcome-card > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.buyer-outcome-card h3 { margin: 62px 0 30px; font-size: clamp(30px,2.55vw,41px); font-weight: 570; line-height: 1.02; letter-spacing: -.048em; }
.buyer-outcome-card ul { margin: auto 0 30px; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.buyer-outcome-card li { padding: 10px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); color: #536570; font-size: 13px; }
.buyer-outcome-card li::after { content: "\2713"; color: var(--blue); font-weight: 800; }
.buyer-outcome-card > a { display: flex; justify-content: space-between; font-size: 13px; font-weight: 800; }
.buyer-outcome-card > a i { color: var(--blue); font-style: normal; }
.buyer-outcome-blue { color: var(--white); background: var(--blue); border-color: var(--blue); }
.buyer-outcome-dark { color: var(--white); background: var(--navy); border-color: var(--navy); }
.buyer-outcome-blue > span,.buyer-outcome-dark > span { color: #baf56c; }
.buyer-outcome-blue ul,.buyer-outcome-dark ul { border-color: rgba(255,255,255,.2); }
.buyer-outcome-blue li,.buyer-outcome-dark li { color: rgba(255,255,255,.72); border-color: rgba(255,255,255,.18); }
.buyer-outcome-blue li::after,.buyer-outcome-dark li::after,.buyer-outcome-blue > a i,.buyer-outcome-dark > a i { color: #baf56c; }

.service-clarity { position: relative; isolation: isolate; padding-block: clamp(95px,10vw,145px); overflow: hidden; color: var(--white); background: var(--navy); }
.service-clarity::before { content: ""; position: absolute; z-index: 0; inset: 0 auto 0 0; width: 56%; background: url("assets/forth-bridge-1600.webp") 48% center / cover no-repeat; opacity: .095; filter: grayscale(1) contrast(1.2); -webkit-mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 57%,transparent 100%); mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 57%,transparent 100%); pointer-events: none; }
.service-clarity-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(55px,8vw,125px); align-items: start; }
.service-clarity-copy { position: sticky; top: 118px; }
.service-clarity-copy .section-kicker { margin-bottom: 36px; }
.service-clarity-copy h2 { color: var(--white); font-size: clamp(52px,5.3vw,82px); }
.service-clarity-copy h2 em { display: inline-block; padding-block: .02em .06em; color: var(--blue-light); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.service-clarity-copy > p:not(.section-kicker) { max-width: 580px; margin: 34px 0 0; color: rgba(255,255,255,.66); font-size: 17px; line-height: 1.58; }
.service-clarity-button { margin-top: 34px; color: var(--navy); background: #baf56c; }
.service-clarity-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.service-clarity-panels article { min-height: 560px; padding: 26px; display: flex; flex-direction: column; background: #12394d; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; }
.service-clarity-panels article:last-child { color: var(--white); background: var(--blue-light); border-color: var(--blue-light); }
.service-clarity-panels article:last-child > span { color: var(--white); }
.service-clarity-panels article:last-child ul { border-color: rgba(255,255,255,.38); }
.service-clarity-panels article:last-child li { color: rgba(255,255,255,.88); border-color: rgba(255,255,255,.3); }
.service-clarity-panels article:last-child li::after { color: #baf56c; }
.service-clarity-panels article > span { color: #baf56c; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.service-clarity-panels h3 { max-width: 560px; margin: 38px 0 32px; font-size: clamp(30px,2.65vw,43px); line-height: 1; letter-spacing: -.05em; }
.service-clarity-panels ul { margin: auto 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); }
.service-clarity-panels li { padding: 10px 0; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.72); font-size: 13px; }
.service-clarity-panels li::after { content: "\2713"; color: #baf56c; font-weight: 800; }

.conversion-proof { padding-bottom: clamp(75px,7vw,105px); background: var(--paper); }
.proof-outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.proof-outcome-card { min-height: 790px; padding: 30px; display: flex; flex-direction: column; overflow: hidden; color: var(--navy); background: var(--blue-light); border-radius: 25px; }
.proof-outcome-media { position: relative; height: 270px; margin: -30px -30px 28px; overflow: hidden; background: var(--navy); }
.proof-outcome-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.7,.2,1); }
.proof-outcome-media-forth img { object-position: center 64%; }
.proof-outcome-card:hover .proof-outcome-media img { transform: scale(1.035); }
.proof-outcome-media::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(6,27,41,.72)); }
.proof-outcome-media figcaption { position: absolute; z-index: 1; left: 20px; right: 20px; bottom: 16px; display: flex; justify-content: space-between; gap: 20px; color: var(--white); font-size: 10px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.proof-outcome-media figcaption span { color: rgba(255,255,255,.68); font-weight: 500; text-align: right; text-transform: none; }
.proof-outcome-card > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 20px; align-items: start; }
.proof-outcome-card > div span { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.proof-outcome-card > div strong { grid-row: 1/3; grid-column: 2; max-width: 330px; font-size: clamp(40px,5vw,76px); line-height: .9; letter-spacing: -.06em; text-align: right; }
.proof-outcome-card > div small { color: rgba(9,40,59,.65); font-size: 11px; }
.proof-outcome-card h3 { margin: auto 0 18px; font-size: clamp(37px,4vw,60px); font-weight: 570; line-height: .96; letter-spacing: -.055em; }
.proof-outcome-card > p { max-width: 650px; margin: 0 0 35px; color: rgba(9,40,59,.67); font-size: 15px; line-height: 1.55; }
.proof-outcome-card > .proof-story-label { margin: 23px 0 0; color: rgba(9,40,59,.58); font: 9px ui-monospace,monospace; letter-spacing: .07em; text-transform: uppercase; }
.proof-outcome-card > b { padding-top: 17px; display: flex; justify-content: space-between; border-top: 1px solid rgba(9,40,59,.24); font-size: 12px; }
.proof-outcome-card i { font-style: normal; }
.proof-outcome-dark { color: var(--white); background: var(--navy); }
.proof-outcome-dark > div small,.proof-outcome-dark > p,.proof-outcome-dark > .proof-story-label { color: rgba(255,255,255,.62); }
.proof-outcome-dark > b { border-color: rgba(255,255,255,.2); }
.proof-outcome-dark i { color: #baf56c; }

/* Simplified, image-led proof cards */
.proof-outcome-card { min-height: 690px; padding: 0; background: var(--white); border: 1px solid var(--line); }
.proof-outcome-card.proof-outcome-dark { background: var(--navy); border-color: var(--navy); }
.proof-outcome-media { height: 285px; margin: 0; flex: 0 0 auto; }
.proof-card-body { min-height: 0; padding: 27px 29px 29px; display: flex !important; flex: 1; flex-direction: column; }
.proof-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.proof-card-meta span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.proof-card-meta small { padding: 7px 10px; color: #536570; background: var(--paper); border-radius: 99px; font-size: 9px; }
.proof-outcome-card h3 { margin: 38px 0 17px; font-size: clamp(35px,3.25vw,49px); line-height: .98; letter-spacing: -.05em; }
.proof-card-body > p { max-width: 600px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.proof-card-outcome { margin-top: auto; padding: 19px 0; display: grid; grid-template-columns: 72px 1fr; gap: 16px; border-top: 1px solid var(--line); }
.proof-card-outcome span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.proof-outcome-card .proof-card-outcome strong { grid-row: auto; grid-column: auto; max-width: none; font-size: 13px; font-weight: 650; line-height: 1.4; letter-spacing: 0; text-align: left; }
.proof-card-body > b { padding-top: 17px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: 12px; }
.proof-outcome-dark .proof-card-meta span { color: #baf56c; }
.proof-outcome-dark .proof-card-meta small { color: rgba(255,255,255,.72); background: rgba(255,255,255,.09); }
.proof-outcome-dark .proof-card-body > p { color: rgba(255,255,255,.63); }
.proof-outcome-dark .proof-card-outcome,.proof-outcome-dark .proof-card-body > b { border-color: rgba(255,255,255,.18); }
.proof-outcome-dark .proof-card-outcome span { color: #baf56c; }
.conversion-quote { margin: 15px 0 0; padding: 44px; display: grid; grid-template-columns: 1.55fr .45fr; gap: 70px; color: var(--white); background: var(--blue); border-radius: 24px; }
.conversion-quote blockquote { margin: 0; font-size: clamp(30px,3.2vw,49px); line-height: 1.08; letter-spacing: -.045em; }
.conversion-quote figcaption { padding-top: 9px; display: flex; flex-direction: column; align-items: flex-start; }
.conversion-quote figcaption::before { content: "\201C"; width: 45px; height: 45px; margin-bottom: auto; display: grid; place-items: center; color: var(--navy); background: #baf56c; border-radius: 50%; font: 36px Georgia,serif; }
.conversion-quote figcaption strong { font-size: 14px; }
.conversion-quote figcaption span { margin-top: 4px; color: rgba(255,255,255,.62); font-size: 11px; }

.next-step { padding-top: 25px; }
.next-step-head { margin-bottom: 60px; display: grid; grid-template-columns: .55fr 2.15fr; gap: 70px; }
.next-step-head h2 { font-size: clamp(52px,6vw,88px); }
.next-step-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,1fr); list-style: none; border-top: 1px solid var(--line); }
.next-step-grid li { min-height: 410px; padding: 22px 28px 0 0; display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.next-step-grid li:not(:first-child) { padding-left: 28px; }
.next-step-grid li:last-child { border-right: 0; }
.next-step-grid li > span { color: var(--blue); font: 10px ui-monospace,monospace; }
.next-step-visual { height: 176px; margin: 18px 0 30px; position: relative; overflow: hidden; flex: 0 0 auto; color: var(--blue); background: linear-gradient(145deg,rgba(0,117,186,.07),rgba(9,40,59,.025)); border: 1px solid rgba(0,117,186,.18); border-radius: 18px; }
.next-step-visual svg { width: 100%; height: 138px; display: block; fill: none; stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }
.next-step-visual circle { fill: var(--paper); stroke-width: 2; }
.next-step-visual rect { fill: rgba(0,117,186,.08); }
.next-step-visual small { position: absolute; left: 16px; bottom: 13px; color: #58707e; font: 9px ui-monospace,monospace; letter-spacing: .06em; text-transform: uppercase; }
.next-step-conversation .visual-faint { opacity: .2; }
.next-step-priorities rect:nth-child(1) { fill: rgba(0,117,186,.17); }
.next-step-priorities rect:nth-child(2) { fill: rgba(0,117,186,.11); }
.next-step-priorities rect:nth-child(3) { fill: rgba(0,117,186,.06); }
.next-step-route path:first-child { stroke-width: 3; }
.next-step-grid h3 { margin: auto 0 12px; font-size: 30px; line-height: 1.02; letter-spacing: -.042em; }
.next-step-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.52; }

.conversion-contact { padding-top: clamp(95px,10vw,145px); }
.conversion-contact-head { margin: 35px 0 55px; display: grid; grid-template-columns: 1.55fr .45fr; gap: 70px; align-items: end; }
.conversion-contact h2 { margin: 0; font-size: clamp(62px,8vw,118px); }
.conversion-contact-head > p { margin: 0 0 9px; color: rgba(255,255,255,.76); font-size: 16px; line-height: 1.55; }
.conversion-contact-grid { grid-template-columns: .65fr 1.35fr; padding-block: 40px; }
.conversion-contact-intro { min-height: 0; display: grid; align-content: start; gap: 45px; }
.conversion-contact-intro > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.conversion-contact-intro span { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.conversion-contact-intro a { font-size: clamp(22px,2.2vw,32px); }
.conversion-contact-intro small { max-width: 360px; color: rgba(255,255,255,.63); font-size: 12px; line-height: 1.45; }
.conversion-form { padding: 30px; background: rgba(6,36,55,.18); border: 1px solid rgba(255,255,255,.22); border-radius: 22px; }
.conversion-form input,.conversion-form select,.conversion-form textarea { padding-inline: 2px; }
.conversion-form textarea::placeholder { color: rgba(255,255,255,.45); }
.enquiry-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.enquiry-actions[hidden] { display: none; }
.enquiry-actions a,.enquiry-actions button { min-height: 52px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; color: var(--navy); background: var(--white); border: 0; border-radius: 100px; cursor: pointer; font-size: 12px; font-weight: 800; }
.enquiry-actions a i { color: var(--blue); font-style: normal; }
.enquiry-actions button { color: var(--white); background: transparent; border: 1px solid rgba(255,255,255,.65); }
.conversion-contact-details { margin-top: 45px; }
.conversion-contact-details p { margin: 0; color: rgba(255,255,255,.8); }
.mobile-conversion-bar { display: none; }

@media(max-width:1100px) {
  .conversion-hero-copy::before { right: -24px; }
  .conversion-hero { padding: 24px; grid-template-columns: 1fr; }
  .conversion-hero-copy { min-height: 570px; }
  .conversion-hero-visual { min-height: 650px; }
  .confidence-strip { grid-template-columns: 1fr 1fr; }
  .confidence-strip > a:nth-child(2) { border-right: 0; }
  .confidence-strip > a:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.24); }
  .conversion-heading { grid-template-columns: 1fr 2fr; }
  .conversion-heading > p:last-child { grid-column: 2; }
  .buyer-outcome-grid { grid-template-columns: 1fr 1fr; }
  .buyer-outcome-card:last-child { grid-column: 1/-1; }
  .service-clarity-grid { grid-template-columns: 1fr; }
  .service-clarity-copy { position: static; }
  .service-clarity-panels { grid-template-columns: 1fr 1fr; }
  .service-clarity-panels article { min-height: 390px; }
  .conversion-contact-head { grid-template-columns: 1fr; gap: 25px; }
  .conversion-contact-head > p { max-width: 620px; }
}

@media(max-width:760px) {
  .conversion-home { padding-bottom: 64px; }
  .conversion-hero { padding: 32px 16px 18px; gap: 20px; }
  .conversion-hero-copy { min-height: 0; padding: 8px 0 18px; }
  .conversion-hero-copy::before { left: -16px; right: -16px; bottom: -18px; height: 51%; opacity: .14; background-position: 58% center; }
  .conversion-hero .eyebrow { margin-bottom: 25px; }
  .conversion-hero h1 { font-size: clamp(51px,13.6vw,58px); line-height: .91; }
  .conversion-hero h1 em { font-size: .72em; line-height: 1.04; }
  .conversion-lead { margin-top: 24px; font-size: 17px; }
  .conversion-actions { width: 100%; margin-top: 25px; flex-direction: column; align-items: stretch; gap: 17px; }
  .conversion-primary { width: 100%; justify-content: space-between; }
  .conversion-call { padding-left: 4px; }
  .conversion-reassurance { font-size: 11px; line-height: 1.4; }
  .provider-change-link { margin-top: 18px; font-size: 11px; line-height: 1.4; }
  .conversion-hero-visual { min-height: 570px; border-radius: 22px; }
  .buyer-selector { left: 12px; right: 12px; bottom: 12px; padding: 17px; border-radius: 17px; }
  .buyer-selector a { min-height: 78px; }
  .buyer-selector a b { font-size: 15px; }
  .buyer-selector a small { max-width: 245px; line-height: 1.35; }
  .confidence-strip { grid-template-columns: 1fr; }
  .confidence-strip > a { min-height: 110px; padding: 20px 50px 20px 16px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.24); }
  .confidence-strip > a:last-child { border-bottom: 0; }
  .confidence-strip i { right: 18px; }
  .client-logo-band { padding: 54px 16px 60px; }
  .client-logo-head { margin-bottom: 28px; grid-template-columns: 1fr; gap: 18px; }
  .client-logo-head h2 { max-width: 330px; font-size: 34px; }
  .client-logo-head > p { max-width: 350px; }
  .client-logo-marquee { width: calc(100% + 32px); margin-left: -16px; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); }
  .client-logo-track { animation-duration: 38s; }
  .client-logo-sequence { gap: 9px; padding-right: 9px; }
  .client-logo-sequence > div { width: 166px; min-height: 112px; padding: 15px 12px; }
  .client-logo-sequence img { max-height: 53px; }
  .buyer-outcomes,.conversion-proof,.next-step { padding-block: 85px; }
  .conversion-heading { margin-bottom: 42px; grid-template-columns: 1fr; gap: 24px; }
  .conversion-heading > p:last-child { grid-column: auto; }
  .conversion-heading h2,.service-clarity-copy h2,.next-step-head h2 { font-size: 49px; }
  .buyer-outcome-grid { grid-template-columns: 1fr; }
  .buyer-outcome-card,.buyer-outcome-card:last-child { grid-column: auto; min-height: 490px; padding: 22px; }
  .buyer-outcome-card h3 { margin-top: 48px; font-size: 34px; }
  .service-clarity { padding-block: 85px; }
  .service-clarity-grid { gap: 52px; }
  .service-clarity-copy > p:not(.section-kicker) { font-size: 16px; }
  .service-clarity-panels { grid-template-columns: 1fr; }
  .service-clarity-panels article { min-height: 380px; padding: 22px; }
  .proof-outcome-grid { grid-template-columns: 1fr; }
  .proof-outcome-card { min-height: 560px; padding: 22px; }
  .proof-outcome-card > div { grid-template-columns: 1fr; }
  .proof-outcome-card > div strong { grid-row: auto; grid-column: auto; margin-top: 25px; text-align: left; }
  .proof-outcome-card h3 { font-size: 39px; }
  .conversion-quote { padding: 28px 22px; grid-template-columns: 1fr; gap: 35px; }
  .conversion-quote blockquote { font-size: 31px; }
  .conversion-quote figcaption::before { margin-bottom: 30px; }
  .next-step { padding-top: 10px; }
  .next-step-head { grid-template-columns: 1fr; gap: 25px; }
  .next-step-grid { grid-template-columns: 1fr; }
  .next-step-grid li,.next-step-grid li:not(:first-child) { min-height: 390px; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .next-step-visual { height: 164px; margin: 18px 0 28px; }
  .conversion-contact-head { margin: 30px 0 42px; }
  .conversion-contact h2 { font-size: clamp(57px,17vw,72px); }
  .conversion-contact-grid { grid-template-columns: 1fr; padding-block: 30px; gap: 42px; }
  .conversion-contact-intro { min-height: 0; }
  .conversion-form { padding: 22px 17px; }
  .enquiry-actions { grid-template-columns: 1fr; }
  .mobile-conversion-bar { position: fixed; z-index: 115; left: 10px; right: 10px; bottom: 10px; height: 54px; padding: 4px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 4px; background: var(--navy); border: 1px solid rgba(255,255,255,.24); border-radius: 100px; box-shadow: 0 16px 40px rgba(5,28,42,.34); }
  .mobile-conversion-bar a { display: grid; place-items: center; color: var(--white); border-radius: 100px; font-size: 12px; font-weight: 800; }
  .mobile-conversion-bar a:last-child { color: var(--navy); background: #baf56c; }
  .menu-open .mobile-conversion-bar { display: none; }
}

/* Deliberate separation between display faces in split-line headings */
.conversion-home h1 br + em,
.conversion-home h2 br + em,
.inner-main h1 br + em,
.inner-main h2 br + em,
.site-footer h2 br + em {
  display: inline-block;
  margin-top: .35em;
}

.conversion-hero h1 br + em { margin-top: .47em; }
.inner-cta h2 br + em { margin-top: .45em; }

/* Homepage interactive fit finder */
.fit-finder { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(540px,1.28fr); gap: clamp(46px,7vw,110px); align-items: center; padding-top: clamp(86px,9vw,138px); padding-bottom: clamp(86px,9vw,138px); background: var(--paper); border-top: 1px solid var(--line); }
.fit-finder-intro h2 { max-width: 520px; margin: 0; color: var(--navy); font-size: clamp(52px,5.3vw,78px); font-weight: 560; line-height: .95; letter-spacing: -.065em; }
.fit-finder-intro h2 em { display: inline-block; color: var(--blue); font-family: Georgia,"Times New Roman",serif; font-size: 1.05em; font-weight: 400; line-height: 1; }
.fit-finder-intro > p:not(.section-kicker) { max-width: 420px; margin: 28px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.review-deliverables { max-width: 520px; margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.review-deliverables > div { min-height: 126px; padding: 16px; display: flex; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.review-deliverables span { color: var(--blue); font: 9px ui-monospace,monospace; }
.review-deliverables strong { margin-top: auto; color: var(--navy); font-size: 15px; line-height: 1.2; }
.review-deliverables small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.fit-finder-note { display: flex; gap: 11px; align-items: flex-start; max-width: 400px; margin-top: 27px; color: var(--navy); font-size: 12px; line-height: 1.45; }
.fit-finder-note i { flex: 0 0 auto; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: var(--navy); background: #baf56c; font-size: 12px; font-style: normal; font-weight: 900; }
.fit-finder-card { padding: clamp(24px,3.1vw,38px); color: var(--white); background: var(--navy); border-radius: 18px; box-shadow: 0 22px 48px rgba(5,28,42,.14); }
.fit-finder-progress { display: flex; align-items: center; gap: 17px; margin-bottom: 35px; color: #a9c8d6; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.fit-finder-progress > div { flex: 1; height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.16); }
.fit-finder-progress i { display: block; width: 25%; height: 100%; border-radius: inherit; background: #baf56c; transition: width .25s ease; }
.fit-finder-card fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.fit-finder-card legend { max-width: 630px; padding: 0; color: var(--white); font-size: clamp(28px,3vw,40px); font-weight: 650; letter-spacing: -.045em; line-height: 1.05; }
.fit-finder-card fieldset > p { margin: 10px 0 0; color: #a9c8d6; font-size: 13px; }
.fit-option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px; }
.fit-option-grid label { position: relative; display: block; min-width: 0; margin: 0; cursor: pointer; }
.fit-option-grid input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.fit-option-grid label > span { display: flex; min-height: 93px; flex-direction: column; justify-content: center; padding: 17px 18px; border: 1px solid rgba(255,255,255,.19); border-radius: 9px; background: rgba(255,255,255,.04); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.fit-option-grid label:hover > span { border-color: rgba(186,245,108,.7); transform: translateY(-2px); }
.fit-option-grid input:focus-visible + span { outline: 2px solid #57c5f4; outline-offset: 2px; }
.fit-option-grid input:checked + span { border-color: #baf56c; background: rgba(186,245,108,.13); box-shadow: inset 4px 0 0 #baf56c; }
.fit-option-grid b { color: var(--white); font-size: 14px; line-height: 1.2; }
.fit-option-grid small { margin-top: 7px; color: #a9c8d6; font-size: 11px; line-height: 1.35; }
.fit-finder-actions { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 27px; }
.fit-error { min-height: 18px; margin: 15px 0 -8px; color: #ffcd8a; font-size: 12px; }
.fit-finder-actions button, .fit-result-actions button { min-height: 48px; padding: 0 19px; border: 1px solid rgba(255,255,255,.32); border-radius: 99px; color: var(--white); background: transparent; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.fit-finder-actions .fit-next { display: inline-flex; align-items: center; gap: 15px; border-color: #baf56c; color: var(--navy); background: #baf56c; }
.fit-finder-actions .fit-next i { font-size: 18px; font-style: normal; }
.fit-finder-actions button:hover, .fit-result-actions button:hover { border-color: var(--white); }
.fit-finder-actions .fit-next:hover { border-color: #d5ff8c; background: #d5ff8c; }
.fit-result-label { display: flex; align-items: center; gap: 9px; margin: 0; color: #baf56c; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.fit-result-label i { width: 8px; height: 8px; border-radius: 50%; background: #baf56c; }
.fit-result h3 { max-width: 590px; margin: 21px 0 0; color: var(--white); font-size: clamp(36px,4vw,58px); letter-spacing: -.06em; line-height: .98; }
.fit-result > p:not(.fit-result-label) { max-width: 530px; margin: 17px 0 0; color: #c0d7e0; font-size: 16px; line-height: 1.5; }
.fit-result-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.fit-result-pills span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; color: #dcecf2; font-size: 11px; }
.fit-result-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 30px; }
.fit-result-actions .button { min-height: 49px; }
.fit-result-actions button { border-color: rgba(255,255,255,.28); }
.fit-result > small { display: block; max-width: 540px; margin-top: 22px; color: #8eb5c5; font-size: 11px; line-height: 1.45; }
.fit-finder [hidden] { display: none !important; }

@media (max-width:1100px) {
  .fit-finder { grid-template-columns: 1fr; gap: 48px; }
  .fit-finder-intro h2 { max-width: 650px; }
  .fit-finder-intro > p:not(.section-kicker), .fit-finder-note { max-width: 590px; }
  .fit-finder-card { max-width: 760px; }
}
@media (max-width:760px) {
  .fit-finder { gap: 34px; padding-top: 78px; padding-bottom: 78px; }
  .fit-finder-intro h2 { font-size: 49px; }
  .review-deliverables { grid-template-columns: 1fr; }
  .review-deliverables > div { min-height: 105px; }
  .fit-finder-card { padding: 23px 18px; border-radius: 14px; }
  .fit-finder-progress { margin-bottom: 27px; }
  .fit-finder-card legend { font-size: 31px; }
  .fit-option-grid { grid-template-columns: 1fr; gap: 8px; margin-top: 21px; }
  .fit-option-grid label > span { min-height: 74px; padding: 13px 15px; }
  .fit-finder-actions { margin-top: 22px; }
  .fit-finder-actions .fit-next { margin-left: auto; }
  .fit-result h3 { font-size: 44px; }
  .fit-result-actions { align-items: stretch; flex-direction: column; }
  .fit-result-actions .button, .fit-result-actions button { width: 100%; }
}

@media (max-width:900px) {
  .case-story-head { grid-template-columns: 1fr; }
  .case-story-result { max-width: 420px; }
  .case-evidence-grid { grid-template-columns: 1fr; }
  .case-evidence-grid > div { min-height: 95px; }
  .case-story-phases { grid-template-columns: 1fr; }
  .case-story-phases section { min-height: 280px; }
}

@media (max-width:760px) {
  .case-editorial { padding-inline: 16px; }
  .case-story-head h2 { font-size: 50px; }
  .case-story-result { min-height: 170px; }
  .case-story-image { min-height: 380px; border-radius: 20px; }
  .case-story-image figcaption { left: 17px; right: 17px; bottom: 15px; flex-direction: column; gap: 4px; }
  .case-story-phases section { min-height: 300px; padding: 22px; }
  .case-story-dark { padding: 18px; border-radius: 22px; }
  .case-story-meta { align-items: flex-start; flex-direction: column; }
  .case-story-meta a { margin: 8px 0 0; }
  .proof-outcome-card { min-height: 720px; }
  .proof-outcome-media { height: 230px; }
}

/* Connected service expansion: continuity, procurement and Microsoft 365 */
.connected-services { padding-top: clamp(90px,9vw,140px); padding-bottom: clamp(90px,9vw,140px); }
.capability-link-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.capability-link-card { position: relative; min-height: 390px; padding: 28px; overflow: hidden; color: var(--white); background: var(--navy); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; transition: transform .22s ease, box-shadow .22s ease; }
.capability-link-card::after { content: ""; position: absolute; right: -58px; bottom: -68px; width: 220px; height: 220px; border: 1px solid rgba(87,197,244,.38); border-radius: 50%; box-shadow: 0 0 0 40px rgba(87,197,244,.08),0 0 0 80px rgba(87,197,244,.04); }
.capability-link-card:hover { transform: translateY(-5px); box-shadow: 0 22px 44px rgba(5,28,42,.16); }
.capability-link-card > span,.m365-pillars article > span,.procurement-types article > span { color: #baf56c; font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.capability-link-card h3 { max-width: 330px; margin: 72px 0 0; color: inherit; font-size: clamp(28px,2.6vw,40px); line-height: 1; letter-spacing: -.05em; }
.capability-link-card p { position: relative; z-index: 1; max-width: 290px; margin: 18px 0 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.5; }
.capability-link-card > i { position: absolute; z-index: 2; right: 26px; bottom: 23px; color: #baf56c; font-size: 25px; font-style: normal; }
.capability-link-card-blue { color: var(--navy); background: #39afe1; border-color: transparent; }
.capability-link-card-blue > span,.capability-link-card-blue > i { color: var(--navy); }
.capability-link-card-blue p { color: rgba(9,40,59,.76); }
.capability-link-card-blue::after { border-color: rgba(9,40,59,.28); box-shadow: 0 0 0 40px rgba(9,40,59,.07),0 0 0 80px rgba(9,40,59,.035); }

.resilience-route { padding: clamp(90px,9vw,140px) 0; color: var(--white); background: var(--navy); }
.resilience-route .inner-heading h2 { color: var(--white); }
.resilience-route .inner-heading span { color: #baf56c; }
.resilience-route .inner-heading em { color: #39afe1; }
.resilience-steps { padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.25); list-style: none; }
.resilience-steps li { min-height: 300px; padding: 23px 25px 25px 0; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,.18); }
.resilience-steps li:not(:first-child) { padding-left: 25px; }
.resilience-steps li:last-child { border-right: 0; }
.resilience-steps b { color: #39afe1; font-size: 11px; letter-spacing: .1em; }
.resilience-steps h3 { margin: 0; color: var(--white); font-size: 29px; letter-spacing: -.045em; }
.resilience-steps p { max-width: 255px; margin: 12px 0 0; color: #b7d0db; font-size: 13px; line-height: 1.55; }

.procurement-catalogue,.m365-operations { padding: clamp(90px,9vw,140px) 0; color: var(--white); background: var(--navy); }
.procurement-catalogue { position: relative; isolation: isolate; overflow: hidden; }
.procurement-catalogue::before { content: ""; position: absolute; z-index: 0; inset: 0 auto 0 0; width: 48%; background: url("assets/data-centre.webp") 46% center / cover no-repeat; opacity: .08; filter: grayscale(1) contrast(1.25); -webkit-mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 58%,transparent 100%); mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 58%,transparent 100%); pointer-events: none; }
.procurement-grid,.m365-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(50px,8vw,125px); align-items: start; }
.procurement-intro { position: sticky; top: 130px; }
.procurement-intro h2,.m365-grid > div:first-child h2 { margin: 20px 0 0; color: var(--white); font-size: clamp(48px,5vw,74px); line-height: .95; letter-spacing: -.065em; }
.procurement-intro h2 em,.m365-grid > div:first-child h2 em { color: #39afe1; font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
.procurement-intro > p:not(.section-kicker),.m365-grid > div:first-child > p:not(.section-kicker) { max-width: 480px; margin: 27px 0 0; color: #b7d0db; font-size: 15px; line-height: 1.62; }
.procurement-intro .text-link { display: inline-block; margin-top: 28px; color: #baf56c; }
.procurement-types,.m365-pillars { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }
.procurement-types article,.m365-pillars article { min-height: 290px; padding: 25px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.procurement-types h3,.m365-pillars h3 { max-width: 290px; margin: 76px 0 0; color: var(--white); font-size: 28px; line-height: 1.02; letter-spacing: -.045em; }
.procurement-types p,.m365-pillars p { max-width: 300px; margin: 14px 0 0; color: #b7d0db; font-size: 13px; line-height: 1.55; }
.m365-grid > div:first-child { position: sticky; top: 130px; }
.m365-grid .button { margin-top: 30px; }
.m365-pillars article a { display: inline-block; margin-top: 16px; color: #baf56c; font-size: 12px; font-weight: 800; }

.sustainable-cloud { padding: clamp(90px,9vw,140px) 0; color: var(--navy); background: #e8f5ef; border-top: 1px solid #c9ddd4; border-bottom: 1px solid #c9ddd4; }
.sustainable-cloud-head { display: grid; grid-template-columns: .55fr 1.35fr .8fr; gap: clamp(28px,5vw,70px); align-items: end; margin-bottom: clamp(55px,7vw,95px); }
.sustainable-cloud-head .section-kicker { align-self: start; }
.sustainable-cloud-head .section-kicker span { color: #08765d; }
.sustainable-cloud-head h2 { margin: 0; color: var(--navy); font-size: clamp(52px,6vw,88px); line-height: .91; letter-spacing: -.067em; }
.sustainable-cloud-head h2 em { display: inline-block; margin-top: .28em; color: #08765d; font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
.sustainable-cloud-head > p:last-child { max-width: 360px; margin: 0 0 5px; color: #385a59; font-size: 15px; line-height: 1.58; }
.sustainable-cloud-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #a9c8bd; border-left: 1px solid #a9c8bd; }
.sustainable-cloud-grid article { min-height: 330px; padding: 24px; border-right: 1px solid #a9c8bd; border-bottom: 1px solid #a9c8bd; }
.sustainable-cloud-grid span { color: #08765d; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.sustainable-cloud-grid h3 { max-width: 320px; margin: 92px 0 0; color: var(--navy); font-size: clamp(28px,2.7vw,40px); line-height: 1; letter-spacing: -.05em; }
.sustainable-cloud-grid p { max-width: 330px; margin: 17px 0 0; color: #385a59; font-size: 13px; line-height: 1.55; }
.sustainable-cloud-foot { display: grid; grid-template-columns: 1fr auto; gap: 35px; align-items: center; padding-top: 28px; }
.sustainable-cloud-foot p { max-width: 780px; margin: 0; color: #385a59; font-size: 12px; line-height: 1.55; }
.sustainable-cloud-foot strong { color: var(--navy); }
.sustainable-cloud-foot a { color: var(--navy); font-size: 12px; font-weight: 850; }
.lifecycle-sustainability { margin: 32px 0; padding: 25px 27px; color: var(--navy); background: #e8f5ef; border-left: 4px solid #08765d; border-radius: 0 12px 12px 0; }
.lifecycle-sustainability > span { color: #08765d; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lifecycle-sustainability h3 { max-width: 470px; margin: 13px 0 0; font-size: clamp(25px,2.6vw,35px); line-height: 1.03; letter-spacing: -.045em; }
.lifecycle-sustainability p { margin: 14px 0 0; color: #385a59; font-size: 13px; line-height: 1.55; }
.lifecycle-principles { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #b6d3c8; border-left: 1px solid #b6d3c8; }
.lifecycle-principles > div { min-height: 160px; padding: 16px; border-right: 1px solid #b6d3c8; border-bottom: 1px solid #b6d3c8; }
.lifecycle-principles b { color: var(--navy); font-size: 13px; line-height: 1.25; }
.lifecycle-principles p { margin-top: 38px; font-size: 11px; }

/* Editorial photography: one purposeful visual pause on core service pages */
.service-image-break { position: relative; height: clamp(430px,48vw,650px); margin-top: -28px; margin-bottom: clamp(90px,9vw,140px); overflow: hidden; color: var(--white); background: var(--navy); border-radius: 22px; }
.service-image-break::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,31,47,.91) 0%,rgba(5,31,47,.63) 42%,rgba(5,31,47,.12) 76%),linear-gradient(0deg,rgba(5,31,47,.75) 0%,transparent 48%); }
.service-image-break img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.84) contrast(1.04); transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.service-image-break:hover img { transform: scale(1.018); }
.service-image-break figcaption { position: absolute; z-index: 1; inset: auto clamp(25px,4.2vw,65px) clamp(25px,4.2vw,58px); display: grid; grid-template-columns: minmax(170px,.55fr) minmax(320px,1.1fr); gap: clamp(30px,6vw,95px); align-items: end; }
.service-image-break figcaption > span { align-self: start; padding-top: 9px; color: #baf56c; border-top: 1px solid rgba(255,255,255,.4); font-size: 10px; font-weight: 850; letter-spacing: .11em; line-height: 1.45; text-transform: uppercase; }
.service-image-break figcaption > span small { margin-top: 7px; display: block; color: rgba(255,255,255,.62); font-size: 9px; font-weight: 600; letter-spacing: .04em; text-transform: none; }
.service-image-copy strong { display: block; max-width: 760px; color: var(--white); font-size: clamp(42px,5.2vw,78px); line-height: .94; letter-spacing: -.062em; }
.service-image-copy p { max-width: 590px; margin: 20px 0 0; color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.55; }
.service-image-break--cloud img { object-position: center 48%; }
.service-image-break--cloud::after { background: linear-gradient(90deg,rgba(5,31,47,.86) 0%,rgba(5,31,47,.5) 46%,rgba(7,89,134,.08) 78%),linear-gradient(0deg,rgba(5,31,47,.74) 0%,transparent 52%); }
.service-image-break--infrastructure img { object-position: center 44%; }
.service-image-break--edinburgh img { object-position: center 48%; }
.service-image-break--bridge img { object-position: center 52%; }

@media (max-width:1180px) {
  .service-clarity::before { display: none; }
  .procurement-catalogue::before { display: none; }
  .capability-link-grid { grid-template-columns: 1fr; }
  .capability-link-card { min-height: 310px; }
  .resilience-steps { grid-template-columns: 1fr 1fr; }
  .resilience-steps li:nth-child(2) { border-right: 0; }
  .resilience-steps li:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .procurement-grid,.m365-grid { grid-template-columns: 1fr; }
  .procurement-intro,.m365-grid > div:first-child { position: static; }
  .sustainable-cloud-head { grid-template-columns: 1fr; }
  .sustainable-cloud-head > p:last-child { max-width: 620px; }
}
@media (max-width:650px) {
  .capability-link-card { min-height: 330px; padding: 22px; }
  .capability-link-card h3 { margin-top: 58px; font-size: 34px; }
  .resilience-steps { grid-template-columns: 1fr; }
  .resilience-steps li,.resilience-steps li:not(:first-child) { min-height: 235px; padding: 21px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .procurement-types,.m365-pillars { grid-template-columns: 1fr; }
  .procurement-types article,.m365-pillars article { min-height: 245px; padding: 21px; }
  .procurement-types h3,.m365-pillars h3 { margin-top: 58px; }
  .sustainable-cloud-grid { grid-template-columns: 1fr; }
  .sustainable-cloud-grid article { min-height: 260px; padding: 21px; }
  .sustainable-cloud-grid h3 { margin-top: 62px; font-size: 34px; }
  .sustainable-cloud-foot { grid-template-columns: 1fr; }
  .lifecycle-sustainability { margin: 26px 0; padding: 22px 20px; }
  .lifecycle-principles { grid-template-columns: 1fr; }
  .lifecycle-principles > div { min-height: 135px; }
  .service-image-break { height: 540px; margin-top: -8px; margin-bottom: 78px; border-radius: 17px; }
  .service-image-break::after { background: linear-gradient(0deg,rgba(5,31,47,.94) 0%,rgba(5,31,47,.64) 55%,rgba(5,31,47,.18) 100%); }
  .service-image-break figcaption { inset: auto 22px 25px; grid-template-columns: 1fr; gap: 22px; }
  .service-image-break figcaption > span { max-width: 220px; }
  .service-image-copy strong { font-size: 44px; }
  .service-image-copy p { margin-top: 14px; font-size: 13px; }
  .service-image-break--cloud img { object-position: 27% 54%; }
}

/* Interactive IT ownership planner */
.ownership-planner { padding-block: clamp(95px,10vw,150px); color: var(--white); background: var(--navy); }
.ownership-planner-head { margin-bottom: clamp(44px,6vw,76px); display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(45px,8vw,120px); align-items: end; }
.ownership-planner-head .section-kicker { margin-bottom: 30px; }
.ownership-planner-head h2 { max-width: 900px; margin: 0; font-size: clamp(55px,6vw,91px); font-weight: 550; line-height: .93; letter-spacing: -.065em; }
.ownership-planner-head h2 em { display: inline-block; margin-top: .24em; color: var(--blue-light); font-family: Georgia,"Times New Roman",serif; font-weight: 400; line-height: 1; }
.ownership-planner-head > p { max-width: 480px; margin: 0 0 8px; color: rgba(255,255,255,.66); font-size: 16px; line-height: 1.65; }
.ownership-tool { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); overflow: hidden; background: #12384c; border: 1px solid rgba(255,255,255,.15); border-radius: 27px; box-shadow: 0 26px 70px rgba(0,14,24,.2); }
.ownership-presets { grid-column: 1/-1; min-height: 82px; padding: 16px 20px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid rgba(255,255,255,.16); }
.ownership-presets > span { margin-right: auto; color: rgba(255,255,255,.55); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ownership-presets button { min-height: 44px; padding: 0 17px; color: rgba(255,255,255,.76); background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; cursor: pointer; font-size: 12px; font-weight: 750; }
.ownership-presets button:hover,.ownership-presets button.is-active { color: var(--navy); background: #baf56c; border-color: #baf56c; }
.ownership-form { padding: 8px clamp(22px,3.2vw,42px); }
.ownership-row { min-width: 0; margin: 0; padding: 24px 0; display: grid; grid-template-columns: minmax(210px,.82fr) minmax(390px,1.18fr); gap: 28px; align-items: center; border: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.ownership-row:last-child { border-bottom: 0; }
.ownership-row legend { min-width: 0; padding: 0; display: grid; grid-template-columns: 28px 1fr; align-items: start; }
.ownership-row legend > span { padding-top: 3px; color: var(--blue-light); font: 9px ui-monospace,monospace; }
.ownership-row legend b { color: var(--white); font-size: 17px; line-height: 1.2; }
.ownership-row legend small { grid-column: 2; max-width: 330px; margin-top: 7px; color: rgba(255,255,255,.52); font-size: 11px; line-height: 1.4; }
.ownership-options { min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.ownership-options label { position: relative; min-width: 0; cursor: pointer; }
.ownership-options input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ownership-options label > span { min-height: 52px; padding: 8px 10px; display: grid; place-items: center; color: rgba(255,255,255,.67); border: 1px solid rgba(255,255,255,.22); border-radius: 10px; font-size: 11px; font-weight: 750; text-align: center; transition: color .2s ease,background .2s ease,border-color .2s ease; }
.ownership-options label:hover > span { border-color: rgba(255,255,255,.55); }
.ownership-options input:focus-visible + span { outline: 3px solid #baf56c; outline-offset: 3px; }
.ownership-options input:checked + span { color: var(--navy); background: var(--white); border-color: var(--white); box-shadow: inset 0 -4px 0 var(--blue-light); }
.ownership-summary { min-width: 0; padding: clamp(28px,3.5vw,48px); display: flex; flex-direction: column; color: var(--white); background: var(--blue); }
.ownership-summary > p:first-child { margin: 0; color: #d8f2ff; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ownership-summary h3 { margin: 48px 0 18px; font-size: clamp(38px,4vw,58px); font-weight: 590; line-height: .94; letter-spacing: -.055em; }
.ownership-summary h3 + p { margin: 0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.6; }
.ownership-summary dl { margin: auto 0 28px; padding-top: 42px; display: grid; grid-template-columns: repeat(3,1fr); }
.ownership-summary dl > div { min-width: 0; padding: 15px 12px 0 0; border-top: 1px solid rgba(255,255,255,.34); }
.ownership-summary dt { color: rgba(255,255,255,.66); font-size: 9px; line-height: 1.25; }
.ownership-summary dd { margin: 8px 0 0; font-size: 29px; font-weight: 650; }
.ownership-summary-actions { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.ownership-summary-actions .button { min-height: 52px; justify-content: space-between; color: var(--navy); background: #baf56c; }
.ownership-summary-actions .button i { font-style: normal; }
.ownership-summary-actions button { min-height: 52px; padding: 0 15px; color: var(--white); background: transparent; border: 1px solid rgba(255,255,255,.55); border-radius: 99px; cursor: pointer; font-size: 11px; font-weight: 800; }
.ownership-summary > small { min-height: 32px; margin-top: 15px; color: rgba(255,255,255,.66); font-size: 10px; line-height: 1.45; }

@media(max-width:1120px) {
  .ownership-planner-head { grid-template-columns: 1fr; gap: 30px; }
  .ownership-planner-head > p { max-width: 650px; }
  .ownership-tool { grid-template-columns: 1fr; }
  .ownership-summary { min-height: 520px; }
  .ownership-summary h3 { max-width: 650px; }
}
@media(max-width:760px) {
  .ownership-planner { padding-block: 85px; }
  .ownership-planner-head h2 { font-size: 49px; }
  .ownership-presets { padding: 18px; align-items: stretch; flex-direction: column; }
  .ownership-presets > span { margin: 0 0 4px; }
  .ownership-presets button { width: 100%; }
  .ownership-form { padding-inline: 18px; }
  .ownership-row { padding-block: 26px; grid-template-columns: 1fr; gap: 18px; }
  .ownership-options { grid-template-columns: 1fr; }
  .ownership-options label > span { min-height: 48px; }
  .ownership-summary { min-height: 540px; padding: 30px 21px; }
  .ownership-summary h3 { margin-top: 40px; font-size: 45px; }
  .ownership-summary-actions { grid-template-columns: 1fr; }
  .ownership-summary-actions button { width: 100%; }
}

@media(prefers-reduced-motion:reduce) {
  .client-logo-marquee { overflow: visible; -webkit-mask-image: none; mask-image: none; }
  .client-logo-track { width: 100%; animation: none; transform: none; will-change: auto; }
  .client-logo-sequence:not(.client-logo-sequence-copy) { width: 100%; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
  .client-logo-sequence:not(.client-logo-sequence-copy) > div { width: auto; }
  .client-logo-sequence-copy { display: none; }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce) {
  .client-logo-marquee { width: 100%; margin-left: 0; }
  .client-logo-sequence:not(.client-logo-sequence-copy) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Production typography safeguard: keep display type tight without collisions. */
.inner-main :is(h1,h2,h3),
.conversion-home :is(h1,h2,h3),
.site-footer h2,
.error-page h1,
.testimonial blockquote,
.named-quote blockquote,
.conversion-quote blockquote,
.service-image-copy strong,
.case-story-result strong {
  letter-spacing: -.025em;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}
.inner-main :is(h1,h2,h3) em,
.conversion-home :is(h1,h2,h3) em,
.site-footer h2 em {
  letter-spacing: -.01em;
}