:root {
  --x-purple: #6138f5;
  --x-purple-dark: #4323c9;
  --x-purple-soft: #eee9ff;
  --x-lavender: #f5f2ff;
  --x-black: #141414;
  --x-ink: #202124;
  --x-muted: #5f6368;
  --x-line: #dedede;
  --x-soft: #f6f6f6;
  --x-white: #ffffff;
  --x-blue: #1264a3;
  --container: 1200px;
  --radius-lg: 28px;
  --radius-md: 20px;
  --shadow: 0 18px 48px rgba(18,18,18,.11);
  --shadow-soft: 0 10px 30px rgba(18,18,18,.07);
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--x-ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.58;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:9999;padding:10px 14px;background:#000;color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid rgba(97,56,245,.35);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eyebrow{display:inline-block;margin-bottom:10px;color:var(--x-purple);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section{padding:86px 0}.section.soft{background:var(--x-soft)}.section.lavender{background:var(--x-lavender)}.section.dark{background:#15121d;color:#fff}.section-head{margin-bottom:34px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{margin:0;max-width:18ch;font-size:clamp(30px,3.15vw,42px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.section-head.center h2{margin-inline:auto}.section-head p{margin:16px 0 0;max-width:720px;color:var(--x-muted)}.section-head.center p{margin-inline:auto}.section.dark .section-head p{color:rgba(255,255,255,.72)}
.call-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:2px solid var(--x-purple);border-radius:999px;background:var(--x-purple);color:#fff;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.call-btn:hover,.call-btn:focus-visible{background:#fff;color:var(--x-purple);box-shadow:0 10px 24px rgba(97,56,245,.18);transform:translateY(-2px)}.call-btn.black{background:#000;border-color:#000}.call-btn.black:hover{background:#fff;color:#000}.call-btn.full{width:100%}
/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #ececec}.utility{background:#111;color:#fff}.utility .container{display:flex;align-items:center;justify-content:space-between;min-height:31px;gap:18px;font-size:11px}.utility span{opacity:.75}.utility a{font-weight:800}.main-nav{display:grid;grid-template-columns:250px 1fr auto auto;align-items:center;gap:18px;min-height:76px}.brand img{width:222px;max-height:58px;object-fit:contain}.nav-links{display:flex;align-items:center;justify-content:center;gap:4px}.nav-links a{position:relative;padding:28px 10px 25px;font-size:13px;font-weight:700;color:#2d2d2d}.nav-links a::after{content:"";position:absolute;left:10px;right:10px;bottom:18px;height:3px;border-radius:999px;background:var(--x-purple);transform:scaleX(0);transition:transform .2s ease}.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1)}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:50%;padding:10px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:#111;margin:5px 0}.mobile-menu{display:none;border-top:1px solid #eee;background:#fff;padding:14px 20px 20px}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #eee;font-weight:700}.mobile-menu .call-btn{margin-top:16px;border-bottom:0}
/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#130b2a 0%,#32156b 45%,#6138f5 100%);color:#fff}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 32%),radial-gradient(circle at 70% 80%,rgba(167,116,255,.22),transparent 35%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.78fr);gap:clamp(30px,5vw,72px);align-items:center;min-height:620px;padding:58px 0}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#cfbfff}.hero-copy h1{margin:0;max-width:13ch;font-size:clamp(38px,4.3vw,58px);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.hero-copy>p{margin:18px 0 0;max-width:650px;color:rgba(255,255,255,.82);font-size:17px}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.hero-points span{padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}.hero-disclosure{font-size:11px!important;color:rgba(255,255,255,.62)!important}.hero-art{position:absolute;right:28%;bottom:-15px;width:340px;opacity:.18;filter:saturate(1.1);pointer-events:none}.hero-card{position:relative;padding:30px;border-radius:28px;background:#fff;color:#191919;box-shadow:0 28px 70px rgba(0,0,0,.25)}.hero-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#8e6cff,var(--x-purple))}.hero-card .eyebrow{margin-bottom:6px}.hero-card h2{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.hero-card p{margin:12px 0;color:#626262;font-size:14px}.hero-checks{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}.hero-checks li{position:relative;padding-left:26px;font-size:14px;color:#333}.hero-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--x-purple);font-weight:900}.hero-card-note{font-size:11px!important;color:#777!important}.hero-trust{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #eee;color:#555;font-size:12px}.hero-trust::before{content:"";width:8px;height:8px;border-radius:50%;background:#28a745}
/* Xfinity nav rail */
.service-rail{position:relative;margin-top:-38px;z-index:3}.service-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.service-rail a{display:flex;align-items:center;gap:14px;padding:20px 22px;border-right:1px solid #eee}.service-rail a:last-child{border-right:0}.service-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--x-purple-soft);color:var(--x-purple)}.service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-rail strong{display:block;font-size:15px}.service-rail span{display:block;margin-top:2px;color:#777;font-size:12px}
/* Plans */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-card{display:flex;flex-direction:column;min-height:390px;padding:24px;border:1px solid #dfdfdf;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.05);transition:transform .22s ease,box-shadow .22s ease}.plan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.plan-card.featured{border:2px solid var(--x-purple);background:linear-gradient(180deg,#f4f0ff,#fff 36%)}.plan-badge{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;background:#eee;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.plan-card.featured .plan-badge{background:var(--x-purple);color:#fff}.plan-card h3{margin:14px 0 0;font-size:25px;line-height:1.05;white-space:nowrap}.plan-card .use{margin:7px 0 14px;color:#626262;font-size:13px;min-height:42px}.price{display:flex;align-items:flex-end;gap:3px;margin:8px 0 12px;font-weight:700}.price strong{font-size:46px;line-height:.88;letter-spacing:-.05em}.price span{font-size:13px}.plan-card ul{display:grid;gap:9px;margin:12px 0 22px;padding:0;list-style:none}.plan-card li{position:relative;padding-left:22px;font-size:13px;color:#454545}.plan-card li::before{content:"✓";position:absolute;left:0;color:var(--x-purple);font-weight:900}.plan-card .call-btn{margin-top:auto;width:100%}.fine{font-size:11px;color:#707070}.switcher{display:flex;justify-content:center;gap:6px;margin-bottom:28px;padding:5px;border-radius:999px;background:#ececec;width:max-content;margin-inline:auto}.switcher button{border:0;border-radius:999px;padding:10px 18px;background:transparent;font-weight:800;color:#555;cursor:pointer}.switcher button.active{background:#fff;color:#111;box-shadow:0 4px 14px rgba(0,0,0,.1)}
/* Promo two-up */
.offer-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.offer-card{position:relative;overflow:hidden;min-height:450px;padding:30px;border-radius:30px;background:#181818;color:#fff;box-shadow:var(--shadow)}.offer-card.purple{background:linear-gradient(145deg,#1b0c39,#6138f5)}.offer-card.light{background:#f2f2f2;color:#111}.offer-card .eyebrow{color:#cfc1ff}.offer-card.light .eyebrow{color:var(--x-purple)}.offer-card h3{margin:0;max-width:13ch;font-size:clamp(28px,3vw,38px);line-height:1.02;letter-spacing:-.035em}.offer-card p{max-width:500px;color:rgba(255,255,255,.75)}.offer-card.light p{color:#666}.offer-price{margin:22px 0 18px;font-size:46px;font-weight:700;line-height:.95;letter-spacing:-.04em}.offer-price small{font-size:15px}.offer-art{position:absolute;right:0;bottom:0;width:48%;max-height:65%;object-fit:contain;opacity:.9}.offer-card .call-btn{position:relative;z-index:2}
/* Streaming split */
.media-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;overflow:hidden;border-radius:30px;background:#111;color:#fff;box-shadow:var(--shadow)}.media-copy{padding:48px}.media-copy h2{margin:0;max-width:13ch;font-size:clamp(31px,3.3vw,44px);line-height:1.02;letter-spacing:-.035em}.media-copy p{color:rgba(255,255,255,.74)}.media-copy .call-btn{margin-top:14px}.media-visual{min-height:500px;background:linear-gradient(135deg,#28124b,#111);display:grid;place-items:center;overflow:hidden}.media-visual img{width:100%;height:100%;object-fit:cover}
/* award */
.award-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:28px;align-items:center}.award-copy h2{margin:0;max-width:14ch;font-size:clamp(30px,3.3vw,44px);line-height:1.02;letter-spacing:-.035em}.award-copy p{color:#666}.award-visual{display:grid;place-items:center;min-height:300px;padding:28px;border-radius:28px;background:#181818}.award-visual img{max-width:100%;max-height:240px}
/* feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{padding:26px;border-radius:20px;background:#fff;border:1px solid #e1e1e1}.feature-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--x-purple-soft);color:var(--x-purple)}.feature-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{margin:18px 0 0;font-size:20px;line-height:1.08;white-space:nowrap}.feature-card p{margin:10px 0 18px;color:#666;font-size:14px}.feature-card .call-btn{width:100%}
/* NOW */
.now-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.now-card{padding:24px;border-radius:22px;background:#fff;border:1px solid #dedede}.now-card .tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:800}.now-card h3{margin:16px 0 0;font-size:23px;white-space:nowrap}.now-card .big{margin:10px 0;font-size:28px;font-weight:700;line-height:1.08}.now-card p{color:#666;font-size:13px}.now-card .call-btn{width:100%;margin-top:8px}
/* about */
.editorial{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:stretch}.editorial-visual{min-height:500px;border-radius:28px;background:linear-gradient(145deg,#1a0d35,#6138f5);display:flex;align-items:flex-end;padding:28px;color:#fff;overflow:hidden}.editorial-visual img{width:100%;height:100%;object-fit:cover}.editorial-copy{display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{margin:0;max-width:14ch;font-size:clamp(30px,3.3vw,44px);line-height:1.02;letter-spacing:-.035em}.editorial-copy p{color:#666}.check-list{display:grid;gap:10px;margin:18px 0 24px;padding:0;list-style:none}.check-list li{position:relative;padding-left:25px}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--x-purple);font-weight:900}
/* process */
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process-card{padding:26px;border-radius:22px;background:#fff;border:1px solid #e0e0e0}.process-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--x-purple);color:#fff;font-weight:800}.process-card h3{margin:16px 0 0;font-size:19px;white-space:nowrap}.process-card p{color:#666;font-size:14px}.process-card .call-btn{margin-top:12px;width:100%}
/* FAQ */
.faq-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.faq-aside{padding:30px;border-radius:26px;background:#15121d;color:#fff;position:sticky;top:120px}.faq-aside h2{margin:0;font-size:31px;line-height:1.05}.faq-aside p{color:rgba(255,255,255,.72)}.faq-list{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #dfdfdf}.faq-item{border-bottom:1px solid #e5e5e5}.faq-item:last-child{border-bottom:0}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border:0;background:#fff;text-align:left;font-weight:700;cursor:pointer}.faq-q::after{content:"+";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--x-purple-soft);color:var(--x-purple);font-size:20px;flex:0 0 auto}.faq-item.open .faq-q::after{content:"−"}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{margin:0;padding:0 24px 22px;color:#666}
/* CTA footer */
.final-cta{background:linear-gradient(120deg,#271054,#6138f5);color:#fff}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin:0;max-width:18ch;font-size:clamp(30px,3.2vw,42px);line-height:1.04;letter-spacing:-.035em}.final-cta p{max-width:720px;color:rgba(255,255,255,.78)}.final-cta .call-btn{background:#fff;border-color:#fff;color:var(--x-purple)}
.site-footer{background:#f5f5f5;border-top:1px solid #ddd}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:26px;padding:46px 0}.footer-brand img{width:240px}.footer-brand p{max-width:470px;color:#666;font-size:13px}.footer-col h3{margin:0 0 10px;font-size:14px}.footer-col a{display:block;padding:5px 0;color:#555;font-size:13px}.footer-col a:hover{color:var(--x-purple)}.footer-legal{background:#111;color:rgba(255,255,255,.7)}.footer-legal .container{display:flex;justify-content:space-between;gap:24px;padding:15px 0;font-size:11px}.mobile-sticky{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:999;background:var(--x-purple);color:#fff;border-radius:999px;min-height:50px;align-items:center;justify-content:center;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2)}
/* Page hero image accent */
.page-hero-art{position:absolute;right:26%;bottom:0;width:330px;max-height:360px;object-fit:contain;opacity:.18}
/* table */
.compare-table{overflow:hidden;border:1px solid #ddd;border-radius:22px;background:#fff}.compare-row{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5}.compare-row:last-child{border-bottom:0}.compare-row.head{background:#f3f3f3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.compare-row b{text-align:center}.yes{color:var(--x-purple)}
/* animations */
.reveal-card{transition:transform .28s ease,box-shadow .28s ease}.reveal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-card:hover{transform:none}}
@media(max-width:1120px){.nav-links{display:none}.main-nav{grid-template-columns:1fr auto auto}.menu-toggle{display:block}.hero-grid,.media-split,.award-grid,.editorial,.faq-wrap{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:52px 0}.hero-art,.page-hero-art{right:8%;opacity:.12}.plan-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.now-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-aside{position:relative;top:auto}}
@media(max-width:780px){.utility{display:none}.main-nav{min-height:66px;grid-template-columns:1fr auto auto;gap:10px}.brand img{width:190px}.main-nav>.call-btn{display:none}.mobile-menu.open{display:block}.container{width:min(calc(100% - 28px),var(--container))}.section{padding:62px 0}.hero-grid{padding:38px 0}.hero-copy h1{font-size:36px;max-width:14ch}.hero-card{padding:24px}.hero-card h2{font-size:21px;white-space:normal}.service-rail{margin-top:0;padding-top:14px}.service-rail-grid{grid-template-columns:1fr 1fr}.service-rail a{border-bottom:1px solid #eee}.service-rail a:nth-child(2){border-right:0}.plan-grid,.plan-grid.four,.offer-duo,.feature-grid,.now-grid,.process-grid{grid-template-columns:1fr}.offer-card{min-height:390px}.offer-art{opacity:.38}.media-copy{padding:30px}.media-visual{min-height:330px}.section-head h2,.media-copy h2,.award-copy h2,.editorial-copy h2{font-size:30px;max-width:100%}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-legal .container{flex-direction:column}.final-cta .container{flex-direction:column;align-items:flex-start}.mobile-sticky{display:flex}.faq-wrap{gap:16px}.compare-row{grid-template-columns:1.2fr repeat(3,.65fr);padding:12px 10px;font-size:12px}.service-rail strong{font-size:13px}}
@media(max-width:440px){.service-rail-grid{grid-template-columns:1fr}.service-rail a{border-right:0}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.brand img{width:165px}.hero-copy h1{font-size:32px}.plan-card h3,.feature-card h3,.now-card h3,.process-card h3{white-space:normal}}


/* Xfinity v2 refinements */
.section-head h2,
.media-copy h2,
.award-copy h2,
.editorial-copy h2,
.final-cta h2 {
  max-width: 22ch;
}
.streaming-section {
  background: #111014;
  color: #fff;
  padding: 0;
}
.streaming-section .media-split {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  min-height: 560px;
}
.streaming-section .media-copy {
  align-self: center;
}
.streaming-section .media-copy h2 {
  max-width: 17ch;
}
.xfinity-network-section {
  background: #fff;
}
.network-showcase {
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(320px,1.15fr) minmax(0,.85fr);
  gap: 18px;
  align-items: stretch;
}
.network-story,
.network-award {
  min-height: 330px;
  border-radius: 28px;
}
.network-story {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: #f6f6f6;
}
.network-story .mini-label,
.more-card > span {
  color: var(--x-purple);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.network-story h3,
.more-card h3 {
  margin: 14px 0 0;
  font-size: 22px;
  line-height: 1.05;
  white-space: nowrap;
}
.network-story p,
.more-card p {
  color: #666;
  font-size: 14px;
}
.network-story .call-btn,
.more-card .call-btn {
  margin-top: auto;
  align-self: flex-start;
}
.network-award {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  background: #15121d;
  color: #fff;
  overflow: hidden;
}
.network-award img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}
.network-award strong {
  display: block;
  font-size: 24px;
  line-height: 1.08;
}
.network-award span {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
}
.xfinity-move-section {
  background: #fff;
}
.move-panel {
  display: grid;
  grid-template-columns: 120px minmax(0,1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 34px;
  border-radius: 28px;
  background: #f4f0ff;
}
.move-icon {
  display: grid;
  place-items: center;
  min-height: 120px;
  border-radius: 24px;
  background: #fff;
}
.move-icon img {
  width: 76px;
  height: 76px;
  object-fit: contain;
}
.move-copy h2 {
  margin: 0;
  font-size: clamp(30px,3vw,40px);
  line-height: 1.03;
  letter-spacing: -.03em;
}
.move-copy p {
  margin: 12px 0 0;
  max-width: 720px;
  color: #666;
}
.more-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.more-card {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  padding: 26px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.xfinity-faq-section {
  background: #fff;
}
.xfinity-faq-shell {
  max-width: 900px;
}
.xfinity-faq-list {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.xfinity-faq-list .faq-q {
  padding: 24px 4px;
  font-size: 16px;
  background: transparent;
}
.xfinity-faq-list .faq-q::after {
  background: transparent;
  border: 1px solid #cfcfcf;
}
.xfinity-faq-list .faq-a p {
  padding-left: 4px;
}
.faq-call-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
  padding: 22px 24px;
  border-radius: 22px;
  background: var(--x-purple-soft);
}
.faq-call-strip strong,
.faq-call-strip span {
  display: block;
}
.faq-call-strip span {
  margin-top: 4px;
  color: #666;
  font-size: 13px;
}
.animate-panel {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.animate-panel:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(18,18,18,.12);
  border-color: rgba(97,56,245,.24);
}
.site-footer {
  background: #0f0f10;
  color: #fff;
  border-top: 0;
}
.footer-brand img {
  width: 260px;
}
.footer-brand p,
.footer-col a {
  color: rgba(255,255,255,.68);
}
.footer-col h3 {
  color: #fff;
}
.footer-col a:hover {
  color: #fff;
}
.footer-legal {
  background: #000;
}
@media(max-width:1120px){
  .network-showcase{grid-template-columns:1fr}
  .move-panel{grid-template-columns:100px 1fr}
  .move-panel>.call-btn{grid-column:2}
  .more-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
  .streaming-section .media-split{min-height:auto}
  .move-panel{grid-template-columns:1fr;padding:24px}
  .move-panel>.call-btn{grid-column:auto}
  .move-icon{min-height:90px;width:90px}
  .more-grid{grid-template-columns:1fr}
  .network-story h3,.more-card h3{white-space:normal}
  .faq-call-strip{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .animate-panel:hover{transform:none}
}


/* Xfinity v3 visual refinements */
.streaming-merged {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  padding: 0;
  background: #111014;
}
.streaming-merged .streaming-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, #111014 0%, #111014 38%, rgba(17,16,20,.9) 50%, rgba(17,16,20,.22) 78%, rgba(17,16,20,.05) 100%),
    url('https://assets.comcast.com/assets/dotcom/projects_3/2026/august/cix-10751_streamstore-key-art-updates-dotcom-learn-pages/streamStore--banner--mobile2.png');
  background-size: cover;
  background-position: right center;
}
.streaming-overlay-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 560px) 1fr;
  align-items: center;
  min-height: 610px;
}
.streaming-copy {
  padding: 74px 0 70px;
  color: #fff;
}
.streaming-copy h2 {
  margin: 0;
  max-width: 17ch;
  font-size: clamp(32px, 3.1vw, 44px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.streaming-copy p {
  max-width: 500px;
  color: rgba(255,255,255,.8);
  line-height: 1.68;
}
.streaming-copy .fine {
  margin-top: 16px;
  color: rgba(255,255,255,.58);
}
.award-logo-panel {
  display: grid;
  place-items: center;
  min-height: 160px;
  padding: 18px 22px;
  margin-bottom: 22px;
  border-radius: 20px;
  background: #fff;
}
.network-award .award-logo-panel img {
  width: 86%;
  height: 120px;
  object-fit: contain;
}
.move-experience {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 170px minmax(0,1fr) 260px;
  gap: 30px;
  align-items: center;
  padding: 36px;
  border-radius: 30px;
  background: linear-gradient(105deg,#f5f1ff 0%,#eee7ff 64%,#e4d9ff 100%);
  border: 1px solid #e3d9ff;
}
.move-art-zone {
  position: relative;
  min-height: 160px;
  display: grid;
  place-items: center;
}
.move-art-zone .move-icon {
  position: relative;
  z-index: 2;
  width: 116px;
  min-height: 116px;
  border-radius: 28px;
  box-shadow: 0 18px 38px rgba(97,56,245,.14);
}
.move-orb {
  position: absolute;
  border-radius: 50%;
  background: var(--x-purple);
  opacity: .12;
}
.move-orb.orb-one { width: 130px; height: 130px; left: 0; top: 0; }
.move-orb.orb-two { width: 74px; height: 74px; right: 4px; bottom: 6px; }
.move-copy h2 {
  font-size: clamp(31px,3vw,42px);
  max-width: 17ch;
}
.move-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.move-checks span {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #3a3150;
  font-size: 11px;
  font-weight: 800;
}
.move-action {
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(65,40,122,.09);
}
.move-action strong { display:block; font-size:19px; }
.move-action p { margin:8px 0 18px; color:#666; font-size:13px; }
.move-action .call-btn { width:100%; }
.gateway-showcase-section { background:#fff; }
.gateway-showcase {
  display: grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  gap: 24px;
  align-items: stretch;
}
.gateway-copy {
  padding: 42px;
  border-radius: 30px;
  background: linear-gradient(155deg,#16131f 0%,#241643 100%);
  color:#fff;
}
.gateway-copy h2 {
  margin:0;
  max-width:18ch;
  font-size:clamp(31px,3vw,42px);
  line-height:1.03;
}
.gateway-copy p { color:rgba(255,255,255,.76); line-height:1.7; }
.gateway-points { display:grid; gap:10px; margin:22px 0; }
.gateway-points span { position:relative; padding-left:22px; font-size:13px; }
.gateway-points span::before { content:'✓'; position:absolute; left:0; color:#c7b9ff; font-weight:900; }
.gateway-media {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:460px;
  padding:34px;
  border-radius:30px;
  background:#f6f6f6;
}
.gateway-media img { width:min(100%,460px); max-height:420px; object-fit:contain; border-radius:24px; }
.smart-addons-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.smart-addon-card { display:grid; grid-template-columns: .9fr 1.1fr; min-height:340px; overflow:hidden; border-radius:28px; background:#fff; border:1px solid #e2e2e2; }
.smart-addon-media { display:grid; place-items:center; min-height:340px; background:#f3f3f3; padding:24px; }
.smart-addon-media img { width:100%; height:100%; max-height:290px; object-fit:contain; }
.smart-addon-copy { display:flex; flex-direction:column; padding:30px; }
.smart-addon-copy > span { color:var(--x-purple); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.smart-addon-copy h3 { margin:12px 0 0; font-size:24px; line-height:1.06; white-space:nowrap; }
.smart-addon-copy p { margin:12px 0 0; color:#666; line-height:1.62; }
.smart-addon-copy .call-btn { margin-top:auto; align-self:flex-start; }
@media(max-width:1120px){
  .move-experience{grid-template-columns:140px 1fr}.move-action{grid-column:2}
  .gateway-showcase{grid-template-columns:1fr}
  .smart-addon-card{grid-template-columns:1fr}
}
@media(max-width:780px){
  .streaming-merged{min-height:520px}.streaming-overlay-grid{grid-template-columns:1fr;min-height:520px}.streaming-copy{padding:62px 0}.streaming-merged .streaming-bg{background-image:linear-gradient(180deg,#111014 0%,rgba(17,16,20,.93) 58%,rgba(17,16,20,.55) 100%),url('https://assets.comcast.com/assets/dotcom/projects_3/2026/august/cix-10751_streamstore-key-art-updates-dotcom-learn-pages/streamStore--banner--mobile2.png');background-position:center}
  .move-experience{grid-template-columns:1fr;padding:24px}.move-action{grid-column:auto}.move-art-zone{min-height:110px;justify-content:start}.move-art-zone .move-icon{width:92px;min-height:92px}
  .gateway-copy{padding:28px}.gateway-media{min-height:340px}.smart-addons-grid{grid-template-columns:1fr}.smart-addon-card{grid-template-columns:1fr}.smart-addon-copy h3{white-space:normal}
}


/* Xfinity v4 strict title + about redesign */

/* strict desktop title rhythm */
.section-head h2,
.gateway-head h2,
.about-story-copy h2,
.about-network-copy h2,
.about-membership-shell h2,
.final-cta h2 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.04;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.feature-card h3,
.plan-card h3,
.network-story h3,
.more-card h3,
.membership-card h3,
.gateway-product-copy h3,
.about-mini-grid h3,
.about-platform-card h3,
.about-review-grid h3 {
  white-space: nowrap;
}

/* streaming image stays intact while the same artwork also fills the section */
.streaming-layered {
  position: relative;
  overflow: hidden;
  padding: clamp(56px,7vw,92px) 0;
  background: #111014;
}
.streaming-wall {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg,rgba(17,16,20,.96) 0%,rgba(17,16,20,.92) 38%,rgba(17,16,20,.70) 65%,rgba(17,16,20,.88) 100%),
    url('https://assets.comcast.com/assets/dotcom/projects_3/2026/august/cix-10751_streamstore-key-art-updates-dotcom-learn-pages/streamStore--banner--mobile2.png');
  background-size: cover;
  background-position: center;
  filter: saturate(.86);
  transform: scale(1.04);
}
.streaming-layered-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(520px,1.14fr);
  gap: clamp(30px,4vw,58px);
  align-items: center;
}
.streaming-layered .streaming-copy {
  padding: 0;
}
.streaming-layered .streaming-copy h2 {
  max-width: none;
  font-size: clamp(30px,3vw,42px);
}
.streaming-art-card {
  overflow: hidden;
  border-radius: 28px;
  background: #231e30;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 70px rgba(0,0,0,.30);
}
.streaming-art-card img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
}

/* Gateway: Xfinity-like clean product stage */
.gateway-xfinity-style { background:#fff; }
.gateway-head { max-width: 820px; margin-inline:auto; }
.gateway-head h2 { margin-inline:auto; max-width: 16ch; }
.gateway-head p { max-width: 720px; margin-inline:auto; }
.gateway-product-stage {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(360px,1.08fr) minmax(0,.8fr);
  gap: 20px;
  align-items: stretch;
  margin-top: 34px;
  padding: 26px;
  border-radius: 32px;
  background: #f6f6f6;
  border: 1px solid #e7e7e7;
}
.gateway-product-copy { display:grid; gap:18px; }
.gateway-product-copy article {
  padding: 24px;
  border-radius: 24px;
  background:#fff;
  border:1px solid #e5e5e5;
}
.gateway-product-copy span {
  color: var(--x-purple);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.gateway-product-copy h3 { margin:10px 0 0; font-size:20px; line-height:1.05; }
.gateway-product-copy p { margin:10px 0 0; color:#666; font-size:14px; line-height:1.6; }
.gateway-product-image {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height: 500px;
  padding: 26px;
  border-radius: 28px;
  background: linear-gradient(180deg,#fff 0%,#eee9ff 100%);
}
.gateway-product-image img { width:min(100%,360px); max-height:380px; object-fit:contain; border-radius:26px; }
.gateway-product-image .call-btn { margin-top:22px; }

/* Non-product membership section */
.membership-section { background:#f7f7f7; }
.membership-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.membership-card {
  display:flex;
  flex-direction:column;
  min-height: 300px;
  padding: 28px;
  border-radius: 28px;
  background:#fff;
  border:1px solid #e1e1e1;
}
.membership-icon {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:var(--x-purple-soft);
  color:var(--x-purple);
  font-size:24px;
  font-weight:900;
}
.membership-card h3 { margin:20px 0 0; font-size:22px; line-height:1.05; }
.membership-card p { margin:12px 0 0; color:#666; line-height:1.65; }
.membership-card .call-btn { margin-top:auto; align-self:flex-start; }

/* About page */
.about-story-layout {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:28px;
  align-items:stretch;
}
.about-story-media {
  display:grid;
  place-items:center;
  min-height:520px;
  border-radius:30px;
  background:#f4f4f4;
  overflow:hidden;
}
.about-story-media img { width:min(100%,430px); max-height:430px; object-fit:contain; border-radius:26px; }
.about-story-copy { padding:28px 8px; }
.about-story-copy h2 { margin:0; max-width:18ch; }
.about-story-copy > p { color:#666; line-height:1.7; }
.about-mini-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:22px 0; }
.about-mini-grid article { padding:18px; border-radius:18px; background:#f6f6f6; border:1px solid #e5e5e5; }
.about-mini-grid h3 { margin:0; font-size:16px; }
.about-mini-grid p { margin:8px 0 0; color:#666; font-size:13px; }

.about-platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.about-platform-card { position:relative; overflow:hidden; min-height:320px; padding:30px; border-radius:30px; display:flex; flex-direction:column; }
.about-platform-card > span,.about-platform-card.image-card div>span { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.about-platform-card h3 { margin:12px 0 0; font-size:24px; }
.about-platform-card p { max-width:460px; color:inherit; opacity:.78; }
.about-platform-card .call-btn { margin-top:auto; align-self:flex-start; }
.about-platform-card.purple { background:linear-gradient(145deg,#6038f5,#351a86); color:#fff; }
.about-platform-card.dark { background:#121117; color:#fff; }
.about-platform-card.image-card { grid-column:1/-1; display:grid; grid-template-columns:1.15fr .85fr; padding:0; background:#fff; border:1px solid #e3e3e3; }
.about-platform-card.image-card img { width:100%; height:100%; min-height:360px; object-fit:cover; }
.about-platform-card.image-card div { padding:34px; display:flex; flex-direction:column; justify-content:center; }
.about-platform-card.image-card div>span { color:var(--x-purple); }
.about-platform-card.image-card p { color:#666; opacity:1; }

.about-network-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:28px; align-items:stretch; }
.about-network-copy { padding:42px; border-radius:30px; background:#18131f; color:#fff; }
.about-network-copy h2 { margin:0; max-width:16ch; }
.about-network-copy p { color:rgba(255,255,255,.76); }
.about-network-copy .check-list li { color:rgba(255,255,255,.86); }
.about-network-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:34px; border-radius:30px; background:#f5f5f5; text-align:center; }
.about-network-visual img { width:82%; max-height:200px; object-fit:contain; }
.about-network-visual strong { margin-top:22px; font-size:24px; }
.about-network-visual span { margin-top:8px; color:#666; font-size:13px; }

.about-review-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.about-review-grid article { display:flex; flex-direction:column; min-height:280px; padding:24px; border-radius:24px; background:#fff; border:1px solid #e5e0f6; }
.about-review-grid article>span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--x-purple); color:#fff; font-weight:900; }
.about-review-grid h3 { margin:18px 0 0; font-size:20px; }
.about-review-grid p { color:#666; }
.about-review-grid .call-btn { margin-top:auto; align-self:flex-start; }

.about-membership-shell { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:30px; align-items:center; padding:38px; border-radius:30px; background:linear-gradient(110deg,#f2edff,#e6dcff); }
.about-membership-shell h2 { margin:0; max-width:18ch; }
.about-membership-shell p { max-width:680px; color:#5c5668; }
.about-membership-actions { display:grid; gap:10px; }
.about-membership-actions>div { padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.78); }
.about-membership-actions strong,.about-membership-actions span { display:block; }
.about-membership-actions span { margin-top:3px; color:#665f72; font-size:12px; }
.about-membership-actions .call-btn { justify-self:start; margin-top:8px; }

@media(max-width:1120px){
  .streaming-layered-grid{grid-template-columns:1fr}
  .streaming-art-card img{height:380px}
  .gateway-product-stage{grid-template-columns:1fr 1.2fr}
  .gateway-product-copy.right-copy{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .membership-grid{grid-template-columns:1fr 1fr}
  .about-story-layout,.about-network-shell,.about-membership-shell{grid-template-columns:1fr}
  .about-review-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
  .feature-card h3,.plan-card h3,.network-story h3,.more-card h3,.membership-card h3,.gateway-product-copy h3,.about-mini-grid h3,.about-platform-card h3,.about-review-grid h3{white-space:normal}
  .streaming-layered{padding:54px 0}
  .streaming-art-card img{height:300px}
  .gateway-product-stage{grid-template-columns:1fr;padding:16px}
  .gateway-product-copy.right-copy{grid-column:auto;grid-template-columns:1fr}
  .gateway-product-image{min-height:360px}
  .membership-grid{grid-template-columns:1fr}
  .about-mini-grid{grid-template-columns:1fr}
  .about-platform-grid{grid-template-columns:1fr}
  .about-platform-card.image-card{grid-column:auto;grid-template-columns:1fr}
  .about-platform-card.image-card img{min-height:260px}
  .about-review-grid{grid-template-columns:1fr}
  .about-story-media{min-height:360px}
  .about-membership-shell{padding:26px}
}


/* strict global heading guardrails v4 */
@media(min-width:781px){
  .section h2{max-width:22ch;}
  .section-head.center h2{margin-left:auto;margin-right:auto;}
  article h3{line-height:1.08;}
}


/* Gateway card CTA placement */
.gateway-product-copy article {
  display: flex;
  flex-direction: column;
}

.gateway-product-copy .gateway-card-call {
  width: 100%;
  margin-top: 16px;
}

.gateway-product-image .call-btn {
  display: none;
}

/* ==============================================================
   Xfinity About v6 — video-reference layouts + strict headings
   ============================================================== */
.about-hero-gradient {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 24%, rgba(126, 77, 255, 0.34), transparent 34%),
    radial-gradient(circle at 76% 76%, rgba(66, 26, 139, 0.26), transparent 30%),
    linear-gradient(118deg, #0f0d14 0%, #18111f 45%, #2a1742 100%);
}

.about-hero-gradient::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -120px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 0 0 70px rgba(255,255,255,.025),
    0 0 0 140px rgba(255,255,255,.02);
  pointer-events: none;
}

.about-hero-gradient .hero-grid {
  position: relative;
  z-index: 2;
}

.about-hero-gradient .hero-copy h1 {
  max-width: 12ch;
}

.about-video-deck-section {
  background: #ffffff;
}

.xfinity-video-tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 24px auto 26px;
  flex-wrap: wrap;
}

.xfinity-video-tabs button {
  min-width: 116px;
  min-height: 40px;
  padding: 9px 18px;
  border: 1px solid #dcd9e5;
  border-radius: 999px;
  background: #fff;
  color: #39343f;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.xfinity-video-tabs button.is-active {
  background: #6b36ff;
  color: #fff;
  border-color: #6b36ff;
}

.xfinity-video-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.xv-card {
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 28px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #e4e1ea;
  background: #f7f6f8;
  transition: transform .28s ease, box-shadow .28s ease;
}

.xv-card:hover,
.xfinity-feature-carousel-grid .xf-carousel-card:hover,
.xfinity-now-grid .now-card:hover,
.about-platform-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(24, 14, 38, .12);
}

.xv-card > span,
.xf-carousel-card span,
.now-card > span {
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.xv-card h3,
.xf-carousel-card h3,
.now-card h3 {
  margin: 12px 0 0;
  font-size: 21px;
  line-height: 1.05;
  white-space: nowrap;
}

.xv-card p,
.xf-carousel-card p,
.now-card p {
  color: inherit;
  opacity: .78;
  line-height: 1.7;
}

.xv-card .call-btn,
.xf-carousel-card .call-btn,
.now-card .call-btn {
  margin-top: auto;
  align-self: flex-start;
}

.xv-card.purple {
  background: linear-gradient(150deg, #6d3cff 0%, #4421a2 100%);
  color: #fff;
  border-color: transparent;
}

.xv-card.dark {
  background: #141218;
  color: #fff;
  border-color: transparent;
}

.xv-card.lavender {
  background: #ece5ff;
  color: #2b2038;
}

.xv-card.image-card {
  padding: 0;
  background: #fff;
}

.xv-card.image-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  background: #f3f3f3;
}

.xv-card.image-card div {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px;
}

.about-platform-section .section-head h2,
.about-review-section .section-head h2,
.about-xfinity-cards-section .section-head h2,
.about-now-section .section-head h2,
.about-video-deck-section .section-head h2,
.about-faq-section .section-head h2 {
  max-width: 18ch;
  margin-left: auto;
  margin-right: auto;
}

.about-platform-card {
  transition: transform .28s ease, box-shadow .28s ease;
}

.about-platform-card > p,
.about-platform-card.image-card div > p {
  line-height: 1.72;
  max-width: 48ch;
}

.about-platform-card.purple,
.about-platform-card.dark {
  min-height: 340px;
}

.about-platform-card.image-card img {
  min-height: 410px;
  object-fit: cover;
  object-position: center;
}

.about-xfinity-cards-section {
  background: #fbfbfc;
}

.xfinity-feature-carousel-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.xf-carousel-card {
  display: flex;
  flex-direction: column;
  min-height: 390px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #e2dfe8;
  background: #fff;
  transition: transform .28s ease, box-shadow .28s ease;
}

.xf-carousel-card > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px;
}

.xf-carousel-card > img {
  width: 100%;
  height: 170px;
  object-fit: contain;
  padding: 18px;
  background: #f5f4f6;
}

.xf-carousel-card.purple {
  background: linear-gradient(160deg, #6b38ff 0%, #2f176f 100%);
  color: #fff;
  border: 0;
  padding: 26px;
}

.xf-carousel-card.dark {
  background: #151219;
  color: #fff;
  border: 0;
  padding: 26px;
}

.about-now-section {
  background: #fff;
}

.xfinity-now-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.now-card {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 28px;
  border-radius: 26px;
  color: #19151f;
  transition: transform .28s ease, box-shadow .28s ease;
}

.now-card.peach {
  background: linear-gradient(160deg, #f6d7c8 0%, #f3e7dd 100%);
}

.now-card.violet {
  background: linear-gradient(160deg, #e1d2ff 0%, #cab5ff 100%);
}

.now-card.mint {
  background: linear-gradient(160deg, #dcefe5 0%, #eff8f3 100%);
}

.now-card.rose {
  background: linear-gradient(160deg, #f2d9e5 0%, #f8edf3 100%);
}

.dark-btn {
  background: #16131a;
  border-color: #16131a;
}

/* strict About title line behavior on desktop */
@media (min-width: 1101px) {
  .about-us-page .section-head h2,
  .about-video-deck-section .section-head h2,
  .about-xfinity-cards-section .section-head h2,
  .about-now-section .section-head h2,
  .about-platform-section .section-head h2,
  .about-review-section .section-head h2,
  .about-faq-section .section-head h2,
  .about-membership-section h2 {
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.06;
  }
}

@media (max-width: 1100px) {
  .xfinity-video-card-grid,
  .xfinity-feature-carousel-grid,
  .xfinity-now-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .xfinity-video-card-grid,
  .xfinity-feature-carousel-grid,
  .xfinity-now-grid {
    grid-template-columns: 1fr;
  }

  .xv-card,
  .xf-carousel-card,
  .now-card {
    min-height: auto;
  }

  .xv-card h3,
  .xf-carousel-card h3,
  .now-card h3 {
    white-space: normal;
  }

  .about-platform-card.purple,
  .about-platform-card.dark {
    min-height: auto;
  }
}


/* Xfinity About v7 — deliberate 2-line title control */
@media (min-width: 1101px) {
  .about-us-page .section-head h2,
  .about-video-deck-section .section-head h2,
  .about-xfinity-cards-section .section-head h2,
  .about-now-section .section-head h2,
  .about-platform-section .section-head h2,
  .about-review-section .section-head h2,
  .about-faq-section .section-head h2 {
    width: auto;
    max-width: 36ch;
    font-size: 38px;
    line-height: 1.06;
    text-wrap: nowrap;
  }

  .about-us-page .hero-copy h1 {
    max-width: 16ch;
    font-size: 48px;
    line-height: 1.02;
  }

  .about-now-section .section-head.left-title-stack {
    max-width: 760px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

  .about-now-section .section-head.left-title-stack .eyebrow,
  .about-now-section .section-head.left-title-stack h2,
  .about-now-section .section-head.left-title-stack p {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

  .about-now-section .section-head.left-title-stack h2 {
    max-width: 30ch;
  }
}

@media (max-width: 1100px) {
  .about-us-page .section-head h2,
  .about-now-section .section-head.left-title-stack h2 {
    max-width: 100%;
    text-wrap: balance;
  }
}


/* v8 about/plans/bundles redesign */
.about-service-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.about-service-tabs button{border:1px solid #d8d8e0;background:#fff;border-radius:999px;padding:10px 20px;font-weight:800;color:#282432;cursor:pointer}.about-service-tabs button.is-active{background:#111;color:#fff;border-color:#111}.about-service-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border-radius:28px;overflow:hidden;background:#f4f2ff;box-shadow:0 18px 48px rgba(23,14,44,.08)}.about-stage-media{min-height:460px}.about-stage-media img{width:100%;height:100%;object-fit:cover;display:block}.about-stage-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.about-stage-copy h3{font-size:30px;line-height:1.06;margin:6px 0 14px;white-space:nowrap}.about-stage-copy p{font-size:16px;color:#5f5969}.about-stage-points{display:grid;gap:9px;margin:16px 0 22px}.about-stage-points span{padding-left:20px;position:relative;font-weight:700}.about-stage-points span:before{content:'✓';position:absolute;left:0;color:var(--x-purple)}
.xfinity-price-board{background:#f7f6fb}.price-board-hero{text-align:center;max-width:760px;margin:0 auto 30px}.price-board-hero h2{font-size:clamp(30px,3.4vw,44px);line-height:1.04;margin:8px 0}.price-board-includes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto 28px}.price-board-includes article{text-align:center;padding:18px}.price-board-includes strong{display:block;margin:8px 0;font-size:16px}.price-board-includes p{margin:0;color:#625c6d;font-size:13px}.spec-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ece5ff;color:var(--x-purple);font-weight:900}.xfinity-term-switch{margin-bottom:22px}.xfinity-price-grid{display:grid;gap:16px}.xfinity-price-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.xfinity-plan-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:28px 24px 24px;border-radius:14px;background:#fff;border:1px solid #e0dde6}.xfinity-plan-card.recommended{border:3px solid #6731d1;padding:26px 22px 22px}.recommended-label{position:absolute;left:-3px;right:-3px;top:-35px;height:34px;display:grid;place-items:center;background:#eee8ff;color:#5d24c6;border-radius:12px 12px 0 0;font-size:11px;font-weight:900;text-transform:uppercase}.xfinity-plan-card h3{margin:0;font-size:26px}.xfinity-plan-card>p{min-height:72px;color:#4d4854}.plan-perk{background:#f0e8ff;color:#5e27c8;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:700;min-height:56px}.old-price{text-decoration:line-through;color:#8d8991;margin-top:auto}.plan-price{display:flex;align-items:flex-end;gap:6px;margin:2px 0 14px}.plan-price strong{font-size:38px;line-height:1}.plan-price span{font-size:12px;font-weight:700;max-width:80px}.centered-fine{text-align:center}.xfinity-tech-specs .section-head{max-width:780px}.tech-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tech-spec-grid article{padding:28px;background:#fff;border:1px solid #e0dde6;border-radius:16px;display:flex;flex-direction:column}.tech-icon{width:58px;height:58px;border-radius:14px;background:#efebff;color:#5d24c6;display:grid;place-items:center;font-weight:900}.tech-spec-grid h3{margin:16px 0 8px;font-size:20px}.tech-spec-grid ul{padding-left:18px;color:#555;min-height:120px}.tech-spec-grid .call-btn{margin-top:auto;align-self:flex-start}.bundle-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bundle-feature-card{border-radius:28px;overflow:hidden;min-height:430px}.bundle-feature-card.purple{padding:36px;background:linear-gradient(145deg,#6b38f3,#34206f);color:#fff;display:flex;flex-direction:column}.bundle-feature-card.purple span,.bundle-feature-card.image-deal span{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em}.bundle-feature-card h3{font-size:28px;line-height:1.06;margin:10px 0}.bundle-big-value{font-size:54px;font-weight:900;margin-top:auto}.bundle-feature-card.purple .call-btn{align-self:flex-start;margin-top:18px}.bundle-feature-card.image-deal{display:grid;grid-template-rows:240px 1fr;background:#f3f3f3}.bundle-feature-card.image-deal img{width:100%;height:100%;object-fit:cover}.bundle-feature-card.image-deal>div{padding:26px}.xfinity-life-deals{background:#f7f7f7}.student-banner{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background:#080808}.student-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.student-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 42%,rgba(0,0,0,.08) 72%)}.student-overlay{position:relative;z-index:1;max-width:520px;color:#fff;padding:54px}.student-overlay h3{font-size:32px;margin:8px 0}.student-overlay .call-btn.light{background:#fff;color:#111}.moving-strip{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:#fff;border-radius:18px;padding:24px 28px;margin-top:22px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.moving-icon{width:54px;height:54px;border-radius:16px;background:#efe9ff;color:#6731d1;display:grid;place-items:center;font-weight:900;font-size:28px}.moving-strip h3{margin:0 0 6px;font-size:20px}.moving-strip p{margin:0;color:#625c6d}
@media(max-width:1120px){.xfinity-price-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.about-service-stage,.bundle-feature-grid{grid-template-columns:1fr}.about-stage-media{min-height:360px}.tech-spec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.about-stage-copy{padding:28px}.about-stage-copy h3{font-size:24px;white-space:normal}.price-board-includes,.xfinity-price-grid.four,.tech-spec-grid{grid-template-columns:1fr}.xfinity-plan-card{min-height:auto}.recommended-label{position:static;margin:-26px -22px 16px;border-radius:10px}.moving-strip{grid-template-columns:1fr}.student-overlay{padding:34px 24px}.student-banner{min-height:460px}.student-banner:after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.88))}.student-overlay{position:absolute;left:0;right:0;bottom:0}.bundle-feature-card h3{font-size:24px}}

/* v9 about service tab visibility + compact inline CTA */
.about-stage-copy .call-btn{
  align-self:flex-start;
  width:auto;
  margin-top:4px;
}
.about-stage-copy p{
  max-width:46ch;
  line-height:1.65;
}
.about-stage-media img{
  background:#eceaf3;
}
.xf-carousel-card.image-top img{
  background:#eceaf3;
}


/* Xfinity v10 plans + uniform hero + CTA fixes */

/* Reuse the approved About gradient across all major page banners. */
.hero.about-hero-gradient {
  background:
    radial-gradient(circle at 82% 24%, rgba(126, 77, 255, 0.34), transparent 34%),
    radial-gradient(circle at 76% 76%, rgba(66, 26, 139, 0.26), transparent 30%),
    linear-gradient(118deg, #0f0d14 0%, #18111f 45%, #2a1742 100%);
}

@media (min-width: 1101px) {
  .plans-page .hero-copy h1 {
    max-width: 15ch;
    font-size: 48px;
    line-height: 1.02;
  }

  .plans-page .section-head h2,
  .plans-page .price-board-hero h2,
  .plans-page .final-cta h2 {
    max-width: 34ch;
    font-size: 38px;
    line-height: 1.06;
  }

  .about-final-title {
    max-width: 32ch !important;
    font-size: 40px !important;
    line-height: 1.05 !important;
  }
}

.xfinity-detailed-grid .xfinity-plan-card {
  min-height: 520px;
}

.xfinity-plan-card .plan-use {
  min-height: 64px;
  margin: 12px 0 10px;
  color: #4d4854;
}

.plan-detail-list {
  display: grid;
  gap: 9px;
  margin: 14px 0 18px;
  padding: 0;
  list-style: none;
}

.plan-detail-list li {
  position: relative;
  padding-left: 20px;
  color: #49444f;
  font-size: 13px;
  line-height: 1.45;
}

.plan-detail-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--x-purple);
  font-weight: 900;
}

.xfinity-detailed-grid .old-price {
  margin-top: auto;
}

.plan-price-reference {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  max-width: 920px;
  margin: 24px auto 16px;
}

.plan-price-reference > div {
  padding: 16px 18px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e0dde6;
}

.plan-price-reference strong,
.plan-price-reference span {
  display: block;
}

.plan-price-reference strong {
  margin-bottom: 6px;
  color: #222;
}

.plan-price-reference span {
  color: #625c6d;
  font-size: 13px;
}

@media (max-width: 1120px) {
  .xfinity-detailed-grid.four {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 780px) {
  .xfinity-detailed-grid.four,
  .plan-price-reference {
    grid-template-columns: 1fr;
  }
  .xfinity-detailed-grid .xfinity-plan-card {
    min-height: auto;
  }
}


/* Xfinity plans v11 refinements */
.spec-icon-svg{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:#f2edff;color:var(--x-purple)}
.spec-icon-svg svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.price-board-includes article{display:flex;flex-direction:column;align-items:center;text-align:center}
.xfinity-term-switch{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}
.tech-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#eee8ff;color:var(--x-purple);margin-bottom:18px}
.tech-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tech-spec-grid article{display:flex;flex-direction:column;min-height:330px}
.tech-spec-grid .call-btn{margin-top:auto;align-self:flex-start}
.xfinity-busy-hour{background:#fff}
.busy-hour-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.busy-hour-panel{padding:34px;border-radius:28px;background:linear-gradient(145deg,#5f2eea 0%,#2f145d 100%);color:#fff}
.busy-hour-panel .eyebrow{color:#d9cbff}
.busy-hour-panel h2,.busy-hour-copy h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.04;letter-spacing:-.035em}
.busy-hour-panel p{color:rgba(255,255,255,.78);line-height:1.7}
.busy-hour-panel ul{display:grid;gap:10px;padding:0;margin:22px 0 26px;list-style:none}
.busy-hour-panel li{position:relative;padding-left:20px;color:rgba(255,255,255,.9)}
.busy-hour-panel li::before{content:'✓';position:absolute;left:0;color:#fff;font-weight:800}
.busy-hour-copy{padding:18px 6px 6px}
.busy-hour-copy>p{max-width:650px;color:#666;line-height:1.7}
.busy-hour-points{display:grid;gap:16px;margin:24px 0}
.busy-hour-points article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.busy-hour-points article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eee8ff;color:var(--x-purple);font-weight:800}
.busy-hour-points h3{margin:0;font-size:18px;line-height:1.1}
.busy-hour-points p{margin:6px 0 0;color:#666}
.busy-wide-btn{min-width:220px}
.offer-duo .offer-card p{line-height:1.72;max-width:48ch}
.plans-faq-section{background:#fff}
@media(max-width:980px){.busy-hour-shell{grid-template-columns:1fr}.xfinity-term-switch{max-width:100%}}
@media(max-width:720px){.xfinity-term-switch{grid-template-columns:1fr}.busy-hour-panel,.busy-hour-copy{padding:24px}.busy-hour-panel h2,.busy-hour-copy h2{font-size:28px}}


/* v12 plans + bundles refinements */
.xfinity-usage-stage{
  background:#f7f6fb;
}
.usage-stage-head{
  max-width:760px;
  margin:0 auto 28px;
}
.usage-stage-shell{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:22px;
  align-items:stretch;
  padding:22px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 48px rgba(35,20,70,.08);
}
.usage-stage-media{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:22px;
  background:#17121f;
}
.usage-stage-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.usage-stage-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(20,11,38,.78) 100%);
}
.usage-stage-badge{
  position:absolute;
  z-index:1;
  left:22px;
  right:22px;
  bottom:20px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  color:#18131e;
}
.usage-stage-badge strong{
  font-size:18px;
}
.usage-stage-badge span{
  font-size:12px;
  color:#625c6d;
  text-align:right;
}
.usage-stage-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px;
  border-radius:22px;
  background:linear-gradient(150deg,#2e1558 0%,#6731d1 58%,#7643ff 100%);
  color:#fff;
}
.usage-stage-copy .eyebrow{
  color:#d9cbff;
}
.usage-stage-copy h3{
  margin:8px 0 10px;
  font-size:30px;
  line-height:1.06;
  white-space:nowrap;
}
.usage-stage-copy>p{
  margin:0 0 22px;
  color:rgba(255,255,255,.8);
  line-height:1.65;
}
.usage-stage-points{
  display:grid;
  gap:12px;
  margin-bottom:22px;
}
.usage-stage-points article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:13px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
}
.usage-stage-points article>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#fff;
  color:#5d24c6;
  font-size:12px;
  font-weight:900;
}
.usage-stage-points h4{
  margin:0;
  font-size:16px;
  line-height:1.1;
}
.usage-stage-points p{
  margin:5px 0 0;
  color:rgba(255,255,255,.75);
  font-size:13px;
  line-height:1.45;
}
.usage-stage-copy .call-btn{
  align-self:flex-start;
  background:#fff;
  color:#5d24c6;
}
.offer-checks{
  display:grid;
  gap:9px;
  margin:18px 0 20px;
  padding:0;
  list-style:none;
}
.offer-checks li{
  position:relative;
  padding-left:20px;
  line-height:1.45;
}
.offer-checks li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
  color:#6731d1;
}
.offer-card.purple .offer-checks li::before{
  color:#fff;
}
.student-banner img{
  object-position:center 40%;
}
.now-card h3{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.now-inline-tag{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
.bundles-faq-section{
  background:#fff;
}
@media(max-width:980px){
  .usage-stage-shell{
    grid-template-columns:1fr;
  }
  .usage-stage-media{
    min-height:400px;
  }
  .usage-stage-copy h3{
    white-space:normal;
  }
}
@media(max-width:720px){
  .usage-stage-shell{
    padding:14px;
  }
  .usage-stage-media{
    min-height:320px;
  }
  .usage-stage-badge{
    display:block;
  }
  .usage-stage-badge span{
    display:block;
    margin-top:4px;
    text-align:left;
  }
  .usage-stage-copy{
    padding:24px;
  }
  .now-card h3{
    white-space:normal;
  }
}


/* Xfinity v13 — final heading line-control + favicon cache refresh */
@media (min-width: 781px) {
  .hero-copy h1 {
    white-space: nowrap;
  }

  .section h2,
  .section-head h2,
  .media-copy h2,
  .award-copy h2,
  .editorial-copy h2,
  .gateway-head h2,
  .busy-hour-panel h2,
  .busy-hour-copy h2,
  .final-cta h2 {
    white-space: nowrap;
  }

  article h3 {
    white-space: nowrap;
  }
}