/* ============================================================
   SIGMA UI - Brand System v5 (approved direction)
   Palette from the logo: BLACK + WHITE + DEEP MAROON (#8B1B1B).
   Typography: Outfit (chosen). Motion: soft / premium only
   (staggered fade-up reveal, gentle panel float, bars grow once)
   - no equalizer loop, ticker, gradient sweep, pulse, spotlight.
   Budget-safe: pure CSS + tiny JS, no deps. Scroll-driven + IO
   fallback. Respects prefers-reduced-motion. Loaded behind
   ?sigmaui=1. Home scoped under .sigma-ed. Keeps the --se-* var
   names used by index.php inline styles (remapped to brand).
   ============================================================ */

:root{
  /* brand */
  --se-red:#8B1B1B;          /* logo maroon */
  --se-red-bright:#A82626;   /* hover / accent */
  --se-red-soft:#D98A86;     /* soft text on dark */
  --se-red-deep:#5E1010;
  --se-ink:#0a0a0a;          /* black canvas */
  --se-ink-2:#121110;        /* raised panel */
  --se-ink-3:#1a1817;
  --se-paper:#f3efe8;        /* warm white text */
  --se-white:#fcfbf8;
  --se-muted:#a39c93;
  --se-faint:#6f685f;
  --se-line:rgba(243,239,232,.13);
  --se-line-soft:rgba(243,239,232,.05);
  --se-shadow:0 40px 80px -42px rgba(0,0,0,.9);
  --se-ease:cubic-bezier(.2,.7,.2,1);
  --sigma-ring:rgba(139,27,27,.55);
  --se-mx:50%;--se-my:50%;
}

/* ---- Global ---- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
::selection{background:var(--se-red);color:#fff}
:focus-visible{outline:2px solid var(--sigma-ring);outline-offset:3px;border-radius:4px}
img{content-visibility:auto}
@view-transition{navigation:auto}

/* ---- Scroll-aware header (calm) ---- */
header.sticky{border-bottom-color:transparent !important;transition:background-color .35s var(--se-ease),border-color .35s var(--se-ease),box-shadow .35s var(--se-ease)}
header.sticky[data-scrolled="1"]{border-bottom:1px solid var(--se-line-soft) !important;box-shadow:0 12px 40px -28px rgba(0,0,0,.9);backdrop-filter:blur(10px)}

/* Global preview polish (this file loads only in preview = every surface gets a light touch) */
.btn{transition:transform .18s var(--se-ease),box-shadow .25s var(--se-ease),background-color .2s,border-color .2s;will-change:transform}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px -14px rgba(139,27,27,.55)}
.btn:active{transform:translateY(1px) scale(.99)}
a{transition:color .2s var(--se-ease)}

