/* Restrained ice-blue accents tie the site to DuoCharts's new channel artwork. */
:root{--ice:#a4d7fa;--ice-line:#91cafa40}
header.home-header{border-bottom-color:#91cafa26}
header.home-header nav>.nav-build{color:#c2e4fb;border-color:var(--ice-line);background:linear-gradient(125deg,#91cafa12,#91cafa04)}
.nav-build::after{background:linear-gradient(105deg,transparent 25%,#bfe6ff20 50%,transparent 75%)}
header.home-header nav>a:hover,header.home-header nav>a:focus-visible{border-color:var(--ice-line);background:#91cafa09}
.home-header>.button.small:hover{box-shadow:0 0 20px #91cafa20}
.hero-copy .hook-block{border-left-color:var(--ice)}
.hook-title span{color:#c5e6fc}
.hook-levels span{color:#c8e6fa;border-color:var(--ice-line);background:#91cafa08}
.section:before{background:#a4d7fa;box-shadow:0 0 14px #a4d7fa35}
.features article:hover,.example-grid>a:hover{border-color:#a4d7fa70}
.button:not(.small){border-color:#a4d7fa66;box-shadow:0 0 24px #91cafa0d}
.button:not(.small):hover{box-shadow:0 0 28px #91cafa25}
a:focus-visible,button:focus-visible{outline-color:var(--ice)}
.affiliate-detail,.stage-label{color:#bdddf3}
.affiliates{background:radial-gradient(ellipse at 85% 45%,#86bce509,transparent 60%),linear-gradient(125deg,#151518,#0c0c0e 65%)}
.join .observer-desk{width:48%;object-position:center 36%;opacity:.68;mask-image:linear-gradient(90deg,transparent,#000 27%),linear-gradient(0deg,transparent,#000 15%);mask-composite:intersect}
.join{background:radial-gradient(ellipse at 80% 50%,#91cafa0c,transparent 65%)}
@media(max-width:900px){.join .observer-desk{width:58%;opacity:.48}}
@media(max-width:600px){.join .observer-desk{width:100%;height:320px;object-position:center 38%;opacity:.65;mask-image:linear-gradient(transparent,#000 35%);mask-composite:add}}