.guide-body{background:#f5f9ff}.guide-nav-link{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.guide-main{max-width:980px;padding:52px 28px 80px}.guide-back{display:inline-block;margin-bottom:22px;color:#087bea;text-decoration:none;font-weight:700;font-size:13px}.guide-card{position:relative;background:#fff;border:1px solid #dce5f4;padding:clamp(28px,6vw,68px);box-shadow:0 18px 55px rgba(35,79,135,.1);overflow:hidden}.guide-card::before{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-170px;border-radius:50%;background:radial-gradient(circle,#d9efff,rgba(217,239,255,0) 70%)}.guide-record-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;margin-bottom:28px;background:linear-gradient(135deg,#0788f8,#176be5);color:#fff;border-radius:18px;box-shadow:0 12px 28px rgba(7,123,241,.24);font-size:24px;font-weight:900;letter-spacing:-.04em}.guide-card h1{font:800 clamp(42px,5.3vw,68px)/1.02 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;max-width:none}.guide-lead{max-width:760px;margin:22px 0 42px;color:#52627f;font-size:20px;line-height:1.6}.guide-sections{display:grid;grid-template-columns:1fr 1fr;gap:34px 52px;border-top:1px solid #e0e8f5;padding-top:38px}.guide-sections h2{font:800 18px ui-sans-serif,system-ui,sans-serif;letter-spacing:0;margin-bottom:10px}.guide-sections p,.guide-sections li{color:#5a6983}.guide-sections ul{padding-left:20px;margin:0}.guide-sections code{display:inline-block;margin-top:8px;padding:8px 10px;background:#eef6ff;border:1px solid #d7e8fa;color:#24558a;overflow-wrap:anywhere}.guide-cta{display:inline-block;margin-top:42px;padding:15px 22px;background:#12c84f;color:#fff;text-decoration:none;font-weight:800}.guide-cta span{margin-left:10px}@media(max-width:680px){.guide-main{padding:32px 18px 55px}.guide-card{padding:28px 22px}.guide-sections{grid-template-columns:1fr}.guide-lead{font-size:17px}}
.guide-back a{color:inherit}.seo-guide{overflow:visible}.seo-guide .guide-record-icon{font-size:clamp(13px,2vw,22px)}.seo-section{max-width:780px;margin-top:48px;padding-top:38px;border-top:1px solid #e0e8f5}.seo-section h2{margin-bottom:16px;font:800 27px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em}.seo-section p,.seo-section li{color:#53647f;line-height:1.75}.seo-section code{background:#eef6ff;padding:2px 5px;color:#24558a}.seo-section .guide-cta{margin-top:18px}.faq details{border-bottom:1px solid #e0e8f5;padding:16px 0}.faq summary{cursor:pointer;color:#17284a;font-weight:800}.faq details p{margin-bottom:0}.related-guides{display:flex;flex-wrap:wrap;gap:10px}.related-guides a{padding:9px 12px;background:#eef6ff;border:1px solid #d7e8fa;color:#087bea;text-decoration:none;font-weight:700;font-size:13px}
.guide-index{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.guide-index a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #dce7f5;color:#17284a;text-decoration:none}.guide-index a:hover{border-color:#0788f8;background:#f6fbff}.guide-index span{color:#63708a;font-size:13px}@media(max-width:680px){.guide-index{grid-template-columns:1fr}}

/* Shared illustrated header for all content pages. */
.subpage-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center}
.subpage-hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(7,136,248,.40),rgba(7,123,241,.22),rgba(23,107,229,.40)),url('/assets/dns-network-hero.png'),linear-gradient(135deg,#0788f8 0%,#087af1 58%,#176be5 100%);background-size:cover;background-position:center;background-repeat:no-repeat}
.how-it-works-hero::before{background-image:linear-gradient(90deg,transparent 12%,rgba(7,128,244,.9) 32%,rgba(7,123,241,.94) 68%,transparent 88%),url('/assets/dnsreach-how-it-works-hero.png'),linear-gradient(135deg,#0788f8 0%,#087af1 58%,#176be5 100%);background-size:cover,cover,cover}
.record-specific-hero::before{background-image:radial-gradient(circle at 78% 46%,rgba(255,255,255,.14),transparent 38%),linear-gradient(135deg,#0788f8 0%,#087af1 58%,#176be5 100%)}
.record-specific-hero::after{content:"";position:absolute;z-index:0;inset:0;background-image:var(--guide-art);background-repeat:no-repeat;background-position:right center;background-size:auto 112%;filter:brightness(1.48) saturate(1.2);opacity:.76;pointer-events:none}
.subpage-hero-inner{max-width:980px;margin:auto;padding:48px 28px 54px}
.record-specific-hero .subpage-hero-inner{position:relative;z-index:1}
.subpage-hero .eyebrow{margin-bottom:14px;color:rgba(255,255,255,.8)}
.subpage-hero h1{max-width:900px;margin:auto;color:#fff;font:800 clamp(42px,5.3vw,68px)/1.02 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em}
.subpage-hero .guide-lead{margin:18px auto 0;color:rgba(255,255,255,.9)}
.subpage-hero .guide-record-icon{margin:0 auto 18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 28px rgba(0,70,160,.18);font-size:clamp(13px,2vw,22px)}
.subpage-hero+.guide-main{padding-top:42px}
.subpage-hero+.guide-main .guide-sections{border-top:0;padding-top:0}
@media(max-width:680px){.subpage-hero-inner{padding:38px 18px 42px}.subpage-hero h1{font-size:clamp(38px,12vw,52px)}.how-it-works-hero::before{background-image:linear-gradient(90deg,rgba(7,132,247,.42),rgba(7,126,243,.94) 20%,rgba(7,123,241,.96) 80%,rgba(21,111,231,.42)),url('/assets/dnsreach-how-it-works-hero.png'),linear-gradient(135deg,#0788f8 0%,#087af1 58%,#176be5 100%);background-size:cover,contain,cover}.record-specific-hero::after{background-size:auto 94%;background-position:112% center;filter:brightness(1.48) saturate(1.2);opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent 0 48%,rgba(0,0,0,.35) 64%,#000 82%);mask-image:linear-gradient(90deg,transparent 0 48%,rgba(0,0,0,.35) 64%,#000 82%)}}

/* Reserved desktop rails for future advertising or sponsorship placements. */
.guide-main{position:relative}
.page-slot{display:none;position:absolute;z-index:1;top:82px;width:160px;height:600px;border:1px dashed #c9d8e9;background:linear-gradient(180deg,#f8fbff,#eef5fc);color:#8a9bb0;text-align:center;pointer-events:none}
.page-slot span{position:absolute;top:24px;left:0;right:0;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.page-slot small{position:absolute;left:0;right:0;bottom:14px;font-size:10px;letter-spacing:.08em}
@media(min-width:1380px){.page-slot{display:block}.page-slot-left{left:-176px}.page-slot-right{right:-176px}}
.horizontal-ad-slot{display:flex;align-items:center;justify-content:center;gap:14px;width:min(728px,calc(100% - 36px));height:90px;margin:-42px auto 32px;border:1px dashed #c9d8e9;background:linear-gradient(90deg,#f8fbff,#eef5fc,#f8fbff);color:#8a9bb0;text-align:center}
.horizontal-ad-slot span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.horizontal-ad-slot small{font-size:10px;letter-spacing:.08em}
@media(max-width:760px){.horizontal-ad-slot{height:100px;margin:-24px auto 24px}.horizontal-ad-slot small{display:none}}