/* Shared footer — modern brand restyle (preview only, platform-wide) */
footer.bg-surface-dark{background:#0a0a0a !important;border-top:0 !important;position:relative;padding-top:clamp(3rem,5vw,5rem) !important}
footer.bg-surface-dark::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,239,232,.16) 18%,rgba(243,239,232,.16) 82%,transparent)}
footer.bg-surface-dark h2{font-family:'Outfit',sans-serif}
footer.bg-surface-dark h3{font-family:'Outfit',sans-serif;font-size:.72rem !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase;color:var(--se-faint) !important;margin-bottom:1.1rem !important}
footer.bg-surface-dark p{font-family:'Outfit',sans-serif}
/* nav links: muted -> paper, gentle slide */
footer.bg-surface-dark ul a{color:var(--se-muted) !important;transition:color .2s var(--se-ease),transform .2s var(--se-ease)}
footer.bg-surface-dark ul a:hover{color:var(--se-paper) !important;transform:translateX(3px)}
/* social icons -> bordered tiles (scoped to the social row only: .flex.gap-4.mt-2) */
footer.bg-surface-dark .flex.gap-4.mt-2 a{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--se-line);border-radius:10px;color:var(--se-muted) !important;transition:border-color .25s var(--se-ease),color .25s var(--se-ease),transform .25s var(--se-ease)}
footer.bg-surface-dark .flex.gap-4.mt-2 a:hover{border-color:var(--se-red) !important;color:var(--se-paper) !important;transform:translateY(-2px)}
/* newsletter form -> hero-style input + maroon button */
footer.bg-surface-dark form input[type="email"]{height:3rem;border-radius:11px !important;background:rgba(0,0,0,.42) !important;border-color:var(--se-line) !important;font-family:'Outfit',sans-serif}
footer.bg-surface-dark form input[type="email"]:focus{border-color:var(--se-red-bright) !important;box-shadow:0 0 0 4px rgba(139,27,27,.2)}
footer.bg-surface-dark form button[type="submit"]{background:var(--se-red) !important;border:1px solid var(--se-red) !important;color:var(--se-paper) !important;border-radius:11px !important;height:3rem;font-weight:700;transition:transform .18s var(--se-ease),background-color .2s var(--se-ease),box-shadow .25s var(--se-ease)}
footer.bg-surface-dark form button[type="submit"]:hover{background:var(--se-red-bright) !important;transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(139,27,27,.6)}
footer.bg-surface-dark .border-t{border-color:rgba(243,239,232,.10) !important}
/* tighten airy link columns on desktop (keep tap targets on mobile) */
@media (min-width:768px){
  footer.bg-surface-dark ul.flex.flex-col{gap:.35rem !important}
  footer.bg-surface-dark ul a{min-height:0 !important;padding-top:.25rem !important;padding-bottom:.25rem !important}
}
/* newsletter -> deliberate card module */
footer.bg-surface-dark .grid > div:has(form){border:1px solid var(--se-line);border-radius:14px;background:rgba(243,239,232,.022);padding:1.4rem 1.5rem}
footer.bg-surface-dark .grid > div:has(form) form{margin-top:.25rem}

/* Shared header — cohesion with brand ink */
header.sticky{background:rgba(10,10,10,.85) !important}
header.sticky nav.absolute{border-color:var(--se-line) !important;background:rgba(243,239,232,.04) !important}

/* Spectacular nav: sliding maroon indicator (JS-driven, added by sigma-motion.js) */
header.sticky nav.se-nav-js a{position:relative;z-index:1;transition:color .25s var(--se-ease) !important}
header.sticky nav.se-nav-js a.bg-primary{background:transparent !important;box-shadow:none !important}
header.sticky nav.se-nav-js a:hover{color:#fff !important}
header.sticky nav.se-nav-js .se-navdot{position:absolute;top:0;left:0;z-index:0;border-radius:9px;background:linear-gradient(180deg,var(--se-red-bright),var(--se-red));box-shadow:0 10px 24px -10px rgba(139,27,27,.8);opacity:0;pointer-events:none;transition:transform .38s var(--se-ease),width .38s var(--se-ease),height .38s var(--se-ease),opacity .3s var(--se-ease)}
@media (prefers-reduced-motion: reduce){header.sticky nav.se-nav-js .se-navdot{transition:opacity .3s}}

/* ============================================================
   HOME SCOPE
   ============================================================ */
.sigma-ed{position:relative;background:var(--se-ink);color:var(--se-paper);font-family:'Outfit',system-ui,sans-serif;isolation:isolate}
/* soft static atmosphere (no drift, no grain) */
.sigma-ed::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 520px at 86% -12%,rgba(139,27,27,.18),transparent 60%),radial-gradient(700px 480px at -6% 110%,rgba(139,27,27,.08),transparent 55%),var(--se-ink)}

