/* Theme D "Control Room" (Claude 2026-10-15, from the user's Claude Design handoff "CC-Tek Website"): dark slate, ONE accent
   (amber for CC-Teknologies, orange for Total Temp), no shadows, 1px borders, uppercase headings, amber eyebrows, mono numbers,
   numbered cards, utility bar, red only for emergencies. Loaded after site.css. */
body.t-d{--d-bg:#14181d;--d-sf:#1e242c;--d-rs:#262e38;--d-bd:#333d49;--d-tx:#edeff2;--d-mu:#8b96a5;--d-fa:#5c6675;
  --d-acc:#f2a93b;--d-acc-h:#d6922f;--d-on:#1a1300;--d-red:#e5484d;--d-red-dim:#5c2426;--d-green:#34c77b;
  --d-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  background:var(--d-bg);color:var(--d-tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px}
/* Total Temp: same layout, navy-tinted slate + TT orange */
body.t-d.s-tt,body.t-d[class*=" s-t-"]{--d-bg:#111821;--d-sf:#18222e;--d-rs:#1f2b39;--d-bd:#2e3d4e;--d-acc:#ff8a3d;--d-acc-h:#e8732a;--d-on:#1d0d00}
.t-d ::selection{background:var(--d-acc);color:var(--d-on)}
.t-d a{color:var(--d-acc)}.t-d a:hover{color:var(--d-acc-h)}
.t-d h1,.t-d h2,.t-d h3{text-transform:uppercase;font-weight:700;letter-spacing:-.01em}
.t-d h1{font-size:clamp(2.2rem,4.6vw,3.3rem);line-height:1.1;-webkit-text-fill-color:currentColor;background:none;color:var(--d-tx)}
.t-d h1 em{font-style:normal;color:var(--d-acc)}
.t-d h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15}
.t-d h3{font-size:1.06rem;letter-spacing:.02em}
.t-d .eyebrow,.t-d .eyebrow.dark{font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--d-acc);background:none;border:0;padding:0;border-radius:0}
.t-d .sec{padding-block:80px}
.t-d .sec.alt{background:var(--d-rs);border-block:1px solid var(--d-bd)}
.t-d *{box-shadow:none!important}
/* buttons: accent fill, outline, red reserved for emergencies */
.t-d .btn{border-radius:10px;font-weight:600;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em}
.t-d .btn.hot{background:var(--d-acc);color:var(--d-on);border-color:var(--d-acc)}.t-d .btn.hot:hover{background:var(--d-acc-h);color:var(--d-on);transform:none}
.t-d .btn.brand{background:var(--d-sf);color:var(--d-tx);border:1px solid var(--d-bd)}.t-d .btn.brand:hover{border-color:var(--d-acc);color:var(--d-tx)}
.t-d .btn.ghost,.t-d .btn.light{background:transparent;color:var(--d-tx);border:1px solid var(--d-bd)}
.t-d .btn.ghost:hover,.t-d .btn.light:hover{border-color:var(--d-acc);color:var(--d-acc)}
.t-d .btn.red{background:var(--d-red);color:#fff;border-color:var(--d-red)}.t-d .btn.red:hover{background:#c93d42;color:#fff}
.t-d .btn.red-line{background:transparent;color:var(--d-red);border:1px solid var(--d-red)}
/* utility bar + header */
.ubar{display:none}
.t-d .ubar{display:block;background:var(--d-rs);border-bottom:1px solid var(--d-bd);font-size:12px}
.t-d .ubar-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-block:8px}
.t-d .ubar span{color:var(--d-mu)}.t-d .ubar a{font-family:var(--d-mono);font-weight:600;color:var(--d-acc);text-decoration:none}
.t-d .hdr{background:color-mix(in srgb,var(--d-bg) 92%,transparent);border-bottom:1px solid var(--d-bd);backdrop-filter:blur(8px)}
.t-d .hdr-in{height:84px}
.t-d .logo{color:var(--d-tx)}
.t-d .hdr .logo-img,.t-d .ftr .logo-img{background:#fff;border-radius:5px;padding:4px 10px;height:58px}
.t-d .hdr .logo-img.wide{width:clamp(200px,20vw,280px);height:auto;padding:8px 12px}
.t-d .ftr .logo-img{height:64px}.t-d .ftr .logo-img.on-dark{background:none;padding:0}
.t-d .nav>a,.t-d .dd-btn{color:var(--d-tx);font-size:.9rem;font-weight:500;border-radius:5px}
.t-d .nav>a:hover,.t-d .dd-btn:hover{background:var(--d-sf);color:var(--d-acc)}
.t-d .nav>a.nav-emg{color:var(--d-red);font-weight:700}
.t-d .hdr-cta .btn{text-transform:none;letter-spacing:0;padding:9px 13px;font-size:.86rem}.t-d .hdr-in{gap:14px}
@media (max-width:1500px){.t-d .nav>a,.t-d .dd-btn{padding:10px 7px}.t-d .hdr .logo-img.wide{width:clamp(190px,16vw,240px)}}
.t-d .dd-menu{background:var(--d-rs);border:1px solid var(--d-bd);border-radius:10px}
.t-d .dd-menu a{color:var(--d-tx)}.t-d .dd-menu a:hover{background:var(--d-sf);color:var(--d-acc)}.t-d .dd-menu .ic{color:var(--d-acc)}
.t-d .menu-btn span{background:var(--d-tx)}
.t-d .logo-mark{border-radius:5px;background:var(--d-acc);color:var(--d-on)}
/* hero: photo under a left-to-right fade, or plain slate */
.t-d .hero{background:var(--d-sf);color:var(--d-tx);border-bottom:1px solid var(--d-bd)}
.t-d .hero::before,.t-d .hero::after{display:none}
.t-d .hero.has-bg,body.t-d .hero.has-bg{background:linear-gradient(90deg,var(--d-bg) 22%,color-mix(in srgb,var(--d-bg) 82%,transparent) 58%,color-mix(in srgb,var(--d-bg) 30%,transparent)),
  var(--hero-bg) 70% 40%/cover no-repeat,var(--d-sf)}
.t-d .hero.has-bg h1{text-shadow:none}
.t-d .hero.brand{padding-top:clamp(56px,7vw,96px)}
.t-d .hero-mascot{opacity:.12;filter:grayscale(1)}
.t-d .hero .eyebrow{color:var(--d-mu);display:block}.t-d .hero .eyebrow a{color:var(--d-mu)}
.t-d .hero .lead-p,.t-d .hero-sub{color:var(--d-mu)}.t-d .hero a:not(.btn){color:var(--d-acc)}
.t-d .chips{color:var(--d-mu)}.t-d .chips .ic{color:var(--d-acc)}
.t-d .hero-emblem{background:#fff;border-radius:16px!important;padding:8px}
.t-d .offer{background:color-mix(in srgb,var(--d-acc) 14%,transparent);border:1px solid var(--d-acc);color:var(--d-tx);border-radius:10px}
.t-d .offer .ic{color:var(--d-acc)}
/* panels: forms, stats, cards, steps, faq, plans */
.t-d .lead,.t-d .stat,.t-d .card,.t-d .steps>div,.t-d .faq details,.t-d .plan,.t-d .plan-box,.t-d .ind,.t-d .angi-card,.t-d .rv,
.t-d .portal-card,.t-d .lp-pains>div,.t-d .fam-card,.t-d .pil,.t-d .signs{background:var(--d-sf);border:1px solid var(--d-bd);border-radius:10px;color:var(--d-tx);backdrop-filter:none}
.t-d .lead h3{text-transform:uppercase}
.t-d .lead label{color:var(--d-mu)}
.t-d .lead input,.t-d .lead select,.t-d .lead textarea{background:var(--d-bg);border:1px solid var(--d-bd);color:var(--d-tx);border-radius:5px}
.t-d .lead input:focus,.t-d .lead select:focus,.t-d .lead textarea:focus{border-color:var(--d-acc)}
.t-d .lead select option{color:#111}
.t-d .note,.t-d .card p,.t-d .steps p,.t-d .faq p,.t-d .ind p,.t-d .stat span,.t-d .plan p,.t-d .plan-box p,.t-d .lp-pains p,.t-d .fam-card p,
.t-d .pil span,.t-d .rv figcaption,.t-d .fam-story,.t-d .fam-intro,.t-d .prose p,.t-d .kw,.t-d .trusted,.t-d .bill-sub,.t-d .angi p{color:var(--d-mu)}
.t-d .rv blockquote{color:var(--d-tx)}.t-d .rv-stars{color:var(--d-acc)}.t-d .trusted b,.t-d .kw b{color:var(--d-tx)}
.t-d .stats{margin-top:0;gap:0;border-top:1px solid var(--d-bd);grid-template-columns:repeat(4,1fr)}
.t-d .stat{background:transparent;border:0;border-radius:0;padding:28px 8px 0}
.t-d .stat b{font-family:var(--d-mono);font-size:1.4rem;color:var(--d-tx);text-transform:uppercase;letter-spacing:0}
.t-d .stat span{font-size:12px;font-weight:400}
/* numbered service cards ("01", amber hover border) */
.t-d .cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;counter-reset:dsvc}
.t-d .card{counter-increment:dsvc;padding:24px;transition:border-color .2s}
.t-d .card::before{content:counter(dsvc,decimal-leading-zero);font-family:var(--d-mono);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--d-acc)}
.t-d .card .ic{display:none}.t-d .card .more .ic{display:inline-block;background:none;color:var(--d-acc)}
.t-d .card h3{font-size:1rem;margin-top:8px}.t-d .card p{font-size:.84rem;line-height:1.5}
.t-d .card:hover{border-color:var(--d-acc);transform:none}.t-d .more{color:var(--d-acc);font-size:.84rem}
.t-d .inds{counter-reset:dind}.t-d .ind{counter-increment:dind;border-left:1px solid var(--d-bd);padding:24px}
.t-d .ind::before{content:counter(dind,decimal-leading-zero);display:block;margin-bottom:12px;font-family:var(--d-mono);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--d-acc)}
.t-d .ticks .ic{color:var(--d-acc)}
.t-d .steps b{background:transparent;color:var(--d-acc);font-family:var(--d-mono);border:1px solid var(--d-acc);border-radius:5px}
.t-d .faq summary{text-transform:none}
.t-d .pillars{background:var(--d-rs);border-block:1px solid var(--d-bd)}
.t-d .pil .ic{color:var(--d-acc)}.t-d .pil:last-child{background:var(--d-acc);border-color:var(--d-acc);color:var(--d-on)}
.t-d .pil:last-child span{color:color-mix(in srgb,var(--d-on) 75%,transparent)}.t-d .pil:last-child .ic{color:var(--d-on)}
.t-d .chip{background:var(--d-sf);border:1px solid var(--d-bd);color:var(--d-tx);border-radius:5px}.t-d .chip:hover{border-color:var(--d-acc);color:var(--d-acc)}
.t-d .cta-strip{background:var(--d-rs);border-block:1px solid var(--d-bd)}
.t-d .band{background:var(--d-rs);border-top:1px solid var(--d-bd);color:var(--d-tx)}.t-d .band p{color:var(--d-mu)}
.t-d .showcase{border-block:1px solid var(--d-bd)}.t-d .showcase .eyebrow{background:none;padding:0}
.t-d .cov{background:var(--d-bg);border-block:1px solid var(--d-bd)}
.t-d .angi{background:var(--d-rs);border-block:1px solid var(--d-bd)}
.t-d .fam-owner{background:var(--d-sf);border:1px solid var(--d-bd)}.t-d .fam-owner span{color:var(--d-mu)}.t-d .fam-init{background:var(--d-acc);color:var(--d-on)}
.t-d .fam-card.here{border-color:var(--d-acc)}.t-d .fam-badge,.t-d .fam-here{background:var(--d-acc);color:var(--d-on)}
.t-d .ticker{display:none}
.t-d .ccchat-bubble{background:var(--d-acc);color:var(--d-on)}.t-d .ccchat-head{background:var(--d-rs);color:var(--d-tx)}
.t-d .soc{border-color:var(--d-bd);color:var(--d-tx)}.t-d .share-row{color:var(--d-mu)}
.t-d .ftr{background:var(--d-bg);border-top:1px solid var(--d-bd);color:var(--d-mu)}.t-d .ftr a{color:var(--d-tx)}.t-d .ftr a:hover{color:var(--d-acc)}
.t-d .ftr h4{color:var(--d-tx);text-transform:uppercase;font-size:11px;letter-spacing:.2em}.t-d .ftr-legal{border-color:var(--d-bd);color:var(--d-fa)}
.t-d .mbar{background:color-mix(in srgb,var(--d-bg) 95%,transparent);border-top:1px solid var(--d-bd)}.t-d .mbar a{color:var(--d-tx)}
.t-d .mbar a.hot{background:var(--d-acc);color:var(--d-on);border-radius:10px}
.t-d .big-phone a{font-family:var(--d-mono);color:var(--d-acc)}
/* manufacturers strip (CC main site) */
.brands{display:none}
.t-d .brands{display:block;background:var(--d-rs);border-bottom:1px solid var(--d-bd);padding:32px 0}
.t-d .brands>.wrap>p{margin:0 0 20px;text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:var(--d-mu)}
.t-d .brand-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.t-d .brand-row div{background:var(--d-sf);border:1px solid var(--d-bd);border-radius:5px;padding:16px 20px}
.t-d .brand-row b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--d-acc)}
.t-d .brand-row span{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:var(--d-mu)}
/* emergency page (all themes get the page; D colours it) */
.t-d .emg-warn{background:var(--d-red-dim);border-bottom:1px solid var(--d-red);color:var(--d-tx)}
.t-d .emg .eyebrow{color:var(--d-red)}
.t-d .emg-list>div{background:var(--d-sf);border:1px solid var(--d-bd)}.t-d .emg-list .ic{color:var(--d-red)}
@media (max-width:1020px){.t-d .cards{grid-template-columns:1fr 1fr}.t-d .stats{grid-template-columns:1fr 1fr}.t-d .brand-row{grid-template-columns:1fr 1fr}
  .t-d .hdr.open .nav{background:var(--d-bg);border-bottom:1px solid var(--d-bd)}.t-d .hdr.open .dd-menu{background:var(--d-sf)}}
@media (max-width:620px){.t-d .cards,.t-d .brand-row{grid-template-columns:1fr}.t-d .sec{padding-block:56px}
  .t-d .hero.has-bg,body.t-d .hero.has-bg{background:linear-gradient(180deg,color-mix(in srgb,var(--d-bg) 55%,transparent),var(--d-bg) 55%),var(--hero-bg) 60% top/cover no-repeat,var(--d-sf)}
  .t-d .hdr .logo-img.wide{width:170px}.t-d .hdr .logo-img{height:46px}.t-d .ubar span{display:none}.t-d .ubar-in{justify-content:center}}
