body[data-page="service-it-services"] .v238-hero-photo { object-position: 58% 50%; }
body[data-page="service-it-services"] .v238-direction-hero--home::after { z-index: 3; height: clamp(330px, 38vw, 560px); background: linear-gradient(180deg, rgba(6,17,29,0), rgba(6,17,29,.14) 22%, rgba(6,17,29,.52) 55%, rgba(6,17,29,.94) 88%, var(--bg)); }
.it-breadcrumbs { display:flex; align-items:center; gap:9px; margin:0 0 16px; color:rgba(222,235,247,.74); font-size:13px; }
.it-breadcrumbs a { color:inherit; text-decoration:none; }
.it-breadcrumbs a:hover,.it-breadcrumbs a:focus-visible,.it-breadcrumbs [aria-current="page"] { color:var(--gold); }
.it-eyebrow,.it-kicker { margin:0 0 12px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.it-hero .hero-feature__icon { display:grid; min-width:44px; height:44px; place-items:center; border:1px solid rgba(224,185,111,.42); border-radius:50%; color:var(--gold); font-size:12px; font-weight:800; }
.it-overview,.it-solutions,.it-process,.it-final { position:relative; padding-block:clamp(44px,6vw,86px); }
.it-overview { background:var(--bg); }
.it-overview__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.85fr); gap:clamp(30px,5vw,74px); align-items:center; }
.it-section-copy h2,.it-section-head h2,.it-final h2 { max-width:820px; margin:0 0 22px; color:var(--cream); font:700 clamp(32px,4vw,58px)/1.04 var(--font-display); letter-spacing:-.03em; }
.it-section-copy > p:not(.it-kicker),.it-section-head > p:not(.it-kicker),.it-final p { max-width:760px; color:rgba(205,220,235,.78); font-size:clamp(16px,1.25vw,19px); line-height:1.7; }
.it-overview__visual { position:relative; margin:0; overflow:hidden; aspect-ratio:4/3; border:1px solid rgba(232,196,126,.3); border-radius:20px; background:#0a1c2e; box-shadow:0 32px 76px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset; }
.it-overview__visual img { width:100%; height:100%; object-fit:cover; object-position:58% 50%; }
.it-solutions { background:linear-gradient(180deg,#07111d,#0b1d30); }
.it-section-head { margin-bottom:clamp(26px,4vw,46px); }
.it-solutions__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(18px,2.4vw,34px); }
.it-solutions__grid article { position:relative; isolation:isolate; grid-column:span 4; min-height:280px; overflow:hidden; padding:clamp(28px,3.2vw,46px); border:1px solid rgba(232,196,126,.15); border-radius:20px; background:radial-gradient(circle at 88% 8%,rgba(232,196,126,.1),transparent 34%),linear-gradient(145deg,rgba(18,45,70,.98),rgba(7,21,35,.99)); box-shadow:0 24px 58px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.it-solutions__grid article:nth-child(2),.it-solutions__grid article:nth-child(5) { background:radial-gradient(circle at 88% 8%,rgba(232,196,126,.08),transparent 35%),linear-gradient(150deg,rgba(13,38,61,.98),rgba(6,19,32,.99)); }
.it-solutions__grid article:hover { transform:translateY(-4px); border-color:rgba(232,196,126,.34); box-shadow:0 32px 72px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045); }
.it-solutions__grid article::before { position:absolute; right:-18px; bottom:-36px; z-index:-1; color:rgba(224,185,111,.055); font:700 clamp(110px,13vw,190px)/1 var(--font-display); letter-spacing:-.08em; content:attr(data-step); }
.it-solutions__grid article:nth-child(4),.it-solutions__grid article:nth-child(5) { grid-column:span 6; min-height:250px; }
.it-solutions__grid span,.it-process__grid span { display:inline-grid; min-width:42px; height:42px; place-items:center; margin-bottom:clamp(34px,4vw,58px); border-radius:50%; background:rgba(224,185,111,.1); color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.08em; }
.it-solutions__grid h3,.it-process__grid h3 { margin:0 0 12px; color:var(--cream); font-size:clamp(21px,2vw,28px); }
.it-solutions__grid p,.it-process__grid p { margin:0; color:rgba(190,210,229,.74); line-height:1.65; }
.it-process { overflow:hidden; background:radial-gradient(circle at 82% 18%,rgba(224,185,111,.08),transparent 30%),var(--bg); }
.it-process__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(20px,3vw,46px); }
.it-process__grid article { min-height:220px; padding:12px 0 0; border:0; }
.it-process__grid span { margin-bottom:28px; background:var(--gold-grad); color:#0a1723; box-shadow:0 12px 34px rgba(224,185,111,.16); }
.it-final { padding-top:24px; }
.it-final__card { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:32px; overflow:hidden; padding:clamp(30px,5vw,64px); border:1px solid rgba(232,196,126,.32); border-radius:22px; background:radial-gradient(circle at 90% 10%,rgba(232,196,126,.18),transparent 38%),linear-gradient(135deg,#12314f,#081827); box-shadow:0 30px 76px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04); }
.it-final__card::after { position:absolute; right:-90px; bottom:-150px; z-index:-1; width:360px; height:360px; border:1px solid rgba(232,196,126,.12); border-radius:50%; content:""; }
.it-final__card .btn { flex:0 0 auto; }
@media (max-width:900px) { .it-overview__grid{grid-template-columns:1fr}.it-solutions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.it-solutions__grid article,.it-solutions__grid article:nth-child(4),.it-solutions__grid article:nth-child(5){grid-column:span 1}.it-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.it-final__card{align-items:flex-start;flex-direction:column} }
@media (max-width:640px) { body[data-page="service-it-services"] .v238-hero-photo{object-position:64% 50%}.it-hero .v238-direction-hero__copy{padding-top:14px}.it-breadcrumbs{max-width:100%;font-size:12px}.it-overview,.it-solutions,.it-process,.it-final{padding-block:44px}.it-overview__visual{aspect-ratio:4/3;border-radius:18px}.it-solutions__grid{grid-template-columns:1fr;gap:14px}.it-solutions__grid article{min-height:220px;padding:28px 24px;border-radius:18px}.it-solutions__grid span{margin-bottom:44px}.it-process__grid{grid-template-columns:1fr;gap:36px}.it-process__grid article{min-height:0;padding:0}.it-process__grid span{margin-bottom:18px}.it-final__card{padding:30px 24px;border-radius:20px}.it-final__card .btn{width:100%} }
@media (prefers-reduced-motion:reduce) { .it-solutions__grid article{transition:none}.it-solutions__grid article:hover{transform:none} }