/* ---- Typography (Outfit) ---- */
.sigma-ed .se-display{font-family:'Outfit',sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--se-white);font-size:clamp(2.1rem,1.4rem + 2.7vw,3.5rem)}
.sigma-ed .se-display .se-red,.sigma-ed .se-grad{color:var(--se-red-bright);display:block;-webkit-text-fill-color:var(--se-red-bright)}
.sigma-ed .se-h2{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--se-white);font-size:clamp(1.6rem,1.1rem + 1.8vw,2.6rem)}
.sigma-ed .se-h3{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:var(--se-white)}
.sigma-ed .se-lead{font-family:'Outfit',sans-serif;font-size:clamp(1rem,.96rem + .3vw,1.18rem);line-height:1.6;color:var(--se-muted);max-width:46ch}
.sigma-ed .se-body{font-family:'Outfit',sans-serif;color:var(--se-muted);line-height:1.6}
.sigma-ed .se-figure{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--se-white);line-height:1}
.sigma-ed .se-figure .se-red{color:var(--se-red-bright)}
.sigma-ed .se-tag{font-family:'Outfit',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--se-faint);display:inline-flex;align-items:center;gap:.55rem}
.sigma-ed .se-tag b{color:var(--se-red-bright);font-weight:800}
.sigma-ed .se-index{font-family:'Outfit',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.04em;color:var(--se-red-bright)}

/* ---- Hairline rule with label ---- */
.sigma-ed .se-rule{display:flex;align-items:center;gap:1.1rem;width:100%}
.sigma-ed .se-rule::after{content:"";height:1px;background:var(--se-line);flex:1}
.sigma-ed .se-rule__label{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--se-faint);white-space:nowrap;display:inline-flex;align-items:center;gap:.55rem}
.sigma-ed .se-rule__label::before{content:"";width:8px;height:8px;background:var(--se-red);border-radius:2px}

/* ---- Block / card ---- */
.sigma-ed .se-block{position:relative;border:1px solid var(--se-line);background:rgba(243,239,232,.02);transition:border-color .3s var(--se-ease),background-color .3s var(--se-ease),transform .35s var(--se-ease),box-shadow .35s var(--se-ease)}
.sigma-ed .se-block:hover{border-color:rgba(139,27,27,.5)}
.sigma-ed .se-lift{transition:transform .35s var(--se-ease),border-color .3s var(--se-ease),box-shadow .35s var(--se-ease)}
.sigma-ed .se-lift:hover{transform:translateY(-4px);box-shadow:var(--se-shadow)}
/* cursor spotlight (subtle, Next.js/Linear hallmark) */
.sigma-ed [data-spotlight]{position:relative;overflow:hidden}
.sigma-ed [data-spotlight]::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .45s var(--se-ease);
  background:radial-gradient(440px circle at var(--se-mx,50%) var(--se-my,50%),rgba(168,38,38,.13),transparent 56%)}
.sigma-ed [data-spotlight]:hover::after{opacity:1}
.sigma-ed [data-magnetic]{transition:transform .3s var(--se-ease)}
.sigma-ed .se-pulse{animation:none}

/* scroll progress bar (created by JS) */
.se-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--se-red),var(--se-red-bright));will-change:transform}

/* parallax targets */
.sigma-ed [data-parallax]{will-change:transform}

/* ghost index number (ruta) */
.sigma-ed .se-ghostnum{font-family:'Outfit',sans-serif;font-weight:800;line-height:1;font-size:clamp(1.3rem,2.6vw,1.9rem);color:transparent;-webkit-text-stroke:1px rgba(243,239,232,.16);letter-spacing:-.03em;pointer-events:none;transition:-webkit-text-stroke-color .35s var(--se-ease),color .35s var(--se-ease)}
.sigma-ed a:hover .se-ghostnum{color:rgba(139,27,27,.16);-webkit-text-stroke-color:rgba(168,38,38,.55)}

/* chip */
.sigma-ed .se-chip{display:inline-flex;align-items:center;gap:.45rem;font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;color:var(--se-paper);border:1px solid var(--se-line);background:var(--se-line-soft);border-radius:999px;padding:.4rem .85rem}

/* link with animated underline */
.sigma-ed .se-link{position:relative;font-family:'Outfit',sans-serif;font-weight:700;color:var(--se-paper);display:inline-flex;align-items:center;gap:.4rem}
.sigma-ed .se-link .material-symbols-outlined{transition:transform .3s var(--se-ease)}
.sigma-ed .se-link:hover .material-symbols-outlined{transform:translateX(4px)}
.sigma-ed .se-link::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--se-red);transition:right .35s var(--se-ease)}
.sigma-ed .se-link:hover::after{right:0}

