#home-content[hidden]{display:none!important}#home-content{color:#202932;line-height:1.85;background:#fff}#home-content .dr-shell{max-width:1180px;margin:auto;padding:48px 28px 80px}#home-content h2{font-size:clamp(26px,3.2vw,40px);line-height:1.4;letter-spacing:-1.2px;margin:12px 0 24px}#home-content .dr-grid h3{font-size:21px;line-height:1.5}#home-content .dr-chapter>p,#home-content .dr-grid article p,#home-content .dr-diagram p,#home-content details p{color:#5c6670}#home-content .dr-message{font-size:clamp(24px,4vw,46px);font-weight:800;color:#17212a;letter-spacing:-1.5px}#home-content .dr-nav{display:flex;flex-wrap:wrap;gap:12px;border-block:1px solid #ddd;padding:20px 0}#home-content .dr-top{color:#187da7}#home-content .dr-nav a{text-decoration:none;padding:8px 16px;background:#f0f7fa;border-radius:6px;font-weight:700}#home-content .dr-chapter{padding:72px 0;border-bottom:1px solid #e5e8eb;scroll-margin-top:var(--dr-header,150px)}#home-content .dr-eyebrow,#home-content .dr-number{font-size:13px;letter-spacing:2px;font-weight:700;color:#258ab4}#home-content .dr-lead{font-size:clamp(19px,2vw,24px);color:#273542;font-weight:700;max-width:950px}#home-content .dr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}#home-content article{min-width:0;padding:26px;background:#f5f6f7;border:1px solid #e5e8eb;border-radius:14px}#home-content article img{width:100%;height:auto;filter:grayscale(1);border-radius:8px}#home-content .dr-shift{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:20px}#home-content .dr-shift strong{color:#177ca5}#home-content .dr-closing{font-weight:700;color:#263747;margin-top:32px}#home-content .dr-diagram{margin:32px 0;padding:32px;background:#f0f7fa;text-align:center;border-radius:16px}#home-content .dr-node{padding:20px;border:2px solid #597786;border-radius:9px;background:white}#home-content .dr-router-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}#home-content .dr-router-pair .dr-node:last-child{border-style:dashed}#home-content .dr-lans{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}#home-content .dr-lans span{background:#fff;padding:10px 24px;border:1px solid #a3b6c0}#home-content figcaption{font-size:13px;color:#677782;margin-top:20px}#home-content details{padding:22px;background:#f6f7f8}#home-content summary{cursor:pointer;font-weight:700}#home-content .dr-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#home-content .dr-device{font-size:32px;color:#384852;min-height:85px;display:flex;align-items:center}#home-content .dr-table{overflow:auto;margin:32px 0}#home-content table{width:100%;min-width:720px;border-collapse:collapse;text-align:left;font-size:14px}#home-content caption{text-align:left;margin-bottom:12px;font-weight:bold}#home-content th,#home-content td{padding:16px;border-bottom:1px solid #ddd}#home-content thead{background:#eaf4f8}#home-content .dr-cta{padding:15px 24px;background:#167ea9;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}#home-content .dr-top{display:inline-block;margin-top:30px}#home-content :focus-visible{outline:3px solid #188bbd;outline-offset:4px}html{scroll-padding-top:var(--dr-header,150px)}@media(max-width:1000px){#home-content .dr-grid,#home-content .dr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#home-content .dr-shell{padding:28px 20px 50px}#home-content .dr-chapter{padding:48px 0}#home-content .dr-grid,#home-content .dr-product-grid{grid-template-columns:1fr}#home-content .dr-router-pair{grid-template-columns:1fr}#home-content .dr-diagram{padding:20px;margin-inline:0}#home-content .dr-nav{gap:8px}#home-content .dr-nav a{padding:8px;font-size:14px}}@media(prefers-reduced-motion:reduce){.track{animation:none!important}}
#home-content #hm-news{padding:0;border-bottom:0}#home-content #home-insights{margin-top:0}

/* Chapter main copy matches checklist STEP headings. */
#home-content .dr-chapter>h2,
#home-content #home-insights .ni-heading {
  font-family:inherit;
  font-size:clamp(26px,3vw,38px);
  font-weight:750;
  font-style:normal;
  line-height:1.35;
  letter-spacing:-.055em;
  color:#152a3d;
  transform:scaleX(.94);
  transform-origin:left center;
  -webkit-text-stroke:0;
}

/* Chapter labels use the same typography as CHAPTER 05 / card news. */
#home-content .dr-chapter>.dr-eyebrow {
 font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;
 letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;
 transform:scaleX(.94);transform-origin:left center;
}
#home-content .dr-eyebrow span {
 font-weight:400;letter-spacing:0;color:#6d7e8b;margin-left:12px;
}

/* Match the supplied STEP 1 reference: label, headline, introduction. */
#home-content .dr-chapter>h2,
#home-content #home-insights .ni-heading { margin:0; }
#home-content .dr-chapter>.dr-lead,
#home-content #home-insights .ni-intro {
 font-family:inherit;font-size:15px;font-weight:400;font-style:normal;
 line-height:1.9;letter-spacing:-.055em;color:#587083;
 transform:scaleX(.94);transform-origin:left center;
 margin:26px 0 0;max-width:none;
}
#home-content #home-insights .ni-step-label {
 font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;
 letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;
 transform:scaleX(.94);transform-origin:left center;
}
#home-content #home-insights .ni-step-label span {
 font-weight:400;letter-spacing:0;color:#6d7e8b;margin-left:12px;
}

