/* X SecureTech Services – approved compact service card presentation. */
body{background:#f8fcff;color:#122946;} .xs-srv-shell{width:min(1180px,calc(100% - 8%));margin-inline:auto;}
.xs-srv-hero{position:relative;padding:clamp(80px,9vw,114px) 0 43px;min-height:220px;overflow:hidden;background:linear-gradient(118deg,#071d3d,#0862a5 63%,#159dd6);color:white;}
.xs-srv-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#5bdbff33,transparent 42%),repeating-radial-gradient(circle at 90% 20%,transparent 0 42px,#bdefff12 43px 44px,transparent 45px 85px);pointer-events:none;}
.xs-srv-hero .xs-srv-shell{position:relative;z-index:1}.xs-srv-hero h1{font:800 clamp(30px,3.8vw,53px)/1.1 var(--display,Manrope,sans-serif);letter-spacing:-.045em;margin:0 0 12px;max-width:950px}.xs-srv-hero p{font:500 clamp(15px,1.5vw,19px)/1.5 var(--font,'DM Sans',sans-serif);margin:0;color:#e2f7ff}
.xs-srv-section{padding:34px 0 48px;background:linear-gradient(#fff,#f1f9ff)}.xs-srv-intro{text-align:center;max-width:810px;margin:0 auto 24px}.xs-srv-intro h2{margin:0 0 9px;color:#0c3966;font:800 clamp(23px,2.5vw,34px)/1.17 var(--display,Manrope,sans-serif);letter-spacing:-.03em}.xs-srv-intro p{margin:0;color:#486077;font:500 15px/1.55 var(--font,'DM Sans',sans-serif)}
.xs-srv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.xs-srv-card{min-height:171px;background:#fff;border:1px solid #d9eaf6;border-radius:16px;padding:20px 20px 19px;box-shadow:0 7px 24px #0b6faf0c;transition:transform .22s,border-color .22s,box-shadow .22s}.xs-srv-card:hover{transform:translateY(-3px);border-color:#95c9eb;box-shadow:0 12px 26px #0c70b21c}.xs-srv-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border-radius:11px;background:linear-gradient(130deg,#dcf5ff,#e5efff);color:#067cc4;font:800 24px/1 sans-serif}.xs-srv-card h3{font:800 17px/1.26 var(--display,Manrope,sans-serif);margin:0 0 8px;color:#073963}.xs-srv-card p{font:500 13.5px/1.48 var(--font,'DM Sans',sans-serif);margin:0;color:#4b6174}
.xs-srv-cta{text-align:center;margin:27px auto 0}.xs-srv-cta h2{margin:0 0 13px;color:#0f3760;font:800 19px/1.25 var(--display,Manrope,sans-serif)}.xs-srv-cta a{display:inline-flex;align-items:center;gap:12px;padding:13px 25px;border-radius:10px;background:linear-gradient(115deg,#079add,#0865ca);color:white;text-decoration:none;font:800 14px/1.2 var(--font,'DM Sans',sans-serif);box-shadow:0 8px 16px #076bc320}.xs-srv-cta a:hover{filter:brightness(1.1)}
@media(min-width:1100px){.xs-srv-cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.xs-srv-cards:has(> :nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.xs-srv-hero{padding:88px 0 32px;min-height:0}.xs-srv-section{padding:26px 0 36px}.xs-srv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xs-srv-card{min-height:0;padding:17px}.xs-srv-card h3{font-size:15px}.xs-srv-card p{font-size:13px}}
@media(max-width:530px){.xs-srv-shell{width:calc(100% - 30px)}.xs-srv-cards{grid-template-columns:1fr}.xs-srv-card{padding:17px}.xs-srv-hero h1{font-size:32px}.xs-srv-intro h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.xs-srv-card{transition:none}.xs-srv-card:hover{transform:none}}