/* ملهمون — واجهات الصفحات، المتجر، البطاقات */
/* page heroes, store, tiles */
.section.sp{padding-top:clamp(36px,5vw,56px)}
.phero{position:relative;overflow:hidden;border-radius:36px;padding:clamp(32px,6vw,72px);display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;min-height:360px;margin-top:24px}
.phero-text{max-width:660px;position:relative;z-index:1}
.phero h1{font-size:clamp(42px,6.4vw,82px);line-height:1.18;margin:16px 0 14px}
.phero p{font-size:clamp(17px,1.7vw,21px);margin:0;opacity:.9;max-width:34em}
.phero .actions-row{margin-top:26px}
.phero .btn-ghost{color:inherit}
.phero-fact{position:relative;z-index:1;text-align:center;min-width:150px}
.phero-fact b{display:block;font-family:var(--font-head);font-size:clamp(48px,6.4vw,84px);line-height:1.1;unicode-bidi:plaintext}
.phero-fact span{font-size:15px;opacity:.85}
.phero-mark{position:absolute;left:-5%;bottom:-22%;width:min(48%,560px);opacity:.1;pointer-events:none}
.phero-mark .logo{width:100%;height:auto}
.phero-text > *,.phero-fact{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.phero-text > :nth-child(2){animation-delay:.08s}.phero-text > :nth-child(3){animation-delay:.16s}.phero-text > :nth-child(4){animation-delay:.24s}.phero-fact{animation-delay:.3s}
.phero-mark{animation:drift 14s ease-in-out infinite alternate}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translateX(0) rotate(0)}to{transform:translateX(24px) rotate(-3deg)}}
@media (max-width:700px){.phero{border-radius:28px;min-height:0}.phero-fact{text-align:right}.phero-mark{width:80%;bottom:-12%}}
.storep{position:relative;overflow:hidden;border-radius:36px;padding:clamp(32px,5.5vw,64px)}
.storep-text{position:relative;z-index:1;max-width:620px}
.storep h2{font-size:clamp(32px,4.4vw,54px);margin:14px 0 10px}
.storep p{font-size:18px;margin:0 0 24px;opacity:.9}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){.tiles{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.tiles{grid-template-columns:1fr}}
.tile{border-radius:28px;padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .2s ease}
.tile:hover{transform:translateY(-4px)}
.tile-k{font-size:14px;opacity:.85}
.tile b{font-family:var(--font-head);font-size:clamp(28px,3vw,36px);line-height:1.3}
.tile-go{font-weight:700;font-size:14.5px;align-self:flex-start;border-bottom:2px solid currentColor}
.nav a[aria-current="page"]{background:var(--fg);color:var(--bg)}