.modern-service-hero { position:relative; min-height:690px; display:flex; align-items:center; padding:58px 0 70px; color:#fff; background-color:#020617; background-position:center; background-size:cover; }
.modern-service-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,7fr) minmax(410px,5fr); gap:52px; align-items:center; }
.modern-service-copy { min-width:0; }
.modern-service-eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0 0 24px; padding:7px 13px; border:1px solid rgba(59,130,246,.55); border-radius:999px; color:#93c5fd; background:rgba(30,64,175,.32); font-size:12px; font-weight:700; }
.modern-service-eyebrow svg { width:16px; height:16px; fill:none; stroke:#60a5fa; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.modern-service-copy h1 { margin:0 0 26px; color:#fff; font-size:clamp(38px,3.55vw,48px); line-height:1.24; letter-spacing:-.025em; }
.modern-service-copy h2 { margin:0 0 22px; color:#f59e0b; font-size:18px; line-height:1.45; }
.modern-service-lead { margin:0; color:#dbeafe; font-size:15px; line-height:1.7; }
.modern-service-narrow { text-align:center; width:1100px; }
.modern-service-story { padding:94px 0 98px; background:#fff; }
.modern-service-story h2 { margin:0 0 28px; color:#0f172a; font-size:clamp(31px,3.2vw,43px); line-height:1.2; }
.modern-service-story h2 span,.modern-service-reasons h2 span,.modern-service-faq h2 span,.modern-service-callout h2 span { color:#2563eb; }
.modern-service-story p { margin:0 0 18px; color:#475569; font-size:16px; line-height:1.85; }
.modern-service-steps { position:relative; padding:78px 0 82px; color:#fff; background-color:#020617; background-position:center; background-size:cover; }
.modern-service-steps::before { position:absolute; inset:0; background:rgba(2,6,23,.33); content:""; }
.modern-service-steps .container { position:relative; z-index:1; }
.modern-service-heading { margin:0 auto 42px; text-align:center; }
.modern-service-heading > p { margin:0 0 10px; color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.modern-service-heading h2 { margin:0; color:#0f172a; font-size:clamp(30px,3.2vw,42px); line-height:1.2; }
.modern-service-heading-light > p { color:#60a5fa; }
.modern-service-steps .modern-service-heading-light h2 { color:#fff; }
.modern-service-steps .modern-service-heading-light h2 span { color:#3b82f6; }
.modern-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.modern-step-card { min-height:198px; padding:25px 24px; border:1px solid rgba(148,163,184,.32); border-radius:16px; background:rgba(15,23,42,.78); box-shadow:none; }
.modern-step-card .modern-step-label { margin:0 0 14px; color:#60a5fa; font-size:12px; font-weight:800; line-height:1; letter-spacing:.04em; text-transform:uppercase; }
.modern-step-card h3 { margin:0 0 12px; color:#fff; font-size:16px; }
.modern-step-card p { margin:0; color:#cbd5e1; font-size:14px; line-height:1.7; }
.modern-steps-cta { margin:42px auto 0; text-align:center; }
.modern-steps-cta h2 { margin:0 0 16px; color:#fff; font-size:27px; }
.modern-steps-cta h2 a { color:#60a5fa; }
.modern-steps-cta p { margin:0 auto 10px; color:#cbd5e1; font-size:14px; line-height:1.7; }
.modern-service-reasons { padding:94px 0 100px; background:#f5f7fa; }
.modern-reason-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.modern-reason-card { grid-column:span 2; min-height:250px; padding:28px; border:1px solid #dce4ed; border-radius:20px; background:#fff; box-shadow:0 2px 4px rgba(15,23,42,.08); }
.modern-reason-card:nth-child(4) { grid-column:2/span 2; }
.modern-reason-card:nth-child(5) { grid-column:4/span 2; }
.modern-reason-icon { width:44px; height:44px; display:grid; place-items:center; margin-bottom:18px; border-radius:12px; color:#2563eb; background:#dbeafe; }
.modern-reason-card:nth-child(2) .modern-reason-icon { color:#059669; background:#d1fae5; }
.modern-reason-card:nth-child(3) .modern-reason-icon { color:#ea580c; background:#ffedd5; }
.modern-reason-card:nth-child(4) .modern-reason-icon { color:#4f46e5; background:#e0e7ff; }
.modern-reason-card:nth-child(5) .modern-reason-icon { color:#0284c7; background:#e0f2fe; }
.modern-reason-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.modern-reason-card h3 { margin:0 0 11px; color:#0f172a; font-size:18px; line-height:1.35; }
.modern-reason-card p { margin:0; color:#475569; font-size:14px; line-height:1.7; }
.modern-service-callout { padding:78px 0; background:#fff; }
.modern-service-callout-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; padding:44px 48px; border:1px solid #dbe5ef; border-radius:24px; background:linear-gradient(135deg,#f8fbff,#eef5ff); box-shadow:0 18px 45px rgba(15,23,42,.09); }
.modern-service-callout-card > div > p { margin:0 0 10px; color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.modern-service-callout h2 { margin:0 0 13px; color:#0f172a; font-size:clamp(26px,3vw,36px); line-height:1.25; }
.modern-service-callout-card > div > div { color:#475569; font-size:14px; line-height:1.7; }
.modern-service-callout .button { min-width:170px; white-space:nowrap; }
.modern-service-faq { padding:94px 0 100px; background:#f8fafc; }
.modern-service-faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }
.modern-service-faq .modern-service-heading { margin:0; text-align:left; }
.modern-faq-list { display:grid; gap:12px; }
.modern-service-faq .faq-item { margin:0; padding:0 20px; border:1px solid #dce4ed; border-radius:14px; background:#fff; }
.modern-service-faq .faq-toggle { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 0; color:#0f172a; font-family:inherit; font-size:16px; font-weight:700; text-align:left; }
.modern-service-faq .faq-toggle b { color:#2563eb; font-size:25px; font-weight:400; transition:transform .2s ease; }
.modern-service-faq .faq-toggle[aria-expanded="true"] b { transform:rotate(45deg); }
.modern-service-faq .faq-answer p { margin:0; padding:0 30px 20px 0; color:#64748b; font-size:14px; line-height:1.7; }
@media(max-width:1050px){.modern-service-hero-grid{grid-template-columns:minmax(0,1fr) 390px;gap:34px}.modern-reason-card{grid-column:span 3}.modern-reason-card:nth-child(4),.modern-reason-card:nth-child(5){grid-column:span 3}}
@media(max-width:900px){.modern-service-hero{padding:60px 0 80px;background-position:18% center}.modern-service-hero-grid{grid-template-columns:minmax(0,1fr)}.modern-service-hero-grid>*{min-width:0}.modern-service-copy h1{font-size:44px}.modern-step-grid{grid-template-columns:1fr}.modern-service-faq-layout{grid-template-columns:1fr;gap:35px}.modern-service-callout-card{grid-template-columns:1fr;gap:10px}.modern-service-callout .button{justify-self:start}}
@media(max-width:640px){.modern-service-copy h1{font-size:35px}.modern-service-story,.modern-service-steps,.modern-service-reasons,.modern-service-faq{padding:68px 0}.modern-reason-grid{grid-template-columns:1fr}.modern-reason-card,.modern-reason-card:nth-child(4),.modern-reason-card:nth-child(5){grid-column:auto;min-height:0}.modern-service-callout{padding:54px 0}.modern-service-callout-card{padding:30px 24px}.modern-service-callout .button{width:100%}}