/* ===== Hero ===== */
.hero{padding-top:4rem}
.hero-grid{
    display:grid;
    grid-template-columns:1.12fr .88fr;
    gap:2.2rem;
    align-items:center;
}
.hero-copy{max-width:44rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 1.5rem}
.hero-bar{
    display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem
}
.hero-bar span{
    display:inline-flex;align-items:center;
    padding:.6rem .95rem;border-radius:999px;
    background:rgba(255,255,255,.03);border:1px solid var(--line);
    color:#d8e3f7;font-size:.92rem
}
.hero-visual{position:relative}
.glass-panel{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.12);
    border-radius:32px;
    box-shadow:var(--shadow);
    padding:.85rem;
    overflow:hidden;
    min-height:auto;
    position:relative;
}
.glass-panel::after{
    content:"";
    position:absolute;inset:auto 0 0 0;height:12rem;
    background:linear-gradient(180deg, transparent, rgba(93,220,255,.08));
    pointer-events:none;
}
.brand-banner{
    margin:0;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(23,57,141,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(224,232,255,.95));
}
.brand-banner img{
    width:100%;
    height:auto;
    aspect-ratio:1200 / 630;
    object-fit:cover;
}
.kpi-card,.mini-grid article,.stat-card{
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}
.kpi-card{
    border-radius:22px;padding:1.2rem;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.kpi-card small,.mini-grid small{color:var(--primary)}
.kpi-card strong{display:block;font-size:1.3rem;margin:.45rem 0 .65rem}
.mini-grid{
    display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:1rem
}
.mini-grid article{
    border-radius:20px;padding:1rem;min-height:8.6rem
}
.mini-grid strong,.stats-panel strong{display:block;color:var(--text)}
.line-chart{
    position:relative;height:11rem;border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid var(--line);
    overflow:hidden;
}
.line-chart::before{
    content:"";
    position:absolute;inset:0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size:32px 32px;
}
.line-chart span{
    position:absolute;display:block;height:3px;border-radius:999px;
    background:linear-gradient(90deg, var(--primary), var(--primary-2));
    box-shadow:0 0 20px rgba(93,220,255,.35);
}
.line-chart span:nth-child(1){width:58%;left:8%;top:70%;transform:rotate(-18deg)}
.line-chart span:nth-child(2){width:36%;left:38%;top:52%;transform:rotate(-8deg)}
.line-chart span:nth-child(3){width:20%;left:64%;top:42%;transform:rotate(-22deg)}
.hero-stats{
    margin-top:2rem;
    display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1rem
}
.stat-card{
    border-radius:22px;padding:1.2rem 1.1rem
}
.stat-card strong{display:block;margin-bottom:.35rem;font-size:1rem}