/* Dedicated Pricing surroundings only; shared plans and Help remain untouched. */
.pricing-reference{ padding-top:0; padding-bottom:0; }
.pricing-reference__hero{ padding-block:clamp(48px,6vw,88px); background:var(--color-background); }
.pricing-reference__hero-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
.pricing-reference__eyebrow{ margin:0 0 18px; color:var(--color-primary); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.pricing-reference__hero .pricing-reference__eyebrow{ display:inline-flex; align-items:center; gap:9px; }
.pricing-reference__hero .pricing-reference__eyebrow::before{ width:27px; height:2px; flex:0 0 27px; border-radius:2px; background:var(--color-accent); content:""; }
.pricing-reference__hero h1{ margin:0 0 28px; color:var(--color-heading); font-size:clamp(2.5rem,4.4vw,3.75rem); font-weight:820; line-height:1.05; letter-spacing:-.0475em; }
.pricing-reference__hero p:not(.pricing-reference__eyebrow){ margin:0 0 30px; color:var(--color-body); font-size:17px; line-height:1.85; }
.pricing-reference__hero-image img{ display:block; width:100%; height:auto; border-radius:20px; box-shadow:0 18px 40px rgba(var(--color-primary-dark-rgb), .1); }



.pricing-reference__banner{ position:relative; isolation:isolate; overflow:hidden; padding-block:clamp(52px,6.5vw,96px); background:var(--color-primary-dark); color:var(--color-on-primary); }
.pricing-reference__banner-media{ position:absolute; inset:0; z-index:-2; }
.pricing-reference__banner-media img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.pricing-reference__banner--image::before{ position:absolute; inset:0; z-index:-1; content:""; background:linear-gradient(90deg,rgba(var(--color-primary-dark-rgb), .96) 0%,rgba(var(--color-primary-dark-rgb), .88) 48%,rgba(var(--color-dark-section-rgb), .63) 100%); pointer-events:none; }
.pricing-reference__hero--no-image .pricing-reference__hero-grid{ grid-template-columns:minmax(0,1fr); }
.pricing-reference__hero--no-image .pricing-reference__hero-grid>div{ max-width:850px; }
@media(max-width:800px) { .pricing-reference__banner-media img{ object-position:65% center; } .pricing-reference__banner--image::before{ background:rgba(var(--color-primary-dark-rgb), .9); } }
.pricing-reference__banner .pricing-reference__eyebrow{ color:var(--tone-primary-019); }
.pricing-reference__banner h2{ margin:0 0 20px; color:var(--color-on-dark); font-size:clamp(32px,4vw,50px); line-height:1.15; }
.pricing-reference__banner p:not(.pricing-reference__eyebrow){ max-width:840px; font-size:17px; line-height:1.75; }
.pricing-reference__banner ul{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:32px 0 0; padding:24px 0 0; border-top:1px solid rgba(var(--color-on-dark-rgb), .2); list-style:none; }
.pricing-reference__banner li{ display:flex; gap:12px; align-items:center; font-weight:700; }
.pricing-reference__banner .iptvdock-icon{ flex:0 0 24px; color:var(--tone-primary-019); }
.pricing-reference__section{ padding-block:clamp(52px,6vw,84px); }
.pricing-reference__heading{ max-width:850px; margin:0 auto 44px; text-align:center; }
.pricing-reference .pricing-reference__heading h2{ margin:0 0 24px; color:var(--color-heading); font-size:clamp(29px,3.2vw,42px); line-height:1.2; letter-spacing:-.025em; }
.pricing-reference .pricing-help__heading h2{ color:var(--color-heading); }
.pricing-reference__heading>p:last-child,.pricing-reference__guidance-grid p,.pricing-reference__support-grid>article>p:not(.pricing-reference__eyebrow),.pricing-reference__trial-copy{ color:var(--color-body); font-size:16px; line-height:1.85; }
.pricing-reference__guidance-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.pricing-reference__guidance-grid article{ border-top:1px solid var(--color-border); padding-top:24px; min-width:0; }
.pricing-reference .pricing-reference__guidance-grid h3,.pricing-reference .pricing-reference__support-grid h3{ color:var(--color-heading); font-size:20px; line-height:1.4; margin:0 0 20px; }
.pricing-reference__guidance-grid a{ color:var(--color-primary); text-underline-offset:3px; }
.pricing-reference__support-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.pricing-reference__support-grid article{ display:flex; flex-direction:column; align-items:center; padding:32px 26px; border:1px solid var(--color-border); border-radius:18px; box-shadow:0 10px 30px rgba(var(--color-primary-dark-rgb), .06); text-align:center; min-width:0; }
.pricing-reference__support-grid .iptvdock-icon{ width:28px; height:28px; color:var(--color-primary); margin-bottom:24px; }
.pricing-reference__support-grid .pricing-reference__eyebrow{ font-size:11px; }
.pricing-reference__support-grid article>p:not(.pricing-reference__eyebrow){ margin:0 0 24px; }


.pricing-reference__trial{ background:var(--color-primary-dark); text-align:center; }
.pricing-reference__trial .pricing-reference__heading{ margin-bottom:20px; }
.pricing-reference__trial .pricing-reference__heading h2{ color:var(--color-on-dark); }
.pricing-reference__trial .pricing-reference__heading>p:last-child,.pricing-reference__trial-copy{ color:var(--tone-border-031); }
.pricing-reference__trial-copy{ max-width:850px; margin:0 auto 30px; }

@media(max-width:1024px) { .pricing-reference__hero-grid{ gap:32px; } .pricing-reference__support-grid{ gap:18px; } .pricing-reference__support-grid article{ padding:28px 20px; } .pricing-reference__banner ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .pricing-reference__hero-grid{ grid-template-columns:minmax(0,1fr); } .pricing-reference__hero-image{ max-width:650px; margin-inline:auto; } .pricing-reference__support-grid{ grid-template-columns:minmax(0,1fr); max-width:650px; margin-inline:auto; } }
@media(max-width:600px) { .pricing-reference__guidance-grid,.pricing-reference__banner ul{ grid-template-columns:minmax(0,1fr); } .pricing-reference__heading{ margin-bottom:32px; } .pricing-reference__hero p:not(.pricing-reference__eyebrow){ font-size:16px; } }
@media(max-width:22.5rem) { .pricing-reference__hero h1{ font-size:2.25rem; } }