/* Chapter introduction paragraphs: 16px type and line height. */
#home-content .dr-chapter>p:not([class]) {
 font-size:16px;
 line-height:16px;
}

/* Same square-headed comma geometry as checklist STEP headings. */
#home-content h2 .dr-square-comma{position:relative;display:inline-block;width:.3em;color:transparent;letter-spacing:0}
#home-content h2 .dr-square-comma:before{content:"";position:absolute;left:.045em;bottom:.16em;width:.19em;height:.19em;background:#152a3d;border-radius:0;transform:none}
#home-content h2 .dr-square-comma:after{content:"";position:absolute;left:.135em;bottom:.035em;width:.065em;height:.15em;background:#152a3d;transform:skew(-22deg);border-radius:0}

#home-content .dr-background-points{list-style:none;padding:0;margin:1em 0;color:#5c6670}
#home-content .dr-background-points>li{position:relative;padding-left:1.15em;margin:.8em 0;line-height:1.85}
#home-content .dr-background-points>li:before{content:"-";position:absolute;left:0;top:0}
#home-content .dr-background-points>li{border-left:3px solid #00b9ad;padding-left:16px}
#home-content .dr-background-points>li:before{content:none}
#home-content .dr-background-points{border-left:3px solid #00b9ad;padding-left:16px}
#home-content .dr-background-points>li{border-left:0;padding-left:0}
#home-content .dr-background-points>li{margin:.8em 0}

#home-content .dr-background-points>li{margin:0;line-height:1.85}

