/* DDC theme: near-black with a single blue accent, bold tight sans headlines, flat panels with hairline borders.
   Loaded after each page's inline styles, so it re-skins them by redefining the shared tokens.
   (File keeps its old name so page links and caches stay valid.) */
:root{
  --bg:#0B0C0E; --bg2:#14171C; --panel:#181C22; --panel2:#1D222A;
  --line:#252B33; --line2:#313944;
  --ink:#F4F5F7; --mut:#A3ACB6; --dim:#78828D;
  --amber:#4A8BC6; --amber-hi:#7FB0DE;          /* accent tokens (names kept from the old theme) */
  --blue:#2E6DA4; --blue-hi:#3C82C2;
  --cyan:#9FB6CC; --grn:#4A8BC6;
  --sans:Inter,"Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono','Cascadia Code',Menlo,Consolas,monospace;
}
html{color-scheme:dark}
body{background:var(--bg)!important;color:var(--ink)!important;background-image:none!important;font-family:var(--sans)}
::selection{background:var(--blue);color:#fff}

/* no console atmosphere */
.gridbg,.scan,.radar,#boot,.scanline-move,.sn-sig,.sn-idx,.typerow,.h-status,.term,.hk,.fcell .k{display:none!important}

/* headlines: bold, tight, white */
h1,h2,h3,h4,.h1,.shead h2{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--ink)}
h3,h4{font-weight:700!important;letter-spacing:-.015em!important}
h1 .am,h1 .amber,h1 em,.amber{color:var(--blue)!important;font-style:normal}
.sidx,.klabel{font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-style:normal!important;color:var(--amber)!important}

