.utility-page { color:#071522; background:#edf6f7; }
.utility-main { min-height:100svh; padding-top:150px; overflow:hidden; }
.utility-hero { position:relative; display:grid; min-height:calc(100svh - 150px); align-items:center; isolation:isolate; }
.utility-hero::before { content:""; position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 72% 40%,rgba(22,217,255,.14),transparent 34%),linear-gradient(125deg,#f7fbfc,#e9f4f6); }
.utility-hero::after { content:""; position:absolute; z-index:-1; top:50%; right:-10vw; width:min(65vw,920px); aspect-ratio:1; border:1px solid rgba(15,147,188,.15); border-radius:50%; box-shadow:0 0 0 80px rgba(15,147,188,.025),0 0 0 160px rgba(144,231,25,.018); transform:translateY(-50%); }
.utility-hero .section-shell { position:relative; z-index:2; }
.utility-kicker { margin:0 0 18px; color:#0a9cca; font-size:.7rem; font-weight:900; text-transform:uppercase; }
.utility-hero h1 { max-width:970px; margin:0; font-size:clamp(3.5rem,7.6vw,9rem); line-height:.86; }
.utility-hero h1 span { color:#8adf18; }
.utility-hero .utility-lead { max-width:720px; margin:28px 0 0; color:#526c78; font-size:clamp(1rem,1.4vw,1.24rem); line-height:1.7; }
.utility-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.utility-signal { position:absolute; right:7vw; bottom:12vh; display:grid; width:150px; aspect-ratio:1; place-items:center; border:1px solid rgba(12,145,185,.3); border-radius:50%; }
.utility-signal::before,.utility-signal::after { content:""; position:absolute; border:1px solid rgba(12,145,185,.18); border-radius:50%; }
.utility-signal::before { inset:-38%; }
.utility-signal::after { inset:24%; border-color:rgba(144,231,25,.45); }
.utility-signal strong { color:#0a88b1; font-size:.66rem; text-transform:uppercase; }
.utility-links { padding:100px 0 120px; background:#fff; }
.utility-links h2 { margin:0 0 36px; font-size:clamp(2.4rem,4vw,4.8rem); }
.utility-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#c8dce2; border:1px solid #c8dce2; }
.utility-link-grid section { min-height:260px; padding:28px; background:#f4f9fa; }
.utility-link-grid h3 { margin:0 0 18px; font-size:1.05rem; }
.utility-link-grid a { display:flex; justify-content:space-between; gap:16px; padding:10px 0; color:#46616d; border-bottom:1px solid rgba(60,105,120,.14); font-size:.82rem; }
.utility-link-grid a::after { content:"+"; color:#72b80f; font-weight:900; }
.utility-link-grid a:hover { color:#078db7; }
.utility-reference { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:34px; }
.utility-reference article { padding:22px 0; border-top:2px solid #19bfe8; }
.utility-reference strong,.utility-reference span { display:block; }
.utility-reference span { margin-top:7px; color:#657c86; font-size:.76rem; line-height:1.5; }
@media(max-width:850px){.utility-link-grid{grid-template-columns:1fr 1fr}.utility-signal{display:none}}
@media(max-width:580px){.utility-main{padding-top:105px}.utility-hero{min-height:720px}.utility-hero h1{font-size:4rem}.utility-link-grid,.utility-reference{grid-template-columns:1fr}.utility-actions{display:grid}.utility-actions .button{width:100%}}