:root {
    --brand: #e60012;
    --brand-dark: #b9000e;
    --ink: #111318;
    --muted: #69707d;
    --line: #e9ebef;
    --soft: #f6f7f9;
    --white: #fff;
    --dark: #0d0f13;
    --radius: 18px;
    --shadow: 0 14px 45px rgba(17,19,24,.09);
    --transition: all .28s ease;
    --font-family: 'Inter', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-family); color: var(--ink); background: #fff; line-height: 1.65; overflow-x: hidden; }
a { text-decoration: none; }

.site-navbar { padding: 12px 0; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(17,19,24,.07); box-shadow: 0 4px 25px rgba(0,0,0,.05); backdrop-filter: blur(14px); }
.logo-only { display:flex; align-items:center; padding:0; }
.site-logo { height: 52px; width:auto; display:block; object-fit:contain; }
.nav-link { color:#343842 !important; font-size:.94rem; font-weight:600; padding:.65rem .9rem !important; border-radius:10px; transition:var(--transition); }
.nav-link:hover, .nav-link.active { color:var(--brand) !important; background:rgba(230,0,18,.06); }
.dropdown-menu { border:1px solid var(--line); border-radius:14px; padding:.5rem; box-shadow:var(--shadow); }
.dropdown-item { border-radius:9px; padding:.55rem .75rem; font-weight:500; }
.dropdown-item:hover { background:rgba(230,0,18,.06); color:var(--brand); }
.navbar-toggler { border:1px solid #ddd; padding:.45rem .65rem; }
.btn-brand { background:var(--brand); border:1px solid var(--brand); color:#fff !important; border-radius:11px; font-weight:700; padding:.72rem 1.25rem; box-shadow:0 8px 22px rgba(230,0,18,.20); transition:var(--transition); }
.btn-brand:hover { background:var(--brand-dark); border-color:var(--brand-dark); transform:translateY(-2px); box-shadow:0 12px 28px rgba(230,0,18,.28); }
.btn-outline-brand { color:var(--brand); border:1px solid rgba(230,0,18,.35); border-radius:11px; font-weight:700; padding:.72rem 1.25rem; }
.btn-outline-brand:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
.main-content { padding-top: 76px; }

.hero-section { min-height:calc(100vh - 76px); position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 75% 45%, rgba(230,0,18,.22), transparent 28%), linear-gradient(125deg,#090b0f 0%,#15181e 55%,#0a0c10 100%); }
.hero-section::after { content:""; position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(to right,black,transparent 80%); }
.hero-glow { position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
.hero-glow-one { width:320px;height:320px;background:rgba(230,0,18,.18);right:-80px;top:10%; }
.hero-glow-two { width:220px;height:220px;background:rgba(255,255,255,.05);left:35%;bottom:-100px; }
.hero-content,.hero-network-card { position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:10px; font-size:.76rem; letter-spacing:.28em; font-weight:800; color:#fff; margin-bottom:18px; }
.eyebrow span { width:32px;height:2px;background:var(--brand);display:inline-block; }
.eyebrow.dark { color:var(--brand); }
.hero-title { font-size:clamp(3rem,6vw,5.3rem); line-height:1.04; font-weight:800; letter-spacing:-.055em; max-width:850px; margin:0 0 24px; }
.hero-title strong { color:#ff2534; }
.hero-subtitle { max-width:650px; color:#c5c9d1; font-size:1.14rem; margin-bottom:30px; }
.hero-features { border-top:1px solid rgba(255,255,255,.13); padding-top:24px; max-width:700px; }
.feature-item { display:flex; gap:12px; align-items:center; }
.feature-item i { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(230,0,18,.14);color:#ff3341; }
.feature-item b,.feature-item small { display:block; }
.feature-item b { font-size:.9rem; }
.feature-item small { color:#9298a4; font-size:.75rem; }

.hero-network-card { min-height:470px; display:flex; align-items:center; justify-content:center; }
.signal-ring { position:absolute; border:1px solid rgba(255,255,255,.14); border-radius:50%; }
.ring-one { width:330px;height:330px; }
.ring-two { width:450px;height:450px;border-color:rgba(230,0,18,.18); }
.signal-core { width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff2534,#9f000b);box-shadow:0 0 70px rgba(230,0,18,.38), inset 0 0 0 1px rgba(255,255,255,.2);font-size:3.5rem;position:relative;z-index:2; }
.speed-card { position:absolute; right:3%;top:12%; z-index:3; background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);border-radius:16px;padding:17px 22px;min-width:190px; }
.speed-card span,.speed-card small { display:block;color:#aeb3bd;font-size:.7rem;letter-spacing:.15em; }
.speed-card strong { display:block;color:#fff;font-size:2rem;line-height:1.15; }
.network-pill { position:absolute;z-index:3;background:#fff;color:#17191f;padding:10px 16px;border-radius:999px;font-size:.8rem;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.22); }
.network-pill i { color:var(--brand);margin-right:7px; }
.pill-one { left:2%;bottom:20%; }.pill-two { right:2%;bottom:12%; }

.quick-services { background:#fff; position:relative; z-index:5; margin-top:-35px; }
.quick-card { height:100%;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:var(--transition); }
.quick-card:hover { transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(230,0,18,.2); }
.quick-card>i { width:44px;height:44px;border-radius:12px;background:rgba(230,0,18,.07);color:var(--brand);display:grid;place-items:center;font-size:1.1rem; }
.quick-card b,.quick-card small { display:block; }.quick-card b{font-size:.9rem}.quick-card small{color:var(--muted);font-size:.72rem;margin-top:2px;}

.services-section { background:#fff; }
.plans-section { background:var(--soft); }
.section-heading { max-width:760px; }
.section-heading.text-center { margin-left:auto;margin-right:auto; }
.section-title { font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;font-weight:800;letter-spacing:-.04em;margin:0 0 12px; }
.section-title strong { color:var(--brand); }
.section-subtitle { color:var(--muted);font-size:1rem;max-width:650px; }
.text-center .section-subtitle { margin-left:auto;margin-right:auto; }
.modern-card { text-align:left; border:1px solid var(--line);box-shadow:none;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden; }
.modern-card::after { content:"";position:absolute;right:-40px;bottom:-50px;width:140px;height:140px;border-radius:50%;background:rgba(230,0,18,.04); }
.modern-card:hover { transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(230,0,18,.15); }
.service-icon { width:54px;height:54px;border-radius:15px;background:rgba(230,0,18,.08);color:var(--brand);display:grid;place-items:center;margin:0 0 22px;font-size:1.3rem; }
.service-card h4 { font-size:1.35rem;font-weight:800;margin-bottom:10px; }.service-card p{color:var(--muted);margin-bottom:18px}.service-card a{color:var(--brand);font-weight:700;font-size:.9rem}.service-card a i{margin-left:6px;transition:var(--transition)}.service-card a:hover i{transform:translateX(4px)}

.plan-card { background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;height:100%;position:relative;box-shadow:0 7px 25px rgba(0,0,0,.04);transition:var(--transition); }
.plan-card:hover { transform:translateY(-6px);box-shadow:var(--shadow); }
.plan-card.featured { border:2px solid var(--brand); box-shadow:0 16px 45px rgba(230,0,18,.13); }
.plan-badge { position:absolute;top:0;right:24px;transform:translateY(-50%);background:var(--brand);color:#fff;padding:7px 13px;border-radius:999px;font-size:.68rem;font-weight:800; }
.plan-icon { width:46px;height:46px;border-radius:13px;background:rgba(230,0,18,.07);color:var(--brand);display:grid;place-items:center;margin-bottom:16px; }
.plan-card h4 { font-weight:800;font-size:1.25rem;margin-bottom:10px; }.plan-price{font-size:2.3rem;font-weight:800;letter-spacing:-.04em}.plan-price small{font-size:1rem;font-weight:700}.plan-price span{font-size:.8rem;color:var(--muted);font-weight:500;margin-left:4px}.plan-speed{color:var(--brand);font-weight:700;font-size:.9rem;margin-bottom:22px}.plan-card ul{list-style:none;padding:0;margin:0 0 25px}.plan-card li{padding:7px 0;color:#555d69;font-size:.88rem}.plan-card li i{color:var(--brand);margin-right:8px}

.cta-section { background:#fff; }.cta-box{background:linear-gradient(135deg,#111318,#1b1e25);border-radius:26px;padding:65px 30px;color:#fff;position:relative;overflow:hidden}.cta-box::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-150px;background:rgba(230,0,18,.18);filter:blur(5px)}.cta-box>*{position:relative;z-index:2}.cta-box h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;margin:0 0 12px}.cta-box p{color:#aeb3bd;margin-bottom:25px}

@media (max-width:991px){.site-logo{height:46px}.navbar-collapse{background:#fff;padding:15px;border-radius:14px;margin-top:10px;box-shadow:var(--shadow)}.hero-section{min-height:auto}.hero-title{font-size:3.5rem}.hero-network-card{min-height:390px}.quick-services{margin-top:0}.quick-card{padding:15px}}
@media (max-width:575px){.site-logo{height:42px}.main-content{padding-top:68px}.hero-title{font-size:2.65rem}.hero-subtitle{font-size:1rem}.hero-network-card{min-height:330px}.signal-core{width:105px;height:105px;font-size:2.4rem}.ring-one{width:230px;height:230px}.ring-two{width:310px;height:310px}.speed-card{top:3%;right:0;min-width:145px;padding:12px 14px}.speed-card strong{font-size:1.45rem}.network-pill{font-size:.7rem;padding:8px 12px}.pill-one{left:0;bottom:12%}.pill-two{right:0;bottom:3%}.cta-box{padding:45px 20px}}

/* Package grid: keep four cards per desktop row and center the remaining three. */
.package-grid { justify-content:center; }
.package-grid > [class*="col-"] { display:flex; }
.package-grid .package-card { width:100%; }

/* Shared page / legacy component refresh */
.page-header { background:linear-gradient(135deg,#f7f7f8,#fff) !important; border-bottom:1px solid var(--line); }
.page-header h1 { color:var(--ink); letter-spacing:-.04em; }
.bg-light { background:var(--soft) !important; }
.bg-primary { background:var(--dark) !important; }
.text-primary { color:var(--brand) !important; }
.btn-primary { background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; font-weight:700; border-radius:11px; }
.btn-primary:hover { background:var(--brand-dark) !important; border-color:var(--brand-dark) !important; }
.btn-outline-primary { color:var(--brand) !important; border-color:rgba(230,0,18,.35) !important; border-radius:11px; font-weight:700; }
.btn-outline-primary:hover { background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; }
.form-control,.form-select { border:1px solid #dfe2e7; border-radius:10px; padding:.72rem .9rem; }
.form-control:focus,.form-select:focus { border-color:rgba(230,0,18,.45); box-shadow:0 0 0 .2rem rgba(230,0,18,.08); }
.contact-card,.value-card,.feature-box,.team-card,.mission-card,.vision-card,.infrastructure-card { border:1px solid var(--line) !important; box-shadow:0 8px 25px rgba(0,0,0,.05) !important; border-radius:var(--radius) !important; }
.footer { background:var(--dark) !important; }
.footer h5,.footer .footer-title { color:#fff !important; font-weight:800; }
.footer p,.footer .text-muted { color:#9ca2ad !important; }
.footer a { color:#aeb3bd; transition:var(--transition); }.footer a:hover{color:#fff}
.footer .footer-links { list-style:none;padding:0;margin:0 }.footer .footer-links li{margin-bottom:8px}.footer hr{border-color:rgba(255,255,255,.1)}
.social-link { width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:inline-grid;place-items:center;margin-right:5px; }

/* ===== BroadFiber Modern UI Refresh ===== */
:root{
    --brand:#e60012;
    --brand-dark:#b9000e;
    --brand-soft:rgba(230,0,18,.07);
    --ink:#111318;
    --muted:#69707d;
    --line:#e8ebf0;
    --soft:#f7f8fa;
    --dark:#0a0c11;
    --dark-2:#11151c;
    --radius:20px;
    --shadow:0 18px 55px rgba(16,20,28,.10);
    --transition:all .25s ease;
}

body{background:#fff;color:var(--ink);}
.container{max-width:1240px;}

.site-topbar{
    position:fixed;z-index:1040;top:0;left:0;right:0;height:38px;
    background:#090b0f;color:#b9bec8;font-size:12px;border-bottom:1px solid rgba(255,255,255,.07);
}
.site-topbar .container{height:100%;}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px;white-space:nowrap;}
.topbar-left a,.topbar-right span{color:#b9bec8;text-decoration:none;}
.topbar-left a:hover{color:#fff;}
.topbar-left i,.topbar-right i{color:#ff3341;margin-right:6px;}

.site-navbar{
    top:38px !important;padding:10px 0;background:rgba(255,255,255,.94);
    border-bottom:1px solid rgba(17,19,24,.07);box-shadow:0 8px 30px rgba(0,0,0,.06);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.site-logo{height:50px;transition:var(--transition);}
.site-navbar .navbar-brand:hover .site-logo{transform:scale(1.025);}
.nav-link{font-size:.9rem;font-weight:700;letter-spacing:-.01em;padding:.65rem .85rem!important;}
.nav-link.active,.nav-link:hover{background:var(--brand-soft);}
.nav-cta{padding:.62rem 1.05rem!important;border-radius:12px!important;}
.dropdown-menu{margin-top:10px!important;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);}

.main-content{padding-top:114px;min-height:60vh;}

.hero-section{min-height:calc(100vh - 114px);background:radial-gradient(circle at 78% 42%,rgba(230,0,18,.25),transparent 27%),linear-gradient(135deg,#080a0e 0%,#14181f 56%,#090b0f 100%);}
.hero-title{letter-spacing:-.065em;}
.hero-network-card{min-height:500px;}

.quick-services{margin-top:-42px;background:transparent;}
.quick-card{border-radius:18px;box-shadow:0 14px 38px rgba(17,19,24,.09);padding:20px;background:rgba(255,255,255,.98);}

.section-heading,.section-intro{position:relative;}
.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(230,0,18,.14);background:var(--brand-soft);color:var(--brand);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.13em;}
.section-kicker i{font-size:.7rem;}
.section-title{letter-spacing:-.05em;}
.section-title strong{color:var(--brand);}

.service-card,.modern-card,.value-card,.team-card,.contact-card,.feature-box,.service-area-card,.mission-card,.vision-card,.infrastructure-card{
    border:1px solid var(--line)!important;border-radius:20px!important;background:#fff;
    box-shadow:0 8px 30px rgba(17,19,24,.045)!important;transition:var(--transition);
}
.service-card:hover,.value-card:hover,.team-card:hover,.contact-card:hover,.feature-box:hover,.service-area-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)!important;border-color:rgba(230,0,18,.14)!important;}

.plan-card{
    border:1px solid var(--line);border-radius:20px;padding:27px;background:#fff;
    box-shadow:0 8px 28px rgba(17,19,24,.05);transition:var(--transition);overflow:hidden;
}
.plan-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(230,0,18,.18);}
.plan-card.featured{border:2px solid var(--brand);box-shadow:0 18px 50px rgba(230,0,18,.12);}
.package-card{height:100%;display:flex;flex-direction:column;}
.package-card .plan-features{flex:1;}
.package-label{font-size:.67rem;font-weight:800;letter-spacing:.16em;color:#9097a4;margin-bottom:8px;}
.package-card h4{font-size:1.55rem;letter-spacing:-.04em;margin-bottom:5px;}
.package-card .plan-speed{margin-bottom:17px;}
.package-card ul{margin-bottom:22px;}
.plan-icon{box-shadow:inset 0 0 0 1px rgba(230,0,18,.05);}

.page-header{
    position:relative;overflow:hidden;padding:75px 0!important;color:#fff!important;
    background:radial-gradient(circle at 85% 35%,rgba(230,0,18,.22),transparent 25%),linear-gradient(135deg,#0a0c11,#171b22)!important;
    border:0!important;
}
.page-header:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-180px;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 35px rgba(255,255,255,.02),0 0 0 70px rgba(255,255,255,.015);}
.page-header .container{position:relative;z-index:1;}
.page-header h1{color:#fff!important;font-size:clamp(2.2rem,5vw,4rem)!important;letter-spacing:-.055em;}
.page-header .lead,.page-header p{color:#b6bcc7!important;max-width:700px;margin-left:auto;margin-right:auto;}

/* Generic content surfaces on inner pages */
section:not(.hero-section):not(.page-header){scroll-margin-top:120px;}
.bg-light{background:#f7f8fa!important;}
.shadow{box-shadow:0 12px 40px rgba(17,19,24,.07)!important;}
.rounded{border-radius:18px!important;}
.text-primary{color:var(--brand)!important;}
.text-success{color:#159447!important;}

.form-control,.form-select{border-radius:12px;border-color:#dfe3e9;min-height:48px;}
.form-control:focus,.form-select:focus{border-color:rgba(230,0,18,.45);box-shadow:0 0 0 .22rem rgba(230,0,18,.08);}
.btn{font-weight:700;}
.btn-primary,.btn-brand{box-shadow:0 9px 24px rgba(230,0,18,.18);}
.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:10px;}
.accordion-button{font-weight:700;padding:1.05rem 1.2rem;}
.accordion-button:not(.collapsed){color:var(--brand);background:var(--brand-soft);box-shadow:none;}

/* Policy pages */
.privacy-content .bg-white,.terms-content .bg-white,.refund-content .bg-white,.shipping-content .bg-white,.cancellation-content .bg-white{
    border:1px solid var(--line);border-radius:22px!important;box-shadow:0 14px 45px rgba(17,19,24,.06)!important;
}
.privacy-section,.terms-section,.refund-section,.shipping-section,.cancellation-section{padding-bottom:1.4rem;border-bottom:1px solid #edf0f3;}
.privacy-section:last-child,.terms-section:last-child,.refund-section:last-child,.shipping-section:last-child,.cancellation-section:last-child{border-bottom:0;}

/* Footer */
.footer{background:linear-gradient(135deg,#080a0e,#11151c)!important;color:#fff;padding:65px 0 0!important;margin-top:20px;}
.footer-main{display:grid;grid-template-columns:1.45fr .8fr .9fr .9fr 1.25fr;gap:36px;padding-bottom:45px;}
.footer-logo{height:52px;width:auto;object-fit:contain;background:#fff;border-radius:10px;padding:4px 8px;}
.footer-tagline{color:#e7e9ed;margin:17px 0 3px;font-weight:700;}
.footer-powered{color:#818997;font-size:.82rem;margin:0;}
.footer-title{color:#fff!important;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin:7px 0 18px;font-weight:800;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a,.footer-contact a,.footer-contact div{color:#9ca3af;text-decoration:none;font-size:.86rem;line-height:1.6;transition:var(--transition);}
.footer-links a:hover,.footer-contact a:hover{color:#fff;transform:translateX(2px);}
.footer-contact a,.footer-contact div{display:flex;gap:10px;margin-bottom:12px;}
.footer-contact i{width:18px;color:#ff3341;margin-top:4px;}
.footer-helpline{color:#fff!important;font-weight:700!important;}
.social-link{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;display:inline-grid;place-items:center;margin-right:5px;color:#d9dde4!important;transition:var(--transition);}
.social-link:hover{background:var(--brand);border-color:var(--brand);color:#fff!important;transform:translateY(-3px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#727a88;font-size:.78rem;}
.footer-bottom p{margin:0;}
.footer-bottom a{color:#8d95a3;text-decoration:none;margin-left:18px;}.footer-bottom a:hover{color:#fff;}

@media (max-width:991px){
    .site-topbar{height:34px;font-size:10px;}
    .topbar-left,.topbar-right{gap:10px;}
    .topbar-right{display:none;}
    .site-navbar{top:34px!important;}
    .main-content{padding-top:100px;}
    .navbar-collapse{margin-top:10px;padding:14px;border:1px solid var(--line);box-shadow:var(--shadow);}
    .nav-cta{display:inline-block;}
    .footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:30px;}
    .footer-contact{grid-column:span 3;}
}
@media (max-width:767px){
    .topbar-left a:first-child{display:none;}
    .topbar-left{gap:0;}
    .site-logo{height:43px;}
    .hero-title{font-size:2.75rem;}
    .hero-network-card{min-height:350px;}
    .quick-services{margin-top:0;}
    .page-header{padding:55px 0!important;}
    .footer-main{grid-template-columns:1fr 1fr;}
    .footer-brand-block,.footer-contact{grid-column:span 2;}
    .footer-bottom{display:block;text-align:center;}.footer-bottom div{margin-top:8px;}.footer-bottom a{margin:0 8px;}
}
@media (max-width:575px){
    .topbar-left a{font-size:9px;}
    .main-content{padding-top:96px;}
    .hero-title{font-size:2.35rem;}
    .section-title{font-size:2rem;}
    .plan-card{padding:23px;}
    .footer-main{grid-template-columns:1fr;}.footer-brand-block,.footer-contact{grid-column:auto;}
}