.service-modern>.section{padding-top:32px;padding-bottom:64px}
.service-modern .service-detail-card{max-width:1180px;gap:32px}
.service-modern .service-back{font-size:14px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:10px;justify-self:start}
.service-modern .service-back:before{content:'←';font-size:20px}
.service-modern .service-detail-hero{grid-template-columns:minmax(0,1fr) 240px;padding:48px;gap:48px;background:linear-gradient(115deg,#07164d,#103384);border:0;border-radius:24px;box-shadow:none}
.service-modern .service-detail-hero h1{color:#fff;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.025em;hyphens:none;overflow-wrap:normal}
.service-modern .service-detail-hero p{color:#e0eafa;font-size:18px;line-height:1.7;max-width:720px}
.service-modern .service-detail-hero .section-kicker{color:var(--green);font-size:13px;letter-spacing:.08em;margin:0 0 18px}
.service-modern .product-detail-actions{gap:12px;margin-top:28px}
.service-modern .btn-primary{background:var(--green);color:#07164d;border-color:var(--green);box-shadow:none}
.service-modern .btn-secondary{background:transparent;color:#fff;border:1px solid #8393bc;box-shadow:none}
.service-modern .service-detail-icon{min-height:240px;background:#edf8ff;border-radius:24px;aspect-ratio:1}
.service-modern .service-detail-icon img{width:145px;height:145px}
.service-modern .service-detail-layout{gap:24px;align-items:stretch}
.service-modern .service-detail-panel{padding:32px;border-radius:18px;box-shadow:none;border-color:#d5e5ee}
.service-modern .service-detail-panel h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:0 0 20px}
.service-modern .service-detail-panel p{font-size:16px;line-height:1.8}
.service-modern .service-detail-list{gap:14px;margin-top:22px}
.service-modern .service-detail-list li{font-size:15px;font-weight:600;line-height:1.6}
.service-modern .service-faq{padding:32px;border-radius:18px;box-shadow:none;background:#eaf7fe;margin:0;gap:12px}
.service-modern .service-faq h2{font-size:28px;line-height:1.25;margin-bottom:12px}
.service-modern .service-faq details{padding:19px 22px;border-radius:12px;box-shadow:none}
.service-modern .service-faq summary{font-size:16px;line-height:1.5}
.service-modern .service-faq details p{font-size:16px;line-height:1.75}
.service-overview .service-card{display:flex;flex-direction:column}
.service-overview .service-card-actions{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d5e5ee}
.service-overview .service-card-actions a{font-size:14px;color:var(--blue);font-weight:650}
.service-overview .service-explore{display:inline-flex;align-items:center;gap:9px}
.service-overview .service-explore:after{content:'→';font-size:20px;transition:transform .15s}
.service-overview .service-explore:hover:after{transform:translateX(3px)}
.service-modern a:focus-visible,.service-overview .service-card-actions a:focus-visible{outline:3px solid #19a0dd;outline-offset:5px}
.seo-preview-banner{background:#07164d;color:#fff;font:13px/1.5 Arial,sans-serif;text-align:center;padding:8px 16px}
@media(max-width:900px){.service-modern .service-detail-hero{grid-template-columns:minmax(0,1fr) 160px;padding:32px;gap:24px}.service-modern .service-detail-icon{min-height:160px}.service-modern .service-detail-icon img{width:110px;height:110px}}
@media(max-width:650px){.service-modern>.section{padding-top:24px;padding-bottom:40px}.service-modern .service-detail-card{gap:24px}.service-modern .service-detail-hero{grid-template-columns:1fr;padding:26px;border-radius:18px;gap:24px}.service-modern .service-detail-hero h1{font-size:34px;overflow-wrap:anywhere}.service-modern .service-detail-hero p{font-size:16px}.service-modern .service-detail-icon{min-height:0;aspect-ratio:auto;height:140px;width:100%;border-radius:14px}.service-modern .service-detail-icon img{width:100px;height:100px}.service-modern .service-detail-layout{grid-template-columns:1fr}.service-modern .service-detail-panel,.service-modern .service-faq{padding:24px}.service-modern .service-faq h2{font-size:24px}.service-modern .service-faq details{padding:16px}.service-modern .product-detail-actions{display:flex;flex-wrap:wrap}.service-modern .product-detail-actions .btn{width:auto;flex:1 1 130px;text-align:center;justify-content:center;padding:13px 14px}}
@media(prefers-reduced-motion:reduce){.service-overview .service-explore:after{transition:none}}

/* Consistent section edges and transparent icon rendering. */
.service-modern>.section{max-width:1180px}
.service-modern .service-detail-icon{background:none;border:0;box-shadow:none;border-radius:0}
.service-modern .service-detail-icon img{filter:url(#service-icon-cutout);object-fit:contain}
.service-modern .service-detail-panel{display:flex;flex-direction:column}
.service-modern .service-detail-panel .service-detail-list{margin-bottom:0}
.service-modern .service-detail-hero>div:first-child{min-width:0}
.service-modern .service-detail-hero h1{margin-bottom:20px}
.service-modern .service-detail-hero p:last-child{margin-bottom:0}
.service-overview .service-card-actions a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:980px){body.service-design .nav-links{flex-wrap:wrap;overflow:visible;gap:2px}body.service-design .nav-links a{min-height:44px}}
@media(max-width:650px){.service-modern .service-detail-icon{height:100px;justify-items:start}.service-modern .service-detail-hero{gap:20px}.service-modern .service-detail-hero h1{font-size:clamp(28px,7.6vw,34px)}.service-modern .service-detail-panel h2{font-size:23px}.service-overview .service-card-actions{flex-wrap:wrap;gap:4px 16px}}