:root{--navy:#082c49;--blue:#006cb6;--ink:#102a40;--muted:#50677a;--orange:#ff8c3b;--line:#d8e4ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#eaf0f4}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(46px,4.4vw,68px);margin-bottom:22px}h2{font-size:42px;margin-bottom:20px}h3{font-size:23px}p{margin-bottom:18px}a{color:var(--blue)}button,summary{cursor:pointer}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d56611;outline-offset:5px}img{max-width:100%;display:block}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:#fff;padding:15px;z-index:100}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site{container-name:site;container-type:inline-size;background:#fff;max-width:100%;margin:auto}.site.mobile{max-width:420px;box-shadow:0 0 0 1px #becbd7}.preview{font-size:12px;background:#f8eed6;padding:8px 24px;display:flex;justify-content:space-between;gap:15px;color:#594314}.preview button{font-size:12px;border:1px solid #bda877;padding:3px 10px;border-radius:5px;background:transparent}.preview button[aria-pressed=true]{background:#594314;color:white}.preview>div{white-space:nowrap}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:91px}.identity{color:var(--ink);text-decoration:none;font-size:17px;line-height:1.15;border-left:4px solid var(--orange);padding-left:13px}.identity strong{font-size:22px}.header nav{display:flex;gap:25px}.header a{font-size:13px;font-weight:650;text-decoration:none;color:var(--ink)}.header .call{font-size:16px;white-space:nowrap}.hero{background:linear-gradient(120deg,#e9f7ff,#f7fbfe);border-block:1px solid #dfedf4;padding:48px 0 52px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.directv-logo{object-fit:contain;object-position:left;margin-bottom:31px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#086ab0;margin-bottom:16px}h1 span{color:#0077b5}.hero-copy>p{font-size:17px;color:#456175;max-width:530px}.hero-copy>.micro{font-size:11px;margin:19px 0 0;max-width:490px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 21px;border-radius:99px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.4}.primary{background:var(--orange);color:#152b3d;border:1px solid #bb560d}.primary:hover{background:#ff9f5d}.light{background:white;color:var(--navy)}.outline{border:1px solid #b6cddb;color:var(--navy);background:#fff}.text-link{font-size:13px;font-weight:650;text-underline-offset:4px}.hero-photo{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#123c55}.hero-photo>img{width:100%;height:490px;object-fit:cover;object-position:47% center}.hero-photo figcaption{position:absolute;inset:auto 0 0;padding:55px 25px 24px;background:linear-gradient(transparent,#02243be8);color:white;font-weight:700;font-size:20px}.hero-photo figcaption span{font-size:10px;display:block;font-weight:400;color:#d9e6ee;margin-top:5px}.jump{display:flex;gap:11px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--line);justify-content:center}.jump a{font-size:12px;font-weight:650;text-decoration:none;color:#214f6e;padding:9px 16px;background:#f1f7fb;border-radius:99px}.section{padding:76px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:15px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{border-top:2px solid #d6e5ee;padding-top:23px}.steps span{color:#bf550c;font-size:13px;font-weight:800;display:block;margin-bottom:18px}.steps h3{font-size:23px;letter-spacing:-.6px}.steps p{font-size:14px;color:var(--muted)}.source-note{font-size:11px;color:#647889;margin:18px 0 0}.packages{background:#f3f8fb;border-block:1px solid #e1eaf0}.pricing-alert{font-size:12px;padding:18px 22px;border-left:4px solid #e87625;background:#fff1e6;color:#5b462d;margin-bottom:35px}.group-heading{font-size:28px;margin-bottom:10px}.group-description{font-size:14px;color:var(--muted)}.package-grid{display:grid;gap:18px}.signature-grid{grid-template-columns:repeat(4,1fr)}.genre-grid{grid-template-columns:repeat(3,1fr)}.package{background:white;border:1px solid #cfdfe9;border-radius:18px;padding:24px;display:flex;flex-direction:column;min-width:0}.package .tag{font-size:10px;font-weight:800;color:#176387;letter-spacing:.06em;margin-bottom:14px}.package h4{font-size:21px;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px}.package p{font-size:13px;color:var(--muted)}.package .price{color:#124f71;font-size:13px;font-weight:650;padding:15px 0;border-block:1px solid #e0eaf0;line-height:1.65;margin-bottom:15px}.package .price strong{color:#006da6;font-size:19px;letter-spacing:-.5px}.package .signature-price{font-size:23px;font-weight:750;color:#005e95;line-height:1.15;margin-bottom:4px}.package>.button{margin-top:auto;width:100%;border-radius:9px;font-size:12px}.package details{margin-bottom:20px;font-size:12px}.package summary{font-weight:700;color:#124c6c;line-height:1.5}.package ul{padding-left:18px;margin:14px 0;color:var(--muted);font-size:12px}.package li{margin-bottom:7px}.package a.source{font-size:11px;display:block;margin:7px 0;overflow-wrap:anywhere}.genre-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin:49px 0 25px}.genre-heading h3{font-size:30px;margin:0}.genre-heading>p{max-width:460px;font-size:13px;color:var(--muted);margin:0}.other-options{margin-top:25px}.other-options>details,.extras-groups>details{border:1px solid #cfdfe9;border-radius:13px;background:white;margin-bottom:14px;padding:20px}.other-options summary,.extras-groups summary{font-size:16px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.detail-card{padding:22px;background:#f5f9fc;border:1px solid #e0eaf1;border-radius:12px;min-width:0}.detail-card h4{font-size:20px;line-height:1.2;margin:0 0 12px}.detail-card p,.detail-card li{font-size:13px;color:var(--muted)}.detail-card ul{padding-left:18px}.detail-card .price{color:#145474;font-weight:650}.detail-card a{font-size:12px}.detail-card .button{margin-top:10px}.detail-card details{margin:12px 0}.detail-card summary{font-size:12px}.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.equipment-feature{border:1px solid #d7e3eb;background:#f5f9fc;border-radius:22px;overflow:hidden}.device-image{height:260px;display:flex;justify-content:center;align-items:center;background:white;padding:28px}.device-image img{height:100%;width:100%;object-fit:contain}.equipment-feature .detail-card{border:0;background:transparent;padding:27px}.watch-details{display:grid;gap:18px}.watch-details .detail-card{background:white}.internet-note{margin-top:25px;padding:24px 28px;border-left:4px solid #0083bf;background:#eaf6fc}.internet-note>strong{font-size:20px}.internet-note p{font-size:13px;color:#416079;margin:10px 0}.internet-note a{font-size:13px;font-weight:700}.internet-note small{display:block;font-size:10px;margin-top:9px;color:var(--muted)}.sports{background:var(--navy);color:white}.sports-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.sports .eyebrow{color:#ffb57b}.sports p{font-size:14px;color:#c6dce9}.sports-checklist article{display:flex;gap:18px;border-bottom:1px solid #ffffff24;margin-bottom:23px;padding-bottom:10px}.sports-checklist article>span{color:#ffb57b;font-size:13px;font-weight:700}.sports-checklist h3{font-size:22px;margin-bottom:10px}.support{background:#edf7fb}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.support figure{margin:0}.support img{border-radius:22px;width:100%;height:400px;object-fit:cover}.support figcaption{font-size:10px;color:var(--muted);margin-top:7px}.support p,.support li{font-size:14px;color:var(--muted)}.support ul{padding-left:19px}.support li{margin-bottom:9px}.support .micro{font-size:11px;line-height:1.65}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-layout>div>p{color:var(--muted);font-size:14px}.faqs details{border-bottom:1px solid #d4e2eb;padding:19px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;font-weight:650}.faqs p{font-size:13px;color:var(--muted);margin:15px 0}.faqs a{font-size:12px}.final-cta{background:#092c46;border-radius:25px;padding:37px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:white;margin-bottom:70px}.final-cta .eyebrow{color:#ffb57b}.final-cta h2{font-size:34px;margin-bottom:12px}.final-cta p{font-size:14px;color:#c9e2f0;margin:0}.final-cta .button{flex-shrink:0}footer{background:#f2f6f9;padding:40px 0 25px;border-top:1px solid #d9e4eb}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-top p{font-size:12px;color:var(--muted);margin:19px 0}.footer-top>div:last-child{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-note{border-top:1px solid #d8e2ea;padding-top:20px;font-size:10px;color:#5a7183}.footer-note p{margin-bottom:10px}
@container site (max-width:1000px){.header nav{gap:15px}.header .call{display:none}.hero-grid{gap:30px}.hero h1{font-size:49px}.hero-photo>img{height:470px}.signature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:32px}.sports-layout{gap:35px}.genre-grid{grid-template-columns:repeat(2,1fr)}.support-layout{gap:30px}.faq-layout{gap:35px}.final-cta{flex-direction:column;align-items:start}.wrap{width:calc(100% - 44px)}}
@container site (max-width:650px){.wrap{width:calc(100% - 36px)}.header{min-height:78px;gap:18px}.header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.header nav a{font-size:10px}.header nav a:nth-child(2){display:none}.header .identity{font-size:13px}.header .identity strong{font-size:17px}.hero{padding:32px 0}.hero-grid{grid-template-columns:1fr;gap:27px}.directv-logo{width:160px;margin-bottom:23px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-photo>img{height:290px}.hero-photo{border-radius:20px}.hero-photo figcaption{font-size:18px}.jump{padding-block:21px;gap:8px;justify-content:flex-start}.jump a{font-size:10px;padding:8px 11px}.section{padding:46px 0}h2{font-size:33px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:27px}.section-heading>p{font-size:14px}.steps{grid-template-columns:1fr;gap:16px}.steps article{padding-top:19px}.steps span{margin-bottom:12px}.signature-grid,.genre-grid,.detail-grid{grid-template-columns:1fr}.package{padding:25px}.genre-heading{align-items:start;flex-direction:column;gap:18px;margin-top:35px}.watch-grid,.sports-layout,.support-layout,.faq-layout{grid-template-columns:1fr;gap:28px}.support img{height:280px}.final-cta{padding:28px 24px;margin-bottom:44px}.final-cta h2{font-size:30px}.footer-top{flex-direction:column;gap:20px}.footer-note{margin-top:22px}.actions{gap:16px}.pricing-alert{padding:16px 18px}.internet-note{padding:22px}.detail-card{padding:19px}}
@media(max-width:650px){.preview{font-size:10px;padding:8px 14px}.preview>div{display:none}}
.directv-logo{height:auto;margin:-28px 0 -5px}.footer-top>div>img{height:auto}.detail-card .tag{font-size:10px;color:#286483;letter-spacing:.06em;font-weight:750;margin-bottom:10px}.device-image{height:295px}.feature-update{margin-top:20px;border-top:1px solid #ffffff38;padding-top:19px}.feature-update strong{color:#ffb57b}.feature-update a{color:#9adcfb}.feature-update p{font-size:12px;margin:8px 0}
@container site (max-width:650px){.directv-logo{margin-top:-20px}.device-image{height:230px}}
.header .identity{display:flex;align-items:center;gap:18px;border:0;padding:0;flex-shrink:0}.att-identity{display:block}.att-identity img{width:112px;height:37px}.att-identity small{display:block;font-size:11px;font-weight:650;margin-top:6px;color:#40596a}.header .campaign-name{font-size:15px;line-height:1.35;border-left:1px solid #dbe4ec;padding-left:18px;font-weight:650}
@container site (max-width:1000px){.header nav{gap:15px}.header{gap:20px}.header nav a{font-size:12px}}
@container site (max-width:650px){.header .identity{gap:10px}.att-identity img{width:84px;height:auto}.att-identity small{font-size:8px;margin-top:5px}.header .campaign-name{font-size:12px;padding-left:10px}.header{gap:14px}.header nav{gap:9px;max-width:154px}.header nav a{font-size:10px}}