.service-page-link{display:grid;grid-template-columns:30px 1fr 24px;gap:20px;padding:28px 8px;border-top:1px solid var(--border);transition:background .2s,padding .2s}
.service-page-link:last-child{border-bottom:1px solid var(--border)}
.service-page-link:hover{background:var(--surface);padding-inline:16px}
.service-page-link h3{font-family:var(--font-display);font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.service-page-link p{font-size:14px;color:var(--muted);margin-top:8px}
.service-explore{display:inline-block;font-size:12px;font-weight:600;margin-top:10px;color:var(--accent)}
.service-page-arrow{font-size:24px;color:var(--accent)}
.service-hero{position:relative;isolation:isolate;background:#07131c;color:#f5f7f8;overflow:hidden}
.service-hero-image{position:absolute;z-index:-2;inset:0 0 0 auto;width:85%;height:100%;object-fit:cover;object-position:80% center}
.service-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07131c 5%,rgb(7 19 28 / .98) 27%,rgb(7 19 28 / .77) 49%,rgb(7 19 28 / .05) 85%),linear-gradient(0deg,#07131c,transparent 30%)}
.service-hero-inner{padding-block:30px 64px;min-height:630px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;line-height:1.6;color:#afbdc7;margin-bottom:52px}
.breadcrumbs a:hover{color:#fff;text-decoration:underline}
.breadcrumbs span[aria-current]{color:#e2e9ee}
.service-hero h1{font-size:clamp(2.5rem,2rem + 2vw,4.5rem);max-width:790px;line-height:1.02;margin-bottom:24px;text-wrap:balance}
.service-hero .eyebrow{margin-bottom:20px}
.service-promise{font-size:clamp(1.1rem,1rem + .4vw,1.4rem);font-weight:500;max-width:620px;color:#f2b199}
.service-intro{max-width:560px;color:#c2cdd5;margin-top:18px;font-size:16px;line-height:1.8}
.service-hero-foot{border-top:1px solid #ffffff26;padding-block:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;color:#97a9b6}
.page-nav{background:var(--surface);border-bottom:1px solid var(--border)}
.page-nav .container{display:flex;gap:40px;flex-wrap:wrap;padding-block:12px}
.page-nav a{font-size:13px;font-weight:500;min-height:36px;display:flex;align-items:center}
.page-nav a:hover{color:var(--accent)}
.service-two-col{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,7vw,112px)}
.service-page h2{font-size:clamp(2rem,1.5rem + 1.25vw,3rem);max-width:660px}
.service-prose p{color:var(--muted);margin-bottom:20px}
.outcomes{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--border)}
.outcomes li{padding:13px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:500;display:flex;gap:14px}
.outcomes li::before{content:"+";color:var(--accent);font-size:20px;line-height:1.3}
.service-capabilities,.service-questions{background:var(--surface)}
.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:44px}
.section-heading>p{max-width:350px;color:var(--muted);font-size:15px}
.capability-list{border-top:1px solid var(--border)}
.capability-list article{display:grid;grid-template-columns:40px 1fr 1.3fr;gap:30px;border-bottom:1px solid var(--border);padding-block:28px}
.capability-number{font-size:12px;color:var(--accent);padding-top:4px}
.capability-list h3,.process-steps h3,.deliverables h3{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.capability-list p{font-size:15px;color:var(--muted);max-width:590px}
.service-soc{background:#09151e;color:#f5f7f8;padding-block:64px}
.service-soc-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.service-soc p:not(.eyebrow){font-size:15px;color:#b9c6ce;margin:20px 0}
.service-soc figure{margin:0;position:relative}
.service-soc img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.service-soc figcaption{font-size:10px;letter-spacing:.1em;color:#aebdc8;border-top:2px solid var(--orange);padding-top:12px}
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:0}
.process-steps li{border-top:1px solid var(--border);padding-top:22px}
.process-steps li>span{display:block;font-size:12px;color:var(--accent);margin-bottom:28px}
.process-steps h3{margin-bottom:14px}
.process-steps p{font-size:14px;color:var(--muted)}
.deliverables{margin-top:48px;padding:28px 32px;border-left:3px solid var(--orange);background:var(--surface);display:grid;grid-template-columns:1fr 2fr;gap:32px}
.deliverables h3{font-size:20px}
.deliverables p{font-size:15px;color:var(--muted)}
.question-intro{color:var(--muted);margin-top:22px;max-width:400px}
.faq-list details{border-top:1px solid var(--border)}
.faq-list details:last-child{border-bottom:1px solid var(--border)}
.faq-list summary{padding:22px 32px 22px 0;position:relative;cursor:pointer;list-style:none;font-weight:500;font-size:17px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:22px;color:var(--accent);font-size:22px;line-height:1}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{padding:0 20px 24px 0;font-size:15px;color:var(--muted)}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:36px 0 18px}
.related-list a{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 0;display:grid;grid-template-columns:1fr 28px;gap:10px 18px}
.related-list a>span:first-child{font-family:var(--font-display);font-size:26px;line-height:1.2;letter-spacing:-.02em}
.related-list a>span:nth-child(2){color:var(--accent);font-size:24px}
.related-list a p{grid-column:1/-1;color:var(--muted);font-size:14px}
.related-list a:hover>span:first-child{color:var(--accent)}
@media(max-width:1000px){
.service-hero-inner{min-height:600px}.service-hero-image{width:100%}
.service-hero h1{max-width:680px}
.service-two-col,.service-soc-inner{gap:40px}
.section-heading{gap:30px}.section-heading>p{max-width:270px}
.capability-list article{grid-template-columns:30px .8fr 1fr;gap:20px}
.process-steps{grid-template-columns:repeat(2,1fr);gap:32px 40px}
}
@media(max-width:760px){
.service-hero-inner{padding-block:20px 44px;min-height:0}
.breadcrumbs{margin-bottom:38px;font-size:11px;gap:6px 10px}
.service-hero h1{font-size:clamp(2.3rem,8vw,3.5rem);line-height:1.05}
.service-hero::after{background:linear-gradient(90deg,rgb(7 19 28 / .98),rgb(7 19 28 / .86)),linear-gradient(0deg,#07131c,transparent)}
.service-intro{font-size:15px}.service-promise{font-size:19px}.service-hero .hero-actions{gap:16px;margin-top:26px}
.service-hero-foot{font-size:9px;gap:12px}.service-hero-foot>span:last-child{white-space:nowrap}
.page-nav .container{gap:4px 24px;padding-block:10px}.page-nav a{font-size:12px}
.service-two-col,.service-soc-inner{grid-template-columns:1fr;gap:30px}
.section-heading{display:block;margin-bottom:32px}.section-heading>p{max-width:none;margin-top:20px}
.service-page h2{font-size:34px}.capability-list article{grid-template-columns:26px 1fr;gap:10px 14px;padding-block:24px}
.capability-list article p{grid-column:2}.capability-list h3{font-size:23px}
.service-soc{padding-block:48px}.service-soc-inner{gap:32px}
.process-steps{gap:26px}.process-steps h3{font-size:22px}.process-steps li>span{margin-bottom:18px}
.deliverables{grid-template-columns:1fr;gap:12px;padding:24px;margin-top:32px}
.related-list{grid-template-columns:1fr;gap:0}.related-list a+a{border-top:0}
.service-page-link{grid-template-columns:24px 1fr 20px;gap:12px;padding-block:24px}.service-page-link h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.service-page-link{transition:none}}

/* Service-page refinement: stronger hierarchy and cross-service navigation. */
:root{--header-height:94px;--service-nav-height:65px}
.brand-banner .brand-mark{width:46px;height:52px}
.banner-company{font-size:18px}.banner-product{font-size:16px}
.desktop-nav{gap:24px}
.service-hero-inner{position:relative;padding-bottom:72px;min-height:690px}
.service-hero h1{max-width:790px;font-weight:500}
.service-hero-image{object-position:80% center}
.service-hero-foot,.breadcrumbs,.service-soc figcaption{font-size:12px}
.hero-cta-note{font-size:12px;color:#aebdc6;margin-top:14px;max-width:540px}
.service-snapshot{position:absolute;right:0;bottom:70px;width:290px;padding:24px;background:rgb(7 19 28 / .86);border-top:2px solid var(--orange);backdrop-filter:blur(12px)}
.snapshot-index{display:block;font-family:var(--font-display);font-size:46px;line-height:1;color:#f5f7f8;letter-spacing:-.04em;margin-bottom:22px}
.snapshot-index small{font-family:var(--font-body);font-size:12px;color:#b8c6cf;letter-spacing:0;margin-left:12px}
.service-snapshot>p{font-size:12px;letter-spacing:.08em;color:#f2b199;margin-bottom:14px}
.service-snapshot ul{list-style:none;margin:0;padding:0}
.service-snapshot li{font-size:13px;color:#d1dbe2;padding-block:10px;border-top:1px solid #ffffff20}
.service-navigation{position:sticky;top:var(--header-height);z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}
.service-navigation-inner{display:flex;align-items:stretch;gap:28px;min-height:64px}
.service-navigation .page-nav{min-width:0;display:flex;gap:30px;overflow-x:auto;white-space:nowrap;background:none;border:0;scrollbar-width:thin;flex:1}
.service-navigation .page-nav a{position:relative;padding-block:18px;font-size:13px;border-bottom:2px solid transparent}
.service-navigation .page-nav a[aria-current="location"]{color:var(--accent);border-color:var(--orange)}
.service-switcher{position:relative;flex-shrink:0;min-width:175px;border-right:1px solid var(--border)}
.service-switcher>summary{height:100%;min-height:64px;display:flex;align-items:center;gap:22px;cursor:pointer;font-size:14px;font-weight:600;list-style:none;padding-right:24px}
.service-switcher>summary::-webkit-details-marker{display:none}
.service-switcher>summary span{color:var(--accent);font-size:20px;transition:transform .2s}
.service-switcher[open]>summary span{transform:rotate(180deg)}
.service-switcher nav{position:absolute;left:0;top:100%;width:430px;max-width:calc(100vw - 40px);padding:12px 20px;background:var(--bg);border:1px solid var(--border);box-shadow:0 18px 35px #0002;max-height:70dvh;overflow-y:auto}
.service-switcher nav a{display:flex;align-items:center;gap:14px;font-size:14px;padding:14px 2px;border-bottom:1px solid var(--border);line-height:1.4}
.service-switcher nav a:last-child{border-bottom:0}
.service-switcher nav a span{color:var(--accent);font-size:12px;flex-shrink:0}
.service-switcher nav a[aria-current="page"]{font-weight:600;color:var(--accent)}
.service-switcher nav a:hover{background:var(--surface)}
.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none}
.service-document{scroll-padding-top:calc(var(--header-height) + var(--service-nav-height))}
.service-page main section[id]{scroll-margin-top:18px}
.service-fit{padding-top:0}
.use-case-list article{display:grid;grid-template-columns:26px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--border)}
.use-case-list article>span{font-size:12px;color:var(--accent);padding-top:4px}
.use-case-list article h3{font-size:21px;font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:1.25;margin-bottom:12px}
.use-case-list article p{font-size:15px;color:var(--muted)}
.service-fit .text-link{margin-top:26px}
.scope-table{border-top:2px solid var(--orange)}
.scope-table-head,.scope-row{display:grid;grid-template-columns:.75fr 1.3fr 1fr;gap:32px;padding:24px;border-bottom:1px solid var(--border)}
.scope-table-head{font-size:12px;letter-spacing:.065em;text-transform:uppercase;background:var(--surface);color:var(--muted);padding-block:18px}
.scope-row h3{font-family:var(--font-display);font-size:21px;line-height:1.25;letter-spacing:-.01em;font-weight:600}
.scope-row p{font-size:14px;color:var(--muted);line-height:1.8}
.scope-row p:last-child{color:var(--text)}
.scope-mobile-label{display:none}
.scope-note{display:flex;align-items:start;gap:16px;margin-top:24px;max-width:820px;font-size:13px;color:var(--muted)}
.scope-note>span{color:var(--accent);font-size:24px;line-height:1}
.engagement-brief{margin-top:56px;background:var(--surface);border-left:3px solid var(--orange);padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}
.engagement-brief h3{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em;line-height:1.2}
.engagement-brief p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:18px}
.engagement-brief .eyebrow{margin-bottom:20px}
.engagement-brief ul{list-style:none;margin:0;padding:0;align-self:center}
.engagement-brief li{display:flex;gap:14px;font-size:14px;line-height:1.6;padding-block:17px;border-top:1px solid var(--border)}
.engagement-brief li::before{content:"+";color:var(--accent)}
.email-review #inquiry-reference{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow-y:auto}
.contact-section .button{max-width:100%}
@media(max-width:1200px){.nav-cta{display:none}.service-snapshot{width:260px}.service-hero h1{max-width:680px}.service-intro{max-width:550px}}
@media(max-width:1100px){.service-snapshot{display:none}.service-hero-inner{min-height:650px}.service-hero h1{max-width:790px}.scope-table-head,.scope-row{gap:24px;padding-inline:18px}}
@media(max-width:760px){
:root{--header-height:80px;--service-nav-height:57px}
.brand-banner .brand-mark{width:34px;height:40px}.banner-company{font-size:16px}.banner-product{font-size:12px}
.service-hero-inner{min-height:0;padding-bottom:44px}.service-hero h1{font-size:clamp(2.3rem,8vw,3.5rem)}
.service-hero-foot{flex-wrap:wrap;gap:8px;font-size:12px}
.breadcrumbs{font-size:12px}.service-hero .eyebrow{font-size:12px;letter-spacing:.09em}
.service-navigation-inner{gap:16px;min-height:56px}.service-switcher{min-width:120px}.service-switcher>summary{min-height:56px;padding-right:14px;font-size:13px;gap:12px}
.service-navigation .page-nav{gap:24px}.service-navigation .page-nav a{font-size:13px;padding-block:14px}
.service-switcher nav{padding:10px 16px;width:335px}.service-switcher nav a{font-size:14px;min-height:48px}
.scope-table-head{display:none}.scope-row{grid-template-columns:1fr;gap:16px;padding:24px 0}
.scope-row h3{font-size:23px}.scope-mobile-label{display:block;font-size:12px;letter-spacing:.08em;font-weight:500;color:var(--accent);margin-bottom:6px}
.scope-row p{font-size:15px}.scope-note{font-size:13px}
.engagement-brief{grid-template-columns:1fr;gap:24px;padding:28px 22px;margin-top:40px}
.engagement-brief h3{font-size:26px}.engagement-brief li{font-size:14px}
.use-case-list article{padding-block:22px}.service-fit .text-link{margin-top:20px}
}
@media(max-width:360px){.brand-banner .brand-mark{width:28px}.banner-company{font-size:14px}.theme-toggle{width:30px}.service-hero .button{font-size:13px;gap:18px}.service-switcher nav{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.service-switcher>summary span{transition:none}}
