/* ===== HERO ===== */
.hero{background:var(--gr);padding:80px 5% 64px;border-bottom:4px solid var(--y);position:relative;overflow:hidden}
.hero::before{content:'HALKY';position:absolute;right:-1%;top:50%;transform:translateY(-50%);font-family:'Black Han Sans',sans-serif;font-size:180px;color:rgba(245,200,0,0.1);pointer-events:none;white-space:nowrap}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.badge{display:inline-flex;align-items:center;gap:6px;background:var(--y);color:var(--bk);font-size:12px;font-weight:700;padding:4px 12px;border-radius:2px;margin-bottom:16px}
.hero h1{font-family:'Black Han Sans',sans-serif;font-size:clamp(26px,4vw,48px);color:var(--bk);line-height:1.15;letter-spacing:1px;margin-bottom:14px}
.hero h1 em{color:var(--yd);font-style:normal;display:block}
.hero p{font-size:14px;color:var(--sub);margin-bottom:24px;line-height:1.85;max-width:400px}
.hero-cards{display:flex;flex-direction:column;gap:10px}
.hc{background:var(--wh);border:1px solid var(--bd);border-left:4px solid var(--y);border-radius:var(--r);padding:14px 16px}
.hc h4{font-size:13px;font-weight:700;color:var(--bk);margin-bottom:2px}
.hc p{font-size:12px;color:var(--sub)}
.hero-stats{display:flex;margin-top:28px;padding-top:22px;border-top:2px solid var(--y)}
.si{flex:1;text-align:center;padding:0 8px;border-right:1px solid var(--bd)}
.si:last-child{border-right:none}
.si .sn{font-family:'Black Han Sans',sans-serif;font-size:22px;color:var(--bk)}
.si .sl{font-size:11px;color:var(--sub);margin-top:1px}

/* ===== INDUSTRIES ===== */
.ind-sec{background:var(--wh)}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-width:820px;margin:0 auto 32px}
.ind-btn{background:var(--gr);border:1.5px solid var(--bd);border-radius:var(--r);padding:14px 10px;text-align:center;font-size:13px;font-weight:700;color:var(--tx);cursor:pointer;transition:background .2s,border-color .2s,transform .15s;font-family:'Noto Sans JP',sans-serif}
.ind-btn:hover{background:var(--y);border-color:var(--yd);transform:translateY(-2px)}
.ind-rating{text-align:center;background:var(--yp);border:2px solid var(--y);border-radius:var(--r);padding:18px 20px;max-width:360px;margin:0 auto}
.ind-rating .big{font-family:'Black Han Sans',sans-serif;font-size:32px;color:var(--yd)}
.ind-rating .note{font-size:12px;color:var(--sub);margin-top:3px}

@media(max-width:640px){
  .hero-inner{grid-template-columns:1fr}
  .hero-cards{display:none}
}