:root{--bg:#0d0f11;--bg2:#14171a;--card:#181b1f;--text:#f4f5f5;--muted:#a7adb2;--line:rgba(255,255,255,.11);--accent:#8fa7b3;--accent2:#d6e0e4;--glow:transparent}body{background:#0d0f11}body::before{opacity:.025}h1 span{color:#f4f5f5;text-shadow:none}.nav-contact{border-color:rgba(214,224,228,.35);background:rgba(255,255,255,.035);box-shadow:none}.nav-contact:after{background:#8fa7b3;box-shadow:none}.hero-card{border-color:rgba(255,255,255,.13);background:#14171a;box-shadow:none}.socket{background:#20262a;filter:grayscale(1);animation:none}.logo-socket-bg img,.section-step-icon{filter:grayscale(1) contrast(.85);opacity:.32}.code{background:rgba(10,12,14,.88)}.code b{color:#d6e0e4}.cable-base{stroke:#2b3034;filter:none}.cable-core{stroke:#66737a}.cable-glow,.cable-energy{display:none}.cable-live{stroke:#91a4ad;stroke-width:4;filter:none}.progress-dot-halo{fill:rgba(143,167,179,.2)}.progress-dot-core{fill:#d6e0e4}.section{padding:92px 0}.section-head{margin-bottom:38px}.section-head p{font-size:16px}.card{min-height:255px;padding:22px;border-radius:16px;background:#171a1d;backdrop-filter:none}.card:hover{transform:translateY(-3px);border-color:rgba(214,224,228,.28);box-shadow:0 14px 36px rgba(0,0,0,.18)}.card h3{margin:28px 0 10px;font-size:25px}.card p{font-size:14px;line-height:1.55}.pills{margin-top:20px;gap:6px}.pills span{padding:6px 9px;border-radius:7px;font-size:10px}.systems{border-color:rgba(255,255,255,.13);background:#15181b}.system-cloud span:nth-child(3n){border-color:rgba(214,224,228,.22)}.quote{border-color:rgba(255,255,255,.15);background:#15181b;box-shadow:none}.quote .kicker{color:#bac8ce}.contact{border-color:rgba(255,255,255,.16);background:#14171a}.contact.connected{border-color:#8fa7b3;box-shadow:0 18px 55px rgba(0,0,0,.24)}.contact.connected .connection-status{color:#d6e0e4;border-color:rgba(214,224,228,.35)}.contact.connected .connection-status i,.contact.connected .form:before{background:#8fa7b3;box-shadow:none}.submit{background:#d6e0e4;color:#111619;box-shadow:none}.submit:hover{background:#fff}.nav-contact.connected{border-color:#8fa7b3;box-shadow:none}.nav-contact.connected .nav-status{border-color:rgba(214,224,228,.32);background:rgba(214,224,228,.06)}.nav-contact.connected .nav-status i{background:#d6e0e4;box-shadow:none}.nav-contact.connected .nav-status b{color:#d6e0e4;text-shadow:none}#process .section-head{margin-bottom:34px}.process-flow::before{background:#556168;box-shadow:none}.process-node{width:48px;height:48px;margin-bottom:17px;border-color:rgba(214,224,228,.28);background:#15181b;box-shadow:0 0 0 6px #0d0f11}.process-node::after{border-color:rgba(214,224,228,.12)}.process-node span{color:#d6e0e4}.process-copy{min-height:190px;padding:22px 20px;border-radius:16px;background:#15181b}.process-step:hover .process-copy{transform:translateY(-3px);border-color:rgba(214,224,228,.24);background:#181c1f}.process-copy small{margin-bottom:11px;color:#83959e}.process-copy h3{margin-bottom:10px;font-size:23px}.process-copy p{font-size:14px;line-height:1.55}.process-step:last-child .process-node{border-color:#8fa7b3;box-shadow:0 0 0 6px #0d0f11}.process-step:last-child .process-node::before{background:#d6e0e4;box-shadow:none}.tech-note{border-color:rgba(255,255,255,.12)!important;background:#14171a!important}.editorial-card{border-color:rgba(255,255,255,.12)!important;background:#14171a!important;box-shadow:none!important}
@media(max-width:760px){.section{padding:72px 0}.card{min-height:0}.process-copy{min-height:0}.section-step-icon{display:none}}

/* Compact hero status with visible Stepsel branding */
.hero-card{min-height:400px}.hero-logo-bg{position:absolute;top:48px;left:50%;width:76%;height:auto;transform:translateX(-50%);opacity:.82;filter:grayscale(1);z-index:1}.hero-card .code{top:auto;right:7%;bottom:7%;left:7%;z-index:2;padding:15px 18px;border-radius:14px;background:rgba(10,12,14,.82);backdrop-filter:blur(12px)}.hero-card .code .top{padding-bottom:10px}.hero-card .code p{padding:9px 2px;font-size:12px}.hero-card .code-body .system-row b{min-width:92px}.hero-card .code-body .system-row.state-connecting,.hero-card .code-body .system-row.state-connected{background:rgba(143,167,179,.04)}.hero-card .code-body .system-row.state-connecting::before,.hero-card .code-body .system-row.state-connected::before{background:#d6e0e4;box-shadow:none}.hero-card .code-body .system-row.state-connecting b,.hero-card .code-body .system-row.state-connected b{color:#d6e0e4!important;text-shadow:none!important;animation:none}
@media(max-width:900px){.hero-card{min-height:360px!important}.hero-logo-bg{top:38px;width:min(520px,76%)}.hero-card .code{right:5%;bottom:5%;left:5%}}
@media(max-width:640px){.hero-card{min-height:325px!important}.hero-logo-bg{top:34px;width:82%}.hero-card .code{padding:12px 14px}.hero-card .code p{padding:8px 1px;font-size:11px}}

:focus-visible{outline-color:#b7c7ce!important}.experience-strip{border-color:rgba(255,255,255,.13);background:#14171a}.experience-number strong{color:#d6e0e4;text-shadow:none}#contact .contact,#contact .contact.connected{background:#14171a!important}.connection-wave,.connection-burst{border-color:rgba(143,167,179,.3)!important;box-shadow:none!important}.contact-socket-bg{filter:grayscale(1);opacity:.18}.editorial-kicker,.philosophy-kicker{color:#a9bac2!important}.philosophy-tags span{border-color:rgba(214,224,228,.18)!important;background:#171a1d!important}

/* V38: the hero mark leads; purple is reserved for the live cable only. */
.hero-card{min-height:380px}
.hero-logo-bg{
  top:35px;
  width:min(560px,82%);
  opacity:.9;
  filter:grayscale(1) brightness(1.22) contrast(1.05);
  transform-origin:center center;
  animation:stepsel-mark-pulse 3.2s ease-in-out infinite;
}
@keyframes stepsel-mark-pulse{
  0%,100%{transform:translateX(-50%) scale(.985);opacity:.76}
  50%{transform:translateX(-50%) scale(1.035);opacity:1}
}
.hero-card .code{
  right:12%;
  bottom:5%;
  left:12%;
  padding:10px 14px;
  border-color:rgba(255,255,255,.11);
  background:rgba(10,12,14,.76);
}
.hero-card .code .top{padding-bottom:6px;font-size:9px}
.hero-card .code p{padding:5px 1px;font-size:10px;line-height:1.25}
.hero-card .code-body .system-row b{min-width:78px;font-size:9px;letter-spacing:.1em}

.cable-glow{
  display:block;
  stroke:#c000ff;
  stroke-width:13;
  opacity:.3;
  filter:blur(7px);
}
.cable-live{
  stroke:url(#cableGradient);
  stroke-width:5.2;
  filter:drop-shadow(0 0 5px rgba(224,102,255,.9)) drop-shadow(0 0 16px rgba(192,0,255,.58));
}
.cable-energy{display:none}
.progress-dot-halo{fill:rgba(192,0,255,.22)}
.progress-dot-core{fill:#fff;filter:drop-shadow(0 0 8px #e066ff)}

@media(max-width:900px){
  .hero-logo-bg{top:30px;width:min(500px,82%)}
  .hero-card .code{right:8%;left:8%}
}
@media(max-width:640px){
  .hero-card{min-height:310px!important}
  .hero-logo-bg{top:28px;width:88%}
  .hero-card .code{right:5%;bottom:4%;left:5%;padding:9px 11px}
  .hero-card .code p{padding:4px 1px;font-size:9px}
  .hero-card .code-body .system-row b{min-width:70px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero-logo-bg{animation:none;opacity:.92}}