:root{--ink:#0F1215; --carmine:#CE1F1A; --bone:#F4F5F7; --rule:rgba(255,255,255,.10)}

/* SILVER: the round-one silver field and gasket. Contrast comes from a few sharp navy elements, never a plane. */
html[data-theme=silver] .hero{background:#DCE0E4;color:#0F1215}
html[data-theme=silver] .hero::after{display:block;opacity:.16;mix-blend-mode:multiply;background:url(assets/texture_steel.jpg) center/900px repeat}
html[data-theme=silver] .hero::before{display:none}
html[data-theme=silver] .hero-light{display:none}
html[data-theme=silver] .hero-rules{position:absolute;inset:0;pointer-events:none;z-index:0}
html[data-theme=silver] .hero-rules i{position:absolute;display:block}
html[data-theme=silver] .hero-rules .v1{display:none}
html[data-theme=silver] .hero .eyebrow{color:#4B545C} html[data-theme=silver] .hero .eyebrow::before{background:#10305C}
html[data-theme=silver] .hero h1{color:#0F1215} html[data-theme=silver] .accent{color:#10305C}
html[data-theme=silver] .hero .lede{color:#4B545C}
html[data-theme=silver] .hero .btn-ghost{border:2px solid #10305C;color:#10305C} html[data-theme=silver] .hero .btn-ghost:hover{background:#10305C;color:#fff}
html[data-theme=silver] .callout{background:#10305C;backdrop-filter:none;border:0;color:#B9C6DA}
html[data-theme=silver] .callout b{color:#fff}
html[data-theme=silver] .callout-lines path{stroke:#10305C;opacity:.7} html[data-theme=silver] .callout-lines circle{fill:#10305C;stroke:#fff}
html[data-theme=silver] .hero-foot{max-width:none;padding:0;background:#10305C;color:#fff}
html[data-theme=silver] .hero-foot .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
html[data-theme=silver] .segments{border:0}
html[data-theme=silver] .segments a{color:#fff;border-left:1px solid rgba(255,255,255,.16);padding:22px 18px}
html[data-theme=silver] .segments a i{color:#8FA3C2} html[data-theme=silver] .segments a b{color:#fff}
html[data-theme=silver] .segments a:hover{background:#fff;color:#10305C} html[data-theme=silver] .segments a:hover i,html[data-theme=silver] .segments a:hover b{color:#10305C}
@media (max-width:1100px){ html[data-theme=silver] .segments a:nth-child(n+4){border-top:1px solid rgba(255,255,255,.16)} }
@media (max-width:760px){ html[data-theme=silver] .segments a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)} }