.quick-tiles .tile-ic{ width:52px; height:52px; border-radius:14px; background:linear-gradient(145deg,#eef4ff,#e4edfc); border:1px solid #dbe6f8; margin-bottom:10px; }
.quick-tiles .tile-ic svg{ display:block; width:32px; height:32px; }
.quick-tiles .tile-icon-accent{ color:#e86f2c; }
.quick-tiles .tile:hover .tile-ic,.quick-tiles .tile:focus-visible .tile-ic{ background:#dce9ff; border-color:#b9cef0; }
.home-services{ padding:64px 0 96px; }
.home-services .hero-grid{ grid-template-columns:1.08fr 1fr; gap:64px; }
.home-services h1{ font-size:clamp(2.5rem,4.2vw,3.45rem); line-height:1.12; letter-spacing:-.035em; }
.home-services .lede{ line-height:1.7; }
.home-services .hero-cta{ gap:12px; }
.home-services .btn{ padding:13px 20px; font-size:.88rem; gap:12px; }
.home-services .btn-primary{ background:var(--brand-orange-light); }
.home-services .btn-primary:hover{ background:#ffb58b; }
.home-services .hero-stats{ border-top:1px solid rgba(255,255,255,.15); padding-top:22px; gap:36px; }
.home-services .hero-stats .stat b{ font-size:1.15rem; }
.home-services .hero-stats .stat span{ color:#b5c8e5; }
.home-network-visual{ width:100%; max-width:520px; justify-self:center; }
.home-network-visual svg{ display:block; width:100%; height:auto; overflow:visible; }
.home-network-visual .connection-label{ font:500 11px var(--mono); letter-spacing:2px; }
.home-network-visual p{ margin:0; text-align:center; color:#b5c8e5; font-size:.8rem; letter-spacing:.02em; }
.network-visual{ position:relative; }
.network-brand{ fill:white; font:600 10px var(--mono); letter-spacing:1.5px; }
.network-caption{ fill:#a8c2e7; font-size:12px; font-weight:400; }
.network-orbit,.network-core-ring{ transform-origin:260px 235px; }
.network-orbit{ animation:network-rotate 36s linear infinite; }
.network-core-ring{ animation:network-rotate 18s linear infinite reverse; }
.network-packet{ stroke-width:3.5; stroke-dasharray:9 91; animation:network-flow 3.2s linear infinite; }
.network-packet-internet{ animation-delay:-1.6s; }
.network-hub-halo{ transform-origin:260px 235px; animation:network-breathe 4s ease-in-out infinite; }
.network-wifi{ animation:network-signal 3.2s ease-in-out infinite; }
@keyframes network-rotate{ to{ transform:rotate(360deg); } }
@keyframes network-flow{ from{ stroke-dashoffset:100; } to{ stroke-dashoffset:0; } }
@keyframes network-breathe{ 0%,100%{ transform:scale(1); opacity:.4; } 50%{ transform:scale(1.12); opacity:.8; } }
@keyframes network-signal{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }
@media(prefers-reduced-motion:reduce){
  .network-visual svg *{ animation:none !important; }
}
@media(max-width:1100px){
  .home-services .hero-grid{ gap:32px; }
}
@media(max-width:860px){
  .home-services{ padding:44px 0 78px; }
  .home-services .hero-grid{ grid-template-columns:1fr; gap:24px; }
  .home-services h1{ max-width:630px; }
  .home-services p.lede{ max-width:590px; }
  .home-network-visual{ max-width:380px; }
}
@media(max-width:420px){
  .home-services h1{ font-size:2.35rem; }
  .home-services .hero-cta{ flex-direction:column; align-items:stretch; }
  .home-services .hero-stats{ gap:18px; }
  .home-services .hero-stats .stat b{ font-size:1rem; }
  .home-services .hero-stats .stat span{ font-size:.65rem; }
  .home-network-visual{ max-width:310px; }
}