/* ============================================================
   Hero V2 — 左文右圖（僅 index.html 載入）
   原則：不修改任何既有文字/連結，只新增 .hero-visual 視覺層
   ============================================================ */

.hero .container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 500px;
    gap:44px;
    align-items:center;
}

.hero-content{ max-width:none !important; }

.hero h1{ font-size:40px !important; }

.hero-visual{ position:relative; }

.hero-visual-img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1120/616;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 24px 48px -12px rgba(0,22,69,.45);
}

.hero-visual-card{
    position:absolute;
    left:-28px;
    bottom:-22px;
    background:#fff;
    border-radius:14px;
    padding:16px 22px;
    box-shadow:0 12px 32px rgba(0,22,69,.18);
}

.hero-visual-card .hv-num{
    font-size:26px;
    font-weight:800;
    letter-spacing:-.01em;
    color:#0A1628;
    font-variant-numeric:tabular-nums;
    line-height:1.2;
}

.hero-visual-card .hv-sub{
    margin-top:2px;
    font-size:13px;
    font-weight:600;
    color:#0E9F6E;
    line-height:1.4;
}

@media (max-width:1180px){
    .hero .container{ grid-template-columns:minmax(0,1fr) 440px; gap:36px; }
    .hero-visual-card{ left:16px; }
}

@media (max-width:1024px){
    .hero .container{ grid-template-columns:1fr; gap:36px; }
    .hero-visual{ order:2; max-width:560px; }
}

@media (max-width:640px){
    .hero-visual-card{ padding:12px 16px; bottom:-16px; }
    .hero-visual-card .hv-num{ font-size:22px; }
    .hero-visual-card .hv-sub{ font-size:12px; }
}