/* «اشتراك التنبيهات» (ai-on-air-subscribe-package): N1 /subscribe, N2 «أكّد إيميلك», N5 preferences, N6 unsubscribed.
   v2 tokens from air.css only; sizes from design/reference-html. */
.sb-main{padding:0 var(--air-pad) 72px;min-height:calc(100vh - var(--air-header) - 120px)}

.sb-title{padding:8px 0 32px}
.sb-title .air-h1{font-size:60px}
.sb-alert{margin:-12px 0 24px;padding:14px 18px;border-radius:var(--air-radius-md);background:rgba(255,59,48,.12);color:#FF8A82;font-size:14px}

/* N1 */
.sb-n1{display:flex;gap:40px;align-items:stretch}
.sb-form{width:520px;flex-shrink:0;padding:40px;display:flex;flex-direction:column;gap:20px;margin:0}
.sb-form__h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sb-form__h h2{margin:0;font-size:30px;font-weight:500;line-height:1.2;text-shadow:var(--air-glow-white)}
.sb-form__h p{margin:6px 0 0;font-size:13.5px;color:var(--air-text-2)}
.sb-form__h img{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.sb-field{display:flex;flex-direction:column;gap:8px;width:100%}
.sb-field>span:first-child{font-size:14px;font-weight:500}
.sb-in{display:flex;align-items:center;gap:10px;height:var(--air-input-h);padding:0 20px;border-radius:var(--air-radius-pill);background:var(--air-block-2);border:1.5px solid transparent;color:var(--air-text-3)}
.sb-in:focus-within{border-color:var(--air-green);box-shadow:0 0 0 1px var(--air-green)}
.sb-in.is-err{border-color:var(--air-live)}
.sb-in .air-i{width:18px;height:18px;flex-shrink:0}
.sb-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--air-text);font:14.5px var(--air-font)}
.sb-in input::placeholder{color:var(--air-text-3)}
[dir=rtl] .sb-in input[dir=ltr]{text-align:right}
.sb-err{margin:-10px 0 0;font-size:13px;color:#FF8A82}
.sb-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.sb-topics{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.sb-topics legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:500}
.sb-topics legend span{color:var(--air-text-2);font-weight:400}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px}
.sb-chip{height:40px;padding:0 16px;border-radius:var(--air-radius-pill);border:1px solid var(--air-border);background:transparent;color:var(--air-text);font:13.5px var(--air-font);cursor:pointer}
.sb-chip:hover{border-color:rgba(255,255,255,.22)}
.sb-chip[aria-pressed="true"]{border-color:var(--air-green);background:rgba(49,233,49,.12);color:var(--air-green)}
.sb-checks{display:flex;flex-direction:column;gap:10px}
.sb-check{position:relative;display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}
.sb-check input{position:absolute;opacity:0;width:24px;height:24px;margin:0;cursor:pointer}
.sb-check__b{width:24px;height:24px;border-radius:7px;background:var(--air-block-2);border:1.5px solid var(--air-border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent}
.sb-check__b .air-i{width:15px;height:15px}
.sb-check input:checked+.sb-check__b{background:var(--air-green);border-color:var(--air-green);color:var(--air-black)}
.sb-check input:focus-visible+.sb-check__b{outline:2px solid var(--air-green);outline-offset:3px}
.sb-submit{height:56px;font-size:15px}
.sb-consent{margin:0;font-size:12px;color:var(--air-text-3);line-height:1.7;text-align:center}
.sb-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}
.sb-side__t{margin:0;font-size:48px;font-weight:500;line-height:1.2;text-shadow:var(--air-glow-white)}
.sb-side__d{margin:0;font-size:15.5px;color:var(--air-text-2);line-height:1.8;max-width:520px}
.sb-reasons{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-direction:column;gap:18px}
.sb-reasons li{display:flex;gap:14px;align-items:flex-start}
.sb-reasons__i{width:36px;height:36px;border-radius:50%;background:var(--air-green);color:var(--air-black);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sb-reasons__i .air-i{width:18px;height:18px}
.sb-reasons b{display:block;font-size:17px;font-weight:600}
.sb-reasons small{display:block;font-size:14px;color:var(--air-text-2);line-height:1.7;margin-top:3px}
.sb-proof{margin:auto 0 0;padding:22px 28px;display:flex;align-items:center;gap:14px;font-size:14px;color:var(--air-text-2)}
.sb-proof b{color:var(--air-text);font-weight:600}
.sb-proof__i{width:40px;height:40px;border-radius:50%;background:var(--air-block-2);display:inline-flex;align-items:center;justify-content:center;color:var(--air-green);flex-shrink:0}

/* N2 */
.sb-center{display:flex;justify-content:center;padding-top:16px}
.sb-sent{position:relative;width:100%;max-width:856px;padding:56px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin:0}
.sb-sent__img{position:absolute;top:44px;inset-inline-end:48px;width:104px;height:auto}
.sb-sent__t{margin:28px 0 0;font-size:50px;font-weight:500;line-height:1.15;color:var(--air-black)}
.sb-sent__d{margin:0;font-size:15.5px;line-height:1.8;max-width:620px;color:rgba(10,10,10,.82)}
.sb-sent__d b{color:var(--air-black);font-weight:600}
.sb-sent__a{display:flex;gap:10px;flex-wrap:wrap}
.sb-sent__a .air-btn:disabled{opacity:.7;cursor:default}
.sb-sent__n{margin:0;font-size:13px;color:rgba(10,10,10,.7)}

/* N5 */
.sb-card{width:100%;max-width:720px;padding:40px;margin:0}
.sb-card__h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--air-border)}
.sb-card__h h1{margin:0;font-size:30px;font-weight:500;line-height:1.2;text-shadow:var(--air-glow-white)}
.sb-card__h p{margin:8px 0 0;font-size:15px;color:var(--air-text-2)}
[dir=rtl] .sb-card__h p{text-align:right}
.sb-card__h img{width:72px;height:auto;flex-shrink:0}
.sb-prefs{display:flex;flex-direction:column}
.sb-pref{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--air-border)}
.sb-pref b{display:block;font-size:16px;font-weight:600}
.sb-pref small{display:block;margin-top:3px;font-size:14px;color:var(--air-text-2)}
.sb-pref .air-switch{width:48px;height:28px}
.sb-pref .air-switch::after{width:22px;height:22px}
.sb-pref .air-switch[aria-checked="true"]::after{inset-inline-start:23px}
.sb-pref .air-switch[aria-checked="false"]{background:var(--air-block-2)}
.sb-pref .air-switch[aria-checked="false"]::after{background:var(--air-text-3)}
.sb-topics--m{padding:20px 0;border-bottom:1px solid var(--air-border)}
.sb-card__a{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.sb-card__n{margin:16px 0 0;font-size:13px;color:var(--air-text-3);line-height:1.7}
.sb-bad{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.sb-bad h1{margin:0;font-size:22px;font-weight:500;line-height:1.6}

/* N6 */
.sb-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-top:24px}
.sb-done__img{width:150px;height:auto}
[dir=rtl] .sb-done__img{transform:scaleX(-1)}
.sb-done__t{margin:0;font-size:40px;font-weight:500;line-height:1.25;text-shadow:var(--air-glow-white)}
.sb-done__d{margin:0;max-width:560px;font-size:16px;line-height:1.8;color:var(--air-text-2)}
.sb-done__d b{color:var(--air-text);font-weight:600}
.sb-done__a{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sb-why{margin-top:28px;padding:16px 26px;border-radius:var(--air-radius-pill);background:var(--air-block);font-size:14px;color:var(--air-text-2);line-height:1.8}
.sb-why button{border:0;background:none;padding:0;color:var(--air-green);font:inherit;cursor:pointer}
.sb-why button:hover{text-decoration:underline}

@media (max-width:1000px){
  .sb-n1{flex-direction:column}
  .sb-form{width:auto}
  .sb-proof{margin-top:8px}
}
@media (max-width:600px){
  .sb-main{padding-bottom:48px}
  .sb-hide-m{display:none!important}
  .sb-title{padding:0 0 22px}
  .sb-title .air-h1{font-size:38px}
  .sb-form{padding:26px 20px;gap:18px}
  .sb-form__h h2{font-size:24px}
  .sb-form__h img{width:64px;height:64px}
  .sb-side__t{font-size:36px}
  .sb-side__d{font-size:15px}
  .sb-proof{padding:18px 20px}
  .sb-sent{padding:30px 22px}
  .sb-sent__img{top:24px;width:76px;inset-inline-end:22px}
  .sb-sent__t{font-size:38px;margin-top:40px}
  .sb-sent__a{flex-direction:column;align-self:stretch}
  .sb-sent__a .air-btn{width:100%}
  .sb-card{padding:26px 20px}
  .sb-card__h h1{font-size:26px}
  .sb-card__h img{width:56px}
  .sb-card__a{flex-direction:column}
  .sb-card__a .air-btn{width:100%}
  .sb-done__img{width:140px}
  .sb-done__t{font-size:30px}
  .sb-done__a{flex-direction:column;align-self:stretch}
  .sb-done__a .air-btn{width:100%}
  .sb-why{border-radius:var(--air-radius-lg);padding:16px 18px}
}

/* N7: band (end of the sessions page and a session page), «مشترك» state, toast */
.sb-bandwrap{padding:0 var(--air-pad) 64px}
.sb-band{display:flex;align-items:center;gap:28px;padding:36px 48px;margin:0}
.sb-band__img{width:96px;height:auto;flex-shrink:0}
.sb-band__t{flex:1;min-width:0}
.sb-band__t h2{margin:0;font-size:34px;font-weight:500;line-height:1.2;color:var(--air-black)}
.sb-band__t p{margin:6px 0 0;font-size:14.5px;color:rgba(10,10,10,.78)}
.sb-band__f{display:flex;gap:10px;align-items:center;width:min(560px,46%);flex-shrink:0}
.sb-band__f input[type=email]{flex:1;min-width:0;height:56px;padding:0 22px;border-radius:var(--air-radius-pill);border:2px solid transparent;background:#fff;color:var(--air-black);font:14.5px var(--air-font);outline:0}
[dir=rtl] .sb-band__f input[type=email]{text-align:right}
.sb-band__f input[type=email]::placeholder{color:#8a8f8c}
.sb-band__f input[type=email]:focus{border-color:var(--air-black);box-shadow:0 0 0 1px var(--air-black)}
.sb-band__f input[aria-invalid=true]{border-color:var(--air-live)}
.sb-band__f .air-btn{height:56px;padding:0 26px;flex-shrink:0}
.sb-state{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:24px 32px;margin:0}
.sb-state b{font-size:17px;font-weight:600;margin-inline-end:auto}
.sb-state__e{font-size:15px;color:var(--air-text-2)}
.sb-toast{position:fixed;left:50%;bottom:28px;z-index:95;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--air-radius-pill);background:#fff;color:var(--air-black);font:500 14.5px var(--air-font);box-shadow:0 10px 40px rgba(0,0,0,.35);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.sb-toast.is-on{opacity:1;transform:translate(-50%,0)}
.sb-toast .air-i{width:18px;height:18px;color:#1FAE1F}
@media (prefers-reduced-motion:reduce){.sb-toast{transition:none}}
@media (max-width:1000px){
  .sb-band{flex-wrap:wrap;padding:28px}
  .sb-band__f{width:100%}
}
@media (max-width:600px){
  .sb-bandwrap{padding-bottom:40px}
  .sb-band{gap:16px;padding:24px 20px}
  .sb-band__img{width:64px}
  .sb-band__t h2{font-size:24px}
  .sb-band__f{flex-direction:column;align-items:stretch}
  .sb-band__f input[type=email]{flex:none}
  .sb-band__f .air-btn{width:100%}
  .sb-state{padding:20px}
  .sb-state b{width:100%}
  .sb-toast{bottom:20px;max-width:calc(100% - 32px)}
}

/* v3 (ai-on-air-v3-package 01): the green band is plain, no 3D image; title 28px, form 480px, 52px controls */
.sb-band{justify-content:space-between;gap:24px;padding:40px 48px}
.sb-band__img{display:none}
.sb-band__t h2{font-size:28px;font-weight:600;line-height:1.25}
.sb-band__t p{font-size:14px;color:rgba(10,10,10,.75)}
.sb-band__f{width:min(480px,46%);gap:8px}
.sb-band__f input[type=email],.sb-band__f .air-btn{height:52px}
.sb-band__f .air-btn{padding:0 24px;font-size:14.5px}
@media (max-width:900px){.sb-band{padding:28px}.sb-band__f{width:100%}}
@media (max-width:600px){.sb-band{padding:24px 22px}.sb-band__t h2{font-size:24px}}
.sb-band__f input[type=email]{text-align:left}