/* self-hosted woff2 — בת גלים set */
  @font-face{font-family:"FbAbsolutiCon";src:url("assets/fonts/FbAbsolutiConHeb-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
  @font-face{font-family:"FbAbsolutiCon";src:url("assets/fonts/FbAbsolutiConHeb-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"FbAbsolutiCon";src:url("assets/fonts/FbAbsolutiConHeb-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
  @font-face{font-family:"FbAbsolutiConEng";src:url("assets/fonts/FbAbsolutiConEng-Regular.woff2") format("woff2");font-weight:400;font-display:swap} /* Latin companion — the Heb face has NO Latin glyphs */
  @font-face{font-family:"HelvN";src:url("assets/fonts/HelveticaNeue-Medium.woff2") format("woff2");font-weight:500;font-display:swap} /* IDML sets the SMS run to Helvetica Neue — FbElitism has 0 Latin glyphs */
  @font-face{font-family:"FbElitism";src:url("assets/fonts/FbElitism-Black.woff2") format("woff2");font-weight:900;font-display:swap}
  @font-face{font-family:"FbElitism";src:url("assets/fonts/FbElitism-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"AlmoniTzarDL";src:url("assets/fonts/AlmoniTzarDL40AAA-Regular.woff2") format("woff2");font-weight:400;font-display:swap}

  :root{
    --navy:#1f043b; --mustard:#eab534; --mustard-acc:#e1b236; --cyan:#009ee0;
    --field-bg:#cccccc; --paper:#ffffff; --label-dark:#011c31; --ink:#000000;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  :root{color-scheme:light}
  body{font-family:"FbAbsolutiCon",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{display:block;max-width:100%}
  .skip{position:absolute;right:0;top:-120px;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:200;font-weight:700;transition:top .2s}
  .skip:focus{top:0}
  :focus-visible{outline:3px solid var(--mustard);outline-offset:3px}
  .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* ============ DESKTOP STAGE — 1:1 with PDF 1960×980 (1cqw=19.6px) ============ */
  .stage{position:relative;width:100%;max-width:1960px;margin:0 auto;aspect-ratio:1960/980;container-type:size;overflow:hidden;background:var(--paper)}
  .stage>*{position:absolute}

  /* white footer bg (below the seam) */
  .s-footer{top:77.14%;left:0;width:100%;height:22.86%;background:var(--paper)}

  /* left navy panel */
  .s-panel{top:0;left:0;width:37.14%;height:77.14%;background:var(--navy)}
  /* hero crossfade (right) */
  .s-hero{top:0;left:37.14%;width:62.86%;height:77.14%;background:url('assets/web/hero1.webp') center/cover no-repeat;isolation:isolate}
  .s-hero .gslide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1}
  .s-hero .gslide.is-active{opacity:1;z-index:2}
  .s-hero .gslide.is-prev{opacity:1;z-index:1;transition:none}
  .s-hero img{width:100%;height:100%;object-fit:cover;display:block}

  /* gold seam — curved swoosh (photo side higher 73.9→77.1, navy side lower 77.1→80.4) */
  .s-seam{top:71%;left:0;width:100%;height:29%;pointer-events:none}
  .s-goldstrip{display:none}

  /* keyline trio (top-left of navy panel) */
  .s-kl-white{top:4.3%;left:2.8%;width:3.9%;height:1.1%;background:var(--paper)}
  .s-kl-gold{top:5.4%;left:-1.1%;width:3.9%;height:1.0%;background:var(--mustard-acc)}
  .s-kl-cyan{top:7.1%;left:1.1%;width:3.9%;height:1.1%;background:var(--cyan)}

  /* wordmark lockup (white cursive art + tagline) */
  .s-wordmark{top:6.24%;left:10.11%;width:16.92%}
  .s-wordmark img{width:100%;height:auto}

  /* hero headline */
  .s-h1{top:30.51%;left:2.70%;width:32.03%;text-align:center;font-family:"FbAbsolutiCon";font-weight:500;
    font-size:calc(2.871cqw*var(--fz,1));color:var(--paper);line-height:.957;letter-spacing:-.01em;
    scale:1.204 1;transform-origin:center top}

  /* gold webinar box (new in the 24.8 campaign) */
  .s-gbox{top:44.13%;left:3.75%;width:29.64%;height:13.93%;background:var(--mustard);border-radius:.5cqw}
  .s-gb1{position:absolute;top:14.75%;left:.10%;width:99.64%;text-align:center;scale:1.168 1;transform-origin:center top;font-family:"FbAbsolutiCon";font-weight:500;
    font-size:calc(2.197cqw*var(--fz,1));color:var(--navy);line-height:1.016;letter-spacing:-.01em}
  .s-gb2{position:absolute;top:50.38%;left:3.30%;width:94.18%;text-align:center;scale:1.139 1;transform-origin:center top;font-family:"FbAbsolutiCon";font-weight:700;
    font-size:calc(2.722cqw*var(--fz,1));color:var(--navy);line-height:1.016;letter-spacing:-.01em}

  /* hero bullets */
  .s-sub{top:63.16%;left:2.26%;width:32.62%;font-family:"FbAbsolutiCon";font-weight:400;
    font-size:calc(1.217cqw*var(--fz,1));color:var(--paper);line-height:1.235;list-style:none;
    scale:1.018 1;transform-origin:right top}
  .s-sub li{position:relative;padding-right:1.2em;text-align:right}
  .s-sub li::before{content:"";position:absolute;right:0;top:.55em;width:.24em;height:.24em;border-radius:50%;background:var(--paper)}
  .s-sub bdi{font-family:"FbAbsolutiConEng","FbAbsolutiCon";font-size:.8605em} /* WELLESS ZONE = Latin → needs the Eng face (Heb has no Latin) */

  /* disclaimer (white footer, right) */
  .s-disclaimer{top:77.28%;left:87.5%;width:11.6%;font-family:"AlmoniTzarDL";font-weight:400;
    font-size:calc(1.20cqw*var(--fz,1));color:var(--ink);text-align:right;white-space:nowrap}

  /* form banner (navy pill) + CTA lead text */
  .s-form-wrap{display:contents}
  .s-banner{position:absolute;top:81.84%;left:86.43%;width:11.02%;height:4.52%;background:var(--navy);border-radius:.5cqw;
    display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .4cqw}
  .s-cta-lead{font-family:"FbElitism";font-weight:900;font-size:calc(1.431cqw*var(--fz,1));color:var(--paper);white-space:nowrap;line-height:1}

  /* gold circle badge "לאתר הפרויקט" */
  .s-badge{position:absolute;transition:scale .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;top:84.5%;left:27.1%;width:6.0%;aspect-ratio:1;border-radius:50%;background:var(--mustard-acc);
    display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;
    font-family:"FbElitism";font-weight:900;font-size:calc(1.60cqw*var(--fz,1));color:var(--label-dark);line-height:1.02;z-index:5;
    transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
  .s-badge:hover{scale:1.05;box-shadow:0 .6cqw 1.4cqw rgba(31,4,59,.28)}

  /* form fields row + submit */
  .s-form{position:absolute;top:88.05%;left:39.69%;width:57.73%;height:4.21%}
  .s-form .row{position:relative;height:100%}
  .s-form .fld{position:absolute;top:0;height:100%;min-width:0}
  .s-form .fld.f-name {left:73.09%;width:27.01%}   /* IDML L81.83 w15.59 */
  .s-form .fld.f-phone{left:44.87%;width:27.01%}   /* IDML L65.54 w15.59 */
  .s-form .fld.f-email{left:16.62%;width:27.01%}   /* IDML L49.29 w15.59 */
  .s-form .submit{position:absolute;top:0;left:0;padding-top:0.8%;width:12.28%;height:100%}
  .s-form input{width:100%;height:100%;font-family:"FbElitism","HelvN",sans-serif;font-weight:900;font-size:calc(1.06cqw*var(--fz,1));
    padding:0 .8cqw; padding-top:2%;border:0;border-radius:.55cqw;background:var(--field-bg);color:var(--label-dark);min-width:0;text-align:right}
  .s-form input::placeholder{color:var(--label-dark);opacity:1}
  .s-form input[type=tel]{direction:rtl}
  .s-form input:focus{outline:none;box-shadow:0 0 0 .2cqw rgba(1,28,49,.5)}
  .s-form .submit{font-family:"FbElitism";font-weight:900;font-size:calc(1.312cqw*var(--fz,1));color:var(--mustard);background:var(--navy);
    border:0;border-radius:.55cqw;cursor:pointer;white-space:nowrap;transition:filter .25s}
  .s-form .submit:hover{filter:brightness(1.25)}
  .s-form .fld.err input{box-shadow:0 0 0 .16cqw #c0392b}
  .s-form .ferr{position:absolute;bottom:calc(100% + .3cqw);right:0;font-family:"FbElitism";font-size:calc(.72cqw*var(--fz,1));
    color:#fff;background:#c0392b;padding:.1cqw .5cqw;border-radius:.25cqw;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
  .s-form .fld.err .ferr{opacity:1}
  .s-form .neterr{position:absolute;top:calc(100% + .4cqw);right:0;color:#c0392b;font-size:calc(.85cqw*var(--fz,1))}

  /* consent (white footer) */
  .s-consent{position:absolute;top:95.17%;left:auto;right:2.55%;width:18.4%;font-family:"FbElitism";font-weight:900;
    font-size:calc(.803cqw*var(--fz,1));color:var(--ink);display:flex;gap:.5cqw;align-items:center;justify-content:flex-start;cursor:pointer;line-height:1.25}
  .s-consent input{position:absolute;opacity:0;width:0;height:0}
  .s-consent .box{flex:none;width:1.48cqw;height:1.327cqw;border:.12cqw solid var(--label-dark);border-radius:.15cqw;background:#fff}
  .s-consent input:checked + .box{background:var(--cyan);border-color:var(--cyan);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:72%}
  .s-consent input:focus-visible + .box{outline:2px solid var(--navy);outline-offset:2px}
  .s-consent.is-error{color:#c0392b}
  .s-consent.is-error .box{border-color:#c0392b}
  .s-consent .cerr{display:none;color:#c0392b}
  .s-consent.is-error .cerr{display:inline}
  .s-consent bdi{font-family:"HelvN",sans-serif;font-weight:500}

  /* footer developer logos (white band, left) */
  .s-footwrap{display:contents}
  .s-flogos{position:absolute;top:86.44%;left:3.72%;width:21.31%;display:flex;align-items:center;gap:1.1cqw}
  .s-flogos .logo-africa{width:44%;height:auto}
  .s-flogos .divider{width:.09cqw;height:3.6cqw;background:rgba(1,28,49,.4);flex:none}
  .s-flogos .logo-zemach{width:46%;height:auto}

  .s-legal{top:96%;left:39.7%;font-family:"AlmoniTzarDL";font-size:calc(0.9cqw*var(--fz,1));color:#000}
  .s-legal a{color:#000;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
  .s-legal a:hover{color:var(--navy)}

  html.a11y-big-text .stage{--fz:1.04}
  html.a11y-bigger-text .stage{--fz:1.08}

  .s-credit{background:var(--navy);color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;gap:.7rem;
    padding:13px 5vw;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(.72rem,1vw,.92rem);letter-spacing:.02em;border-top:1px solid rgba(255,255,255,.08)}
  .s-credit img{height:clamp(13px,1.25vw,18px);width:auto;filter:brightness(0) invert(1);opacity:.85}

  /* ============ ENTRANCE ANIMATIONS (on-load staggered; transform+opacity only) ============ */
  @keyframes pinUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes pinRight{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
  @keyframes pinFade{from{opacity:0}to{opacity:1}}
  .s-hero{animation:pinFade 1.1s ease-out .05s both}
  .s-kl-white{animation:pinRight .6s cubic-bezier(.16,1,.3,1) .15s both}
  .s-kl-gold{animation:pinRight .6s cubic-bezier(.16,1,.3,1) .22s both}
  .s-kl-cyan{animation:pinRight .6s cubic-bezier(.16,1,.3,1) .29s both}
  .s-wordmark{animation:pinUp .8s cubic-bezier(.16,1,.3,1) .18s both}
  .s-h1{animation:pinUp .78s cubic-bezier(.16,1,.3,1) .34s both}
  .s-sub{animation:pinUp .78s cubic-bezier(.16,1,.3,1) .48s both}
  .s-seam{animation:pinFade 1s ease-out .5s both}
  .s-disclaimer{animation:pinFade .9s ease-out .7s both}
  .s-flogos{animation:pinUp .7s cubic-bezier(.16,1,.3,1) .66s both}
  .s-badge{animation:pinUp .72s cubic-bezier(.16,1,.3,1) .72s both}
  .s-banner{animation:pinUp .7s cubic-bezier(.16,1,.3,1) .60s both}
  .s-form{animation:pinUp .7s cubic-bezier(.16,1,.3,1) .68s both}
  .s-consent{animation:pinFade .8s ease-out .84s both}

  /* ============ MOBILE (≤860 → flow rebuild, PDF p1 768×1820) — §5א binding ============ */
  @media(max-width:860px){
    body{background:var(--navy)}
    .stage{aspect-ratio:auto;container-type:normal;width:100%;max-width:none;overflow-x:clip;background:var(--navy);display:flex;flex-direction:column;align-items:center;padding:0}
    .stage>*{position:static}

    .s-footer{display:none}
    .s-panel{display:none}

    .s-hero{position:relative;inset:auto;width:100%;order:-6;aspect-ratio:768/451;height:auto;background:var(--navy)}
    .s-hero .gslide{position:absolute;inset:0}
    .s-hero img{width:100%;height:100%;object-fit:cover}

    /* gold strip closing the photo */
    .s-seam{display:none}
    .s-goldstrip{display:block;position:relative;inset:auto;order:-5;width:100%;height:2.47vw;background:var(--mustard)}

    /* keyline trio + wordmark centered on navy body */
    .s-kl-white,.s-kl-gold,.s-kl-cyan{position:static}
    .s-kltrio{order:-4;display:flex;flex-direction:column;gap:0;width:100%;margin:5vw 0 0;align-items:flex-start}
    .s-kltrio .b{height:1.06vw;width:10vw}
    .s-kltrio .b1{background:var(--paper);margin-inline-start:6.51vw}
    .s-kltrio .b2{background:var(--mustard-acc);margin-inline-start:-3.52vw}
    .s-kltrio .b3{background:var(--cyan);margin-inline-start:2vw;margin-top:1.1vw}

    .s-wordmark{order:-3;width:48%;margin:3.5vw auto 0}
    .s-h1{position:static;order:-2;width:88%;margin:5.5vw auto 0;font-size:calc(8.033vw*var(--fz,1));text-align:center;line-height:.957}

    /* gold webinar box — one flow block (IDML L6.61 T42.46 R93.39 B49.89) */
    .s-gbox{position:static;order:-1;width:86.78%;margin:4.6vw auto 0;height:auto;padding:2.2vw 2vw 2.6vw;border-radius:1vw;
      display:flex;flex-direction:column;align-items:center;gap:.6vw}
    .s-gbox .s-gb1,.s-gbox .s-gb2{position:static;width:100%;left:auto;top:auto}
    .s-gb1{font-size:calc(6.433vw*var(--fz,1))}
    .s-gb2{font-size:calc(7.777vw*var(--fz,1))}

    .s-sub{position:static;order:0;width:89.45%;margin:5vw auto 0;font-size:calc(3.338vw*var(--fz,1));line-height:1.248}

    /* dark form section (part of navy body) */
    .s-form-wrap{width:100%;order:1;margin-top:7vw;padding:0 11.72vw 3vw;display:flex;flex-direction:column;align-items:center;gap:3.2vw}
    .s-banner{position:static;display:flex;width:100%;height:auto;background:var(--paper);border-radius:0;
      padding:1.6vw 2vw;margin-bottom:1.2vw}
    .s-banner .s-cta-lead{font-size:calc(4.49vw*var(--fz,1));color:var(--navy);white-space:nowrap;
      display:inline-block;transform:scaleX(1.165);transform-origin:center}
    .s-form{position:static;width:100%;height:auto}
    .s-form .row{position:static;display:grid;grid-template-columns:1fr;gap:3vw;height:auto}
    .s-form .fld,.s-form .fld.f-name,.s-form .fld.f-phone,.s-form .fld.f-email{position:relative;left:auto;top:auto;width:100%;height:auto}
    .s-form .submit{position:static;width:63.2%;height:auto}
    .s-form .fld:first-child input,.s-form input{text-align:center}
    .s-form input{height:auto;font-family:"FbElitism","HelvN",sans-serif;font-weight:400;font-size:max(16px,calc(4.16vw*var(--fz,1)));padding:3.4vw;border-radius:1.4vw;background:var(--field-bg);color:var(--label-dark)}
    .s-form .submit{width:63.2%;justify-self:center;margin-top:1.5vw;height:auto;padding:2.6vw;font-size:calc(6.21vw*var(--fz,1));
      background:var(--mustard);color:var(--navy);border-radius:1.4vw}
    .s-form .submit:hover{filter:brightness(1.05)}
    .s-form .ferr{position:static;display:none;opacity:1;background:none;color:#ff9a9a;font-size:calc(3vw*var(--fz,1));text-align:center;margin-top:1.2vw;padding:0}
    .s-form .fld.err .ferr{display:block}
    .s-form .fld.err input{box-shadow:0 0 0 .6vw #c0392b}
    .s-form .neterr{position:static;margin-top:2vw;text-align:center;color:#ff9a9a;font-size:calc(3.2vw*var(--fz,1))}
    .s-consent{position:static;order:2;right:auto;width:86%;margin:1vw auto 0;justify-content:center;align-items:center;gap:2vw;color:var(--paper);
      font-size:max(11px,calc(2.05vw*var(--fz,1)));padding:calc((44px - 1.4em)/2) 0;line-height:1.4}
    .s-consent .box{width:4.2vw;height:4.2vw;border-width:.4vw;border-radius:1vw;border-color:var(--cyan);background:transparent;margin-top:0}
    .s-consent.is-error{color:#ff9a9a}

    /* white footer: logos + gold badge */
    .s-footwrap{order:10;width:100%;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:4vw;padding:7vw 11.8vw 8vw 7vw}
    .s-flogos{position:static;width:auto;flex:1;gap:3vw}
    .s-flogos .logo-africa{width:36%}
    .s-flogos .divider{height:9vw;width:.3vw}
    .s-flogos .logo-zemach{width:42%}
    .s-badge{position:static;width:15.3vw;font-size:calc(3vw*var(--fz,1));flex:none}

    .s-disclaimer{position:static;order:11;width:100%;background:var(--paper);color:#5a5a5a;
      font-size:max(11px,calc(2.4vw*var(--fz,1)));text-align:center;white-space:normal;padding:3vw 6vw 0}
    .s-legal{position:static;order:11;width:100%;text-align:center;background:var(--paper);margin:0;padding:0 6vw 6vw;font-size:calc(3vw*var(--fz,1));color:#666}
    .s-legal a{color:#666}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ═══ ESSENTIALS CSS VARIABLES — customize per project ═══ */
.essentials-scope{
  --acc: #eab534;
  --acc-soft: rgba(234,181,52,.14);
  --ess-ease: cubic-bezier(.16,1,.3,1);
}

/* ═══ GLOBAL FOCUS + REDUCED MOTION ═══ */
*:focus-visible{
  outline:2px solid #eab534;
  outline-offset:3px;
  border-radius:2px;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .blur-reveal{filter:none!important}
}

/* ═══ CINEMATIC BLUR-FOCUS REVEAL (optional, opt-in utility) ═══
   Add `.blur-reveal` to any hero element or background layer.
   On load, it starts out-of-focus and sharpens over 2.4s.
   Auto-activated by essentials JS — no extra code needed. */
.blur-reveal{
  filter:blur(14px);
  transition:filter 2.4s cubic-bezier(.22,.6,.36,1);
}
.blur-reveal.in-focus{filter:blur(0)}

/* ═══ CONSENT CHECKBOX (drop into your form) ═══ */
.ess-consent{
  display:flex;gap:10px;align-items:flex-start;
  font-size:.78rem;line-height:1.55;
  color:rgba(255,255,255,.7);
  cursor:pointer;margin-top:6px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300;
}
.ess-consent input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  width:15px;height:15px;flex-shrink:0;margin-top:3px;
  border:1px solid rgba(255,255,255,.4);
  background:transparent;cursor:pointer;
  position:relative;
  transition:border-color .25s,background .25s;
}
.ess-consent input[type=checkbox]:checked{
  border-color:#eab534;
  background:#eab534;
}
.ess-consent input[type=checkbox]:checked::after{
  content:'';position:absolute;
  left:4px;top:1px;width:4px;height:9px;
  border:solid #fff;border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg);
}
.ess-consent a{color:#eab534;text-decoration:underline;text-underline-offset:3px}

/* ═══ ACCESSIBILITY BUTTON (bottom-left) ═══ */
#a11y-btn{
  position:fixed;bottom:24px;left:24px;z-index:9999;
  width:52px;height:52px;border-radius:50%;
  background:rgba(10,20,32,.95);
  border:1.5px solid #eab534;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.5);
  transition:transform .35s var(--ess-ease),background .3s;
  animation:a11y-pulse 3.5s ease-in-out infinite;
}
#a11y-btn:hover{transform:scale(1.07);background:#eab534}
#a11y-btn svg{width:24px;height:24px;fill:#eab534;transition:fill .3s}
#a11y-btn:hover svg{fill:#0a1420}
@keyframes a11y-pulse{
  0%,100%{box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 0 rgba(234,181,52,.14)}
  50%{box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 14px transparent}
}

/* ═══ A11Y PANEL ═══ */
#a11y-panel{
  visibility:hidden;
  position:fixed;bottom:92px;left:24px;z-index:9998;
  width:min(360px,calc(100vw - 48px));
  max-height:calc(100vh - 140px);
  background:linear-gradient(180deg,rgba(10,20,32,.98) 0%,rgba(5,15,25,.98) 100%);
  backdrop-filter:blur(24px);
  border:1px solid rgba(234,181,52,.14);
  box-shadow:0 24px 80px rgba(0,0,0,.7);
  overflow:hidden;
  opacity:0;pointer-events:none;
  transform:translateY(18px) scale(.97);
  transform-origin:bottom left;
  transition:opacity .4s var(--ess-ease),transform .45s var(--ess-ease);
}
#a11y-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}

.a11y-head{
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;
}
.a11y-title{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;
  font-size:.95rem;color:#fff;
}
.a11y-title-sub{
  display:block;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-style:italic;font-weight:300;
  font-size:.65rem;color:#eab534;letter-spacing:.2em;
  text-transform:uppercase;margin-top:3px;direction:ltr;
}
.a11y-close{
  width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:transparent;cursor:pointer;
  color:rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;
  transition:color .25s,border-color .25s,background .25s;
  font-family:inherit;
}
.a11y-close:hover{color:#eab534;border-color:#eab534;background:rgba(234,181,52,.14)}
.a11y-close svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none}

.a11y-body{
  padding:16px 18px;overflow-y:auto;max-height:calc(100vh - 280px);
  scrollbar-width:thin;scrollbar-color:rgba(234,181,52,.14) transparent;
}
.a11y-body::-webkit-scrollbar{width:4px}
.a11y-body::-webkit-scrollbar-thumb{background:rgba(234,181,52,.14)}
.a11y-section{margin-bottom:16px}
.a11y-section-title{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-style:italic;font-weight:300;
  font-size:.62rem;letter-spacing:.22em;color:#eab534;
  text-transform:uppercase;margin-bottom:8px;padding:0 4px;direction:ltr;text-align:left;
}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-grid.full{grid-template-columns:1fr}
.a11y-opt{
  display:flex;align-items:center;gap:10px;padding:10px 13px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.06);
  cursor:pointer;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.76rem;font-weight:300;
  color:rgba(255,255,255,.7);
  transition:background .25s,border-color .25s,color .25s;
  text-align:right;
}
.a11y-opt:hover{background:rgba(234,181,52,.14);border-color:#eab534;color:#fff}
.a11y-opt.active{background:rgba(234,181,52,.14);border-color:#eab534;color:#eab534}
.a11y-opt svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor;stroke-width:1.4;fill:none}
.a11y-opt-label{flex:1}

.a11y-foot{
  padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;gap:10px;align-items:center;justify-content:space-between;
}
.a11y-reset{
  flex:1;padding:10px;
  background:transparent;
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.6);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.05em;
  cursor:pointer;
  transition:color .25s,border-color .25s;
}
.a11y-reset:hover{color:#eab534;border-color:#eab534}
.a11y-statement{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-style:italic;font-weight:300;
  font-size:.7rem;color:rgba(255,255,255,.45);
  text-decoration:none;transition:color .25s;direction:ltr;letter-spacing:.05em;
}
.a11y-statement:hover{color:#eab534}

/* ═══ A11Y STATE CLASSES ═══ */
html.a11y-contrast{filter:contrast(1.5) saturate(1.3) brightness(1.08)}
html.a11y-invert{filter:invert(1) hue-rotate(180deg)}
html.a11y-invert img,html.a11y-invert video,html.a11y-invert canvas,html.a11y-invert svg{filter:invert(1) hue-rotate(180deg)}
html.a11y-gray{filter:grayscale(1) contrast(1.1)}
html.a11y-big-text{font-size:118%}
html.a11y-bigger-text{font-size:138%}
body.a11y-spacing *,body.a11y-spacing *::before,body.a11y-spacing *::after{
  letter-spacing:.08em!important;word-spacing:.15em!important;line-height:1.9!important;
}
body.a11y-links a{
  text-decoration:underline!important;text-underline-offset:4px;
  text-decoration-thickness:2px;text-decoration-color:#eab534!important;
  background:rgba(234,181,52,.14)!important;padding:2px 4px!important;
}
body.a11y-no-anim *,body.a11y-no-anim *::before,body.a11y-no-anim *::after{
  animation:none!important;animation-duration:0s!important;
  transition-duration:0s!important;
}
body.a11y-readable *{
  font-family:Arial,sans-serif!important;font-style:normal!important;letter-spacing:normal!important;
}
body.a11y-readable h1,body.a11y-readable h2,body.a11y-readable h3{font-weight:700!important}

/* ═══ SHARED DIALOG ═══ */
.ess-dialog{
  visibility:hidden;
  position:fixed;inset:0;z-index:10000;
  background:rgba(0,10,18,.88);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;pointer-events:none;transition:opacity .4s var(--ess-ease);
}
.ess-dialog.open{visibility:visible;opacity:1;pointer-events:auto}
.ess-dialog-content{
  background:#F8F5EF;color:#001625;
  padding:48px 44px 40px;max-width:720px;width:100%;
  max-height:85vh;overflow-y:auto;position:relative;
  transform:translateY(16px) scale(.98);
  transition:transform .5s var(--ess-ease);
}
.ess-dialog.open .ess-dialog-content{transform:translateY(0) scale(1)}
.ess-dialog-content h2{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300;font-style:italic;
  font-size:2rem;color:#001625;letter-spacing:-.015em;margin-bottom:8px;
}
.ess-dialog-eyebrow{
  display:block;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-style:italic;font-weight:300;
  font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;
  color:#eab534;margin-bottom:14px;
}
.ess-dialog-mark{width:60px;height:1px;background:#eab534;margin:22px 0 20px}
.ess-dialog-content h3{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;
  font-size:.92rem;color:#001625;letter-spacing:.04em;
  margin-top:22px;margin-bottom:8px;text-transform:uppercase;
}
.ess-dialog-content p,.ess-dialog-content li{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300;
  font-size:.92rem;color:rgba(0,22,37,.72);
  line-height:1.75;margin-bottom:6px;
}
.ess-dialog-content ul{padding-right:20px;margin-bottom:10px}
.ess-dialog-content strong{font-weight:500;color:#001625}
.ess-dialog-content a{color:#eab534;text-decoration:underline;text-underline-offset:3px}
.ess-dialog-close{
  position:absolute;top:20px;left:20px;
  padding:8px 16px;border-radius:100px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-style:italic;font-weight:300;
  font-size:.68rem;letter-spacing:.22em;
  color:rgba(0,22,37,.6);
  border:1px solid rgba(0,22,37,.18);
  background:transparent;cursor:pointer;
  transition:border-color .3s,color .3s,background .3s;direction:ltr;
}
.ess-dialog-close:hover{border-color:#eab534;color:#eab534;background:rgba(234,181,52,.14)}

.ess-qual-label{
  display:block;margin-bottom:6px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300;
  font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.72);
}