/* flat panels, hairline borders, soft corners */
.panel,.card,[class*=card],[class*=panel],.stat,.p-frame,details,.plan,.tier,.fcell{
  background:var(--panel)!important;border-color:var(--line)!important;color:var(--ink)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
table,.mx{background:var(--panel)!important;border-color:var(--line2)!important;box-shadow:none!important}
input,select,textarea{background:var(--bg2)!important;border-color:var(--line2)!important;color:var(--ink)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(46,109,164,.55)!important;border-color:var(--blue)!important}

/* toolbar */
.sn,header{background:rgba(11,12,14,.88)!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.sn *,header *{color:inherit}
.sn-brand,.brand{color:var(--ink)!important;font-family:var(--sans)!important;font-weight:700;letter-spacing:.01em}
.sn-top,.sn-top:hover,.sn-item.is-open>.sn-top,.sn-item.is-current>.sn-top,nav a{color:var(--mut)!important;font-family:var(--sans)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.sn-top:hover,.sn-item.is-open>.sn-top,.sn-item.is-current>.sn-top,nav a:hover{color:var(--ink)!important}
.sn-item.is-current>.sn-top{box-shadow:inset 0 -2px 0 var(--blue)!important}
.sn-panel{background:var(--panel)!important;border:1px solid var(--line2)!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important;border-radius:0 0 12px 12px}
.sn-panel li a{color:var(--mut)!important}
.sn-panel li a:hover{background:var(--panel2)!important;color:var(--ink)!important}
.sn-panel li a[aria-current=page]{color:var(--amber-hi)!important;box-shadow:inset 2px 0 0 var(--blue)!important}
.sn-gh,.sn-d,.sn-ext{color:var(--dim)!important}
.sn-burger{color:var(--ink)!important;border-color:var(--line2)!important}
@media(max-width:900px){.sn-nav{background:var(--panel)!important}}

/* buttons: solid blue + outline */
.btn,.btn-amber,.btn-line,.btn-ghost,.cta-mini,.sn-cta,button[type=submit]{
  border:1px solid var(--line2)!important;border-radius:8px!important;box-shadow:none!important;
  font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.005em!important;text-transform:none!important;
  transition:background .15s,border-color .15s!important}
.btn-amber,.sn-cta,.cta-mini,button[type=submit]{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.btn-amber:hover,.sn-cta:hover,.cta-mini:hover,button[type=submit]:hover{background:var(--blue-hi)!important;border-color:var(--blue-hi)!important;transform:none!important}
.btn-line,.btn-ghost{background:transparent!important;color:var(--ink)!important}
.btn-line:hover,.btn-ghost:hover{border-color:var(--dim)!important}
.sn-cta{padding:9px 16px!important;font-size:14px!important}

a{text-decoration-color:var(--blue)}
p a,li a{text-decoration:underline;text-underline-offset:3px}
hr,.rule{border-color:var(--line)!important}
body.ddc-booting{overflow:auto!important}
main,footer{color:var(--ink)}
footer{border-top:1px solid var(--line)!important}

/* full-width bands are see-through so the terrain shows; only cards/tables keep a fill */
section,.pricing,.band,.stats,.strip,footer,main{background:transparent!important}
.stats{background:rgba(24,28,34,.6)!important;border-color:var(--line)!important}
.stat .n small,.stat .n .u{color:var(--blue)!important}
.stat .l{color:var(--dim)!important}

/* hero: giant centered logo, centered copy, widths match the rest of the site */
.hero{padding-top:96px!important;text-align:center}
.hero-inner{max-width:1240px!important;width:100%;margin:0 auto!important;padding:0 32px;text-align:center}
@media(max-width:760px){.hero-inner{padding:0 20px}}
.hero-mark{display:block!important;width:min(900px,100%)!important;margin:0 auto 22px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.hero-mark::before,.hero-mark::after{display:none!important}
.hero-mark img{width:100%!important;max-width:none!important;height:auto}
.hero h1{font-size:clamp(38px,5.8vw,76px)!important;line-height:1.03;margin-bottom:22px}
.hero h1 br:first-of-type{display:none}
.hero p.lead{margin-left:auto!important;margin-right:auto!important;max-width:780px!important;font-size:clamp(16px,1.5vw,19px)!important;margin-bottom:16px!important;color:var(--mut)!important}
.hero p.lead b{color:var(--ink)!important}
.hero p.lead+p.lead{margin-bottom:34px!important}
.hero .btnrow{justify-content:center}
@media(max-width:760px){.hero-mark{width:100%!important}}
.sn-in{max-width:1240px!important;padding:0 32px!important}
@media(max-width:760px){.sn-in{padding:0 20px!important}}

/* pricing table accents */
.mx-plan,.mx-store,.mx-trial{color:var(--mut)!important}
.mx-price{color:var(--ink)!important}
.mx-trial,[class*=badge],.mx-pop{color:var(--amber-hi)!important}
.mx-pop-col,.mx .pop,.mx-hl{background:rgba(46,109,164,.1)!important}

/* legal links row at the top of the footer: centered */
footer>nav[aria-label]{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .6em;margin:0!important;width:100%;text-align:center}
footer>nav[aria-label] a{display:inline!important;padding:0!important;color:var(--mut)!important}
footer>nav[aria-label] a:hover{color:var(--ink)!important}
.legal,.legal span{font-family:var(--mono);color:var(--dim)!important}
.hero-mark img{filter:drop-shadow(0 10px 40px rgba(46,109,164,.28))!important}

/* swap leftover amber accents from page-level styles for the blue accent */
.corner{border-color:rgba(74,139,198,.8)!important}
.reticule{border-color:rgba(74,139,198,.5)!important}
.reticule:before,.reticule:after{background:rgba(74,139,198,.5)!important}
.rail-item:hover,.strip figure:hover,.sh-card.hot{border-color:rgba(74,139,198,.5)!important}
.rail-item .k{border-color:rgba(74,139,198,.4)!important;color:var(--amber-hi)!important}
.tl-dot.lit{box-shadow:0 0 18px rgba(74,139,198,.6)!important}
.mx-head>div.pop{background:linear-gradient(180deg,rgba(46,109,164,.22),rgba(46,109,164,.05))!important;border-left-color:rgba(74,139,198,.45)!important;box-shadow:inset 0 2px 0 var(--blue)}
.mx-row>div.pop{background:rgba(46,109,164,.09)!important}
.final .glow{background:radial-gradient(closest-side,rgba(46,109,164,.2),transparent 70%)!important}
.shead .link a{border-bottom-color:rgba(74,139,198,.5)!important;color:var(--amber-hi)!important}
.notice,.banner{border-color:rgba(74,139,198,.4)!important;background:rgba(46,109,164,.08)!important}
.btn-amber:hover{box-shadow:none!important}
.ddc-consent__renewal,[class*=consent] [class*=renewal]{background:rgba(46,109,164,.08)!important;border-color:rgba(74,139,198,.35)!important}

/* dropdown menus: bright titles stand out from the dim descriptions */
.sn-panel li a{color:#FFFFFF!important;font-weight:600!important;font-size:14.5px!important;letter-spacing:-.005em}
.sn-panel li a .sn-d{color:var(--dim)!important;font-weight:400!important;font-size:12px!important}
.sn-panel li a:hover{background:var(--panel2)!important;color:#FFFFFF!important}
.sn-panel li a:hover .sn-d{color:var(--mut)!important}
.sn-panel li a[aria-current=page]{color:var(--amber-hi)!important}
.sn-gh{color:var(--dim)!important}

/* company name links to the parent site */
a.hw-link{color:inherit!important;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
a.hw-link:hover{color:var(--amber-hi)!important;text-decoration-color:var(--amber)}
