/* ISS Technologies - service page layout & readability pass (loaded last on /services pages) *//* ---------- hero ---------- */
html body .svh .crumb{font-size:clamp(16px,1.2vw,18px)}html body .svh h1{font-size:clamp(40px,5.2vw,72px)}html body .svh p{font-size:clamp(19px,1.7vw,24px);line-height:1.65;max-width:62ch}html body .svh .btn{font-size:17px;padding:16px 30px}/* ---------- text sizes ---------- */
html body .svp2 .sv-band h2{font-size:clamp(30px,3.6vw,50px)}html body .svp2 .sv-lead{font-size:clamp(26px,2.8vw,40px);max-width:34ch;line-height:1.38}html body .svp2 .sv-body{font-size:clamp(19px,1.55vw,23px);line-height:1.8;max-width:64ch;color:#cdd9f3}html body .svp2 .sv-cols li{font-size:clamp(18px,1.45vw,21px);line-height:1.6;padding-left:32px;color:#f1f5ff}html body .svp2 .sv-cols li strong{color:#fff}html body .svp2 .sv-cols li::before{top:.8em;width:16px}html body .svp2 .svsub{font-size:14px;margin:30px 0 14px;color:#b3c3e6}html body .svp2 .sv-rings h3{font-size:clamp(17px,1.4vw,20px);margin-bottom:10px}html body .svp2 .sv-rings p{font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:#cdd9f3}html body .svp2 .svfig figcaption{font-size:15px;padding:14px 20px;color:#cdd9f3}html body .svp2 .sv-rel .svr h2{font-size:clamp(28px,3vw,40px)}html body .svp2 .sv-rel .svr a strong{font-size:clamp(20px,1.7vw,24px);margin-bottom:10px}html body .svp2 .sv-rel .svr a span{font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:#cdd9f3}html body .soccta h2{font-size:clamp(28px,3.2vw,44px);max-width:22ch}html body .sc-text{font-size:clamp(18px,1.5vw,21px);max-width:52ch}html body .sc-btn{font-size:18px;padding:17px 36px}/* ---------- technical scope: even two-column grid, full width ---------- */
html body .svp2 .sv-cols:not(.soc-one){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));columns:auto;column-gap:clamp(40px,6vw,110px);row-gap:clamp(18px,2vw,28px);max-width:none}html body .svp2 .sv-cols:not(.soc-one) li{margin:0;break-inside:auto}html body .svp2 .sv-cols.soc-one{display:grid;grid-template-columns:1fr;row-gap:16px;columns:auto;max-width:none}html body .svp2 .sv-cols.soc-one li{margin:0}/* ---------- text + media rows: same grid everywhere, media vertically centred ---------- */
html body .svp2 .soc-split{--w:min(560px,100%);gap:clamp(32px,6vw,104px);align-items:center}html body .svp2 .soc-split:has(.svvid){--w:min(600px,100%)}html body .svp2 .soc-split > div{min-width:0}html body .svp2 .soc-split h2{max-width:18ch}html body .svp2 .soc-split .svfig{justify-self:end;max-width:var(--w);border:1px solid rgba(143,176,255,.2)}html body .svp2 .soc-split.soc-rev .svfig{justify-self:start}html body .svp2 .soc-split .svfig img{aspect-ratio:auto}html body .svp2 .svvid video{aspect-ratio:16/9;object-fit:cover}/* ---------- architecture flow: aligned numbered steps ---------- */
html body .svp2 .sv-flow-row{margin-top:clamp(36px,4vw,56px)}html body .svp2 .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,172px),1fr));gap:12px;max-width:none;margin:0;counter-reset:fl;align-items:stretch}html body .svp2 .flow i{display:none}html body .svp2 .flow em{counter-increment:fl;display:flex;align-items:center;gap:12px;padding:14px 14px;border:1px solid var(--bd);border-radius:14px;background:var(--card);font:500 clamp(16px,1.25vw,18px)/1.3 Inter,system-ui,sans-serif;color:#fff}html body .svp2 .flow em::before{content:counter(fl);flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accbg);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);color:var(--acc2);font:600 14px Unbounded,sans-serif}/* ---------- related services & CTA ---------- */
html body .svp2 .sv-rel .svr ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,2.4vw,36px);margin:0;padding:0;list-style:none}html body .svp2 .sv-cta{padding-top:clamp(8px,2vw,24px);padding-bottom:clamp(48px,6vw,96px)}/* ---------- responsive ---------- */
@media(max-width:900px){
 html body .svp2 .sv-cols:not(.soc-one){grid-template-columns:1fr}
 html body .svp2 .soc-split,html body .svp2 .soc-split.soc-rev,html body .svp2 .soc-split:has(.svvid){grid-template-columns:1fr;gap:32px}
 html body .svp2 .soc-split .svfig,html body .svp2 .soc-split.soc-rev .svfig{justify-self:stretch;max-width:560px;width:100%;margin:0 auto;order:2}
 html body .svp2 .soc-split.soc-rev .svfig{order:2}
 html body .svp2 .soc-split h2{max-width:none}
}
@media(max-width:560px){html body .svp2 .sv-rings li{flex:1 1 140px}html body .svp2 .flow{grid-template-columns:1fr}
}