/* ======================================================================
   TCI v29 — Spectrum Experiment
   Separate experiment. v28 remains untouched and keeps its locked palette.
   Palette inspired by data-center environment colors:
   white / gray / green / blue / brown / black / red / yellow.
   ====================================================================== */
:root{
  --v29-bg:#05090d;
  --v29-panel:#0a1219;
  --v29-panel2:#0d1822;
  --v29-line:#263744;
  --v29-text:#f3f2ed;
  --v29-muted:#aeb7c2;
  --v29-yellow:#ffd21a;
  --v29-yellow-deep:#e7ae00;
  --v29-blue:#1698d3;
  --v29-green:#2fa650;
  --v29-red:#df1d16;
  --v29-brown:#7f5947;
  --v29-gray:#6e7782;
  --v29-white:#f3f2ed;
  --v29-black:#050505;
}
body{background:var(--v29-bg);color:var(--v29-text)}
.site-head{
  background:linear-gradient(180deg,#020507 0%,#050a0f 100%)!important;
  border-bottom:1px solid #1a2c39!important;
}
.head-cta,.btn.primary,.form-submit{
  background:linear-gradient(180deg,#ffdc31 0%,#f5bd00 100%)!important;
  color:#050505!important;
  border:1px solid #ffe66b!important;
  box-shadow:0 0 0 1px rgba(255,210,26,.1),0 10px 28px rgba(255,190,0,.12)!important;
}
.head-phone,.head-phone svg,.hero-phone,.hero-phone svg{color:var(--v29-yellow)!important;stroke:var(--v29-yellow)!important}
.mode-wrap{background:linear-gradient(180deg,#0d1822 0%,#101b27 100%)!important;border-bottom:1px solid #243746!important}
.mode-switch a{color:#8d99aa!important}
.mode-switch a.active{color:var(--v29-text)!important;border-bottom-color:var(--v29-yellow)!important}
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,9,14,.98) 0%,rgba(3,9,14,.93) 42%,rgba(3,9,14,.70) 68%,rgba(3,9,14,.92) 100%),
    radial-gradient(circle at 82% 30%,rgba(22,152,211,.22),transparent 38%),
    #04080c!important;
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;
  background-image:
    linear-gradient(rgba(42,74,94,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,74,94,.20) 1px,transparent 1px);
  background-size:74px 74px;
}
.hero:after{
  content:"";position:absolute;right:-5%;top:0;width:48%;height:100%;opacity:.34;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,transparent 0 32px,rgba(20,95,135,.48) 33px 35px,transparent 36px 62px),
    repeating-linear-gradient(0deg,transparent 0 48px,rgba(63,154,200,.20) 49px 51px,transparent 52px 88px);
  transform:skewX(-8deg);
  filter:drop-shadow(0 0 30px rgba(28,128,177,.15));
}
.hero-inner{position:relative;z-index:2}
.kicker,.section-label,.role-group-title{color:var(--v29-yellow)!important}
.hero h1 em,.section-title em{color:var(--v29-yellow)!important}
.hero-copy,.section-copy,.benefit-card p,.process-step p,.faq-a{color:var(--v29-muted)!important}
.btn.secondary{border-color:#8193a5!important;color:#dbe4ec!important;background:rgba(4,8,12,.55)!important}
.alt,.contact-block{background:linear-gradient(180deg,#0a1620 0%,#0b151e 100%)!important}
.section.black,.section{background-color:var(--v29-bg)}

/* Spectrum section */
.spectrum-section{background:linear-gradient(180deg,#07111a 0%,#0a151d 100%);padding:78px 0 84px;border-top:1px solid #1e3443;border-bottom:1px solid #1e3443}
.spectrum-kicker{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.22em;color:var(--v29-yellow);font-size:19px}
.spectrum-title{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-weight:900;font-size:54px;line-height:.96;margin:16px 0 16px;color:var(--v29-text)}
.spectrum-intro{max-width:760px;color:var(--v29-muted);font-size:20px;line-height:1.55;margin:0 0 38px}
.spectrum-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.spectrum-card{min-height:210px;border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 34px rgba(0,0,0,.20)}
.spectrum-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%,rgba(0,0,0,.22));pointer-events:none}
.spectrum-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:auto;border-radius:10px;border:1px solid currentColor;background:rgba(0,0,0,.18)}
.spectrum-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spectrum-card h3{font-family:'Barlow Condensed';text-transform:uppercase;font-weight:900;font-size:29px;line-height:.95;margin:0 0 4px;position:relative}
.spectrum-card strong{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.04em;font-size:15px;position:relative}
.spectrum-card p{font-size:15px;line-height:1.35;margin:12px 0 0;position:relative}
.spectrum-card.white{background:linear-gradient(135deg,#f8f8f4,#d8dde1);color:#0b1115}.spectrum-card.white p{color:#27343d}
.spectrum-card.gray{background:linear-gradient(135deg,#65717c,#303d48);color:#fff}.spectrum-card.gray p{color:#e0e7ed}
.spectrum-card.green{background:linear-gradient(135deg,#29aa4c,#11702f);color:#fff}.spectrum-card.green p{color:#e9fff0}
.spectrum-card.blue{background:linear-gradient(135deg,#149ed8,#096493);color:#fff}.spectrum-card.blue p{color:#e8f8ff}
.spectrum-card.brown{background:linear-gradient(135deg,#8b604b,#4b3026);color:#fff}.spectrum-card.brown p{color:#f7e9e2}
.spectrum-card.black{background:linear-gradient(135deg,#111820,#020304);color:#fff;border-color:#334754}.spectrum-card.black p{color:#c9d2d9}
.spectrum-card.red{background:linear-gradient(135deg,#e62018,#8e0f0a);color:#fff}.spectrum-card.red p{color:#ffeae8}
.spectrum-card.yellow{background:linear-gradient(135deg,#ffdf28,#efad00);color:#111}.spectrum-card.yellow p{color:#332800}
.spectrum-note{margin-top:18px;font-size:13px;color:#7f8c98}

/* Benefits become tighter dark cards with colored icon accents */
.icon-grid{gap:14px!important}
.benefit-card{background:linear-gradient(180deg,#0d1720 0%,#091119 100%)!important;border-color:#263b4b!important;border-radius:12px!important}
.icon-box{background:#081018!important;border-color:#304a5d!important;border-radius:12px!important}
.icon-grid .benefit-card:nth-child(1) .icon-box svg{stroke:var(--v29-white)!important}
.icon-grid .benefit-card:nth-child(2) .icon-box svg{stroke:var(--v29-gray)!important}
.icon-grid .benefit-card:nth-child(3) .icon-box svg{stroke:var(--v29-green)!important}
.icon-grid .benefit-card:nth-child(4) .icon-box svg{stroke:var(--v29-blue)!important}
.icon-grid .benefit-card:nth-child(5) .icon-box svg{stroke:var(--v29-red)!important}
.icon-grid .benefit-card:nth-child(6) .icon-box svg{stroke:var(--v29-yellow)!important}

.process-step{background:linear-gradient(180deg,#0c161e,#081017)!important;border:1px solid #213541;border-radius:12px;padding:22px!important}
.process-step .num{background:#0b131a!important;border:1px solid #314654!important;color:#fff!important;width:58px!important;height:58px!important;border-radius:50%!important;font-size:24px!important}
.process-step:nth-child(1) .num{background:var(--v29-white)!important;color:#050505!important}
.process-step:nth-child(2) .num{background:var(--v29-blue)!important;color:#fff!important}
.process-step:nth-child(3) .num{background:var(--v29-green)!important;color:#fff!important}
.process-step:nth-child(4) .num{background:var(--v29-yellow)!important;color:#050505!important}
.role-tag,.chip{border-color:#2b4557!important;background:#0a141d!important;color:#d9e1e8!important}
.scope-board{background:#08121a!important;border-color:#253a49!important}
.form-group input,.form-group select,.form-group textarea{background:#101b27!important;border-color:#334b5e!important}
.contact-form,.specialist-form{background:#0a141d!important;border-color:#2b4050!important}
.footer{background:#03070a!important;border-top:1px solid #182b38!important}
.footer-email-row a,.footer-title em{color:var(--v29-yellow)!important}

@media(max-width:900px){.spectrum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .hero:after{width:62%;opacity:.22}
  .spectrum-section{padding:54px 0 60px}
  .spectrum-title{font-size:44px}
  .spectrum-intro{font-size:17px;line-height:1.55}
  .spectrum-grid{grid-template-columns:1fr 1fr;gap:10px}
  .spectrum-card{min-height:176px;padding:16px 14px;border-radius:10px}
  .spectrum-icon{width:35px;height:35px;border-radius:8px}.spectrum-icon svg{width:21px;height:21px}
  .spectrum-card h3{font-size:24px}.spectrum-card strong{font-size:12px}.spectrum-card p{font-size:12.5px;line-height:1.3;margin-top:9px}
  .process-grid{gap:12px!important}
  .process-step{padding:18px!important}
}
@media(max-width:380px){.spectrum-grid{grid-template-columns:1fr}.spectrum-card{min-height:155px}}