.hc{position:relative;overflow:hidden;background:#000;border-bottom:3px solid var(--y)}
.hc-track{display:flex;transition:transform .6s cubic-bezier(.3,.8,.3,1)}
.hc-slide{position:relative;flex:0 0 100%;min-height:clamp(460px,72vh,680px);display:flex;align-items:flex-end}
.hc-bg{position:absolute;inset:0}
.hc-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.55}
.hc-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0,#000c 38%,#0000 75%),linear-gradient(0deg,#000 0,#0000 40%)}
.hc-copy{position:relative;padding:clamp(24px,5vw,72px) clamp(16px,6vw,96px) 90px;max-width:760px}
.hc-copy .tag{background:var(--gc)}
.hc-copy h2{font-size:clamp(52px,8vw,110px);margin:14px 0 10px;text-shadow:0 4px 20px #000}
.hc-copy p{font-size:clamp(20px,2.4vw,28px);color:#eee;margin:0 0 22px;max-width:36ch}
.hc-btns{display:flex;gap:12px;flex-wrap:wrap}
.hc-arrow{position:absolute;top:45%;width:54px;height:54px;border-radius:50%;border:2px solid #fff6;background:#000a;color:#fff;font-size:34px;line-height:1;cursor:pointer;z-index:3}
.hc-arrow:hover{border-color:var(--y);color:var(--y)}
.hc-arrow.prev{left:14px}.hc-arrow.next{right:14px}
.hc-ctrl{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:14px;z-index:3}
.hc-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:80vw}
.hc-dots button{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.hc-dots button[aria-selected=true]{background:var(--y);border-color:var(--y);width:30px;border-radius:8px}
.hc-pause{width:40px;height:40px;border-radius:50%;border:2px solid #fff6;background:#000a;color:#fff;cursor:pointer}
@media (max-width:700px){.hc-arrow{display:none}.hc-dots button{width:12px;height:12px}.hc-copy{padding-bottom:80px}}
.intro-band{background:var(--y);color:#000}
.ib{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;padding-top:44px;padding-bottom:44px}
.ib h1{font-size:clamp(44px,6vw,84px);margin:12px 0}
.ib h1 .y{background:#000;color:var(--y);padding:0 .12em}
.ib p{font-size:22px;font-weight:600;max-width:46ch}
.ib-cta{display:grid;gap:12px}
.ib-cta .b-btn{background:#000;color:var(--y)}
.ib-cta .b-btn.alt{background:#fff;color:#000}
.ib-cta .b-btn.ghost.on-y{background:transparent;color:#000;border-color:#000}
@media (max-width:860px){.ib{grid-template-columns:1fr}}
.feat-strip{background:#0b0b0b;border-bottom:1px solid #222}
.fs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:26px;padding-bottom:26px}
.fs div{display:grid;gap:2px}
.fs span{font-size:30px}
.fs b{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;color:var(--y)}
.fs small{color:#bbb;font-size:17px}
@media (max-width:860px){.fs{grid-template-columns:1fr 1fr}}
.sec-h{font-size:clamp(40px,5vw,68px);margin:30px 0 10px}
.show-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:20px}
.show-card{display:flex;flex-direction:column;background:var(--k2);border:2px solid #2a2a2a;border-top:5px solid var(--gc);border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}
.show-card:hover{transform:translateY(-3px);border-color:var(--gc)}
.sc-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.sc-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.sc-tags{display:flex;gap:6px;flex-wrap:wrap}
.sc-body h3{font-size:30px;color:#fff}
.sc-body p{margin:0;color:#ddd}
.sc-ex{font-size:16px;color:#aaa!important;border-left:3px solid var(--gc);padding-left:10px}
.sc-body .b-btn{margin-top:auto;align-self:flex-start}
.how2{background:radial-gradient(ellipse at 70% 0%,#2a2600 0,#000 60%);margin-top:40px;padding:20px 0 30px;scroll-margin-top:80px}
.steps2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.steps2 div{background:var(--k2);border:2px solid #333;border-radius:12px;padding:22px}
.steps2 i{font-style:normal;font-family:Anton,sans-serif;font-size:42px;color:var(--y);display:block}
.steps2 b{font-size:24px;text-transform:uppercase;letter-spacing:1px}
.steps2 p{color:#bbb;margin:6px 0 0}
@media (max-width:960px){.steps2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps2{grid-template-columns:1fr}}
.how-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.app-band .ab{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.app-band h2{font-size:34px}
@media (max-width:700px){.hc-dots{gap:4px;flex-wrap:nowrap}.hc-dots button{width:10px;height:10px;border-width:1.5px}.hc-dots button[aria-selected=true]{width:20px}}