/* arrow circle (ruta) */
.sigma-ed .se-arrow{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--se-line);color:var(--se-paper);transition:background-color .3s var(--se-ease),border-color .3s var(--se-ease),transform .3s var(--se-ease)}
.sigma-ed a:hover .se-arrow{background:var(--se-red);border-color:var(--se-red);transform:translateX(5px)}

/* ---- Buttons (no shine sweep, just hover lift) ---- */
.sigma-ed .btn{transition:transform .18s var(--se-ease),box-shadow .25s var(--se-ease),background-color .2s var(--se-ease),border-color .2s var(--se-ease) !important;will-change:transform}
.sigma-ed .btn:active{transform:translateY(1px) scale(.99)}
.sigma-ed .btn-primary::before{content:none}
.sigma-ed .btn-primary:hover{box-shadow:0 16px 34px -14px rgba(139,27,27,.7)}

/* ---- Hero signup box ---- */
.sigma-ed .se-signup{position:relative;border-radius:12px;background:var(--se-ink-2);border:1px solid var(--se-line);box-shadow:var(--se-shadow);padding:0}
.sigma-ed .se-signup__inner{display:flex;gap:.5rem;align-items:stretch;padding:.5rem}
.sigma-ed .se-signup__input{flex:1;min-width:0;background:rgba(0,0,0,.4);border:1px solid var(--se-line);border-radius:9px;padding:.85rem 1rem;color:var(--se-white);font-family:'Outfit',sans-serif;font-size:1rem;transition:border-color .25s var(--se-ease),box-shadow .25s var(--se-ease)}
.sigma-ed .se-signup__input::placeholder{color:var(--se-faint)}
.sigma-ed .se-signup__input:focus{outline:none;border-color:var(--se-red-bright);box-shadow:0 0 0 4px rgba(139,27,27,.2)}
.sigma-ed .se-signup__btn{white-space:nowrap;padding:.85rem 1.5rem;font-size:1rem;border-radius:9px}
@media (max-width:540px){.sigma-ed .se-signup__inner{flex-direction:column}}

/* ---- SIGMA OS panel ---- */
.sigma-ed .se-os{position:relative;border:1px solid var(--se-line);border-radius:14px;background:linear-gradient(180deg,#161413,#0d0c0b);box-shadow:var(--se-shadow);overflow:hidden;animation:seFloat 8s ease-in-out infinite}
.sigma-ed .se-os__bar{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--se-line-soft)}
.sigma-ed .se-os__dot{width:.6rem;height:.6rem;border-radius:999px}
.sigma-ed .se-os__url{margin-left:.6rem;flex:1;min-width:0;font-family:'Outfit',sans-serif;font-size:.64rem;color:var(--se-faint);background:var(--se-line-soft);border:1px solid var(--se-line-soft);border-radius:999px;padding:.22rem .7rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sigma-ed .se-os__body{display:grid;grid-template-columns:120px minmax(0,1fr)}
.sigma-ed .se-os__side{border-right:1px solid var(--se-line-soft);padding:.7rem .5rem;display:flex;flex-direction:column;gap:.15rem}
.sigma-ed .se-os__nav{display:flex;align-items:center;gap:.5rem;padding:.5rem .55rem;border-radius:8px;color:var(--se-faint);font-family:'Outfit',sans-serif;font-size:.76rem;font-weight:600}
.sigma-ed .se-os__nav .material-symbols-outlined{font-size:1rem}
.sigma-ed .se-os__nav.is-active{background:rgba(139,27,27,.16);color:var(--se-red-soft)}
.sigma-ed .se-os__main{padding:1rem 1.05rem 1.15rem}
.sigma-ed .se-os__panelcard{border:1px solid var(--se-line-soft);border-radius:9px;background:var(--se-line-soft);padding:.8rem .85rem}
.sigma-ed .se-os__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.7rem}
.sigma-ed .se-os__stat{border:1px solid var(--se-line-soft);border-radius:8px;background:var(--se-line-soft);padding:.55rem}
.sigma-ed .se-os__stat b{display:block;font-family:'Outfit',sans-serif;font-size:1.15rem;color:var(--se-white);font-weight:800;line-height:1}
.sigma-ed .se-os__stat span{font-family:'Outfit',sans-serif;font-size:.58rem;color:var(--se-faint);text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.sigma-ed .se-os__progress{height:6px;border-radius:999px;background:var(--se-line-soft);overflow:hidden;margin-top:.5rem}
.sigma-ed .se-os__progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--se-red-deep),var(--se-red-bright));animation:seFill 1.6s var(--se-ease) .4s forwards}
.sigma-ed .se-os__pill{display:inline-flex;align-items:center;gap:.3rem;font-family:'Outfit',sans-serif;font-size:.62rem;font-weight:700;color:#7fbf7f;background:rgba(60,140,60,.14);border:1px solid rgba(60,140,60,.28);border-radius:999px;padding:.18rem .5rem}
.sigma-ed .se-os__float{position:absolute;display:flex;align-items:center;gap:.45rem;font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:700;color:var(--se-white);border:1px solid var(--se-line);background:var(--se-ink-3);box-shadow:var(--se-shadow);border-radius:9px;padding:.45rem .6rem}
@media (max-width:560px){.sigma-ed .se-os__body{grid-template-columns:1fr}.sigma-ed .se-os__side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--se-line-soft)}.sigma-ed .se-os__nav span:not(.material-symbols-outlined){display:none}.sigma-ed .se-os__float{display:none}}

