/* Page styles (see lib/site-assets.ts) */
.dread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;border:1px solid var(--line);border-top:3px solid var(--red);background:#FDFDFD}
.dread div{padding:16px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.dread div:last-child{border-right:0}
.dread b{font-size:clamp(34px,3vw,48px);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.dread b i{font-style:normal;color:var(--red-t)}
.dread span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);line-height:1.5}
.dnodes i.off{background:#FF8A9A;box-shadow:0 0 12px rgba(255,138,154,.5)}
@media (max-width:1180px){
.dread{grid-template-columns:repeat(2,minmax(0,1fr))}
.dread div:nth-child(2){border-right:0}
.dread div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:599px){
.dth,.dread{grid-template-columns:1fr}
.dread div{border-right:0!important;border-bottom:1px solid var(--line)}
.dread div:last-child{border-bottom:0}
}
#di-customers .dread{background:rgba(15,17,20,.6);border-color:rgba(255,255,255,.1);border-top-color:var(--red)}
#di-customers .dread div{border-color:rgba(255,255,255,.08)}
#di-customers .dread b{color:#fff}
#di-customers .dread b i{color:var(--red)}
#di-customers .dread span{color:var(--faint-d)}
.dread.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
@media (max-width:899px){
.dread.three{grid-template-columns:1fr}
}
#advantage .dbtns{margin-top:clamp(20px,3vh,32px)}
.dy-nodes i.off{background:#FF8A9A;box-shadow:0 0 8px rgba(255,138,154,.4);animation:dablink .9s ease-in-out infinite}
@keyframes dablink{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){
.dy-nodes i.off{animation:none}
}
.bp-tocl{all:unset;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red-t);cursor:default}
@media (max-width:899px){
.bp-tocl{cursor:pointer;padding:4px 0}
}
@keyframes gnping{to{transform:scale(2.8);opacity:0}}
@keyframes evflip{0%{transform:rotateX(90deg);opacity:0}60%{transform:rotateX(-12deg);opacity:1}100%{transform:none;opacity:1}}
:root{--t-h2s:clamp(28px,2.5vw,36px);--t-h3l:clamp(20px,1.7vw,24px)}
:root{--t-h2:clamp(32px,3.06vw,44px);--t-h2s:clamp(26px,2.22vw,32px)}
:focus-visible{outline:2px solid var(--red,#F5455C)!important;outline-offset:3px!important}
@keyframes hbar-ring{0%{transform:scale(.25);opacity:.6}100%{transform:scale(1.5);opacity:0}}
@keyframes hbar-core{0%,100%{opacity:1}50%{opacity:.55}}