:root{--smd-navy:#071a33;--smd-blue:#176ed2;--smd-sky:#74bdff;--smd-ink:#102139;--smd-line:#dfe7f1}
.internet-page{background:#f7f9fc;color:var(--smd-ink)}
.internet-hero{position:relative;isolation:isolate;min-height:650px;padding:0;background:#e9f2fb;overflow:hidden;display:flex;align-items:center}
.internet-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/img/smd-internet-premium-hero-v2.png') center/cover no-repeat}
.internet-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,251,255,.99) 0%,rgba(247,251,255,.93) 39%,rgba(247,251,255,.35) 64%,rgba(5,22,43,.10) 100%)}
.internet-hero-grid{width:100%;grid-template-columns:minmax(0,600px) minmax(340px,420px);justify-content:space-between;align-items:center;padding-top:80px;padding-bottom:84px}
.internet-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1765bd;letter-spacing:.16em;font-size:11px}.internet-eyebrow:before{content:"";width:25px;height:2px;background:#176ed2}
.internet-hero h1{font-size:58px;line-height:1.08;letter-spacing:-3.4px;margin:16px 0 23px;color:#071a33}.internet-hero h1 em{color:#176ed2}.internet-hero p{max-width:525px;color:#42536a;font-size:18px;line-height:1.75}
.hero-ctas{margin-top:31px}.internet-primary,.internet-secondary{min-height:54px;border-radius:12px;padding:16px 23px}.internet-primary{background:linear-gradient(135deg,#0d58b2,#1985e7);box-shadow:0 12px 28px rgba(18,105,211,.22)}.internet-secondary{border-color:#bac9da;background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.hero-points{gap:10px;margin-top:26px}.hero-points span{background:rgba(255,255,255,.76);border:1px solid rgba(182,201,222,.72);border-radius:999px;padding:8px 12px;color:#334760;backdrop-filter:blur(8px)}
.benefit-card{border:1px solid rgba(255,255,255,.55);border-radius:26px;padding:33px;background:linear-gradient(145deg,rgba(8,30,57,.94),rgba(15,69,126,.89));box-shadow:0 28px 70px rgba(3,24,47,.28);backdrop-filter:blur(14px);color:white}.benefit-card small{color:#8fc9ff}.benefit-card p,.benefit-card span{color:#ccdaea}.benefit-card strong{color:white}.benefit-card b{font-size:31px;color:#8dccff;margin:10px 0}
.reason-strip{position:relative;z-index:2;margin-top:-34px;background:transparent}.reason-strip>.wrap{background:#fff;border:1px solid #e4eaf2;border-radius:20px;box-shadow:0 18px 46px rgba(16,43,75,.10);overflow:hidden}.reason-strip div div{padding:24px}.reason-strip b{font-size:11px;color:#4c8fd5}.reason-strip strong{font-size:15px;color:#102139}.reason-strip span{line-height:1.5}
.compare-section{padding-top:100px;padding-bottom:110px}.compare-head h2{font-size:42px;letter-spacing:-2px}.compare-head p{font-size:16px}.policy-date{border-radius:12px;background:#fff;border:1px solid #e1e8f0;padding:12px 15px;box-shadow:0 7px 20px rgba(18,43,71,.05)}
.carrier-tabs{gap:12px;margin-top:34px}.carrier-tabs button{background:#fff;border:1px solid #e0e7f0;border-radius:16px;box-shadow:0 6px 20px rgba(17,41,68,.045);transition:.22s ease}.carrier-tabs button:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(17,41,68,.10)}.carrier-tabs button.active{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,87,158,.14)}
.carrier-logo{border:1px solid #edf1f6}.speed-filter{margin-top:22px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:16px 18px}.speed-filter button{border-radius:999px}.speed-filter button.active{background:#102e55;box-shadow:none}
.plan-summary{margin-top:28px;border-radius:18px;background:linear-gradient(135deg,#0b2342,#164d86);color:#fff;padding:24px 28px}.plan-summary span,.plan-summary p{color:#b8d2ed}.plan-summary h3{color:#fff}
.plan-grid{gap:16px}.plan-card{border:1px solid #e0e7f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 28px rgba(12,38,69,.055);transition:.22s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(12,38,69,.11)}.plan-card.best{border-color:#5b9ee7!important;box-shadow:0 16px 38px rgba(26,113,207,.13)}
.compare-notice{border-radius:16px;background:#eef4fa;border:0;padding:22px 24px}.hello-coverage{border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(20,44,73,.06)}
.consult-banner{background:#081d38;position:relative;overflow:hidden}.consult-banner:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-280px;background:radial-gradient(circle,#227fd488,transparent 68%)}.consult-banner>.wrap{position:relative}.consult-banner h2{font-size:40px}.consult-banner a{border-radius:12px;background:#fff;color:#0c3767}
@media(max-width:900px){.internet-hero{min-height:780px;align-items:flex-end}.internet-hero:before{background-position:62% center}.internet-hero:after{background:linear-gradient(180deg,rgba(247,251,255,.60),rgba(247,251,255,.98) 66%)}.internet-hero-grid{grid-template-columns:1fr;padding-top:300px}.benefit-card{max-width:560px}.reason-strip{margin-top:-20px}}
@media(max-width:620px){.internet-hero{min-height:720px}.internet-hero:before{background-position:68% center}.internet-hero-grid{padding-top:245px;padding-bottom:55px}.internet-hero h1{font-size:42px;letter-spacing:-2.5px}.internet-hero p{font-size:15px}.benefit-card{display:none}.reason-strip>.wrap{border-radius:0}.compare-section{padding-top:70px}.compare-head h2{font-size:32px}.carrier-tabs{gap:8px}.carrier-tabs button{border-radius:13px}.plan-summary{padding:20px}.consult-banner h2{font-size:31px}}