/* STΩMs Smart-Buy – Aurora-Look 1:1 aus dem STΩMs-Space (stoms.css) übernommen; RapScript nur als Bild-Masken. */
@font-face{font-family:'Figtree Fallback';src:local('Arial'),local('Arimo'),local('Liberation Sans'),local('Helvetica');size-adjust:95.88%;ascent-override:99.08%;descent-override:26.07%;line-gap-override:0%}
@font-face{font-family:'Syne Fallback';src:local('Arial'),local('Arimo'),local('Liberation Sans'),local('Helvetica');size-adjust:94.6%;ascent-override:97.78%;descent-override:29.07%;line-gap-override:0%}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/Figtree-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/Figtree-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/Syne-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/Syne-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --es-black:#05080d;--es-ink:#0b1418;--es-ink-2:#142326;--es-ink-3:#1b2f33;--es-anthracite:#22383c;
  --es-gold-light:#b9fbe9;--es-gold:#7ef0d0;--es-gold-deep:#4fdcb8;--es-gold-dark:#6f5bd6;
  --es-gold-grad:linear-gradient(120deg,#7ef0d0 0%,#6fd3f5 45%,#b39bff 100%);--es-on-gold:#05080d;
  --es-slime:#a6e04a;--es-orange:#ff8a3d;--es-ember:#e0562a;--es-amber:#ffd08a;--es-violet:#b39bff;--es-cyan:#6fd3f5;
  --es-hot-grad:linear-gradient(120deg,#a6e04a 0%,#ffd08a 55%,#ff8a3d 100%);
  --es-text:#e8f4f1;--es-text-2:#a9c4c0;--es-text-3:#7d9a96;
  --es-success:#a6e04a;--es-info:#6fd3f5;--es-warning:#ffd08a;--es-danger:#ff8a7a;
  --es-glass:linear-gradient(160deg,rgba(20,35,38,.62),rgba(5,8,13,.78));
  --es-glass-strong:linear-gradient(160deg,rgba(20,35,38,.94),rgba(5,8,13,.96));
  --es-blur:22px;--es-hair:rgba(169,236,220,.14);--es-hair-gold:rgba(126,240,208,.42);
  --es-r-sm:10px;--es-r:12px;--es-r-lg:16px;--es-r-xl:22px;
  --es-font:"Figtree","Figtree Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;--es-display:"Syne","Syne Fallback","Figtree",system-ui,sans-serif;
  --mx:50%;--my:30%;
  --es-r-sm:10px;--es-r:12px;--es-r-lg:16px;--es-r-xl:22px;
}
html{background:#05080d}body{margin:0;background:transparent;color:var(--es-text);font-family:var(--es-font)}
#st-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#05080d;overflow:hidden}
#st-bg::before{content:"";position:absolute;inset:0;z-index:-4;background:url(/assets/abyss-poster.webp) center/cover no-repeat,#05080d;
  filter:saturate(.9) hue-rotate(-8deg) brightness(.8)}
@media (max-width:760px){#st-bg::before{background-image:url(/assets/abyss-poster-sm.webp)}}
#st-bg::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,8,13,.85) 0,rgba(5,8,13,.25) 220px,rgba(5,8,13,.3) calc(100% - 220px),rgba(5,8,13,.9) 100%),
             radial-gradient(120% 80% at 50% 50%,transparent 40%,rgba(5,8,13,.55) 100%)}
.st-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes mk-draw{to{stroke-dashoffset:0}}
@keyframes mk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.st-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--es-gold-light);
  border:1px solid var(--es-hair-gold);border-radius:999px;padding:6px 12px;background:rgba(126,240,208,.06)}
.st-title{font-family:var(--es-display);font-weight:800;letter-spacing:-.03em;font-size:clamp(56px,9vw,128px);line-height:.92;margin:18px 0 10px}
.st-lead{font-size:clamp(16px,1.6vw,20px);color:var(--es-text-2);max-width:720px;line-height:1.55}
.st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.st-chip{font-size:13px;color:var(--es-text);border:1px solid var(--es-hair);border-radius:999px;padding:6px 12px;background:rgba(11,20,24,.55)}
.st-lg{display:inline-block;height:1.16em;vertical-align:-.26em;overflow:hidden;position:relative;background:var(--es-gold-grad)!important;
  -webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(126,240,208,.28))}
.st-lg--st{--lg:url(/assets/logo-st.webp);aspect-ratio:434/327}
.st-lg--ms{--lg:url(/assets/logo-ms.webp);aspect-ratio:415/327}
.st-mark{width:1.02em;height:1.02em;flex:none;margin-right:.08em;overflow:visible}
.mk-intro__mark{width:min(34vw,200px);height:auto;display:block;margin:0 auto;overflow:visible;filter:drop-shadow(0 0 26px rgba(126,240,208,.45))}
.st-mark__om{stroke-dasharray:100;stroke-dashoffset:100;animation:mk-om 1.6s cubic-bezier(.6,0,.2,1) .15s forwards}
.st-mark__om--a{animation-delay:.3s}.st-mark__om--b{animation-delay:.42s}
@keyframes mk-om{to{stroke-dashoffset:0}}
.st-mark__ticks{transform-origin:60px 60px;animation:mk-spin 40s linear infinite}
.st-mark__orbit{transform-box:view-box}
@keyframes mk-spin{to{transform:rotate(360deg)}}
.st-mark__dot{animation:mk-dot 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.28s)}
@keyframes mk-dot{50%{opacity:.35}}
.st-mark__wave rect{transform-box:fill-box;transform-origin:50% 50%;animation:mk-eq 1.1s ease-in-out infinite alternate}
.st-mark__wave rect:nth-child(2){animation-delay:.18s}.st-mark__wave rect:nth-child(3){animation-delay:.36s}
.st-mark__wave rect:nth-child(4){animation-delay:.12s}.st-mark__wave rect:nth-child(5){animation-delay:.27s}
@keyframes mk-eq{from{transform:scaleY(.45)}to{transform:scaleY(1.1)}}
.st-neon{animation:st-flicker 7s linear infinite}
.st-neon--b{animation-duration:9.5s;animation-delay:-3s}
@keyframes st-flicker{0%,17%,19%,21%,63%,65.5%,100%{opacity:1;filter:none}
  18%,20.5%{opacity:.62;filter:brightness(1.6) saturate(1.3)}64%{opacity:.82}64.8%{opacity:.95;filter:brightness(1.25)}}
