/* ============ MARKETING FACE (landing) ============ */
.hero-wrap{padding-top:14px}
.hero{position:relative;border-radius:var(--r-band);overflow:hidden;min-height:440px;color:#fff;box-shadow:var(--shadow);
  background:radial-gradient(120% 90% at 82% 0%,color-mix(in srgb,var(--grad-to) 55%,transparent),transparent 60%),linear-gradient(128deg,var(--grad-from) 0%,var(--grad-via) 58%,var(--grad-to) 100%)}
.hero .glow{position:absolute;width:520px;height:520px;border-radius:50%;inset-inline-end:-120px;top:-160px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 46%,transparent),transparent 62%)}
.notch{position:absolute;top:0;inset-inline-start:0;z-index:6;height:40px;width:clamp(240px,46%,480px);background:var(--bg)}
.notch::after{content:"";position:absolute;bottom:0;inset-inline-start:100%;width:40px;height:40px;background:radial-gradient(40px 40px at 100% 100%,transparent 98%,var(--bg) 100%)}
[dir=rtl] .notch::after{inset-inline-start:auto;inset-inline-end:100%;background:radial-gradient(40px 40px at 0% 100%,transparent 98%,var(--bg) 100%)}
.hero-content{position:relative;z-index:2;padding:clamp(28px,5vw,60px);max-width:640px}
.hero-content .eyebrow{color:color-mix(in srgb,var(--accent) 22%,#fff)}
.hero h1{font-size:clamp(34px,5.4vw,56px);font-weight:600;margin:14px 0 16px;color:#fff}
.hero p{color:rgba(255,255,255,.95);font-size:18px;max-width:48ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.band{border-radius:var(--r-band);color:var(--on-grad);position:relative;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(120deg,var(--grad-via) 0%,var(--grad-from) 46%,var(--grad-to) 100%)}
.band::after{content:"";position:absolute;inset-inline-end:-80px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 60%)}
.band-inner{position:relative;z-index:2;padding:clamp(30px,4.5vw,56px)}
.band h2{color:#fff;text-align:center;font-size:clamp(26px,3.6vw,38px);margin-bottom:34px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.feat .fi{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.14);color:#fff}
.feat h3{color:#fff;font-size:17px}.feat p{color:rgba(255,255,255,.92);font-size:14px;max-width:24ch}
@media(max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr}.hero{min-height:auto}}