*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color-primary:#5A4552;--color-primary-dark:#4A3542;--color-text:#1a1a1a;--color-text-light:#666;--color-bg:#ffffff;--color-bg-dark:oklch(.37 .013 285.805);--color-bg-darker:oklch(.274 .006 286.033);--font-size-base:16px;--font-size-lg:1.25rem;--font-size-sm:0.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--max-width:1200px;--border-radius:4px;--transition:200ms ease-in-out}@keyframes hero-fade-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rule-expand{from{width:0}to{width:5rem}}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{color:var(--color-text);background:var(--color-bg);min-height:100svh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,roboto,helvetica neue,Arial,sans-serif}h1,h2,h3,.btn{font-family:anta,sans-serif}a{color:#94194a}.more-link::after{content:" →";display:inline-block;transition:transform .2s ease;transform:translateX(4px)}.more-link:hover::after{transform:translateX(6px)}.callout-light{color:#3b82f6;background-color:#eff6ff;padding:.5rem 2rem;border-radius:9999px}.callout-regular{}.callout-heavy{color:#3b82f6;background-color:#eff6ff;padding:.5rem 2rem;border-radius:9999px}body>header{border-bottom:1px solid #eee;rs-contact { background-color: #3F3F47; box-shadow: 0 0px 35px rgba(255, 60, 60, 0.14), 0 0px 70px rgba(255, 60, 60, 0.10); display: block; > div { max-width: 87.5rem; margin: 0 auto; padding: 1rem; font-weight: 300; display: flex; gap: 2rem; } a { color: white; text-decoration: none; display: flex; align-items: center; > img { width: 1rem; height: 1rem; margin-right: 0.25rem; filter: brightness(0) invert(1); } &:hover { text-decoration: underline; } } a:first-child { margin-right: auto; } } rs-navigation { display: block; > div { display: flex; justify-content: space-between; align-items: center; padding: 1rem; max-width: 87.5rem; margin: 0 auto; } .nav-toggle { display: none; } nav { display: flex; align-items: center; gap: 1.75rem; a { text-decoration: none; color: black; font-weight: 500; font-family: 'Anta', sans-serif; &:hover { text-decoration: underline; } &:last-of-type { > img { width: 1rem; height: 1rem; margin-right: 0.25rem; filter: brightness(0) invert(1); } background: #3F3F47; display: flex; align-items: center; color: white; padding: 0.5rem 1rem 0.5rem 0.75rem; border-radius: 0.25rem; border: 1px solid #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: box-shadow 0.8s 0.1s ease; &:active { transform: scale(0.98); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } &:hover { text-decoration: none; } } } } }}.site-logo{height:3.5rem}@media(max-width:48rem){body>header{rs-contact { a:nth-child(1) > span, a:nth-child(2) > span { display: none; } > div { justify-content: center; gap: 1.5rem; padding: 0.75rem 1rem; } a:first-child { margin-right: 0; } } rs-navigation { > div { position: relative; } .nav-toggle { display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; padding: 0.5rem; -webkit-tap-highlight-color: transparent; > img { width: 1.5rem; height: 1.5rem; } } nav { position: absolute; top: 100%; right: 0; z-index: 100; width: 66.67%; flex-direction: column; align-items: stretch; gap: 0; padding: 0.5rem 0; background: white; border: 1px solid #eee; border-top: none; border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); opacity: 0; transform: translateY(-0.5rem); pointer-events: none; transition: opacity var(--transition), transform var(--transition); } nav a { padding: 0.75rem 1.5rem; &:last-of-type { border-radius: 0.25rem; margin: 0.5rem 1rem; justify-content: center; } } .nav-toggle[aria-expanded="true"] ~ nav { opacity: 1; transform: translateY(0); pointer-events: auto; } }}}main{grid-column:full-width}rs-grid{max-width:87.5rem;margin:auto;padding:1rem;display:grid;grid-template-columns:repeat(24,1fr);gap:1rem}body>footer{background:var(--color-bg-dark);margin-top:auto;color:#e4e4e7;a { color: #E4E4E7; text-decoration: none; &:hover { text-decoration: underline; } } rs-contact { grid-column: span 24; @media (min-width: 48rem) { grid-column: span 9; } padding: 4rem 0; > p:first-of-type { font-size: 0.875rem; font-weight: bold; font-style: italic; max-width: 38ch; opacity: 0.5; margin: 1rem 0; } > div { display: flex; flex-direction: column; align-items: start; > * { display: flex; align-items: center; justify-content: start; margin: 0.25rem 0; } a[href*="maps"], a[href^="tel"], a[href*="facebook"] { color: #ffffff; text-decoration: none; &:hover { text-decoration: underline; } } a[href*="maps"]::before, a[href^="tel"]::before, a[href*="facebook"]::before, > p::before { content: ""; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.5rem; flex-shrink: 0; filter: brightness(0) invert(1); } a[href*="maps"]::before { background: url("/svg/hero-map-pin.svg") center/contain no-repeat; } a[href^="tel"]::before { background: url("/svg/hero-phone.svg") center/contain no-repeat; } a[href*="facebook"]::before { background: url("/svg/cust-facebook.svg") center/contain no-repeat; } > p::before { background: url("/svg/hero-time.svg") center/contain no-repeat; } } } rs-menus { grid-column: span 24; display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between; padding: 2rem 0 4rem; @media (min-width: 48rem) { grid-column: span 15; flex-wrap: nowrap; justify-content: space-around; padding: 4rem 0; } nav { min-width: 8rem; } p { text-transform: uppercase; margin: 1rem 0; font-weight: 500; opacity: 0.5; font-size: 0.875rem; font-family: 'Anta', sans-serif; } ul { list-style: none; padding: 0 0 0 1rem; margin: 0; border-left: 1px solid #71717B; font-size: 0.875rem; li { margin: 1rem 0; } } } rs-legal { display: block; background-color: var(--color-bg-darker); p { font-size: 0.875rem; } a + a { border-left: 1px solid #71717B; margin-left: 0.5rem; padding-left: 0.5rem; } > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.5rem; min-height: 2rem; max-width: 87.5rem; margin: auto; padding: 1rem; } }}rs-fixed-wireless-plans{display:block;border-radius:.5rem;margin:4rem 0;padding:4rem 1rem;h2 { font-size: 2.5rem; } h3 { font-size: 3rem; } > section > p:first-of-type { margin: 1rem 0 4rem; font-size: 1.5rem; } > section { margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .cta-buttons { display: flex; flex-direction: column; align-items: center; a:first-of-type { background-color: #98174B; color: #f5eaee; text-decoration: none; padding: 1rem 2rem; border-radius: 0.5rem; display: inline-block; margin: 1rem 0; transition: .1s 0s; box-shadow: 2px 2px 6px #94194a33,2px 2px 12px #94194a33; } } > section > div:first-of-type { display: grid; grid-template-columns: 1fr; gap: 1.5rem; width: 100%; @media (min-width: 48rem) { grid-template-columns: 1fr 1fr 1fr; gap: 0; } } > section > div:first-of-type > div { background: linear-gradient(135deg, #C10547 0%, #7e2c62 100%); color: white; display: flex; flex-direction: column; align-items: start; box-shadow: 1px 2px 4px rgba(0,0,0,0.25), 1px 2px 32px rgba(0,0,0,0.25); border-radius: 0.5rem; margin: 2rem 0; p:first-of-type { font-size: 1.25rem; font-weight: 800; margin: 0.5rem 0; } p:last-of-type { font-size: 0.875rem; } a { background: white; display: flex; align-items: center; color: black; padding: 0.5rem 1rem 0.5rem 0.75rem; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; text-decoration: none; transition: box-shadow 0.8s 0.1s; margin-top: auto; } } > section > div:first-of-type > div:first-child, > section > div:first-of-type div:nth-of-type(2), > section > div:first-of-type div:last-child { padding: 2.5rem 2rem; min-height: auto; } @media (min-width: 48rem) { > section > div:first-of-type > div:first-child { padding: 4rem 4rem 4rem 3rem; } > section > div:first-of-type div:nth-of-type(2) { transform: scale(1.1); box-shadow: 1px 2px 4px rgba(0,0,0,0.25), 1px 2px 32px rgba(0,0,0,0.25); padding: 4rem 3rem; } > section > div:first-of-type div:last-child { padding: 4rem 2rem 4rem 6rem; } > section > div:first-of-type > div { min-height: 480px; } } > div > p { max-width: 68ch; font-size: 1.25rem; }}.content{width:100%;max-width:87.5rem;margin:0 auto;padding:0 1rem;> header { h1 { font-size: 3rem; margin: 2rem 0; } p { margin: 1rem 0; font-size: 1.25rem; } } > div { flex: 1; }}.prose{max-width:80ch;padding:4rem 1rem;p { margin: 1rem 0; line-height: 1.75; } h2, h3 { margin: 3rem 0 1rem; }}.frequently-asked-questions{h2 { font-size: 2rem; } > div { margin: 4rem 1rem; gap: 2rem; display: grid; grid-template-columns: repeat(12, 1fr); div:first-of-type { grid-column: span 5; } div:last-of-type { grid-column: span 7; } }}.faq-item{margin:2rem 0;h3 { font-size: 1rem; margin: 0.5rem 0; }}.service-map{width:100%;height:80svh;border-radius:.5rem;border:none;margin:2rem 0;box-shadow:1px 1px 4px rgba(0,0,0,.2),1px 1px 16px rgba(0,0,0,.2)}.summary{margin:2rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:2rem 0;text-align:center}.hero-cover{border-radius:.5rem;margin:1rem 0;width:100%;height:600px;overflow:hidden}.hero-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.jobs{padding:2rem 1rem;> h1 { font-size: 2.5rem; margin-bottom: 2rem; }}.job-listings{display:grid;gap:1.5rem}.job-listing{border:1px solid #eee;border-radius:.5rem;padding:1.5rem 2rem;h2 { font-size: 1.5rem; margin: 0 0 0.5rem; a { text-decoration: none; color: var(--color-text); &:hover { text-decoration: underline; } } } > p { margin: 0.5rem 0; color: var(--color-text-light); } > a { font-weight: 500; }}.job-meta{display:flex;gap:1rem;color:var(--color-text-light);font-size:var(--font-size-sm)}.no-jobs{padding:3rem 0;color:var(--color-text-light);font-size:var(--font-size-lg)}.blog{display:flex;> div { order: 1; } aside { order: 0; width: 200px; border-right: 1px solid #eee; margin-right: 2rem; }}.articles{margin:0 auto;position:relative;display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0;@media(min-width:30rem){grid-template-columns: repeat(2,1fr);}@media(min-width:48rem){grid-template-columns: repeat(3,1fr);}article { h2 { font-size: 1rem; } p { font-size: 0.875rem; } img { aspect-ratio: 16 / 9; object-fit: cover; overflow: hidden; border-radius: 0.5rem; width: 100%; height: auto; } }}.home .articles{padding:1rem 1rem 4rem;margin:4rem 0;border-radius:.5rem;border:2px solid #e0e0e0;a { &:first-child { text-decoration: none; margin: 0.5rem 0; } &:last-child { display: flex; align-items: center; } } p { margin: 0.5rem 0; } .more-articles { position: absolute; right: 2rem; bottom: -2.25rem; padding: 0.5rem 2rem; background-color: #98174B; color: #f5eaee; text-decoration: none; padding: .5rem 2rem; border-radius: 0.5rem; display: inline-block; margin: 1rem 0; transition: .1s 0s; box-shadow: 2px 2px 6px #94194a33,2px 2px 12px #94194a33; > img { width: 1.25rem; height: 1.25rem; color: white; margin-right: 0.5rem; filter: brightness(0) invert(1); } }}.article{max-width:64rem;margin:0 auto;time { text-align: center; display: block; } .prose { margin: 0 auto; padding-top: 2rem; } article { img:first-child { margin: 3rem 0; border-radius: 0.25rem; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: auto; } h1 { font-size: 2.5rem; text-align: center; margin: 1rem 0; } }}.content.faqs{display:flex;padding:2rem 0;> div { padding: 1rem; order: 2; } aside { order: 1; width: 20rem; padding: 1rem; > div { background: #C10547; color: white; position: sticky; top: 2rem; border: 1px solid #eee; border-radius: 0.5rem; padding: 1.5rem; margin: 1rem 0; h2 { font-size: 1.25rem; margin: 0 0 0.75rem; } p { font-size: 0.9rem; line-height: 1.5; margin: 0.5rem 0; opacity: 0.9; } .aside-phone { display: flex; align-items: center; gap: 0.5rem; margin: 1rem 0; opacity: 1; img { filter: brightness(0) invert(1); } a { display: inline; background: none; color: white; padding: 0; margin: 0; box-shadow: none; font-family: 'Anta', sans-serif; font-size: 1.1rem; text-decoration: underline; &:active { transform: none; } } } a { background: white; display: block; color: black; padding: 0.5rem 1rem; border-radius: 0.25rem; text-align: center; text-decoration: none; font-family: "Anta"; margin: 1rem 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.1s ease, box-shadow 0.1s ease; &:active { transform: scale(0.98); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } } } }}@media(max-width:48rem){.content.faqs{flex-direction:column;> div { order: 1; } aside { order: 2; width: 100%; > div { position: static; } }}}.information{padding:4rem 1rem;.info-icon { width: 2rem; height: 2rem; margin-bottom: -1rem; border-radius: 9999px; padding: 0.5rem; box-sizing: content-box; } > div { max-width: 84ch; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } > div > p { font-size: 1.5rem; margin: 2rem 0; } > div > a { color: #3b82f6; background-color: #eff6ff; padding: 0.5rem 2rem; border-radius: 9999px; text-transform: uppercase; text-decoration: none; &:hover { background-color: #dbeafe; } }}rs-business-class,rs-community-tech-center{section { border: 1px solid #eee; margin: 4rem 0rem; color: white; background: #3F3F47; border-radius: 0.5rem; display: flex; overflow: hidden; h2 { margin: 2rem 0; } > div { > img:first-of-type { max-width: 8rem; } text-align: center; padding: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } }}.technology-center{border:1px solid #eee;margin:4rem 0;color:#fff;background:#3f3f47}.plans-page{max-width:84rem;margin:0 auto;padding:2rem 1rem}.page-header{text-align:center;margin-bottom:3rem;h1 { font-size: 3rem; margin-bottom: 1rem; } .intro { font-size: 1.25rem; color: #666; max-width: 48rem; margin: 0 auto; }}.plans-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:.75rem;padding:2rem;transition:transform .2s,box-shadow .2s;&:hover { border-color:#94194A; }}.plan-header{border-bottom:2px solid #94194a;padding-bottom:1rem;margin-bottom:1.5rem;h2 { font-size: 1.75rem; margin: 0 0 0.5rem 0; }}.plan-price{.price { font-size: 2.5rem; font-weight: bold; color: #94194A; } .period { font-size: 1.25rem; color: #666; }}.plan-speeds{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f8f8;border-radius:.5rem}.speed-item{text-align:center;strong { display: block; font-size: 1.5rem; color: #94194A; margin-bottom: 0.25rem; } span { font-size: 0.875rem; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }}.plan-features{list-style:none;padding:0;margin:1.5rem 0;li { padding: 0.5rem 0; padding-left: 1.5rem; position: relative; &:before { content: "✓"; position: absolute; left: 0; color: #94194A; font-weight: bold; } }}.plan-description{color:#666;line-height:1.6;margin:1.5rem 0}.plan-actions{display:flex;gap:1rem;margin-top:1.5rem;a { flex: 1; text-align: center; padding: 0.875rem 1.5rem; border-radius: 0.5rem; text-decoration: none; font-weight: 600; transition: all 0.2s; }}.button-primary{background:#94194a;color:#fff;&:hover { background:#7a1440; } &:active { transform:scale(0.98); box-shadow:0 1px 2px rgba(0,0,0,0.15); }}.button-secondary{background:#fff;color:#94194a;border:2px solid #94194a;&:hover { background:#94194A; color:white; }}.plans-footer{text-align:center;padding:2rem;background:#f8f8f8;border-radius:.75rem;p { margin: 0.5rem 0; } a { color: #94194A; font-weight: 600; }}.plan-detail{max-width:84rem;margin:0 auto;padding:2rem 1rem}.plan-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2rem 0;@media(max-width:968px){grid-template-columns: 1fr; gap: 2rem;}}.plan-content-side{h1 { font-size: 3rem; margin-bottom: 1rem; color: #94194A; }}.plan-hero{background:linear-gradient(135deg,#94194A 0%,#7a1440 100%);color:#fff;padding:2rem;border-radius:.75rem;margin-bottom:2rem}.price-box{margin-bottom:1rem;.price { font-size: 3.5rem; font-weight: bold; } .period { font-size: 1.5rem; opacity: 0.9; }}.speed-highlight{font-size:1.5rem;font-weight:600;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.plan-content{font-size:1.125rem;line-height:1.8;color:#444;margin:2rem 0}.features-list{background:#f8f8f8;padding:2rem;border-radius:.75rem;margin:2rem 0;h3 { margin-top: 0; color: #94194A; } ul { list-style: none; padding: 0; li { padding: 0.75rem 0; padding-left: 2rem; position: relative; &:before { content: "→"; position: absolute; left: 0; color: #94194A; font-weight: bold; font-size: 1.25rem; } } }}.button-cta{display:inline-block;background:#94194a;color:#fff;padding:1.25rem 3rem;border-radius:.5rem;text-decoration:none;font-size:1.25rem;font-weight:600;transition:all .2s;&:hover { background:#7a1440; } &:active { transform:scale(0.98); box-shadow:0 1px 2px rgba(0,0,0,0.15); }}.broadband-label-side{position:sticky;top:2rem;.label-intro { text-align: center; margin-bottom: 1rem; h2 { font-size: 1.25rem; margin: 0 0 0.25rem 0; color: #666; } p { font-size: 0.875rem; color: #999; margin: 0; } }}.broadband-facts-label{border:8px solid #000;background:#fff;font-family:-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;padding:2rem;.label-header { border-bottom: 16px solid #000; padding-bottom: 0.5rem; margin-bottom: 1rem; h2 { font-size: 2.5rem; font-weight: 900; margin: 0 0 0.5rem 0; line-height: 1; } .provider-name, .plan-name { font-size: 1.125rem; font-weight: 600; margin: 0.25rem 0; } .plan-type { font-size: 0.875rem; margin: 0.25rem 0; color: #666; } } .label-section { margin: 1.5rem 0; h3 { font-size: 1.125rem; font-weight: 700; margin: 0 0 0.5rem 0; text-transform: uppercase; letter-spacing: 0.5px; } .highlight-price { font-size: 2rem; font-weight: 900; margin: 0.5rem 0; } } .label-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; tr { border-bottom: 1px solid #ddd; &:last-child { border-bottom: none; } } td { padding: 0.5rem 0; &:first-child { padding-right: 1rem; } &:last-child { text-align: right; font-weight: 600; } } strong { font-weight: 700; } } .acp-notice { background: #fffbea; border: 2px solid #f59e0b; padding: 1rem; border-radius: 0.25rem; } .label-footer { border-top: 4px solid #000; padding-top: 1rem; margin-top: 1.5rem; font-size: 0.75rem; color: #666; p { margin: 0.5rem 0; } a { color: #0066cc; text-decoration: underline; } }}.plan-cta-bottom{display:flex;gap:1rem;justify-content:center;margin:3rem 0;padding-top:3rem;border-top:2px solid #e0e0e0;a { padding: 1rem 2rem; border-radius: 0.5rem; text-decoration: none; font-weight: 600; transition: all 0.2s; }}