.hero-fiber-heading{padding:12px 12px 0}.hero-fiber-heading h2{font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.25;color:#0a2540}.hero-fiber-heading p{font-size:12px;color:#64748b;line-height:1.6;margin-top:8px}.hero-fiber-scene{position:relative;aspect-ratio:1;background:white;isolation:isolate}.hero-fiber-scene img{display:block;width:100%;height:100%;object-fit:contain}.hero-fiber-scene svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-fiber-hub{position:absolute;left:50%;top:86%;transform:translate(-50%,-50%);padding:6px 10px;border:1px solid #8dc8e2;border-radius:8px;background:#f3fcff;color:#094b92;font-size:10px;font-weight:800;box-shadow:0 0 14px #38bdf833;white-space:nowrap}.hero-fiber-provider{position:absolute;top:94%;font-size:11px;font-weight:800;color:#094b92}.hero-fiber-left{left:4%}.hero-fiber-right{right:4%;color:#007e92}.hero-fiber-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:0 10px;color:#64748b;font-size:11px}.hero-fiber-footer button{min-height:44px;padding:8px;border-radius:8px;color:#094b92;font-weight:700;white-space:nowrap}.hero-fiber-footer button:hover{background:#eff6ff}.hero-fiber-footer button:focus-visible{outline:2px solid #0284c7;outline-offset:2px}@media(max-width:360px){.hero-fiber-footer{flex-wrap:wrap;gap:0}.hero-fiber-heading{padding:8px 8px 0}.hero-fiber-hub{font-size:9px;padding:4px 8px}}