@import url("/styles.css");

/* Only page-specific layout. Brand, header, hero and controls come from styles.css. */
.service-hero .hero-copy{position:relative;z-index:2}
.service-hero .hero-copy>p.eyebrow:before{content:"";display:inline-block;width:36px;height:1px;margin:0 12px 4px 0;background:#9a6c48}
.service-hero .hero-text{max-width:700px}
.service-hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.service-hero .button{display:inline-flex;align-items:center;padding:16px 20px;border:1px solid #143547;font-size:.88rem;transition:.3s}
.service-hero .button:not(.alt){color:#f4f8f9;background:#143547}
.service-hero .button:not(.alt):hover{background:#275c73;color:#fff}
.service-hero .button.alt{color:#234c60;background:transparent;border-color:rgba(20,53,71,.28)}
.service-hero .button.alt:hover{color:#102733;background:rgba(255,255,255,.28)}
.fact-panel{color:#f2f7f8}.fact-panel>p{margin:0 0 24px;color:#aebdc5;font-size:.82rem}.fact-panel dl{margin:0}.fact-panel div{padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}.fact-panel dt{color:#9fb0b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.fact-panel dd{margin:4px 0 0;color:#f0f5f6;font-size:.9rem;font-weight:600}

.content-band{position:relative;padding:clamp(82px,8vw,115px) 6vw;background:radial-gradient(circle at 88% 5%,rgba(65,137,172,.18),transparent 34%),linear-gradient(135deg,#f0f3f1,#d8e4e6);color:#142630;overflow:hidden}
.content-band:after{content:"";position:absolute;left:6vw;right:6vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,42,53,.2),transparent)}
.content-band.tint{background:radial-gradient(circle at 84% 8%,rgba(73,145,181,.3),transparent 31%),linear-gradient(145deg,#132a3a,#09141d 68%,#1b2730);color:#f3f6f7}
.content-band.tint:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 68%,rgba(255,255,255,.035) 68.2%,transparent 68.5%)}
.section-head{display:grid;grid-template-columns:.58fr 1.42fr;gap:5vw;align-items:start;margin-bottom:58px}.section-head .eyebrow{color:#6a7f89}.section-head h2,.two-col h2{margin:0;font-size:clamp(2.5rem,4.6vw,5.15rem);font-weight:500;line-height:1.02;letter-spacing:-.047em;text-wrap:balance}.section-head p:not(.eyebrow){max-width:660px;color:#586d77}.section-head>div>p{margin:20px 0 0}
.process-grid,.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(20,42,53,.18);border-left:1px solid rgba(20,42,53,.18)}.process-grid article,.scope-grid article{min-height:290px;padding:28px;display:flex;flex-direction:column;border-right:1px solid rgba(20,42,53,.18);border-bottom:1px solid rgba(20,42,53,.18);background:rgba(255,255,255,.25);transition:.35s}.process-grid article:hover,.scope-grid article:hover{transform:translateY(-7px);background:#f6f8f7;box-shadow:0 24px 60px rgba(31,61,74,.14)}.process-grid span,.scope-grid span{color:#8f5d3a;font-size:.72rem}.process-grid h3,.scope-grid h3{margin:auto 0 12px;font-size:1.35rem}.process-grid p,.scope-grid p{margin:0;color:#5c7079;font-size:.91rem}
.two-col{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.two-col h2{max-width:11ch;font-size:clamp(2.5rem,4.2vw,4.8rem)}.two-col>div>p{color:#c1ced4}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{position:relative;padding:17px 0 17px 30px;border-bottom:1px solid rgba(255,255,255,.16);color:#d6e0e4}.check-list li:before{content:"↗";position:absolute;left:0;color:#d59a62}.note{margin-top:28px!important;padding:20px;border-left:2px solid #d59a62;background:rgba(215,154,91,.08);color:#c8d4d9!important}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{padding:22px 24px;background:rgba(255,255,255,.42);border:1px solid rgba(20,42,53,.18)}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:14px 0 0;color:#5b7079}
.final-cta{position:relative;padding:clamp(90px,10vw,145px) 7vw;text-align:center;background:radial-gradient(circle at 51% 30%,rgba(95,167,201,.34),transparent 35%),radial-gradient(circle at 20% 92%,rgba(199,137,81,.17),transparent 28%),linear-gradient(158deg,#112736,#171923 65%,#291e25);color:#fff}.final-cta h2{max-width:13ch;margin:0 auto 25px;font-size:clamp(2.8rem,5.2vw,5.15rem);font-weight:500;line-height:1;letter-spacing:-.05em}.final-cta p{max-width:680px;margin:0 auto 32px;color:#bdcbd1}.final-cta .button{display:inline-flex;padding:16px 20px;background:#eef2f3;color:#0c1a24}
.page-footer{padding:34px 6vw;display:flex;justify-content:space-between;gap:25px;background:#0e1e29;color:#9fb0b9;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.page-footer div{display:flex;gap:20px;flex-wrap:wrap}.page-footer a:hover{color:#fff}
@media(max-width:850px){.service-hero .fact-panel{display:none}.content-band,.final-cta{padding-left:24px;padding-right:24px}.section-head,.two-col{grid-template-columns:1fr}.process-grid,.scope-grid{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.two-col h2{max-width:14ch}}
@media(max-width:540px){.process-grid,.scope-grid{grid-template-columns:1fr}.process-grid article,.scope-grid article{min-height:220px}.page-footer{flex-direction:column}}