/* HOODBTC visual refinement layer. Kept separate so the original visual system remains easy to roll back. */

.hoodbtcPolished .topbar{
  border-bottom-color:rgba(76,243,122,.16);
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}
.hoodbtcPolished .nav{gap:28px}
.hoodbtcPolished .links{gap:clamp(14px,1.8vw,26px)}
.hoodbtcPolished .links a{font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s ease,opacity .2s ease}
.hoodbtcPolished .links a:nth-child(2),
.hoodbtcPolished .links a:nth-child(3){color:#d8e0da}
.hoodbtcPolished .links a:nth-child(2):hover,
.hoodbtcPolished .links a:nth-child(3):hover{color:var(--green)}

.hoodbtcPolished .ecosystemHero{padding-top:46px;padding-bottom:64px}
.hoodbtcPolished .ecosystemHero::before{
  width:min(1000px,100vw);
  background:radial-gradient(circle,rgba(76,243,122,.115),transparent 66%);
}
.hoodbtcPolished .heroCenter{max-width:1080px}
.hoodbtcPolished .heroCenter h1{max-width:980px;margin-inline:auto}
.hoodbtcPolished .heroLead{max-width:760px}
.hoodbtcPolished .heroActions{flex-wrap:wrap;align-items:center}
.hoodbtcPolished .heroActions>a{min-height:50px;align-items:center;justify-content:center;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.hoodbtcPolished .heroActions>a:hover{transform:translateY(-2px)}
.hoodbtcPolished .heroActions .productAction{border-color:rgba(76,243,122,.38);background:rgba(76,243,122,.045)}
.hoodbtcPolished .heroActions .productAction:hover{background:rgba(76,243,122,.09);box-shadow:0 14px 35px rgba(0,0,0,.2)}
.hoodbtcPolished .heroActions .ecosystemAction{color:#aeb8b1}
.hoodbtcPolished .trustLine span{white-space:nowrap}

.hoodbtcPolished .signalStrip{background:linear-gradient(90deg,#060907,#090d0a,#060907)}
.hoodbtcPolished .signalGrid div{position:relative}
.hoodbtcPolished .signalGrid div::after{content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(76,243,122,.28),transparent);opacity:.4}
.hoodbtcPolished .signalGrid b{font-size:14px;letter-spacing:-.2px}

.hoodbtcPolished .ecosystemSection{padding-top:118px;padding-bottom:118px;position:relative}
.hoodbtcPolished .ecosystemSection::before{
  content:"";position:absolute;inset:5% -15% auto;height:500px;pointer-events:none;
  background:radial-gradient(circle at 50% 20%,rgba(76,243,122,.06),transparent 62%);
}
.hoodbtcPolished .ecosystemHead{max-width:940px;position:relative;z-index:1;margin-bottom:50px}
.hoodbtcPolished .ecosystemHead h2{max-width:860px}
.hoodbtcPolished .ecosystemProducts{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}
.hoodbtcPolished .productPanel{
  min-height:500px;padding:38px;border:1px solid #24342b;background:linear-gradient(145deg,#0d1410,#070a08 72%);
  position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.hoodbtcPolished .productPanel::before{
  content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-190px;top:-190px;z-index:-1;
  background:rgba(76,243,122,.065);filter:blur(12px);
}
.hoodbtcPolished .productPanel::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 32%,transparent 72%,rgba(76,243,122,.025));
}
.hoodbtcPolished .productPanel:hover{transform:translateY(-4px);border-color:#3c5c46;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.hoodbtcPolished .productTop{display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:1.8px;color:var(--green)}
.hoodbtcPolished .productTop b{display:inline-flex;align-items:center;gap:8px;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:#9be8aa;border:1px solid rgba(76,243,122,.18);padding:8px 10px;border-radius:999px;background:rgba(76,243,122,.035)}
.hoodbtcPolished .productTop i{display:block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.hoodbtcPolished .productIcon{width:58px;height:58px;border:1px solid #31503a;background:rgba(76,243,122,.045);display:grid;place-items:center;color:var(--green);font-size:24px;margin:38px 0 28px;border-radius:16px}
.hoodbtcPolished .productPanel h3{font-size:clamp(34px,4vw,50px);line-height:1;letter-spacing:-2.8px;margin:0 0 18px;max-width:560px}
.hoodbtcPolished .productLead{color:#9aa59e;font-size:15px;line-height:1.75;margin:0;max-width:560px}
.hoodbtcPolished .productFeatures{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:30px 0 34px}
.hoodbtcPolished .productFeatures span{border:1px solid #202d25;background:#080c09;padding:11px 12px;color:#9ca69f;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.4px}
.hoodbtcPolished .productFeatures span::before{content:"•";color:var(--green);margin-right:8px}
.hoodbtcPolished .productFooter{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}
.hoodbtcPolished .productFooter small{color:#59645d;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.8px;overflow-wrap:anywhere}
.hoodbtcPolished .productButton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--green);color:#041008;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}
.hoodbtcPolished .productButton:hover{transform:translateY(-2px);background:var(--green2)}
.hoodbtcPolished .factoryPanel{background:linear-gradient(145deg,#0a110d,#070a08 72%)}
.hoodbtcPolished .factoryPanel .productIcon{border-radius:50%}

.hoodbtcPolished .ecosystemBridge{
  margin-top:14px;border:1px solid var(--line);background:#060907;padding:24px 28px;display:grid;grid-template-columns:auto 44px 1fr;align-items:center;gap:22px;position:relative;z-index:1;
}
.hoodbtcPolished .ecosystemBridge div{display:flex;flex-direction:column;gap:6px}
.hoodbtcPolished .ecosystemBridge small{color:var(--green);font:600 8px 'IBM Plex Mono',monospace;letter-spacing:1.8px}
.hoodbtcPolished .ecosystemBridge b{font-size:20px;letter-spacing:-.7px}
.hoodbtcPolished .ecosystemBridge>span{color:var(--green);font-size:18px;text-align:center}
.hoodbtcPolished .ecosystemBridge p{margin:0;color:#7f8a82;font-size:12px;line-height:1.7}
.hoodbtcPolished .ecosystemBridge strong{color:#cbd4cd;font-weight:700}

.hoodbtcPolished #why{border-top:1px solid rgba(76,243,122,.075)}
.hoodbtcPolished .identitySection .identityWrap{box-shadow:0 24px 80px rgba(0,0,0,.16)}
.hoodbtcPolished .securitySection{box-shadow:inset 0 1px rgba(255,255,255,.015),inset 0 -1px rgba(255,255,255,.015)}

.hoodbtcPolished .ecosystemFinal{background:radial-gradient(circle at 82% 50%,rgba(76,243,122,.14),transparent 40%),linear-gradient(145deg,#0b100d,#070a08)}
.hoodbtcPolished .finalActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hoodbtcPolished .finalActions .primary,
.hoodbtcPolished .finalActions .ghost{min-height:50px;align-items:center;justify-content:center;white-space:nowrap}
.hoodbtcPolished .finalActions .ghost{border-color:rgba(76,243,122,.3)}

@media(max-width:1040px){
  .hoodbtcPolished .links{gap:13px}
  .hoodbtcPolished .links a{font-size:11px}
}

@media(max-width:900px){
  .hoodbtcPolished .ecosystemProducts{grid-template-columns:1fr}
  .hoodbtcPolished .productPanel{min-height:440px}
  .hoodbtcPolished .ecosystemBridge{grid-template-columns:auto 32px 1fr}
  .hoodbtcPolished .finalActions{justify-content:flex-start}
}

@media(max-width:640px){
  .hoodbtcPolished .ecosystemHero{padding-top:22px;padding-bottom:34px}
  .hoodbtcPolished .heroActions{gap:8px}
  .hoodbtcPolished .heroActions>a{min-height:49px}
  .hoodbtcPolished .heroActions .ecosystemAction{display:none}
  .hoodbtcPolished .trustLine{margin-top:18px}
  .hoodbtcPolished .signalGrid div::after{left:14px;right:14px}
  .hoodbtcPolished .ecosystemSection{padding-top:64px;padding-bottom:64px}
  .hoodbtcPolished .ecosystemHead{margin-bottom:28px}
  .hoodbtcPolished .productPanel{min-height:auto;padding:24px}
  .hoodbtcPolished .productIcon{width:50px;height:50px;margin:28px 0 22px}
  .hoodbtcPolished .productPanel h3{font-size:34px;letter-spacing:-2px}
  .hoodbtcPolished .productLead{font-size:14px;line-height:1.65}
  .hoodbtcPolished .productFeatures{grid-template-columns:1fr;margin:24px 0 26px}
  .hoodbtcPolished .productFooter{align-items:stretch;flex-direction:column}
  .hoodbtcPolished .productButton{width:100%}
  .hoodbtcPolished .ecosystemBridge{grid-template-columns:1fr;gap:12px;padding:21px}
  .hoodbtcPolished .ecosystemBridge>span{display:none}
  .hoodbtcPolished .ecosystemFinal{padding:28px 22px}
  .hoodbtcPolished .finalActions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-top:18px}
  .hoodbtcPolished .finalActions .primary,
  .hoodbtcPolished .finalActions .ghost{width:100%;padding:13px 12px;font-size:11px}

  .hoodbtcPolished .ecosystemMobileCta{
    display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;left:12px;right:12px;
  }
  .hoodbtcPolished .ecosystemMobileCta a{margin:0;min-width:0;padding:14px 10px}
  .hoodbtcPolished .ecosystemMobileCta .mobileFactoryQuick{background:#0c120e;color:#e8efea;border:1px solid #31503a;box-shadow:0 8px 35px rgba(0,0,0,.45)}
}

@media(max-width:390px){
  .hoodbtcPolished .finalActions{grid-template-columns:1fr}
  .hoodbtcPolished .ecosystemMobileCta a{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .hoodbtcPolished .productPanel,
  .hoodbtcPolished .productButton,
  .hoodbtcPolished .heroActions>a{transition:none!important}
}