#hi .hc-card {width:100%;padding:.5rem;text-align:center;cursor:pointer;box-shadow:0 0 0;border:1px solid transparent;background:none;}

.hiw-kicker {font-style:italic;color:#ccc;margin:0 0 10px!important;padding-left:15px;font-size:1.35rem;letter-spacing:-0.02em;text-align:center;}
.hiw-tabbar {display:grid;grid-template-columns:repeat(3,1fr);gap:3%;padding:0;position:relative;z-index:10;}
.tab-btn {width:100%;min-height:86px;display:grid;grid-template-columns:1fr 24px;align-items:center;gap:16px;padding:14px 20px;border-radius:14px;border:1px solid rgba(250,0,255,.35);background:rgba(255,255,255,.035);color:#fff;cursor:pointer;font-size:clamp(1.4rem,7vw,2.5rem);font-weight:900;letter-spacing:-.03em;text-align:left;transition:all .22s ease;animation: glowPulse 3.5s ease-in-out infinite;}
@keyframes glowPulse {
    0%, 100% {
        box-shadow:
            0 0 8px rgba(250,0,255,.25),
            0 0 16px rgba(250,0,255,.15);
    }
    50% {
        box-shadow:
            0 0 24px rgba(250,0,255,.4),
            0 0 48px rgba(250,0,255,.2);
    }
}
.tab-arrow {justify-self:end;color:#d946ef;font-size:2.5rem;line-height:1;transition:transform .22s ease;}
.tab-btn:hover,.tab-btn.active,.tab-btn:focus {background:rgba(126,34,206,.24);border-color:rgba(216,180,254,.9);box-shadow: 0 10px 60px rgba(250, 0, 255, .5);border-radius:14px 14px 0 0;}
.tab-btn:hover .tab-arrow,.tab-btn.active .tab-arrow {transform:rotate(90deg);}
.tab-btn.bottomradius {border-radius:14px 14px 0 0;animation:none}
.tab-btn.bottomradiusback {border-radius:14px;background:none;box-shadow: 0 0 18px rgba(250, 0, 255, .3);background:rgba(255,255,255,.035);border:1px solid rgba(250,0,255,.35);}

.tab-panel {display:none;}
.tab-panel.active {display:block;}
.tab-panel .cot-hiw {margin-top:-1px;border-radius:0 0 22px 22px;border-top:1px solid rgba(192,132,252,.25);box-shadow:0 18px 40px rgba(15,19,123,.08);}
.tab-panel > .steps {margin-top:0;}
.steps {display:flex;flex-direction:column;}

.cot-hiw {--cot-blue:#0F137B;--cot-magenta:#FA00FF;--cot-yellow:#FED500;--cot-ink:#0F137B;--cot-wash:#F4F5FC;--cot-line:#D9DBF0;--cot-white:#FFFFFF;box-sizing:border-box;background:radial-gradient(120% 90% at 100% 0%,rgba(250,0,255,0.05),transparent 55%),radial-gradient(120% 90% at 0% 100%,rgba(254,213,0,0.07),transparent 55%),var(--cot-wash);color:var(--cot-ink);padding:24px;-webkit-font-smoothing:antialiased;touch-action:manipulation;}
.cot-hiw *,.cot-hiw *::before,.cot-hiw *::after {box-sizing:border-box;}

.cot-hiw__head {max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center;}
.cot-hiw__eyebrow {display:inline-block;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;padding:0 10px;border-radius:20px;}
.cot-hiw__eyebrow.mag {color:var(--cot-magenta);background:rgba(250,0,255,.08);}
.cot-hiw__eyebrow.bl {color:var(--cot-blue);}
.cot-hiw__eyebrow.yel {color:#9a6a00;background:rgba(254,213,0,.22);}
.cot-hiw__title {font-weight:700;line-height:1.05;font-size:clamp(28px,4.4vw,46px);margin:0 auto;letter-spacing:-.01em;}
.cot-hiw__sub {padding:0;line-height:1.6;margin:0 auto;font-size:1.2rem;}

.cot-hiw__track {position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.4vw,22px);max-width:1180px;margin:0 auto;text-align:left;}
.cot-hiw__track::before {content:"";position:absolute;top:30px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,var(--cot-blue) 0%,var(--cot-magenta) 55%,var(--cot-yellow) 100%);border-radius:3px;opacity:.85;z-index:0;}

.cot-hiw__step {position:relative;z-index:1;background:var(--cot-white);border:1px solid var(--cot-line);border-radius:18px;padding:26px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;margin-bottom:20px;}
.cot-hiw__num {font-family:var(--cot-display);font-weight:700;font-size:18px;line-height:1;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cot-blue);color:#fff;margin:-56px 0 18px;border:5px solid var(--cot-wash);box-shadow:0 6px 16px rgba(15,19,123,.22);}
.cot-hiw__steptitle {font-weight:700;font-size:18px;line-height:1.25;margin:0 0 8px;letter-spacing:-.005em;}
.cot-hiw__desc {font-size:1.2rem;line-height:1.55;color:#4a4f87;margin:0;}
.cot-hiw__desc a {color:var(--cot-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.cot-hiw__step--pick .cot-hiw__desc a {color:var(--cot-magenta);}

.cot-hiw__swap {display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;font-weight:700;font-size:12px;letter-spacing:.02em;}
.cot-hiw__swap b {padding:3px 9px;border-radius:7px;background:rgba(15,19,123,.07);color:var(--cot-blue);}
.cot-hiw__swap b.cot-hiw__want {background:rgba(250,0,255,.1);color:var(--cot-magenta);}
.cot-hiw__swap span {color:var(--cot-magenta);font-size:14px;}

.cot-hiw__tag {display:inline-flex;align-items:center;gap:6px;font-family:var(--cot-display);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;margin:0 0 14px;line-height:1.2;}
.cot-hiw__tag::before {content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}

.cot-hiw__step--pick .cot-hiw__num {background:var(--cot-magenta);box-shadow:0 6px 18px rgba(250,0,255,.32);}
.cot-hiw__step--pick .cot-hiw__tag {color:var(--cot-magenta);background:rgba(250,0,255,.08);}
.cot-hiw__step--pick {border-color:rgba(250,0,255,.35);}
.cot-hiw__step--payout .cot-hiw__num {background:var(--cot-yellow);color:var(--cot-blue);box-shadow:0 6px 18px rgba(254,213,0,.5);}
.cot-hiw__step--payout .cot-hiw__tag {color:#9a6a00;background:rgba(254,213,0,.22);}
.cot-hiw__step--payout {border-color:rgba(254,213,0,.6);background:linear-gradient(180deg,#fffdf0,#ffffff);}

.cot-hiw__foot {max-width:1180px;margin:clamp(28px,3vw,40px) auto 0;display:flex;align-items:center;gap:12px;justify-content:center;font-size:1rem;color:#4a4f87;text-align:center;}
.cot-hiw__foot strong {color:var(--cot-blue);font-weight:600;}
.cot-hiw__star {flex:0 0 auto;color:var(--cot-yellow);font-size:18px;line-height:1;}

@media (hover:hover) {
  .cot-hiw__step:hover {transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,19,123,.13);border-color:var(--cot-blue);}
  .cot-hiw__step--pick:hover {border-color:var(--cot-magenta);}
  .cot-hiw__step--payout:hover {border-color:var(--cot-yellow);}
  #hi .hc-card:hover {border: 1px solid rgba(250, 0, 255, 0.4);}
}

@media (max-width:980px) {
  .cot-hiw__track {grid-template-columns:repeat(2,1fr);gap:18px;}
  .cot-hiw__track::before {display:none;}
  .cot-hiw__num {margin-top:0;}
  .cot-hiw__step {padding-top:24px;margin:0;}
}

@media (max-width:600px) {
    .cot-hiw {padding:15px}
  .hiw-tabbar {gap:12px;padding:0;}
  .tab-btn {display:flex;min-height:60px;font-size:1.45rem;text-align:center;}
  .tab-btn span {width:100%;}
  .tab-arrow {display:none;}
  .cot-hiw__track {grid-template-columns:1fr;gap:0;padding-left:8px;}
  .cot-hiw__track::before {display:block;top:24px;bottom:24px;left:30px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,var(--cot-blue),var(--cot-magenta),var(--cot-yellow));}
  .cot-hiw__step {flex-direction:row;flex-wrap:wrap;align-items:center;background:transparent;border:none;padding:18px 0 18px 0;}
  .cot-hiw__num {margin:0 16px 0 0;width:54px;height:54px;font-size:16px;flex:0 0 auto;}
  .cot-hiw__tag,.cot-hiw__swap {order:3;flex-basis:100%;margin:10px 0 0 70px;}
  .cot-hiw__steptitle {flex:1;margin:0!important;min-width:0;}
  .cot-hiw__desc {flex-basis:100%;margin:8px 0 0 48px!important;}
  @media (hover:hover) {.cot-hiw__step:hover {transform:none;box-shadow:none;border:none;}}
}









#hi .btn {touch-action: manipulation;}
 @media (hover: hover) and (pointer: fine) {
  #hi .btn:hover { transform: translateY(-2px); }
  #hi .btn-green:hover { box-shadow: 0 6px 20px hsl(var(--gold)/0.4); }
  #hi .btn-outline:hover,
  #hi .btn-outline-indigo:hover,
  #hi .btn-outline-purple:hover { background: #fff; }
  #hi .cot-item-card:hover { box-shadow: 0 10px 30px -10px rgba(147,51,234,.3); transform: translateY(-2px); }
  #hi .hc-card:hover { border: 1px solid var(--cot-magenta); }
  #hi .cta-button.primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(250,0,255,0.4); }
  #hi .cta-button.secondary:hover { background: #0F137B; color: #fff; transform: translateY(-2px); }
}