/* Broadband page only: a small branded router and slow, growing Wi-Fi signal. */
.bb-page .bb-header-router{display:block;position:relative;flex:0 0 124px;width:124px;height:86px;margin-inline:0;text-decoration:none;border-radius:14px;outline-offset:4px;-webkit-tap-highlight-color:transparent}
.bb-page .bb-header-router:focus-visible{outline:2px solid #61e4f2}
.bb-page .bb-router-visual{display:block;position:relative;width:154px;height:102px;filter:drop-shadow(0 5px 7px #0005)}
.bb-page .bb-router-wifi{position:absolute;top:0;left:39px;width:76px;height:49px;color:#55deed;overflow:visible}
.bb-page .bb-wifi-arc{opacity:.18;animation:bb-wifi-build 5s ease-in-out infinite}
.bb-page .bb-wifi-middle{animation-delay:.65s}
.bb-page .bb-wifi-outer{animation-delay:1.3s}
.bb-page .bb-router-antenna{position:absolute;top:34px;width:7px;height:42px;border:1px solid #c3d1de;border-radius:5px;background:linear-gradient(90deg,#aabac8,#fff 48%,#d5e2ec);transform-origin:bottom center}
.bb-page .bb-router-antenna-left{left:23px;transform:rotate(-12deg)}
.bb-page .bb-router-antenna-right{right:23px;transform:rotate(12deg)}
.bb-page .bb-router-case{position:absolute;left:16px;right:16px;top:60px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe7f1;border-bottom:5px solid #aebfce;border-radius:10px 10px 13px 13px;background:linear-gradient(170deg,#fff 10%,#f6faff 60%,#dce7ef);box-shadow:inset 0 1px 0 #fff,0 8px 13px #0003;transform:perspective(250px) rotateX(9deg)}
.bb-page .bb-router-case img{display:block;width:52px;height:29px;object-fit:contain;mix-blend-mode:multiply;margin-top:-1px}
.bb-page .bb-router-leds{position:absolute;bottom:3px;right:11px;display:flex;gap:3px}
.bb-page .bb-router-leds i{display:block;width:3px;height:3px;border-radius:50%;background:#18ad83;box-shadow:0 0 3px #10cda6a0}
.bb-page .bb-router-leds i:nth-child(2){background:#27a9da}
.bb-page .bb-router-leds i:last-child{background:#d8a43c}
@keyframes bb-wifi-build{0%,10%{opacity:.18;filter:none}28%,62%{opacity:1;filter:drop-shadow(0 0 3px #46dce96b)}85%,100%{opacity:.18;filter:none}}
@media(min-width:761px) and (max-width:1050px){.bb-page .bb-header-router{flex-basis:114px;width:114px;height:81px}.bb-page .bb-header-router .bb-router-visual{transform:scale(.74);transform-origin:top left}.bb-page .site-header nav{gap:16px}}
@media(max-width:760px){.bb-page .header-inner{gap:10px}.bb-page .site-header .brand{width:110px;flex:0 0 110px}.bb-page .bb-header-router{flex:0 0 94px;width:94px;height:67px;margin-left:auto;margin-right:0}.bb-page .bb-header-router .bb-router-visual{transform:scale(.61);transform-origin:top left}.bb-page .menu-toggle{gap:7px;padding:8px;font-size:10px;flex-shrink:0}}
@media(max-width:360px){.bb-page .site-header .brand{width:96px;flex-basis:96px}.bb-page .bb-header-router{flex-basis:82px;width:82px;height:60px}.bb-page .bb-header-router .bb-router-visual{transform:scale(.53)}.bb-page .header-inner{gap:7px}}
@media(prefers-reduced-motion:reduce){.bb-page .bb-wifi-arc{animation:none;opacity:1;filter:none}}

.bb-page .header-inner{gap:22px}.bb-page .site-header nav{margin-left:auto}.bb-page .bb-header-router>.bb-router-visual{transform:scale(.8);transform-origin:top left}
.bb-page .bb-hero-router{position:absolute;right:max(30px,calc((100vw - 1600px)/2));bottom:80px;width:215px;height:143px;z-index:2;border-radius:18px;outline-offset:4px}.bb-page .bb-hero-router>.bb-router-visual{transform:scale(1.4);transform-origin:top left}.bb-page .bb-hero-router .bb-router-wifi{color:#007f9e}.bb-page .bb-hero-router:focus-visible{outline:2px solid #007f9e}
.bb-page .bb-connection-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px}.bb-page .connection-form .bb-connection-title h3{margin:0;flex:1}.bb-page .bb-form-router{display:block;flex:0 0 83px;width:83px;height:55px}.bb-page .bb-form-router>.bb-router-visual{transform:scale(.54);transform-origin:top left;filter:drop-shadow(0 3px 4px #233d5b24)}.bb-page .bb-form-router .bb-router-wifi{color:#0085a5}
@media(min-width:761px) and (max-width:1050px){.bb-page .header-inner{gap:12px}.bb-page .bb-header-router>.bb-router-visual{transform:scale(.74)}}
@media(max-width:760px){.bb-page .header-inner{gap:10px}.bb-page .menu-toggle{order:3}.bb-page .bb-header-router{order:2}.bb-page .site-header nav{margin-left:0}.bb-page .bb-header-router>.bb-router-visual{transform:scale(.61)}.bb-page .bb-hero-router{right:18px;bottom:43px;width:103px;height:69px}.bb-page .bb-hero-router>.bb-router-visual{transform:scale(.67)}.bb-page .bb-connection-title{gap:8px}.bb-page .bb-form-router{flex-basis:73px;width:73px;height:49px}.bb-page .bb-form-router>.bb-router-visual{transform:scale(.47)}}
@media(max-width:360px){.bb-page .bb-header-router>.bb-router-visual{transform:scale(.53)}.bb-page .header-inner{gap:7px}}

/* The hero router replaces the New Connection button beside Find your plan. */
.bb-page .bb-hero .bb-actions{align-items:center;gap:22px}.bb-page .bb-hero-router{position:relative;inset:auto;width:154px;height:auto;flex:0 0 154px;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 0 5px;border-radius:14px;text-decoration:none}.bb-page .bb-hero-router>.bb-router-visual{height:96px;transform:scale(.94);transform-origin:top center;filter:drop-shadow(0 4px 5px #17395e25)}.bb-page .bb-router-caption{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;padding:7px 12px;border:1px solid #a8c9db;border-radius:8px;background:#ffffffeb;color:#163f61;font-size:12px;line-height:1.5;font-weight:750;box-shadow:0 3px 8px #17395e0c}.bb-page .bb-hero-router:hover .bb-router-caption{background:#e9faff;border-color:#0085a5}.bb-page .bb-hero-router:focus-visible{outline:2px solid #007f9e;outline-offset:4px}
@media(max-width:760px){.bb-page .bb-hero .bb-actions{gap:15px}.bb-page .bb-hero-router{inset:auto;width:130px;height:auto;flex-basis:130px}.bb-page .bb-hero-router>.bb-router-visual{height:82px;transform:scale(.79);transform-origin:top center}.bb-page .bb-router-caption{font-size:11px;padding:6px 9px;gap:8px}}