/* Pricing — conversion cards */
.sigma-ed .se-price{position:relative;display:flex;flex-direction:column;border:1px solid var(--se-line);border-radius:14px;background:var(--se-ink-2);padding:1.5rem;transition:transform .35s var(--se-ease),border-color .3s var(--se-ease),box-shadow .35s var(--se-ease)}
@media (min-width:768px){.sigma-ed .se-price{padding:2rem}}
.sigma-ed .se-price--muted{background:rgba(243,239,232,.022)}
.sigma-ed .se-price:hover{border-color:rgba(139,27,27,.4);transform:translateY(-4px)}
.sigma-ed .se-price--pop{border-color:rgba(139,27,27,.6);background:linear-gradient(180deg,rgba(139,27,27,.14),var(--se-ink-2));box-shadow:0 30px 70px -34px rgba(139,27,27,.55);overflow:visible}
@media (min-width:768px){.sigma-ed .se-price--pop{transform:scale(1.05);z-index:2}.sigma-ed .se-price--pop:hover{transform:scale(1.05) translateY(-4px)}}
.sigma-ed .se-price__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--se-red);border:1px solid var(--se-red-bright);border-radius:999px;padding:.35rem .9rem;box-shadow:0 10px 22px -8px rgba(139,27,27,.8)}

/* Academy interactive module rows */
.sigma-ed .se-mod{text-decoration:none;transition:background-color .25s var(--se-ease)}
.sigma-ed .se-mod:hover{background:rgba(139,27,27,.08)}
.sigma-ed .se-mod h4{transition:color .2s var(--se-ease)}
.sigma-ed .se-mod:hover h4{color:#fff}
.sigma-ed .se-mod:hover .se-index{color:var(--se-red-bright)}
.sigma-ed .se-mod__play{color:var(--se-faint);transition:color .25s var(--se-ease),transform .25s var(--se-ease)}
.sigma-ed .se-mod:hover .se-mod__play{color:var(--se-red-bright);transform:scale(1.18)}

/* equalizer -> grow ONCE to varied heights (calm, no loop) */
.sigma-ed .se-eq{display:flex;align-items:flex-end;gap:5px;height:62px;margin-top:.7rem}
.sigma-ed .se-eq i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--se-red-bright),var(--se-red-deep));transform-origin:bottom;transform:scaleY(0);animation:seGrow 1s var(--se-ease) forwards}
.sigma-ed .se-eq i:nth-child(1){--h:.42}.sigma-ed .se-eq i:nth-child(2){--h:.62}.sigma-ed .se-eq i:nth-child(3){--h:.5}
.sigma-ed .se-eq i:nth-child(4){--h:.8}.sigma-ed .se-eq i:nth-child(5){--h:.66}.sigma-ed .se-eq i:nth-child(6){--h:1}
.sigma-ed .se-eq i:nth-child(7){--h:.74}.sigma-ed .se-eq i:nth-child(8){--h:.55}

