/* ملهمون — واجهة الصفحة الرئيسية */
/* hero */
.hero{padding:24px 0 0}
.hero-panel{background:#000;color:#fff;border-radius:40px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;min-height:540px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hero-panel{box-shadow:inset 0 0 0 1px #2b2824}}
:root[data-theme="dark"] .hero-panel{box-shadow:inset 0 0 0 1px #2b2824}
.hero-text{padding:clamp(32px,5.5vw,68px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.28}
.hero .lead{font-size:clamp(16.5px,1.5vw,19px);max-width:34em;margin-top:20px;color:#e8dcce}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero .btn-ghost{color:#fff}
.hero-visual{position:relative;min-height:420px}
.hero-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.hub{position:absolute;left:50%;top:50%;width:21%;max-width:150px;transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:center}
.hub .logo{width:100%;height:auto;color:#fff}
@media (max-width:900px){.hero-panel{grid-template-columns:1fr;border-radius:28px}.hero-visual{min-height:360px;order:2}.hub{width:26%}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-block:1px solid var(--line)}
.stat{padding:20px;border-inline-start:1px solid var(--line)}
.stat:first-child{border-inline-start:0}
.stat b{display:block;font-family:var(--font-head);font-size:clamp(26px,3vw,38px);line-height:1.25;unicode-bidi:plaintext}
.stat span{color:var(--muted);font-size:14.5px}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}