#home-content .dr-background-points{border-left-width:4px;padding-top:0;padding-bottom:0}
#home-content .dr-background-points>li{margin:0}
#home-content .dr-background-points{position:relative;border-left:0}
#home-content .dr-background-points:before{content:"";position:absolute;left:0;top:.4em;bottom:.4em;width:4px;background:#00b9ad}
#home-content .dr-background-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:30px;margin:30px 0 36px}
#home-content .dr-background-visual{margin:0;min-width:0}
#home-content .dr-background-visual img{display:block;width:100%;height:auto;border-radius:12px}
#home-content .dr-background-layout .dr-background-points{margin:0;min-width:0}
@media(max-width:800px){#home-content .dr-background-layout{grid-template-columns:1fr;gap:24px}}
#home-content .dr-background-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
#home-content .dr-background-layout .dr-background-points{grid-column:1;grid-row:1}
#home-content .dr-background-layout .dr-background-visual{grid-column:2;grid-row:1}
@media(max-width:800px){#home-content .dr-background-layout{grid-template-columns:1fr}#home-content .dr-background-layout .dr-background-points{grid-column:1;grid-row:1}#home-content .dr-background-layout .dr-background-visual{grid-column:1;grid-row:2}}
#home-content .dr-background-points>li+li{margin-top:1.85em}

#home-content .dr-background-layout{align-items:start}
#home-content .dr-background-layout .dr-background-points{padding-left:0}
#home-content .dr-background-points:before{content:none}
#home-content .dr-background-points>li{position:relative;padding-left:16px;border:0}
#home-content .dr-background-points>li:before{content:"";position:absolute;left:0;top:.4em;bottom:.4em;width:4px;background:#00b9ad}
#home-content #hm-background>.dr-closing{display:flex;align-items:flex-start;gap:12px}
#home-content .dr-conclusion-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#00b9ad;color:#fff;font-size:16px;font-weight:800;line-height:1;margin-top:2px}
#home-content #hm-background>.dr-closing{font-size:18px;font-weight:700}

#home-content #hm-features>.dr-closing{display:flex;align-items:flex-start;gap:12px;font-size:18px;font-weight:700}

#home-content{--dr-accent:#00b9ad}
#home-content .dr-background-points>li:before{background:var(--dr-accent)}
#home-content .dr-conclusion-symbol{background:var(--dr-accent);color:#fff}
/* Shared Chapter 1 accent for all paragraph bars and conclusion badges. */
#home-content{--dr-accent:#00b9ad}
#home-content .dr-chapter .dr-background-points>li:before{background-color:var(--dr-accent)}
#home-content .dr-chapter .dr-conclusion-symbol{background-color:var(--dr-accent);border-color:var(--dr-accent);color:#fff}
#home-content{--dr-accent:#258ab4}

#home-content .dr-feature-points h3{margin:0 0 8px;font-size:18px;line-height:1.5;font-weight:700;color:#202932}
#home-content .dr-feature-points p{margin:0;color:#5c6670;line-height:1.85}
#home-content .dr-feature-points>li:before{content:none}
#home-content .dr-feature-points>li{padding-left:0}
#home-content #hm-background .dr-background-visual img,#home-content #hm-features .dr-background-visual img{width:100%;height:auto;aspect-ratio:5 / 3;object-fit:fill}
/* Align chapter images with the first explanation paragraph below its heading. */
@media(min-width:801px){#home-content #hm-background .dr-background-visual,#home-content #hm-features .dr-background-visual{margin-top:35px}}

#home-content .dr-uses-points>li+li{margin-top:22px}#home-content .dr-uses-points h3{margin-bottom:6px}#home-content .dr-uses-points p{line-height:1.7}

#home-content .dr-uses-action{display:flex;justify-content:flex-end;margin-top:18px}
#home-content .dr-diagnose-button{box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.4;padding:8px 20px;border:1px solid #dce2e8;border-radius:9px;background:#fff;color:#56626d;cursor:pointer;box-shadow:0 3px 0 #c5d5de,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc;transition:background .15s,transform .08s,box-shadow .08s}
#home-content .dr-diagnose-button:hover{background:#edf9ff;border-color:#8ccde6}
#home-content .dr-diagnose-button:active{transform:translateY(2px);box-shadow:0 1px 0 #c5d5de,inset 0 1px 3px #24334a20}
@media(max-width:600px){#home-content .dr-diagnose-button{font-size:12px;padding:7px 15px}}
#home-content #hm-uses>.dr-closing{display:flex;align-items:flex-start;gap:12px;font-size:18px;font-weight:700}

#home-content .dr-uses-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}
#home-content .dr-uses-footer>.dr-closing{display:flex;align-items:flex-start;gap:12px;margin:0;flex:1;font-weight:700}
#home-content .dr-uses-footer>.dr-uses-action{margin:0;flex:none}
#home-content .dr-uses-footer .dr-diagnose-button{white-space:nowrap}
@media(max-width:800px){#home-content .dr-uses-footer{flex-wrap:wrap}#home-content .dr-uses-footer>.dr-uses-action{margin-left:auto}}
#home-content .dr-uses-footer{flex-direction:column;align-items:stretch;gap:18px}#home-content .dr-uses-footer>.dr-uses-action{align-self:flex-end;margin:0}

#home-content .dr-uses-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
#home-content .dr-uses-footer>.dr-uses-action{align-self:center;margin:0}
#home-content .dr-diagnose-button{background:#167ea9;color:#fff;border-color:#126b90;box-shadow:0 3px 0 #105f80,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff66}
#home-content .dr-diagnose-button:hover{background:#198dbb;border-color:#126b90}
#home-content .dr-diagnose-button:active{transform:translateY(2px);box-shadow:0 1px 0 #105f80,inset 0 1px 3px #24334a20}
@media(max-width:800px){#home-content .dr-uses-footer{flex-wrap:wrap}#home-content .dr-uses-footer>.dr-uses-action{margin-left:auto}}
#home-content .dr-uses-footer>.dr-closing{font-size:15px}

#home-content .dr-diagnose-button{font-weight:700}

#home-content #hm-features>.dr-closing{font-size:15px}

#home-content #hm-background>.dr-closing,
#home-content #hm-features>.dr-closing,
#home-content #hm-products .dr-uses-footer>.dr-closing{font-family:inherit;font-size:15px;font-weight:700}
#home-content .dr-product-infographics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:1672px;max-width:100%;margin:30px auto 36px}
#home-content .dr-product-infographics figure{margin:0;min-width:0}
#home-content .dr-product-infographics img{display:block;width:100%;height:auto;border-radius:12px;filter:none}
#home-content .dr-product-points{list-style:none;padding:0;margin:30px 0}#home-content .dr-product-points>li+li{margin-top:22px}#home-content .dr-product-points h3{margin-bottom:6px}#home-content .dr-product-points p{line-height:1.7}

#home-content #hm-products>.dr-product-intro{font-family:inherit;font-size:16px;font-weight:400;color:#5c6670;line-height:1.7}

#home-content .dr-product-bullets{padding-left:18px;margin:16px 0 0;color:#5c6670;line-height:1.75;list-style:disc}#home-content .dr-product-bullets li+li{margin-top:12px}

#home-content .dr-product-grid>article{padding-top:13px}#home-content .dr-product-grid>article>h3{text-align:center;margin-top:0}

#home-content .dr-product-bullets{font-family:inherit;font-size:15px;font-weight:700}

#home-content .dr-product-bullets{padding-left:8px}

#home-content .dr-product-grid>article{padding-left:16px;padding-right:16px}

#home-content .dr-product-grid{row-gap:12px}
#home-content .dr-product-grid>article{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:12px}
#home-content .dr-product-grid>article>h3{margin:0 0 4px;color:#1296cd}
#home-content .dr-product-grid .dr-product-bullets{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:12px;margin:0;padding-left:8px}
#home-content .dr-product-grid .dr-product-bullets>li{margin:0;align-self:start}
#home-content .dr-product-grid .dr-product-bullets{padding-left:11px}

#home-content #hm-uses .dr-background-visual img{filter:none}



#home-content .dr-table caption{font-size:150%}

#home-content .dr-table th,#home-content .dr-table td{padding-top:7.776px;padding-bottom:7.776px}

#home-content .dr-table:has(+ .dr-table-note){margin-bottom:4px}
#home-content .dr-chapter>p.dr-table-note{font-size:80%;margin-top:0}

/* Use the shared chapter border and spacing for the Chapter 04/05 transition. */
#home-content .dr-chapter-divider{display:none}
#home-content #home-insights{border-top:0;background:#f7f8fa}
#home-content #home-insights .ni-shell{padding:72px 0 90px}
@media(max-width:600px){#home-content #home-insights .ni-shell{padding:48px 0 60px}}
/* Dual Router Guide: typography follows the checklist introduction. */
#home-content .dr-guide{--ink:#152a3d;--blue:#1296cd;--muted:#6d7e8b;color:var(--ink);line-height:1.6;font-family:inherit}
#home-content .dr-guide *{box-sizing:border-box}
#home-content .dr-guide .nc-shell{max-width:1180px;margin:0 auto;padding:52px 28px}
#home-content .dr-guide :is(h2,h3,p){margin:0}
#home-content .dr-guide h2{font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-1.2px;font-weight:750}
#home-content .dr-guide .nc-process-step{font-family:inherit;text-decoration:none;cursor:pointer}
#home-content .dr-guide .nc-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:13px}
#home-content .dr-guide .nc-eyebrow span{letter-spacing:0;color:var(--muted);font-weight:400;margin-left:12px}
#home-content .dr-guide .nc-welcome{background:linear-gradient(to bottom,#87ceeb 0%,#f0f8fc 100%)}
#home-content .dr-guide .nc-welcome .nc-shell{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:42px;padding-bottom:42px}
#home-content .dr-guide .nc-welcome h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#home-content .dr-guide .nc-welcome h2+p{margin-top:18px;color:#587083;font-size:15px;line-height:1.9}
@media(max-width:640px){#home-content .dr-guide .nc-welcome .nc-shell{padding:32px 20px}
}
@media print{body.nc-active>header,body.nc-active #viewer,body.nc-active .controls,body.nc-active #errors,#home-content .dr-guide .nc-scroll-nav,#home-content .dr-guide .nc-welcome,#home-content .dr-guide button,#home-content .dr-guide .nc-stage-1,#home-content .dr-guide .nc-stage-2{display:none!important}
}
#home-content .dr-guide .nc-process{background:#fff}
#home-content .dr-guide .nc-process .nc-shell{padding-top:54px;padding-bottom:54px}
#home-content .dr-guide .nc-process h2{text-align:center;font-size:clamp(24px,3vw,36px);line-height:1.4;letter-spacing:-1.2px;margin:0 0 48px;word-break:keep-all}
#home-content .dr-guide .nc-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:28px}
#home-content .dr-guide .nc-process-list li{position:relative;min-width:0}
#home-content .dr-guide .nc-process-list li:not(:last-child):before{content:"";position:absolute;top:23px;left:76px;width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,#e5d6ff,#8537f4)}
#home-content .dr-guide .nc-process-step{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:72px;padding:0 10px;border:2px solid #801cff;border-radius:28px;background:#fff;color:#801cff;font-size:13px;font-weight:700;letter-spacing:.3px}
#home-content .dr-guide .nc-process-step[aria-pressed="true"]{background:#801cff;border-color:#801cff;color:#fff;box-shadow:0 0 0 5px #801cff16,0 0 18px #801cff40}
#home-content .dr-guide .nc-process-step:hover{background:#f5edff;border-color:#801cff}
#home-content .dr-guide .nc-process-step[aria-pressed="true"]:hover{background:#7010e5}
#home-content .dr-guide .nc-process-step:focus-visible{outline:3px solid #b78aef;outline-offset:5px}
#home-content .dr-guide .nc-process-list h3{margin:20px 0 10px;font-size:20px;line-height:1.4;color:#152a3d}
#home-content .dr-guide .nc-process-list p{margin:0;color:#6d7e8b;font-size:15px;line-height:1.85;word-break:keep-all}
@media(max-width:640px){#home-content .dr-guide .nc-process .nc-shell{padding:36px 20px}
#home-content .dr-guide .nc-process h2{margin-bottom:30px}
#home-content .dr-guide .nc-process-list{grid-template-columns:1fr;gap:0}
#home-content .dr-guide .nc-process-list li{padding:0 0 28px 94px;min-height:100px}
#home-content .dr-guide .nc-process-step{position:absolute;left:0;top:0}
#home-content .dr-guide .nc-process-list li:not(:last-child):before{left:35px;top:50px;width:1px;height:calc(100% - 52px);background:#d7b9fa}
#home-content .dr-guide .nc-process-list h3{margin:0 0 7px;padding-top:2px}
#home-content .dr-guide .nc-process-list li:last-child{padding-bottom:0}
}
@media print{#home-content .dr-guide .nc-process{display:none!important}
}
#home-content .dr-guide .nc-welcome h2+p,
#home-content .dr-guide :is(.nc-process,.nc-stage) :is(h2,h3,p,legend,figcaption){letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#home-content .dr-guide .nc-process h2{transform-origin:center}
#home-content .dr-guide :is(.nc-process,.nc-stage) :is(button,label,summary,th,td,small,.nc-node,.nc-summary,.nc-bars){letter-spacing:-.055em}
#home-content .dr-guide .nc-stage-1 .nc-stage-heading>.nc-eyebrow{font-size:18px;font-weight:800}
#home-content .dr-guide .nc-stage-2 .nc-stage-heading>.nc-eyebrow{font-size:18px;font-weight:800}
#home-content .dr-guide :is(.nc-stage-3,.nc-stage-4) .nc-stage-heading>.nc-eyebrow{font-family:inherit;font-size:18px;font-weight:800}
#home-content .dr-guide .nc-process .nc-process-step{font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap;line-height:1.2}
#home-content .dr-guide .nc-process .nc-process-step{border-color:#1296cd;color:#1296cd}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]{background:#1296cd;border-color:#1296cd;color:#fff;box-shadow:0 0 0 5px #1296cd16,0 0 18px #1296cd40}
#home-content .dr-guide .nc-process .nc-process-step:hover{background:#edf9ff;border-color:#1296cd}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1086b7}
#home-content .dr-guide .nc-process .nc-process-step:focus-visible{outline-color:#55b6dc}
#home-content .dr-guide .nc-process-list li:not(:last-child):before{background:#1296cd}
#home-content .dr-guide .nc-process .nc-process-step{box-shadow:0 3px 0 #a8c6d4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc;transition:background .15s,transform .08s,box-shadow .08s}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"],
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:hover{box-shadow:0 3px 0 #0877a4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#home-content .dr-guide .nc-process .nc-process-step:active{transform:translateY(2px);box-shadow:0 1px 0 #a8c6d4,inset 0 1px 3px #24334a20}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:active{box-shadow:0 1px 0 #0877a4,inset 0 1px 3px #24334a20}
#home-content .dr-guide .nc-process .nc-process-step{width:108px;min-width:108px}
#home-content .dr-guide .nc-process-list li:not(:last-child):before{left:112px;width:calc(100% - 84px)}
@media(max-width:640px){#home-content .dr-guide .nc-process-list li{padding-left:130px}
#home-content .dr-guide .nc-process-list li:not(:last-child):before{left:53px;top:50px;width:1px;height:calc(100% - 52px)}
}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"],
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1296cd;border-color:#1296cd;color:#fff;box-shadow:0 3px 0 #0877a4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:active{transform:translateY(2px);box-shadow:0 1px 0 #0877a4,inset 0 1px 3px #24334a20}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="false"]{background:#fff;border-color:#1296cd;color:#1296cd;box-shadow:0 3px 0 #a8c6d4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffffcc}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="false"]:hover{background:#edf9ff}
#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"],#home-content .dr-guide .nc-process .nc-process-step[aria-pressed="true"]:hover{background:#1296cd;border-color:#1296cd;color:#fff}
@media(min-width:641px){#home-content .dr-guide .nc-process-list{grid-template-columns:repeat(5,minmax(0,1fr))}
}
#home-content .dr-guide .nc-welcome h2{font-weight:900;color:#102333;-webkit-text-stroke:.2px currentColor}
#home-content .dr-guide .nc-welcome h2>span[style]{color:#0786bb!important}
#home-content .dr-guide .nc-welcome h2{font-weight:900;color:#091b2a;-webkit-text-stroke:.55px currentColor}
#home-content .dr-guide .nc-welcome h2>span[style]{color:#0078aa!important}

@media(max-width:640px){#home-content .dr-guide .nc-welcome .nc-shell{padding:32px 20px}}

/* Chapter navigation: match checklist STEP hover and selected colors. */
#home-content .dr-guide .nc-process .nc-process-step:hover{background:#edf9ff;border-color:#1296cd;color:#1296cd}
#home-content .dr-guide .nc-process .nc-process-step[aria-current="location"],
#home-content .dr-guide .nc-process .nc-process-step[aria-current="location"]:hover{background:#1296cd;border-color:#1296cd;color:#fff;box-shadow:0 3px 0 #0877a4,0 4px 6px #24334a1c,inset 0 1px 0 #ffffff80}

/* Chapter 04 comparison: match promotion-IP Chapter 02 cell spacing. */
#home-content #hm-products .dr-table table{line-height:1.85}
#home-content #hm-products .dr-table th,
#home-content #hm-products .dr-table td{line-height:1.85;padding-top:7.776px;padding-bottom:7.776px}
/* Chapter 01 application button aligned with the closing statement. */
#home-content .dr-application-row{display:flex;align-items:stretch;gap:20px;margin-top:32px}
#home-content .dr-application-row>.dr-closing{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0;min-height:48px;font-weight:700;color:#263747}
#home-content .dr-application-row .dr-conclusion-symbol{flex-shrink:0}
#home-content .dr-application-button{flex-shrink:0;min-height:48px;margin:0;padding:10px 20px;display:flex;align-items:center;justify-content:center;line-height:1.5;background-color:#167ea9;color:#fff;transition:background-color .15s ease,color .15s ease}
@media(hover:hover){#home-content .dr-application-button:hover{background-color:#cceefa;color:#15536d}}
#home-content .dr-application-button:active{background-color:#167ea9;color:#fff;transition:none}
@media(max-width:700px){#home-content .dr-application-row{flex-direction:column;gap:12px}#home-content .dr-application-button{align-self:flex-start}}

#home-content .dr-shell{max-width:1536px;padding:32px 28px 70px}
#home-content .hm-banner{background-image:var(--hm-image);background-size:cover;background-position:center;min-height:540px;margin-bottom:36px;padding:34px 42px;border:0;}
#home-content .hm-copy{width:61%;color:#122f49}
#home-content .hm-copy h2{font-size:32px;margin:6px 0 20px;line-height:1.3}
#home-content .hm-copy .dr-eyebrow{font-size:15px;color:#115d84;margin:0}
#home-content .hm-copy .dr-background-points{border:0;padding:0;margin:0}
#home-content .hm-copy .dr-background-points li{margin:0 0 16px;padding:0}
#home-content .hm-copy .dr-background-points h3{font-size:20px;line-height:1.45;margin:0 0 6px;color:#12324f}
#home-content .hm-copy .dr-background-points p{font-size:16px;line-height:1.8;margin:0;color:#193b57;word-break:keep-all}
#home-content #hm-news{padding:0;border:0}
@media(max-width:1000px){#home-content .hm-banner{padding:28px;background-position:62% center}#home-content .hm-copy{width:68%;background:#edf6ffdf;padding:22px;border-radius:6px}}
@media(max-width:640px){#home-content .dr-shell{padding:24px 16px 48px}#home-content .hm-banner{padding:180px 14px 14px;background-size:auto 100%;background-position:70% center;min-height:0}#home-content .hm-copy{width:100%;padding:22px 18px;box-sizing:border-box}#home-content .hm-copy h2{font-size:27px}#home-content .hm-copy .dr-background-points h3{font-size:19px}}

/* Smooth the background independently so the overlaid text stays sharp. */
#home-content .hm-banner{position:relative;isolation:isolate;overflow:hidden;background-image:none;image-rendering:auto}
#home-content .hm-banner::before{content:"";position:absolute;inset:-2px;z-index:0;pointer-events:none;background-image:var(--hm-image);background-size:inherit;background-position:inherit;background-repeat:no-repeat;filter:blur(.65px);image-rendering:auto}
#home-content .hm-banner>.hm-copy{position:relative;z-index:1}

/* Match Dual Router's pagination-to-divider spacing. */
#home-content #home-insights{border-bottom:1px solid #e5e8eb}
#home-content #home-insights>.ni-shell{padding-top:52px;padding-bottom:52px}
#home-content #home-insights .ni-bottom{margin-bottom:0}
#home-content #home-insights .ni-pagination{padding:0;margin:0;line-height:1.6}
#home-content #home-insights .ni-pagination .ni-page{min-height:0;height:28px;line-height:1.6}
@media(max-width:640px){#home-content #home-insights>.ni-shell{padding-top:34px;padding-bottom:34px}}

/* Background color only: Chapter 04 lower-edge average to Chapter 05 existing base. */
#home-content #home-insights{background:#f7f8fa}

/* Apply Dual Router typography inside the home background overlays. */
#home-content .hm-banner .hm-copy>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;font-style:normal;line-height:1.35;letter-spacing:-.055em;color:#152a3d;transform:scaleX(.94);transform-origin:left center;-webkit-text-stroke:0;margin:0}
#home-content .hm-banner .hm-copy>.dr-eyebrow{font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;transform:scaleX(.94);transform-origin:left center}
#home-content .hm-banner .hm-copy>.dr-eyebrow span{font-weight:400;letter-spacing:0;color:#6d7e8b;margin-left:12px}
#home-content .hm-banner .hm-copy .dr-feature-points{margin-top:30px}
#home-content .hm-banner .hm-copy .dr-feature-points h3{font-family:inherit;margin:0 0 8px;font-size:18px;line-height:1.5;font-weight:700;color:#202932}
#home-content .hm-banner .hm-copy .dr-feature-points p{font-family:inherit;margin:0;font-size:16px;font-weight:400;font-style:normal;color:#5c6670;line-height:1.85}
#home-content .hm-banner .hm-copy .dr-feature-points>li{margin:0;padding-left:0}
#home-content .hm-banner .hm-copy .dr-feature-points>li+li{margin-top:1.85em}

/* Intro chapter titles match Dual Router and Checklist. */
#home-content .dr-guide .nc-process-list h3{color:#6d7e8b}

/* Extend Chapter 05's background to both page edges, keeping card layout. */
#home-content{container-type:inline-size}
#home-content #home-insights{position:relative;isolation:isolate}
#home-content #home-insights::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100cqw;transform:translateX(-50%);background:inherit;z-index:-1;pointer-events:none}

/* Chapters 01–04: full-width backgrounds with existing copy placement. */
#home-content .hm-banner{overflow:visible}
#home-content .hm-banner::before{inset:auto;top:-2px;bottom:-2px;left:50%;width:100cqw;transform:translateX(-50%);background-size:cover;background-position:inherit;clip-path:inset(2px 0)}

/* Align chapter 01–04 copy with chapter 05's centered 1180px content. */
#home-content .hm-banner{padding-left:max(0px,calc((100% - 1180px)/2))}
#home-content .hm-banner>.hm-copy{padding-left:0}

/* Let the role introduction split words to fit two balanced lines. */
#home-content .dr-guide .nc-process-list .hm-role-intro{word-break:break-all;overflow-wrap:anywhere;text-wrap:balance}

/* Chapter 01 explanatory headings and paragraphs use dark gray type. */
#home-content #hm-background .hm-copy .dr-feature-points h3,
#home-content #hm-background .hm-copy .dr-feature-points p{color:#333333}

/* Chapters 02–04 match Chapter 01 dark gray explanatory copy. */
#home-content :is(#hm-features,#hm-effects,#hm-about) .hm-copy .dr-feature-points :is(h3,p){color:#333333}

/* Chapter 05 matches the dark gray headings and body copy of Chapters 01–04. */
#home-content #home-insights :is(.ni-heading,.ni-intro,.ni-title,.ni-summary){color:#333333}

/* Chapter 04: explanatory copy on the left, supplied image on the right. */
#home-content #hm-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start;padding-right:max(0px,calc((100% - 1180px)/2))}
#home-content #hm-about>.hm-copy{width:100%;min-width:0}
#home-content #hm-about>.hm-side-visual{position:relative;z-index:1;min-width:0;margin:0;align-self:center}
#home-content #hm-about>.hm-side-visual img{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:800px){#home-content #hm-about{grid-template-columns:minmax(0,1fr);row-gap:24px}#home-content #hm-about>.hm-side-visual{width:100%;max-width:618px;justify-self:center}}

/* Blend the Chapter 04 illustration into the actual backdrop at each height. */
#home-content #hm-about>.hm-side-visual img{border-radius:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 78%,transparent 100%),linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 78%,transparent 100%),linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Chapter 04 lead follows the shared chapter introduction typography. */
#home-content #hm-about .hm-copy>.hm-about-intro{font-family:inherit;font-size:15px;font-weight:400;font-style:normal;line-height:1.9;letter-spacing:-.055em;color:#333333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none}

/* Chapter 04 heading and lead each occupy one full-width line. */
#home-content #hm-about>.hm-about-heading{grid-column:1/-1;position:relative;z-index:1;min-width:0;overflow-x:auto;margin-bottom:30px}
#home-content #hm-about>.hm-about-heading>.dr-eyebrow{font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;transform:scaleX(.94);transform-origin:left center}
#home-content #hm-about>.hm-about-heading>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.35;letter-spacing:-.055em;color:#152a3d;transform:scaleX(.94);transform-origin:left center;margin:0;white-space:nowrap}
#home-content #hm-about>.hm-about-heading>.hm-about-intro{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;letter-spacing:-.055em;color:#333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none;white-space:nowrap}
#home-content #hm-about>.hm-copy .dr-feature-points{margin-top:0}

/* Chapter 01: copy left, resized original photograph right. */
#home-content #hm-background{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start;padding-right:max(0px,calc((100% - 1180px)/2))}
#home-content #hm-background>.hm-copy{width:100%;min-width:0}
#home-content #hm-background>.hm-side-visual{position:relative;z-index:1;min-width:0;margin:0;align-self:center}
#home-content #hm-background>.hm-side-visual img{display:block;width:100%;height:auto;border-radius:0;-webkit-mask:none;mask:none;filter:none;opacity:1;mix-blend-mode:normal}
@media(max-width:800px){#home-content #hm-background{grid-template-columns:minmax(0,1fr);row-gap:24px}#home-content #hm-background>.hm-side-visual{width:100%;max-width:618px;justify-self:center}}

/* Chapter 01 introduction spans the copy and photograph columns. */
#home-content #hm-background>.hm-background-heading{grid-column:1/-1;position:relative;z-index:1;min-width:0;margin-bottom:30px}
#home-content #hm-background>.hm-background-heading>.dr-eyebrow{font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;transform:scaleX(.94);transform-origin:left center}
#home-content #hm-background>.hm-background-heading>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.35;letter-spacing:-.055em;color:#152a3d;transform:scaleX(.94);transform-origin:left center;margin:0}
#home-content #hm-background>.hm-background-heading>.hm-background-intro{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;letter-spacing:-.055em;color:#333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none}
#home-content #hm-background>.hm-copy .dr-feature-points{margin-top:0}

/* Chapter 01: reveal the actual background at the image's top and bottom. */
#home-content #hm-background>.hm-side-visual img{display:block;width:100%;height:auto;border-radius:0;-webkit-mask:none;mask:none;filter:none;opacity:1;mix-blend-mode:normal}

/* Chapter 02 lead matches the chapter introduction typography. */
#home-content #hm-features .hm-copy>.hm-features-intro{font-family:inherit;font-size:15px;font-weight:400;font-style:normal;line-height:1.9;letter-spacing:-.055em;color:#333333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none}

/* Chapter 02 title and lead each use one full-width line. */
#home-content #hm-features{padding-right:max(0px,calc((100% - 1180px)/2))}
#home-content #hm-features>.hm-features-heading{position:relative;z-index:1;min-width:0;overflow-x:auto;margin-bottom:30px}
#home-content #hm-features>.hm-features-heading>.dr-eyebrow{font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;transform:scaleX(.94);transform-origin:left center}
#home-content #hm-features>.hm-features-heading>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.35;letter-spacing:-.055em;color:#152a3d;transform:scaleX(.94);transform-origin:left center;margin:0;white-space:nowrap}
#home-content #hm-features>.hm-features-heading>.hm-features-intro{font-family:inherit;font-size:15px;font-weight:400;line-height:1.9;letter-spacing:-.055em;color:#333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none;white-space:nowrap}
#home-content #hm-features>.hm-copy .dr-feature-points{margin-top:0}

/* Chapter 02 topology: right column, blending into the same-height backdrop. */
#home-content #hm-features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start}
#home-content #hm-features>.hm-features-heading{grid-column:1/-1}
#home-content #hm-features>.hm-copy{width:100%;min-width:0}
#home-content #hm-features>.hm-side-visual{position:relative;z-index:1;min-width:0;margin:0;align-self:center}

@media(max-width:800px){#home-content #hm-features{grid-template-columns:minmax(0,1fr);row-gap:24px}#home-content #hm-features>.hm-side-visual{width:100%;max-width:618px;justify-self:center}}

/* Chapter 02: gradual, multi-stop feathering without abrupt opacity bands. */


/* Chapter 02: blend through the entire illustration, not only its border. */
#home-content #hm-features>.hm-side-visual img{display:block;width:100%;height:auto;border-radius:0;-webkit-mask-image:none;mask-image:none;filter:none;opacity:1;mix-blend-mode:normal}



/* Chapter 02: restore the right illustration column with same-line background blending. */
#home-content #hm-features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start}
#home-content #hm-features>.hm-copy{width:100%;min-width:0}
@media(max-width:800px){#home-content #hm-features{grid-template-columns:minmax(0,1fr);row-gap:24px}}

/* Chapter 02 without the inserted right-side image. */
#home-content #hm-features{display:block}
#home-content #hm-features>.hm-copy{width:61%}
@media(max-width:1000px){#home-content #hm-features>.hm-copy{width:68%}}
@media(max-width:640px){#home-content #hm-features>.hm-copy{width:100%}}

/* Chapter 02: supplied updated topology in the right-hand column. */
#home-content #hm-features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start}
#home-content #hm-features>.hm-copy{width:100%;min-width:0}
@media(max-width:800px){#home-content #hm-features{grid-template-columns:minmax(0,1fr);row-gap:24px}}

/* Chapter 02 illustration starts at the first paragraph, below its subheading. */
#home-content #hm-features>.hm-side-visual{align-self:start;margin-top:35px}
@media(max-width:800px){#home-content #hm-features>.hm-side-visual{margin-top:0}}

/* Chapter 03 lead matches the shared chapter introduction typography. */
#home-content #hm-effects .hm-copy>.hm-effects-intro{font-family:inherit;font-size:15px;font-weight:400;font-style:normal;line-height:1.9;letter-spacing:-.055em;color:#333333;transform:scaleX(.94);transform-origin:left center;margin:26px 0 0;max-width:none}

/* Chapter 03 right illustration */
#home-content #hm-effects{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:30px;align-items:start;padding-right:max(0px,calc((100% - 1180px)/2))}
#home-content #hm-effects>.hm-effects-heading{grid-column:1/-1;position:relative;z-index:1;min-width:0;margin-bottom:30px}
#home-content #hm-effects .hm-effects-intro{font-size:15px;line-height:1.9;color:#333333;margin:26px 0 0;letter-spacing:-.055em;transform:scaleX(.94);transform-origin:left center}
#home-content #hm-effects>.hm-copy{width:100%;min-width:0}
#home-content #hm-effects>.hm-side-visual{position:relative;z-index:1;margin:35px 0 0;align-self:start;min-width:0}
#home-content #hm-effects>.hm-side-visual img{display:block;width:100%;height:auto;border-radius:0;mask:none;-webkit-mask:none;filter:none;opacity:1}
@media(max-width:800px){#home-content #hm-effects{grid-template-columns:1fr}#home-content #hm-effects>.hm-side-visual{margin-top:0}}

#home-content #hm-effects>.hm-effects-heading>.dr-eyebrow{font-family:inherit;font-size:18px;font-weight:800;line-height:1.6;letter-spacing:-.055em;color:#1296cd;margin:0 0 13px;transform:scaleX(.94);transform-origin:left center}
#home-content #hm-effects>.hm-effects-heading>h2{font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.35;letter-spacing:-.055em;color:#152a3d;transform:scaleX(.94);transform-origin:left center;margin:0}

#home-content #hm-effects>.hm-copy .dr-feature-points{margin-top:0}
@media(max-width:800px){#home-content #hm-effects{grid-template-columns:minmax(0,1fr);row-gap:24px}#home-content #hm-effects>.hm-side-visual{width:100%;max-width:618px;justify-self:center}}

/* Home chapter 01 label matches the explanatory text color. */
#home-content #hm-background>.hm-background-heading>.dr-eyebrow span{color:#333333}

/* Home chapter labels share the body text color. */
#home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about,#hm-news) .dr-eyebrow span{color:#333333}
#home-content #hm-news #home-insights .ni-step-label span{color:#333333}

/* Home chapter heading text matches dual router. */
#home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about) :is(.hm-background-heading,.hm-features-heading,.hm-effects-heading,.hm-about-heading)>h2,#home-content #hm-news #home-insights .ni-heading{color:#152a3d}

/* Chapter 05 supplied full-width background. */
#home-content #home-insights{background:linear-gradient(to bottom,#c1c9cb 0%,#f7f8fa 100%)}

/* Chapter 05 server background supplied by user. */
#home-content #home-insights{background:linear-gradient(rgba(255,255,255,.656),rgba(255,255,255,.656)),url("images/home-content/chapter-5-background31.jpg") center top / 100% 100% no-repeat;background-color:#f7f8fa}

/* Soften only Home chapter 1-4 background layers; keep foreground content sharp. */
#home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about).hm-banner::before{background-image:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),var(--hm-image)}
