@import url("inner.css");
@import url("inner-banner-unified.css");

body[data-page="service"] .page-section>.container{width:min(1600px,calc(100% - 80px))}
body[data-page="service"] .page-heading{max-width:860px;margin-left:auto;margin-right:auto}
body[data-page="service"] .support-panel{max-width:none;padding:64px clamp(36px,5vw,82px);border-top:0;border-radius:18px;background:linear-gradient(135deg,#f2f7fd 0%,#fff 58%,#edf5ff 100%);box-shadow:0 22px 60px rgba(13,62,120,.1);position:relative;overflow:hidden}
body[data-page="service"] .support-panel:before{content:"SERVICE";position:absolute;right:34px;top:8px;font-size:clamp(68px,8vw,138px);font-weight:800;letter-spacing:.08em;color:rgba(21,82,161,.045);pointer-events:none}
body[data-page="service"] .support-panel>h2{position:relative;margin:0 0 16px;font-size:36px}
body[data-page="service"] .support-panel>p{position:relative;max-width:1050px;margin:0 0 38px;font-size:16px}
body[data-page="service"] .feature-list{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body[data-page="service"] .feature-item{min-height:220px;padding:34px 30px;border-left:0;border-top:4px solid #1552a1;border-radius:10px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(17,62,116,.07)}
body[data-page="service"] .feature-item h3{font-size:20px}
@media(max-width:1100px){body[data-page="service"] .feature-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body[data-page="service"] .page-section>.container{width:calc(100% - 30px)}body[data-page="service"] .support-panel{padding:38px 22px}body[data-page="service"] .support-panel>h2{font-size:28px}body[data-page="service"] .feature-list{grid-template-columns:1fr}body[data-page="service"] .feature-item{min-height:0}}