/* Service detail page styles — plain CSS */
.service-breadcrumb{padding:1rem 0;border-bottom:1px solid var(--line);background:#fff}
.service-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none;color:#84919a;font-size:.72rem}
.service-breadcrumb li+li:before{content:"/";margin-right:.65rem;color:#b0bbc1}
.service-breadcrumb a{color:#5c7180}.service-breadcrumb a:hover{color:var(--teal)}
.service-hero{position:relative;overflow:hidden;padding:5.4rem 0;background:var(--navy);color:#fff}
.service-hero:after{position:absolute;top:-16rem;right:-12rem;width:38rem;height:38rem;border:1px solid rgba(105,214,207,.2);border-radius:50%;content:"";box-shadow:0 0 0 4rem rgba(105,214,207,.025),0 0 0 8rem rgba(105,214,207,.02)}
.service-hero .container{position:relative;z-index:1}
.service-hero h1,.service-intro h2,.service-section-heading h2,.service-process h2,.service-scope h2,.service-faq h2,.service-cta h2{font-family:var(--font-display);font-weight:750;letter-spacing:-.065em;line-height:1.08}
.service-hero h1{max-width:14ch;margin:0;font-size:clamp(2.7rem,6vw,5rem)}
.service-hero h1 em,.service-intro h2 em,.service-section-heading h2 em,.service-process h2 em,.service-scope h2 em,.service-faq h2 em,.service-cta h2 em{color:#55c9c3;font-style:normal}
.service-hero-copy{max-width:43rem;margin:1.5rem 0 0;color:#c3d0d9;font-size:1.02rem;line-height:1.85}
.service-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.7rem;margin-top:2rem}
.standard-facts{display:flex;max-width:255px;min-height:270px;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem;border:1px solid rgba(126,219,215,.3);background:rgba(8,31,49,.45)}
.facts-kicker{color:#83d9d2;font-size:.62rem;font-weight:800;letter-spacing:.17em}
.standard-facts strong{margin:.7rem 0;color:#fff;font-family:var(--font-display);font-size:3.7rem;font-weight:800;letter-spacing:-.09em;line-height:.9}
.facts-rule{width:2.8rem;height:2px;margin:.9rem 0;background:#55c9c3}
.standard-facts p{margin:0;color:#d2dce2;font-weight:650}.standard-facts small{margin-top:.35rem;color:#91a8b6;font-size:.7rem}
.service-intro h2,.service-section-heading h2,.service-process h2,.service-scope h2,.service-faq h2,.service-cta h2{margin:0;color:var(--navy);font-size:clamp(2.15rem,4vw,3.35rem)}
.service-lead{margin:0 0 1rem;color:#3e5667;font-size:1.08rem;line-height:1.9}
.body-copy{margin:0;color:var(--muted);font-size:.91rem;line-height:1.9}
.service-benefits{background:#f4f7f7}
.service-section-heading{max-width:47rem;margin-bottom:2.5rem}
.service-section-heading .body-copy{max-width:42rem;margin-top:1rem}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.benefit-grid article{min-height:205px;padding:1.5rem;border:1px solid #e1e8e9;background:#fff}
.benefit-grid article>span{color:var(--teal);font-size:.67rem;font-weight:800;letter-spacing:.13em}
.benefit-grid h3{margin:1.6rem 0 .55rem;color:var(--navy);font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.03em}
.benefit-grid p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.75}
.service-process{background:var(--navy);color:#fff}
.service-process h2,.service-cta h2{color:#fff}
.process-intro{max-width:29rem;margin:1.4rem 0 0;color:#bdcbd4;font-size:.9rem;line-height:1.9}
.process-list{border-top:1px solid rgba(255,255,255,.18)}
.process-list article{display:grid;grid-template-columns:2.7rem 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.18)}
.process-list article>span{padding-top:.15rem;color:#69d6cf;font-size:.68rem;font-weight:800;letter-spacing:.1em}
.process-list h3{margin:0 0 .35rem;color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:750}
.process-list p{margin:0;color:#b4c3cc;font-size:.8rem;line-height:1.75}
.scope-panel{padding:2rem;border-left:3px solid var(--teal);background:#f3f6f7}
.scope-panel h3{margin:0 0 .8rem;color:var(--navy);font-family:var(--font-display);font-size:1.2rem;font-weight:800}
.scope-panel p{margin:.7rem 0 0;color:#5f707c;font-size:.85rem;line-height:1.85}
.service-faq{background:#fbfcfc}
.service-faq h2{max-width:11ch}
.service-cta{padding:0 0 6rem}
.service-cta-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:3.4rem;background:#12354e}
.service-cta h2{max-width:13ch}
.service-cta-panel>div>p:not(.eyebrow){max-width:36rem;margin:1rem 0 0;color:#c2d0d8;font-size:.87rem;line-height:1.8}
.service-cta-panel .btn{flex-shrink:0}
@media(max-width:991.98px){.service-hero{padding:4.5rem 0}.standard-facts{max-width:none;min-height:unset;padding:1.5rem}.standard-facts strong{font-size:3rem}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-cta-panel{align-items:flex-start;flex-direction:column;padding:2.5rem}}
@media(max-width:575.98px){.service-hero{padding:3.8rem 0}.service-hero h1{font-size:clamp(2.6rem,12vw,3.8rem)}.service-hero-copy{font-size:.94rem}.service-hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.standard-facts{max-width:100%}.section-pad{padding:4.2rem 0}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:unset}.benefit-grid h3{margin-top:1rem}.scope-panel{padding:1.4rem}.service-cta{padding-bottom:4rem}.service-cta-panel{padding:2rem 1.35rem}.service-cta h2{font-size:2.25rem}}

/* Related reading and industry pathways */
.related-content{background:#f4f7f7}
.related-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.related-content-grid article{display:flex;min-height:230px;flex-direction:column;padding:1.6rem;border:1px solid #e1e8e9;background:#fff}
.related-content-grid article>span{color:var(--teal);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.related-content-grid h3{margin:1.2rem 0 .55rem;color:var(--navy);font-family:var(--font-display);font-size:1.12rem;font-weight:800;letter-spacing:-.03em}
.related-content-grid p{margin:0 0 1.25rem;color:var(--muted);font-size:.82rem;line-height:1.75}
.related-content-grid a{margin-top:auto;color:var(--navy);font-size:.8rem;font-weight:800;text-decoration:none}
.related-content-grid a:hover{color:var(--teal)}
.related-directory-link{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 0;color:#8a969e;font-size:.82rem}
.related-directory-link .text-link{font-size:.82rem}
@media(max-width:767.98px){.related-content-grid{grid-template-columns:1fr}.related-content-grid article{min-height:unset}.related-content-grid h3{margin-top:.8rem}}

/* Knowledge-centre related service pathways */
.guide-related{padding:3.5rem 0;background:#f4f7f7}
.guide-related h2{margin:0 0 1.5rem;color:var(--navy);font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.055em}
.guide-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.guide-related li a{display:flex;min-height:76px;flex-direction:column;justify-content:center;gap:.25rem;padding:1rem 1.2rem;border:1px solid #e0e7e9;background:#fff;text-decoration:none}
.guide-related li a:hover{border-color:var(--teal)}
.guide-related li strong{color:var(--navy);font-family:var(--font-display);font-size:.9rem}
.guide-related li span{color:var(--muted);font-size:.77rem}
.guide-related .text-link{display:inline-block;margin-top:1.3rem}
@media(max-width:575.98px){.guide-related ul{grid-template-columns:1fr}}

/* Industry directory icon cards */
.industry-directory{padding:4.5rem 0 5.5rem}
.industry-directory .intro{max-width:47rem;margin-bottom:2.5rem}
.industry-directory .intro h2{margin:0;color:var(--navy);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.06em}
.industry-directory .intro h2 em{color:var(--teal);font-style:normal}
.industry-directory .intro .body-copy{margin-top:1rem}
.industry-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.industry-card{min-width:0;padding:1.5rem;border:1px solid #e1e8e9;background:#fff;transition:border-color .2s,transform .2s}
.industry-card:hover{transform:translateY(-3px);border-color:#8ebfc2}
.industry-card-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;margin-bottom:1.25rem;border-radius:.55rem;background:#e8f2f2;color:#167f91}
.industry-card-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.industry-card h2{margin:.3rem 0 .7rem;color:var(--navy);font-family:var(--font-display);font-size:1.12rem;font-weight:800;letter-spacing:-.035em}
.industry-card h2 a{color:inherit;text-decoration:none}
.industry-card h2 a:hover{color:var(--teal)}
.industry-card h2 a span{color:var(--teal);font-size:.85em}
.industry-card>p:not(.eyebrow){color:#657581;font-size:.78rem;line-height:1.8}
.industry-card .text-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.4rem;color:var(--teal);font-size:.75rem;font-weight:800;text-decoration:none}
.industry-card .text-link:hover{color:var(--navy)}
@media(max-width:991.98px){.industry-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.industry-directory{padding:3.5rem 0}.industry-directory-grid{grid-template-columns:1fr}.industry-card{padding:1.3rem}}


/* Shared breadcrumb treatment for directory pages and any page using the global fallback. */
.service-breadcrumb{position:relative;z-index:1;padding:.82rem 0;background:#f5f7f8;border-bottom:1px solid #e5ebee}
.service-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;padding:0;list-style:none;color:#6c7b86;font-size:.76rem;line-height:1.5}
.service-breadcrumb li{display:inline-flex;align-items:center;gap:.55rem}
.service-breadcrumb li+li:before{content:"/";color:#9aa8b1}
.service-breadcrumb a{color:#167f91;font-weight:650;text-decoration:none}
.service-breadcrumb a:hover{text-decoration:underline}
.service-breadcrumb [aria-current="page"]{color:#415565;font-weight:600}
@media(max-width:575.98px){.service-breadcrumb{padding:.68rem 0}.service-breadcrumb ol{font-size:.7rem;gap:.4rem}.service-breadcrumb li{gap:.4rem}}


/* Contextual right-side hero panels for pages without a bespoke illustration. */
.hero-context-panel{position:relative;max-width:430px;min-height:330px;margin:0 auto;padding:2rem;border:1px solid rgba(126,219,215,.28);background:linear-gradient(145deg,rgba(19,57,78,.96),rgba(8,31,49,.78));box-shadow:0 24px 60px rgba(0,0,0,.12);color:#fff;overflow:hidden}
.hero-context-panel:before,.hero-context-panel:after{position:absolute;content:"";border:1px solid rgba(105,214,207,.13);border-radius:50%;pointer-events:none}
.hero-context-panel:before{width:260px;height:260px;top:-155px;right:-95px;box-shadow:0 0 0 28px rgba(105,214,207,.025),0 0 0 58px rgba(105,214,207,.02)}
.hero-context-panel:after{width:110px;height:110px;right:-36px;bottom:-56px}
.context-panel-top{display:flex;align-items:center;gap:.75rem}
.context-panel-mark{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(105,214,207,.4);border-radius:50%;color:#70d5ce;font-size:1rem}
.context-panel-kicker{color:#83d9d2;font-size:.62rem;font-weight:800;letter-spacing:.16em}
.hero-context-panel h2{position:relative;max-width:13ch;margin:1.55rem 0 .7rem;color:#fff;font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:800;letter-spacing:-.055em;line-height:1.08}
.hero-context-panel>p{position:relative;max-width:32rem;margin:0;color:#b9cbd4;font-size:.78rem;line-height:1.75}
.hero-context-panel ol{position:relative;display:grid;gap:.7rem;margin:1.45rem 0 1.2rem;padding:0;list-style:none}
.hero-context-panel li{display:grid;grid-template-columns:1.8rem 1fr 1rem;align-items:center;gap:.7rem;padding:.72rem .8rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.hero-context-panel li>span{color:#70d5ce;font-size:.65rem;font-weight:800;letter-spacing:.08em}
.hero-context-panel li strong{color:#e5edf0;font-size:.76rem;font-weight:650}
.hero-context-panel li i{width:.42rem;height:.42rem;border-radius:50%;background:#62cfc7;box-shadow:0 0 0 4px rgba(98,207,199,.1)}
.context-panel-foot{display:flex;align-items:center;gap:.55rem;color:#8ea7b5;font-size:.55rem;font-weight:800;letter-spacing:.11em}
.context-pulse{width:.42rem;height:.42rem;border-radius:50%;background:#62cfc7;box-shadow:0 0 0 4px rgba(98,207,199,.1)}
.has-context-visual .hero-context-panel{animation:site-soft-fade .8s ease .12s both}
@media(max-width:991.98px){.hero-context-panel{max-width:none;min-height:unset}.hero-context-panel h2{max-width:18ch}}
@media(max-width:575.98px){.hero-context-panel{padding:1.5rem}.hero-context-panel ol{gap:.5rem}.hero-context-panel li{padding:.65rem}}


/* Support-service pages: balanced overview and process columns. */
.support-content>.container>.row{align-items:start}
.support-content .col-lg-5>h2{max-width:13ch}
.support-side-panel{margin-top:1.5rem;padding:1.35rem 1.45rem;border:1px solid #dfe8e9;background:linear-gradient(145deg,#f6f9f9,#eef4f5)}
.support-side-kicker{margin:0 0 .9rem;color:#167f91;font-size:.62rem;font-weight:850;letter-spacing:.15em}
.support-side-panel ul{display:grid;gap:.72rem;margin:0;padding:0;list-style:none}
.support-side-panel li{position:relative;padding-left:1.15rem;color:#405565;font-size:.82rem;font-weight:650;line-height:1.55}
.support-side-panel li:before{position:absolute;top:.48rem;left:0;width:.42rem;height:.42rem;border-radius:50%;background:#167f91;content:""}
.support-side-note{margin-top:1.5rem;padding:1.4rem 1.45rem;border-left:3px solid #167f91;background:#102b46;color:#fff}
.support-side-note>span{display:block;margin-bottom:.8rem;color:#79d5cf;font-size:.6rem;font-weight:850;letter-spacing:.15em}
.support-side-note p{margin:0 0 .85rem;color:#e0e9ed;font-size:.84rem;line-height:1.75}
.support-side-note strong{display:block;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.16);color:#a9bdc7;font-size:.74rem;font-weight:550;line-height:1.7}
.support-content .process-step{align-items:start}
.support-content .process-step h2{margin:0 0 .45rem}
.support-content .process-step p{margin:0}
@media(max-width:991.98px){.support-content>.container>.row{row-gap:1.5rem}.support-content .col-lg-5>h2{max-width:unset}.support-side-panel,.support-side-note{margin-top:1rem}}
@media(max-width:575.98px){.support-side-panel,.support-side-note{padding:1.15rem}.support-content{padding:3.5rem 0}}


/* Support-service detail layout: consistent section rhythm and readable FAQ rows. */
.support-focus-list{display:grid;gap:.7rem;margin-top:1.5rem}
.support-focus-list article{display:grid;grid-template-columns:2rem 1fr;gap:.15rem .8rem;padding:.95rem 1rem;border:1px solid #e1e8e9;background:#f6f9f9}
.support-focus-list article>span{grid-row:span 2;padding-top:.12rem;color:var(--teal);font-size:.65rem;font-weight:850;letter-spacing:.1em}
.support-focus-list h3{margin:0;color:var(--navy);font-family:var(--font-display);font-size:.86rem;font-weight:800}
.support-focus-list p{margin:.2rem 0 0;color:#687984;font-size:.73rem;line-height:1.65}
.support-faq-list{border-top:1px solid #dfe6e9}
.support-faq-item{padding:1.2rem 0;border-bottom:1px solid #dfe6e9}
.support-faq-item summary{position:relative;padding-right:2rem;color:var(--navy);font-family:var(--font-display);font-size:.98rem;font-weight:800;line-height:1.5;cursor:pointer;list-style:none}
.support-faq-item summary::-webkit-details-marker{display:none}
.support-faq-item summary:after{position:absolute;top:0;right:.2rem;color:var(--teal);font-size:1.2rem;content:"+"}
.support-faq-item[open] summary:after{content:"−"}
.support-faq-item p{max-width:58rem;margin:.8rem 2rem 0 0;color:#61727e;font-size:.85rem;line-height:1.85}
.support-faq-item summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
@media(max-width:575.98px){.support-focus-list article{padding:.85rem}.support-faq-item{padding:1rem 0}.support-faq-item summary{font-size:.91rem}}
