#hero-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.network-ready:not([data-hero="original"]) #hero-network{opacity:1}
.network-ready:not([data-hero="original"]) .hero-art,.network-ready:not([data-hero="original"]) #particles{visibility:hidden}
.network-shade{display:none;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(20,25,29,.89) 0%,rgba(20,25,29,.70) 25%,rgba(20,25,29,.18) 57%,transparent 78%),linear-gradient(0deg,#171b1e 0%,transparent 19%,transparent 85%,rgba(23,27,30,.5))}
.network-ready:not([data-hero="original"]) .network-shade{display:block}
.hero-caption{display:none;position:absolute;right:var(--shell);top:75%;font-size:9px;letter-spacing:.19em;color:#8bafb7;align-items:center;gap:14px;pointer-events:none}
.network-ready:not([data-hero="original"]) .hero-caption{display:flex}
.caption-line{display:block;width:38px;height:1px;background:var(--copper)}
.hero-concepts[hidden]{display:none}
.hero-concepts{position:absolute;z-index:5;bottom:22px;left:var(--shell);right:var(--shell);display:flex;flex-direction:column;align-items:center;gap:9px}
.concept-label{font-size:9px;letter-spacing:.2em;color:#bfc3c4;line-height:1.3}
.concept-buttons{display:flex;max-width:100%;background:rgba(31,37,41,.95);border:1px solid rgba(217,164,134,.25);border-radius:7px;padding:4px;box-shadow:0 8px 35px #10141877}
.concept-buttons button{display:flex;align-items:center;gap:13px;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;font-size:12px;color:#b9bec1;min-height:44px;padding:10px 21px;transition:color .2s,background .2s}
.concept-buttons button span{font-size:10px;color:#9f7b65}
.concept-buttons button:hover{color:var(--ivory);background:#ffffff06}
.concept-buttons button[aria-pressed="true"]{color:var(--ivory);background:#b77b5a1a;border-color:#b77b5a70}
.concept-buttons button[aria-pressed="true"] span{color:var(--copper-light)}
.concept-description{font-size:11px;color:#a0a8ac;text-align:center;line-height:1.5;min-height:17px}
.hero.is-comparing .hero-bottom{bottom:139px}
.hero.is-comparing .hero-caption{top:auto;bottom:220px}
@media(min-width:1600px){.hero-caption{top:78%}}
@media(max-width:1100px){.hero-caption{top:78%;font-size:8px}.concept-buttons button{padding:10px 14px;gap:8px}}
@media(max-width:700px){
  .network-shade{background:linear-gradient(180deg,rgba(23,27,30,.55),rgba(23,27,30,.93) 18%,rgba(23,27,30,.78) 40%,rgba(23,27,30,.03) 68%,#171b1e 97%)}
  .hero-caption{left:var(--shell);right:auto;top:auto;bottom:108px;font-size:8px;letter-spacing:.12em;gap:10px}
  .caption-line{width:22px}
  .hero.is-comparing{min-height:1020px}
  .hero.is-comparing .hero-content{padding-top:160px}
  .hero.is-comparing .hero-bottom{bottom:187px}
  .hero.is-comparing .hero-caption{bottom:245px}
  .hero-concepts{bottom:20px;gap:11px}
  .concept-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .concept-buttons button{font-size:11px;justify-content:flex-start;padding:10px 12px;gap:9px}
  .concept-description{font-size:10px;max-width:300px;min-height:30px}
}