/* Site-wide homepage background (Andrew, Oct 29 2026 4:06 AM ET via Kylie: no page may have a blank white background).
   Same treatment /promotions/ got on Oct 27 (promotions.css): the homepage hero look (photo under the dark overlay from
   hero-v2.css) on page heroes, and the homepage's dark navy band behind page content. Background/colour only: no text,
   layout or markup changes. Light "island" boxes (cards, notes, forms, FAQ items, source lists) keep their light
   background and dark ink so every text pair stays at or above WCAG AA 4.5:1. Same-origin file (CSP style-src 'self'). */
html,body{background:#081426}
.section,.section-alt,.notice-wrap,main.section{background:linear-gradient(180deg,#081426 0,#0d2236 55%,#14324f 100%)}
.section-alt,.notice-wrap{background:#0d2236}
.hero,.detail-hero{background:linear-gradient(rgba(8,20,34,.78),rgba(8,20,34,.86)),url(/images/hero-1200.webp) center/cover no-repeat;color:#fff}
@media (min-width:1000px){.hero,.detail-hero{background-image:linear-gradient(rgba(8,20,34,.78),rgba(8,20,34,.86)),url(/images/hero.webp)}}
/* text that sits directly on the dark band */
.section,.notice-wrap{color:#d6e0ea}
.section h1,.section h2,.section h3,.section h4,.section h5,.section strong,.section .section-title,.section .page-title,.section .sig,.section .tn-related>h2,.section th{color:#fff}
.section a:not(.btn),.notice-wrap a:not(.btn){color:#f5b26b}
.section a:not(.btn):hover{color:#fff}
.section a:focus-visible{outline:3px solid #f5b26b;outline-offset:2px}
.section .section-sub,.section .center,.section .small,.section .tn-dek,.section .tn-byline,.section figcaption,.section .detail-note,.section .price-note,.section .muted,.section .tn-date,.section td,.section .tn-topics-note{color:#d6e0ea}
.section .tn-date{color:#f5b26b}
.section .tiers th,.section .tiers td,.section .legal-table th,.section .legal-table td{border-color:rgba(255,255,255,.22)}
.section .legal-table thead th{background:#14324f;color:#fff}
.section .legal-table tbody tr:nth-child(even){background:rgba(255,255,255,.06)}
.section hr{border-color:rgba(255,255,255,.22)}
/* light islands: keep their original light background and dark text */
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,.price-varies,.trust-chips li,form,.uptime-target){color:var(--ink)}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) :is(h1,h2,h3,h4,h5,strong,.page-title,summary,th){color:var(--navy)}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) a:not(.btn){color:var(--steel)}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) a:not(.btn):hover{color:var(--navy)}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) :is(.small,.section-sub,.detail-note,.price-note,.muted,.tn-topics-note,td,figcaption,.tn-byline,.tn-dek){color:var(--muted)}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) .tn-date{color:var(--cta)}
.section :is(.card,.detail-box,.tile,a.tn-card,.thanks-box,.quote){box-shadow:0 10px 24px rgba(0,0,0,.25)}
.section .eyebrow{color:#f5b26b}
.section table th{color:#fff}
.hero a:not(.btn),.detail-hero a:not(.btn){color:#f5b26b}
.section a.call-fab,.section a.call-fab:hover{color:var(--navy2)}
.section table.tiers th{color:#fff}
.section :is(.card,.thanks-box,.detail-box,details,.quote,.tile,a.tn-card,.notice,.tn-callout,.tn-keypoints,.tn-sources,.tn-topics-strip,.csp-note-blue,.csp-box-amber,form,.uptime-target) table.tiers th{color:var(--muted)}
.hero form a:not(.btn),.detail-hero form a:not(.btn){color:var(--steel)}
.svc-card table.tiers th{color:#d6e0ea}
/* Pages without a hero block (Our Work, Tech News articles, legal pages, thanks, 404): the homepage hero photo under the
   same dark overlay at the top of the first content band, fading into the dark band. Background only. */
#main>.section:first-child,main#main.section{background:linear-gradient(180deg,rgba(8,20,34,.80) 0,rgba(8,20,34,.88) 260px,#081426 440px,#0d2236 70%,#14324f 100%),url(/images/hero-1200.webp) center top/max(100%,1200px) auto no-repeat,#081426}
@media (min-width:1000px){#main>.section:first-child,main#main.section{background-image:linear-gradient(180deg,rgba(8,20,34,.80) 0,rgba(8,20,34,.88) 260px,#081426 440px,#0d2236 70%,#14324f 100%),url(/images/hero.webp)}}