
/* =========================================================
   V19 — PREMIUM SERVICE SUITE
   A single visual system for all individual service pages.
   ========================================================= */
:root{--sd-ink:#111315;--sd-ink2:#181a18;--sd-paper:#f2efe8;--sd-stone:#e6e1d7;--sd-line:#d1ccc1;--sd-accent:#f67725;--sd-muted:#6e706a}

/* Services landing: remove the bright white application-like panel. */
.service-explorer{background:var(--sd-stone)!important}
.service-explorer-grid{background:var(--sd-ink)!important;border:1px solid rgba(17,19,21,.28)!important;box-shadow:0 24px 70px rgba(17,19,21,.08)}
.service-nav{background:var(--sd-ink)}
.service-tab{color:#fff;border-color:rgba(255,255,255,.11)!important}
.service-tab:last-child{border-color:rgba(255,255,255,.11)!important}
.service-tab h3{color:#fff}.service-tab small{color:#aeb1ab!important}.service-tab .n,.service-tab .arr{color:#777c76!important}
.service-tab.active,.service-tab:hover{background:#1b1e1b!important}
.service-tab.active h3,.service-tab:hover h3{color:#fff}.service-tab.active .n,.service-tab:hover .n,.service-tab:hover .arr{color:var(--sd-accent)!important}
.service-stage{border-left:1px solid rgba(255,255,255,.10)}

/* Individual service hero stays within the unified V17/V18 page-top system. */
.sd-hero{min-height:590px!important}.sd-hero .inner-hero-content{min-height:590px!important}

/* Warm editorial overview, not a plain white section. */
.sd-overview{background:var(--sd-stone);padding:110px 0 118px;position:relative;overflow:hidden}
.sd-overview:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(17,19,21,.09);border-radius:50%;right:-250px;bottom:-250px;pointer-events:none}
.sd-overview-grid{display:grid;grid-template-columns:120px minmax(0,1.3fr) minmax(280px,.62fr);gap:56px;align-items:start}
.sd-overview-index{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#92948e;padding-top:7px}
.sd-overview-copy{max-width:720px}
.sd-overview-copy h2{font-size:clamp(46px,5.1vw,76px);line-height:.94;letter-spacing:-.045em;margin:20px 0 26px;font-weight:800;text-transform:none!important}
.sd-overview-copy>p{font-size:16px;line-height:1.78;color:#62655f;max-width:660px;margin:0}
.sd-text-link{display:inline-flex;align-items:center;gap:34px;margin-top:34px;padding-bottom:7px;border-bottom:1px solid #8f918b;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.sd-text-link span{font-size:15px;transition:transform .2s ease}.sd-text-link:hover span{transform:translateX(5px)}
.sd-fact-stack{border-top:2px solid var(--sd-accent);background:rgba(255,255,255,.28)}
.sd-fact{padding:24px 22px;border-bottom:1px solid rgba(17,19,21,.13);transition:background .22s ease,padding-left .22s ease}
.sd-fact:hover{background:rgba(255,255,255,.54);padding-left:28px}
.sd-fact strong{display:block;font-size:25px;line-height:1.05;letter-spacing:-.03em}.sd-fact span{display:block;margin-top:7px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#777a74}

/* Dark image-led feature section. */
.sd-feature{background:var(--sd-ink);color:#fff;padding:120px 0 128px;position:relative;overflow:hidden}
.sd-feature:before{content:"";position:absolute;left:48%;top:-280px;width:700px;height:700px;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.sd-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(56px,7vw,110px);align-items:center}
.sd-feature-image{margin:0;height:660px;position:relative;overflow:hidden;background:#242624;box-shadow:0 30px 70px rgba(0,0,0,.20)}
.sd-feature-image:before{content:"";position:absolute;z-index:2;left:0;bottom:0;width:90px;height:90px;border-left:2px solid var(--sd-accent);border-bottom:2px solid var(--sd-accent);pointer-events:none}
.sd-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sd-feature-image:hover img{transform:scale(1.025)}
.sd-feature-image span{position:absolute;left:22px;top:22px;background:rgba(12,14,13,.82);backdrop-filter:blur(8px);padding:9px 11px;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d7d9d5}
.sd-dark-eyebrow{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#9da09a;display:flex;align-items:center;gap:12px}.sd-dark-eyebrow:before{content:"";width:38px;height:2px;background:var(--sd-accent)}
.sd-feature-copy h2,.sd-related-heading h2,.sd-final h2{font-size:clamp(44px,4.7vw,72px);line-height:.94;letter-spacing:-.045em;font-weight:800;text-transform:none!important;margin:22px 0 26px}
.sd-feature-copy>p{font-size:15px;line-height:1.75;color:#b7bab5;max-width:620px;margin:0 0 38px}
.sd-steps{border-top:1px solid rgba(255,255,255,.14)}
.sd-step{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:padding-left .22s ease,background .22s ease}
.sd-step:hover{padding-left:10px;background:rgba(255,255,255,.025)}
.sd-step>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--sd-accent);padding-top:5px}
.sd-step h3{font-size:20px;margin:0 0 6px}.sd-step p{font-size:12px;line-height:1.6;color:#9fa29d;margin:0;max-width:520px}

/* Principles section uses warm paper and outlined cards—no white slab. */
.sd-principles{background:var(--sd-paper);padding:112px 0 122px}
.sd-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:80px;align-items:end;margin-bottom:52px}
.sd-section-head h2{font-size:clamp(44px,4.8vw,70px);line-height:.95;letter-spacing:-.045em;font-weight:800;text-transform:none!important;margin:20px 0 0;max-width:820px}
.sd-section-head>p{font-size:14px;line-height:1.75;color:var(--sd-muted);margin:0}
.sd-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line)}
.sd-principle{padding:34px 34px 38px;border-right:1px solid var(--sd-line);min-height:260px;position:relative;transition:background .25s ease,transform .25s ease}
.sd-principle:last-child{border-right:0}.sd-principle:hover{background:#ebe7de;transform:translateY(-3px)}
.sd-principle>span{font-size:9px;color:var(--sd-accent);font-weight:800;letter-spacing:.13em}.sd-principle h3{font-size:25px;line-height:1.08;margin:42px 0 14px;letter-spacing:-.025em}.sd-principle p{font-size:13px;line-height:1.68;color:var(--sd-muted);margin:0}

/* Related links become a dark editorial list. */
.sd-related{background:#181a18;color:#fff;padding:112px 0 118px}
.sd-related-grid{display:grid;grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);gap:80px;align-items:start}
.sd-related-heading{position:sticky;top:120px}.sd-related-heading h2{font-size:clamp(40px,4.3vw,64px);max-width:560px}
.sd-related-list{border-top:1px solid rgba(255,255,255,.14)}
.sd-related-row{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1fr) 24px;gap:24px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:padding-left .22s ease,background .22s ease}
.sd-related-row:hover{padding-left:14px;background:rgba(255,255,255,.025)}
.sd-related-title{font-size:21px;font-weight:800;letter-spacing:-.025em}.sd-related-copy{font-size:12px;line-height:1.55;color:#999d97}.sd-related-arrow{font-size:18px;color:var(--sd-accent);transition:transform .22s ease}.sd-related-row:hover .sd-related-arrow{transform:translate(3px,-3px)}

/* Final CTA: dark with one confident color accent, not another white section. */
.sd-final{background:#0d0f0e;color:#fff;padding:100px 0 108px;border-top:1px solid rgba(255,255,255,.08)}
.sd-final-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:86px;align-items:end}.sd-final h2{max-width:900px;margin-bottom:0}.sd-final-copy p{font-size:14px;line-height:1.7;color:#a9ada7;margin:0 0 25px}.sd-final-copy .btn{width:100%}

@media(max-width:1050px){
 .sd-overview-grid{grid-template-columns:90px 1fr}.sd-fact-stack{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr)}.sd-fact{border-right:1px solid rgba(17,19,21,.13)}.sd-fact:last-child{border-right:0}
 .sd-feature-grid{grid-template-columns:1fr 1fr;gap:50px}.sd-feature-image{height:560px}
 .sd-related-grid{grid-template-columns:1fr;gap:44px}.sd-related-heading{position:static}.sd-final-grid{grid-template-columns:1fr 300px}
}
@media(max-width:760px){
 .service-explorer-grid{background:var(--sd-ink)!important}.service-stage{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
 .sd-hero{min-height:570px!important}.sd-hero .inner-hero-content{min-height:570px!important}
 .sd-overview{padding:78px 0 84px}.sd-overview-grid{display:block}.sd-overview-index{margin-bottom:32px}.sd-overview-copy h2{font-size:clamp(40px,11vw,54px)}.sd-fact-stack{display:grid;grid-template-columns:1fr;margin-top:44px}.sd-fact{border-right:0}
 .sd-feature{padding:82px 0 90px}.sd-feature-grid{display:flex;flex-direction:column;gap:46px}.sd-feature-image{width:100%;height:470px;order:1}.sd-feature-copy{order:2}.sd-feature-copy h2,.sd-related-heading h2,.sd-final h2{font-size:clamp(39px,10.5vw,54px)}
 .sd-principles{padding:80px 0 88px}.sd-section-head{display:block;margin-bottom:38px}.sd-section-head>p{margin-top:24px}.sd-section-head h2{font-size:clamp(39px,10.5vw,54px)}.sd-principle-grid{grid-template-columns:1fr}.sd-principle{border-right:0;border-bottom:1px solid var(--sd-line);min-height:auto;padding:28px 4px 32px}.sd-principle:last-child{border-bottom:0}.sd-principle h3{margin-top:24px}
 .sd-related{padding:80px 0 86px}.sd-related-row{grid-template-columns:1fr 24px;gap:8px}.sd-related-copy{grid-column:1;margin-top:5px}.sd-related-arrow{grid-column:2;grid-row:1/3}
 .sd-final{padding:76px 0 82px}.sd-final-grid{display:block}.sd-final-copy{margin-top:30px}
}
@media(max-width:430px){.sd-feature-image{height:390px}.sd-fact strong{font-size:22px}}
