.detail-page{background:#080d0b}.detail-page .site-header{position:absolute}.detail-hero{position:relative;min-height:670px;padding-top:88px;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(35,154,134,.2),transparent 25%),linear-gradient(145deg,#0d1511,#050806)}.detail-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(63,187,163,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(63,187,163,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent)}.detail-hero-inner{position:relative;z-index:2;padding-top:42px}.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#68766e}.detail-breadcrumb a{color:#9caaa2}.detail-title{margin-top:95px;max-width:900px}.detail-title .eyebrow{margin-bottom:22px}.detail-title h1{font-family:var(--display);font-size:clamp(56px,7.2vw,96px);line-height:.92;letter-spacing:-.06em;margin:0}.detail-title h1 em{font-style:normal;color:var(--green)}.detail-title>p:not(.eyebrow){font-size:19px;line-height:1.65;color:#aeb9b3;max-width:650px;margin:28px 0 32px}.detail-number{position:absolute;right:0;top:155px;font-family:var(--display);font-size:180px;font-weight:700;color:rgba(63,187,163,.045);line-height:1}.detail-three{background:#eef1ec;color:var(--ink);padding:120px 0}.detail-three-head{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-bottom:58px}.detail-three-head h2,.detail-help h2,.detail-process h2,.detail-cta h2{font-family:var(--display);font-size:clamp(42px,5vw,65px);line-height:1;letter-spacing:-.05em;margin:0}.detail-three-head h2 em,.detail-help h2 em,.detail-process h2 em,.detail-cta h2 em{font-style:normal;color:#168b76}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #bbc4be;border-top:1px solid #bbc4be}.explain-card{min-height:330px;padding:30px;border-right:1px solid #bbc4be;border-bottom:1px solid #bbc4be}.explain-card>span{font-family:var(--display);font-size:10px;color:#168b76}.explain-card h3{font-family:var(--display);font-size:26px;line-height:1.05;margin:85px 0 15px}.explain-card p{font-size:14px;color:#5f6a64;line-height:1.75;margin:0}.explain-card.important{background:#101713;color:#fff}.explain-card.important p{color:#9aa69f}.explain-card.important>span{color:var(--green)}.detail-help{padding:120px 0;background:#0a100d}.detail-help-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.detail-help-intro>p:not(.section-index){color:#8f9a94;line-height:1.75}.help-list{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.help-item{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:175px}.help-item b{font-family:var(--display);font-size:10px;color:var(--green)}.help-item h3{font-family:var(--display);font-size:18px;margin:32px 0 7px}.help-item p{font-size:13px;line-height:1.6;color:#87928c;margin:0}.detail-process{padding:120px 0;background:#e1e6df;color:var(--ink)}.detail-process-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.detail-process-head>p{max-width:380px;color:#637069}.process-row{display:grid;grid-template-columns:repeat(4,1fr)}.process-step{padding-right:28px}.process-step>span{font-family:var(--display);font-size:10px;color:#168b76}.process-step i{display:block;height:1px;background:#aeb8b1;margin:18px 0 24px;position:relative}.process-step i:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#168b76;left:0;top:-4px}.process-step h3{font-family:var(--display);font-size:19px;margin:0 0 8px}.process-step p{font-size:13px;color:#647069;line-height:1.6}.detail-cta{position:relative;background:var(--green);color:var(--ink);padding:100px 0;overflow:hidden}.detail-cta-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.detail-cta .section-index{color:#0e5e51}.detail-cta h2 em{color:#fff}.detail-cta-right p{color:#205b50;line-height:1.7}.detail-cta-right .btn{margin-top:18px}.related{background:#080d0b;padding:45px 0}.related-inner{display:flex;align-items:center;justify-content:space-between}.related-inner span{font-size:9px;letter-spacing:.15em;color:#65716a;text-transform:uppercase}.related-inner a{font-family:var(--display);font-size:15px;color:var(--green)}
@media(max-width:900px){.detail-three-head{grid-template-columns:1fr}.detail-help-grid{grid-template-columns:1fr}.detail-number{right:-50px}.detail-cta-inner{gap:45px}}
@media(max-width:650px){.detail-hero{padding-top:72px;min-height:650px}.detail-title{margin-top:75px}.detail-title h1{font-size:52px}.detail-number{display:none}.detail-three,.detail-help,.detail-process{padding:85px 0}.detail-three-head{gap:25px}.explain-grid{grid-template-columns:1fr}.explain-card{min-height:270px}.explain-card h3{margin-top:55px}.help-list{grid-template-columns:1fr}.detail-process-head{display:block}.detail-process-head>p{margin-top:22px}.process-row{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:35px 35px 1fr;gap:8px;padding:14px 0}.process-step i{width:1px;height:58px;margin:0 15px}.process-step i:before{left:-4px}.process-step p{grid-column:3}.detail-cta-inner{grid-template-columns:1fr;gap:28px}.detail-cta{padding:80px 0}.related-inner{align-items:flex-start;gap:20px;flex-direction:column}}

/* Subtle grid behind each service illustration. */
.detail-grid{opacity:.68}.detail-number{color:rgba(63,187,163,.09);text-shadow:0 0 35px rgba(0,0,0,.6)}
@media(max-width:650px){.detail-hero{background-position:63% center}}

/* Service-specific editorial hero */
.detail-page .detail-hero{min-height:740px;background:radial-gradient(circle at 76% 43%,rgba(40,145,123,.11),transparent 38%),#07100d}
.detail-page .detail-hero-inner{padding-top:36px}
.detail-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(34px,5vw,80px);align-items:center;min-height:605px}
.detail-page .detail-title{margin-top:0;max-width:620px}
.detail-page .detail-title h1{font-size:clamp(53px,6vw,88px);line-height:.95}
.detail-page .detail-title>p:not(.eyebrow){max-width:530px}
.detail-page .detail-number{display:none}
.service-visual{position:relative;min-width:0;aspect-ratio:1.14;background:linear-gradient(145deg,rgba(12,30,22,.96),rgba(5,13,10,.98));border:1px solid rgba(106,230,208,.23);box-shadow:0 32px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06);overflow:hidden}
.service-visual:before,.service-visual:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--green);z-index:2}
.service-visual:before{top:0;left:0;border-top:1px solid;border-left:1px solid}.service-visual:after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.service-visual svg{display:block;width:100%;height:calc(100% - 82px);margin:41px 0 0;overflow:visible}
.service-visual svg .connection{fill:none;stroke:#48cbb3;stroke-width:1.4;stroke-opacity:.52;stroke-dasharray:4 7}
.service-visual svg .panel{fill:rgba(42,196,169,.045);stroke:#75dfca;stroke-width:1.8;stroke-opacity:.66}
.service-visual svg .halo{fill:none;stroke:#75dfca;stroke-width:1.2;stroke-opacity:.42}
.service-visual svg .focus{fill:rgba(61,216,185,.06);stroke:#80e9d4;stroke-width:2.1}
.service-visual svg .accent,.service-visual svg .trace{fill:none;stroke:#8ae9d5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.service-visual svg .muted{fill:none;stroke:#76b7aa;stroke-width:1.1;stroke-opacity:.4}
.service-visual svg .dash{stroke-dasharray:5 8}.service-visual svg .dot{fill:#a0eddd}.service-visual svg .node-ring{fill:#0c1a12;stroke:#80e5d1;stroke-width:1.5}
.visual-top,.visual-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;gap:16px;font-family:var(--display);font-size:10px;letter-spacing:.14em;color:#8dc9bc}
.visual-top{top:20px}.visual-bottom{bottom:20px;border-top:1px solid rgba(122,230,208,.18);padding-top:15px;color:#c8f8d7}.visual-bottom span:last-child{color:#6b9b91}
.hero-floor{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.13);padding:18px 0 24px;font-size:9px;letter-spacing:.18em;color:#90a89a}
@media(max-width:900px){.detail-hero-layout{grid-template-columns:1fr;gap:38px;padding:85px 0 55px}.detail-page .detail-hero{min-height:0}.detail-page .detail-title{max-width:720px}.service-visual{max-width:700px;width:100%;margin:auto;aspect-ratio:1.5}}
@media(max-width:650px){.detail-hero-layout{padding:70px 0 42px}.detail-page .detail-title h1{font-size:clamp(46px,11vw,66px)}.detail-page .detail-title>p:not(.eyebrow){font-size:17px}.service-visual{aspect-ratio:1.08}.service-visual svg{height:calc(100% - 70px);margin-top:36px}.visual-top,.visual-bottom{left:14px;right:14px;font-size:8px}.visual-top{top:14px}.visual-bottom{bottom:14px}.hero-floor{font-size:8px}}

/* Service page guide, scope, and concrete outcomes. */
.detail-jump-nav{background:#101a16;border-top:1px solid rgba(63,187,163,.25);border-bottom:1px solid rgba(63,187,163,.25)}
.detail-jump-nav .container{display:flex;flex-wrap:wrap;align-items:center;gap:0 25px;padding-top:13px;padding-bottom:13px}
.detail-jump-nav a{display:inline-block;padding:8px 0;color:#c8dcd5;font-size:11px;font-weight:600;white-space:nowrap;transition:color .2s}
.detail-jump-nav a:hover,.detail-jump-nav a:focus-visible{color:var(--green)}
.detail-scope,.detail-value{padding:110px 0}
.detail-scope{background:#e8eee9;color:var(--ink)}
.detail-scope-grid,.detail-value-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,100px);align-items:start}
.detail-scope h2,.detail-value h2{font-family:var(--display);font-size:clamp(42px,5vw,65px);line-height:1;letter-spacing:-.05em;margin:0}
.detail-scope h2 em,.detail-value h2 em{font-style:normal;color:var(--green-dark)}
.detail-scope-grid>div>p:last-child,.detail-value-grid>div>p:not(.section-index){max-width:570px;line-height:1.7;color:#607069;margin:25px 0 0}
.detail-list{list-style:none;margin:0;padding:0;border-top:1px solid #b9c8c0}
.detail-list li{position:relative;padding:22px 10px 22px 35px;border-bottom:1px solid #b9c8c0;font-family:var(--display);font-size:clamp(16px,1.6vw,20px);line-height:1.3;font-weight:600}
.detail-list li:before{content:'↗';position:absolute;left:0;top:21px;color:var(--green-dark);font-size:16px}
.detail-value{background:#f4f6f1;color:var(--ink)}
.detail-value-grid{grid-template-columns:1.15fr .85fr}
.detail-value .detail-list{margin-top:32px}
.detail-why{background:#101a16;color:#fff;padding:clamp(30px,4vw,55px);border-top:3px solid var(--green)}
.detail-why h3{font-family:var(--display);font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.04em;margin:0 0 25px}
.detail-why p:last-child{color:#c2d2ca;line-height:1.75;margin:0}
@media(max-width:900px){.detail-scope-grid,.detail-value-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:650px){.detail-jump-nav .container{flex-wrap:nowrap;overflow-x:auto;gap:22px;scrollbar-width:thin}.detail-scope,.detail-value{padding:80px 0}.detail-list li{font-size:16px}.detail-why{padding:30px}}
.detail-three{padding-top:65px}

/* Contrast for service details and consultation panels. */
.detail-breadcrumb{color:#aab9b1}
.explain-card>span,.process-step>span{color:var(--green-dark)}
.detail-process-head>p,.process-step p{color:#505d56}
.detail-cta .section-index,.detail-cta-right p{color:#073f35}
.detail-cta h2 em{color:#073f35;text-decoration:underline;text-decoration-color:rgba(255,255,255,.68);text-decoration-thickness:.055em;text-underline-offset:.08em}
.related-inner span{color:#aab9b1;font-size:11px}

/* Balance the service title against its illustration. */
@media(min-width:901px){.detail-page .detail-hero{min-height:705px}.detail-hero-layout{min-height:570px}.detail-page .detail-title h1{font-size:clamp(50px,5.1vw,76px)}.service-visual{width:92%;margin-inline:auto}}
@media(max-width:900px){.detail-hero-layout{padding-top:65px}}
@media(max-width:650px){.detail-hero-layout{padding-top:55px}.detail-page .detail-title h1{font-size:clamp(42px,10vw,58px)}}

/* Clear text hierarchy on service detail surfaces. */
.detail-title>p:not(.eyebrow),.detail-help-intro>p:not(.section-index),.help-item p,.explain-card.important p,.visual-bottom span:last-child{color:var(--text-on-dark)}
.explain-card p,.detail-process-head>p,.process-step p,.detail-scope-grid>div>p:last-child,.detail-value-grid>div>p:not(.section-index){color:var(--text-on-light)}
.detail-scope h2 em,.detail-value h2 em,.explain-card>span,.process-step>span,.detail-list li:before{color:var(--link-on-light)}
.explain-grid,.explain-card,.help-list,.help-item,.detail-list,.detail-list li{border-color:var(--border-on-light)}
.help-list,.help-item{border-color:rgba(185,205,193,.52)}
.detail-breadcrumb,.explain-card>span,.process-step>span{font-size:11px}