.st-hd{display:inline-block;height:1.2em;aspect-ratio:var(--ar);vertical-align:-.25em;max-width:100%;
  background:var(--es-gold-grad);-webkit-mask:var(--lg) left center/contain no-repeat;mask:var(--lg) left center/contain no-repeat}
.st-logo{position:relative;isolation:isolate}
.st-logo>.st-lg,.st-logo>.st-logo__om,.st-logo>.st-logo__mark{position:relative;z-index:1}
.st-logo__mark{width:1.02em;height:1.02em;flex:none;margin-right:.02em;overflow:visible}
.st-logo__rib{position:absolute;z-index:0;left:.42em;right:-.06em;top:56%;height:.6em;width:auto;pointer-events:none;overflow:visible;
  filter:drop-shadow(0 0 6px rgba(126,240,208,.45));opacity:.85}
.st-logo__om{position:relative;display:inline-block}
.st-logo__ekg{position:absolute;left:-16%;width:132%;top:50%;height:.36em;transform:translateY(-46%);overflow:visible;pointer-events:none;
  filter:drop-shadow(0 0 4px rgba(255,208,138,.85))}
.st-logo__ekg path{fill:none;stroke:#ffe7b0;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.st-logo__star{position:absolute;left:50%;top:50%;width:.9em;height:.9em;margin:-.45em 0 0 -.45em;opacity:0;pointer-events:none;fill:#fff;
  filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,208,138,.9))}
.st-logo__sparks circle{opacity:0}
.st-lg::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:160% 0}
.mk-intro__word.st-logo{gap:.03em;font-size:clamp(46px,10vw,124px)}
.mk-intro__word .st-logo__om{background:var(--es-hot-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Reveal (einmalig): Ruhe → Glanz läuft links→rechts über Ring, S/T, Ω (Stern), Ms (Funken) → Ruhe */
.st-logo.is-reveal .st-logo__mark{animation:lg-pulse 1.2s var(--ease-io,ease-in-out) .55s both}
.st-logo.is-reveal .st-lg--st::after{animation:lg-glint 1.25s ease-in-out .95s both}
.st-logo.is-reveal .st-lg--ms::after{animation:lg-glint 1.25s ease-in-out 2.35s both}
.st-logo.is-reveal .st-logo__star{animation:lg-star 1.1s ease-out 1.75s both}
.st-logo.is-reveal .st-logo__ekg path{stroke-dasharray:240;animation:lg-ekg 1.3s ease-out 1.5s both}
.st-logo.is-reveal .st-logo__sparks circle{animation:lg-spark 1.3s ease-out calc(2.75s + var(--i)*.09s) both}
.st-logo.is-reveal .st-logo__rb{stroke-dasharray:100;animation:lg-draw 2.4s cubic-bezier(.6,0,.2,1) .2s both}
.st-logo.is-glint .st-lg--st::after,.st-logo.is-glint .st-lg--ms::after{animation:lg-glint-soft 1.6s ease-in-out both}
.st-logo.is-glint .st-lg--ms::after{animation-delay:.7s}
@keyframes lg-glint{0%{opacity:0;background-position:160% 0}15%{opacity:.85}85%{opacity:.85}100%{opacity:0;background-position:-60% 0}}
@keyframes lg-glint-soft{0%{opacity:0;background-position:160% 0}30%,70%{opacity:.32}100%{opacity:0;background-position:-60% 0}}
@keyframes lg-pulse{0%,100%{filter:none}45%{filter:brightness(1.45) drop-shadow(0 0 10px rgba(185,251,233,.8))}}
@keyframes lg-star{0%{opacity:0;transform:scale(.2) rotate(-30deg)}35%{opacity:1;transform:scale(1.15) rotate(10deg)}100%{opacity:0;transform:scale(.6) rotate(45deg)}}
@keyframes lg-ekg{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@keyframes lg-spark{0%{opacity:0}30%{opacity:.95}100%{opacity:0}}
@keyframes lg-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.st-neon,.st-mark__om,.st-mark__ticks,.st-mark__dot,.st-mark__wave rect{animation:none!important}.st-mark__om{stroke-dashoffset:0}
  .st-logo *,.st-logo *::after{animation:none!important}.st-logo__rb{stroke-dasharray:none!important}}
@media (max-width:767px){.st-logo__ekg{height:.42em}}