/* hide retired ticker if any markup remains */
.sigma-ed .se-ticker{display:none}

/* ---- Platform marquee (calm) ---- */
.sigma-ed .sigma-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sigma-ed .sigma-marquee__track{display:flex;align-items:center;gap:3rem;width:max-content;will-change:transform;animation:seMarquee 24s linear infinite}
.sigma-ed .sigma-marquee:hover .sigma-marquee__track{animation-play-state:paused}
.sigma-ed .sigma-marquee__item{display:inline-flex;align-items:center;gap:.6rem;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.05rem;color:var(--se-muted);white-space:nowrap;transition:color .25s var(--se-ease)}
.sigma-ed .sigma-marquee__item:hover{color:var(--se-paper)}

/* ============================================================
   MOTION (soft)
   ============================================================ */
@keyframes seFloat{50%{transform:translateY(-7px)}}
@keyframes seGrow{to{transform:scaleY(var(--h,.6))}}
@keyframes seFill{to{width:72%}}
@keyframes seRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* hero load reveal (staggered) */
@media (prefers-reduced-motion: no-preference){
  .sigma-ed .se-in,.sigma-ed .se-in-clip{opacity:0;animation:seRise .8s var(--se-ease) forwards}
  .sigma-ed [data-in-delay="1"]{animation-delay:.06s}
  .sigma-ed [data-in-delay="2"]{animation-delay:.14s}
  .sigma-ed [data-in-delay="3"]{animation-delay:.22s}
  .sigma-ed [data-in-delay="4"]{animation-delay:.32s}
  .sigma-ed [data-in-delay="5"]{animation-delay:.42s}
  .sigma-ed [data-in-delay="6"]{animation-delay:.52s}
}

/* scroll reveal: engine picked by JS (sda native or io fallback) */
html.sigma-motion .sigma-ed [data-reveal]{will-change:opacity,transform}
html.sigma-io .sigma-ed [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--se-ease),transform .7s var(--se-ease)}
html.sigma-io .sigma-ed [data-reveal].is-visible{opacity:1;transform:none}
html.sigma-io .sigma-ed [data-reveal][data-reveal-delay="1"]{transition-delay:.08s}
html.sigma-io .sigma-ed [data-reveal][data-reveal-delay="2"]{transition-delay:.16s}
html.sigma-io .sigma-ed [data-reveal][data-reveal-delay="3"]{transition-delay:.24s}
@supports (animation-timeline: view()){
  html.sigma-sda .sigma-ed [data-reveal]{animation:seRise both linear;animation-timeline:view();animation-range:entry 0% cover 26%}
}

@media (prefers-reduced-motion: reduce){
  .sigma-ed .se-os,.sigma-ed .se-eq i,.sigma-ed .se-os__progress i,.sigma-ed .sigma-marquee__track{animation:none}
  .sigma-ed .se-eq i{transform:scaleY(var(--h,.6))}
  .sigma-ed .se-os__progress i{width:72%}
  .sigma-ed .se-in,.sigma-ed .se-in-clip{opacity:1 !important;animation:none !important}
  html.sigma-motion .sigma-ed [data-reveal]{opacity:1 !important;transform:none !important;animation:none !important;transition:none !important}
  .sigma-ed .se-lift:hover{transform:none}
  .sigma-ed [data-spotlight]:hover::after{opacity:0}
  .sigma-ed [data-parallax]{transform:none !important}
}
@keyframes seMarquee{to{transform:translateX(-50%)}}
