/* /webinars · v3 screens 01 (1440) / 01m (390). Built on air.css (cards: .air-card). */
.air-btn--hd{height:52px;padding:0 24px;font-size:14px}
.hm-show-m{display:none}
.hm-menu{position:relative}
.hm-menu__p{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:30;min-width:200px;padding:8px;border-radius:20px;background:#1a1a1a;border:1px solid var(--air-border);box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column}
.hm-menu__p[hidden]{display:none}
.hm-menu__p a,.hm-menu__p button{display:block;text-align:start;padding:11px 14px;border-radius:12px;font-size:14px;color:var(--air-text);text-decoration:none;background:none;border:0;cursor:pointer}
.hm-menu__p a:hover,.hm-menu__p button:hover{background:var(--air-block-2)}
.air-head__a [hidden]{display:none}

/* hero: huge title + floating cursors */
.hm3-hero{position:relative;padding-top:130px;padding-bottom:130px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
.hm3-h1{margin:0;font-size:128px;font-weight:500;line-height:1.05;text-shadow:var(--air-glow-white);position:relative}
.hm3-h1:lang(en){letter-spacing:-.02em}
.hm3-h1__g{color:var(--air-green);font-weight:300;text-shadow:var(--air-glow-green)}
.hm3-lead{margin:0;font-size:22px;color:var(--air-text-2);line-height:1.6;position:relative}
.hm3-cta{display:flex;gap:10px;padding-top:10px;position:relative}
.hm3-btn{height:54px;padding:0 26px;font-size:15px}
.hm3-btn[hidden]{display:none}
.hm3-cur{position:absolute;inset:0;pointer-events:none}
.hm3-c{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hm3-c i{display:block;width:26px;height:26px;background:var(--c);clip-path:polygon(16.7% 12.5%,83.3% 41.7%,54.2% 50%,45.8% 79.2%);filter:drop-shadow(0 0 0 #0A0A0A)}
.hm3-c b{padding:5px 12px;border-radius:6px;background:var(--c);color:var(--t,#fff);font-size:15px;font-weight:500;white-space:nowrap;margin-inline-start:14px}
.hm3-c--r{align-items:flex-end}
.hm3-c--r i{transform:scaleX(-1)}
.hm3-c--design{top:60px;left:22.9%}
.hm3-c--video{top:240px;right:10.4%}
.hm3-c--write{top:320px;left:17.4%}
.hm3-c--motion{top:40px;right:22.9%}
.hm3-c--brand{top:410px;right:29.2%}
@media (prefers-reduced-motion:no-preference){
  .hm3-c{animation:hm3-float 6s ease-in-out infinite}
  .hm3-c--video{animation-delay:-1.5s}.hm3-c--write{animation-delay:-3s}.hm3-c--motion{animation-delay:-4.5s}.hm3-c--brand{animation-delay:-2.2s}
}
@keyframes hm3-float{50%{transform:translate(4px,-6px)}}

/* sessions */
.hm3-sched{padding-top:40px;display:flex;flex-direction:column;gap:36px;outline:none;scroll-margin-top:24px}
.hm3-h2{margin:0;font-size:48px;font-weight:500;line-height:1.2;text-align:center;text-shadow:var(--air-glow-white)}
.hm3-h2:lang(en){letter-spacing:-.015em}
.hm3-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hm3-chips[hidden]{display:none}
.hm3-chip{height:46px;padding:0 22px;border-radius:999px;border:1.5px solid var(--air-line);background:transparent;color:var(--air-text);font:600 15px var(--air-font);cursor:pointer}
.hm3-chip:hover{border-color:rgba(255,255,255,.6)}
.hm3-chip[aria-pressed="true"]{border-color:var(--air-green);background:var(--air-green);color:var(--air-black)}
.hm3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hm3-skel{height:340px;border-radius:18px}
.hm3-state{grid-column:1/-1;padding:48px;border-radius:var(--air-radius-xl);background:var(--air-card);border:1px solid var(--air-card-border);color:var(--air-text-2);text-align:center}

/* FAQ accordion */
.hm3-faq{padding-top:96px;display:flex;flex-direction:column;gap:36px;align-items:center}
.hm3-faq__l{width:100%;max-width:1000px}
.hm3-q{border-bottom:1px solid rgba(255,255,255,.25)}
.hm3-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;font-size:22px;font-weight:600;cursor:pointer;list-style:none}
.hm3-q summary::-webkit-details-marker{display:none}
.hm3-q summary .air-i{width:20px;height:20px;color:var(--air-text);transition:transform .2s}
.hm3-q[open] summary .air-i{transform:rotate(180deg)}
.hm3-q p{margin:-8px 0 26px;font-size:16px;line-height:1.8;color:var(--air-text-2);max-width:820px}
.hm3-q p a{color:var(--air-green)}

/* the subscribe band (air-subscribe-band.js) after <main>: v3 spacing */
.hm3-page .sb-bandwrap{padding-top:96px;padding-bottom:80px}

@media (max-width:1180px){
  .hm3-h1{font-size:104px}
  .hm3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hm3-h1{font-size:84px}
  .hm3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm3-c--write,.hm3-c--brand{display:none}
}
@media (max-width:600px){
  .hm-hide-m{display:none!important}
  .hm-show-m{display:inline}
  .air-btn--hd{height:40px;padding:0 16px;font-size:13px}
  .air-head{padding-top:48px;height:auto;padding-bottom:12px}
  .hm-menu__b{width:40px;height:40px;background:var(--air-block-2)}
  #hmDash{width:40px;padding:0;justify-content:center}
  .hm3-hero{padding-top:64px;padding-bottom:56px;gap:18px}
  .hm3-h1{font-size:56px}
  .hm3-lead{font-size:16px}
  .hm3-cta{flex-direction:column;width:100%;padding-top:4px}
  .hm3-btn{width:100%}
  .hm3-c b{padding:3px 9px;font-size:13px;margin-inline-start:10px}
  .hm3-c i{width:20px;height:20px}
  .hm3-c--design{top:0;left:40px}
  .hm3-c--video{top:0;right:30px;--c:var(--cm)!important}
  .hm3-c--write{display:flex;top:150px;left:14px}
  .hm3-c--motion,.hm3-c--brand{display:none}
  .hm3-sched{padding-top:24px;gap:24px}
  .hm3-h2{font-size:32px}
  .hm3-chip{height:40px;padding:0 16px;font-size:13.5px}
  .hm3-grid{grid-template-columns:1fr;gap:14px}
  .hm3-faq{padding-top:56px;gap:20px}
  .hm3-q summary{font-size:17px;padding:20px 0}
  .hm3-q p{font-size:14.5px;margin:-6px 0 20px}
  .hm3-page .sb-bandwrap{padding-top:48px;padding-bottom:40px}
}
.hm3-chip:focus-visible,.hm3-q summary:focus-visible{outline:2px solid var(--air-green);outline-offset:3px}

/* trial (owner 2026-10-08): the new «ذكاء على الهواء» logo instead of the typed title. */
.hm3-h1--logo{line-height:0;text-shadow:none}
.hm3-h1--logo img{display:block;width:min(560px,100%);height:auto;margin:0 auto}
@media (max-width:1180px){.hm3-h1--logo img{width:min(480px,100%)}}
@media (max-width:600px){.hm3-h1--logo img{width:min(300px,100%)}}
@media (max-width:600px){.hm3-hero .hm3-c--write{top:6px;bottom:auto;left:36%;right:auto}}