:root{--bg:#080705;--text:#f4eee4;--muted:#c4b8a3;--gold:#d7b36e;--gold2:#a77737;--line:rgba(255,255,255,.12);--panel:rgba(255,255,255,.055)}*{box-sizing:border-box}html{min-height:100%;background:#080705}body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 70% 10%,rgba(215,179,110,.18),transparent 28%),radial-gradient(circle at 15% 65%,rgba(215,179,110,.1),transparent 28%),linear-gradient(180deg,#070605 0%,#11100e 50%,#070605 100%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.landing-shell{position:relative;overflow:hidden;min-height:100vh;padding:28px clamp(18px,4vw,64px)}.ambient{position:absolute;border-radius:999px;filter:blur(80px);opacity:.4;pointer-events:none}.ambient-one{width:380px;height:380px;background:#8b5b22;right:-120px;top:120px}.ambient-two{width:300px;height:300px;background:#322314;left:-120px;bottom:120px}

.topbar{
    position:sticky;
    top:12px;
    z-index:1000;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    max-width:1240px;
    margin:0 auto 40px;
    padding:14px 24px;

    background:rgba(8,7,5,.82);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;

    transition:
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.brand{display:flex;align-items:center;gap:14px}

.brand img{width:68px;height:68px;object-fit:contain;border-radius:18px;background:#000;padding:3px;box-shadow:0 18px 44px rgba(0,0,0,.45)}.brand small,.eyebrow,.feature-pills li,.teaser-card span{display:block;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:12px}.brand strong,h1,h2,h3,.btn{font-family:Cinzel,serif}.brand strong{font-size:18px}.lang-switcher{display:flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}.lang-switcher a{min-width:46px;text-align:center;padding:11px 13px;border-radius:999px;color:var(--muted);font-family:Cinzel,serif;font-size:13px;letter-spacing:.16em}.lang-switcher a.active{color:#1b1309;background:linear-gradient(135deg,#e3c182,#ad7b39);box-shadow:0 10px 26px rgba(215,179,110,.2)}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);gap:44px;align-items:center;max-width:1240px;margin:0 auto;padding:34px 0 72px}.hero-copy{max-width:760px}h1{font-size:clamp(34px,4.8vw,68px);line-height:.9;margin:16px 0 22px;letter-spacing:-.045em;text-shadow:0 20px 70px rgba(0,0,0,.4)}.lead{font-size:clamp(18px,2vw,23px);line-height:1.75;color:#ded2bd;max-width:730px}.launch-note{display:inline-flex;margin:10px 0 0;padding:12px 18px;border:1px solid rgba(215,179,110,.28);border-radius:999px;color:var(--gold);background:rgba(215,179,110,.08)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;border:1px solid transparent;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#e0bd7c,#a87938);color:#171009}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.04)}.feature-pills{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.feature-pills li{padding:12px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#d8c8ab}.hero-emblem-card{position:relative;display:grid;place-items:center;min-height:520px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 34px 110px rgba(0,0,0,.52);overflow:hidden}.hero-emblem-card:before{content:"";position:absolute;inset:10%;border:1px solid rgba(215,179,110,.18);border-radius:50%;box-shadow:inset 0 0 80px rgba(215,179,110,.05)}.hero-emblem-card img{position:relative;z-index:2;width:min(430px,88%);filter:drop-shadow(0 35px 55px rgba(0,0,0,.55));animation:float 5.5s ease-in-out infinite}.orbit{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(215,179,110,.28);animation:spin 16s linear infinite}.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);top:8%;left:20%;box-shadow:0 0 30px var(--gold)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}.teaser-section{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:52px 0 40px}.section-heading{max-width:760px;margin-bottom:26px}.section-heading h2{font-size:clamp(32px,4.2vw,58px);line-height:1;margin:8px 0 10px}.section-heading p:last-child{color:var(--muted);line-height:1.7}.teaser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.teaser-card{position:relative;min-height:320px;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#111;box-shadow:0 22px 70px rgba(0,0,0,.35)}.teaser-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.85) contrast(1.05);transition:transform .6s ease}.teaser-card:hover img{transform:scale(1.07)}.teaser-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.82))}.teaser-card div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.teaser-card h3{font-size:22px;margin:8px 0 0}.footer{max-width:1240px;margin:28px auto 0;padding:24px 0 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.footer strong{color:var(--text);font-family:Cinzel,serif}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-emblem-card{min-height:420px}.teaser-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-shell{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.lang-switcher{width:100%;justify-content:center}.hero{padding-top:16px}.hero-emblem-card{min-height:340px;border-radius:26px}h1{font-size:36px}.teaser-grid{grid-template-columns:1fr}.footer{flex-direction:column}.brand img{width:58px;height:58px}}


/* v1.1 language switcher hardening */
.notranslate { translate: no; }
.lang-switcher {
  isolation: isolate;
  max-width: 100%;
  white-space: nowrap;
}
.lang-switcher .lang-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  height: 42px;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  user-select: none;
}
.lang-switcher .lang-link span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .16em;
}
@media(max-width:640px){
  .lang-switcher {
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
  }
  .lang-switcher::-webkit-scrollbar { display: none; }
  .lang-switcher .lang-link {
    width: 48px;
    min-width: 48px;
    height: 38px;
  }
}

/* v1.3 teaser image loupe zoom */
.teaser-card {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: zoom-in;
}
.teaser-card:focus-visible {
  outline: 3px solid rgba(215,179,110,.55);
  outline-offset: 4px;
}
.teaser-card:before {
  content: attr(data-zoom-label);
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.55);
  color: #f4eee4;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.teaser-card:hover:before,
.teaser-card:focus-visible:before {
  opacity: 1;
  transform: translateY(0);
}
.teaser-lightbox-active,
.teaser-lightbox-active body {
  overflow: hidden;
}
.teaser-lightbox {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 3vw, 40px);
  background:
    radial-gradient(circle at 75% 20%, rgba(215,179,110,.18), transparent 30%),
    rgba(0,0,0,.9);
  backdrop-filter: blur(12px);
}
.teaser-lightbox.open { display: flex; }
.teaser-lightbox__dialog {
  position: relative;
  width: min(1380px, 96vw);
  max-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,9,7,.75);
  box-shadow: 0 34px 110px rgba(0,0,0,.62);
}
.teaser-lightbox__dialog img {
  max-width: 100%;
  max-height: 92vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 24px;
  cursor: crosshair;
  touch-action: none;
  user-select: none;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform .18s ease-out;
  will-change: transform, transform-origin;
}
.teaser-lightbox__dialog img.is-zooming {
  transition: transform .08s linear;
}
.teaser-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(0,0,0,.56);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.teaser-lightbox__hint {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 3;
  max-width: calc(100% - 32px);
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(215,179,110,.24);
  background: rgba(0,0,0,.56);
  color: #e8dac2;
  font-size: 13px;
  text-align: center;
  pointer-events: none;
}
@media(max-width:640px){
  .teaser-card:before { opacity: 1; transform: none; font-size: 10px; padding: 7px 10px; }
  .teaser-lightbox { padding: 10px; }
  .teaser-lightbox__dialog { border-radius: 18px; }
  .teaser-lightbox__dialog img { border-radius: 16px; }
  .teaser-lightbox__hint { font-size: 11px; bottom: 10px; border-radius: 16px; }
  .teaser-lightbox__close { top: 10px; right: 10px; width: 44px; height: 44px; }
}

.topbar.scrolled{
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

/* v1.5 premium landing visual effects */
.landing-shell {
  --scroll-glow: 0;
}
.landing-shell::before {
  content: "";
  position: fixed;
  inset: -22% -12% auto auto;
  width: min(720px, 78vw);
  aspect-ratio: 1;
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 42% 42%, rgba(255,226,159,.18), transparent 22%),
    radial-gradient(circle at 50% 50%, rgba(215,179,110,.10), transparent 44%),
    conic-gradient(from 130deg, transparent, rgba(215,179,110,.16), transparent 34%, rgba(255,255,255,.055), transparent 68%);
  filter: blur(18px);
  opacity: calc(.42 + (var(--scroll-glow) * .18));
  mix-blend-mode: screen;
  animation: imperialGlow 13s ease-in-out infinite alternate;
}
.landing-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.035) 44%, transparent 54%),
    radial-gradient(circle at 50% 0%, rgba(215,179,110,.06), transparent 32%);
  opacity: .35;
  animation: imperialLightSweep 9s ease-in-out infinite;
}
.hero-emblem-card {
  transform: translate3d(0, var(--parallax-y, 0px), 0);
  transition: box-shadow .25s ease;
}
.hero-emblem-card::after {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: 1;
  pointer-events: none;
  background: conic-gradient(from 0deg, transparent, rgba(215,179,110,.18), transparent 28%, rgba(255,255,255,.07), transparent 58%);
  opacity: .28;
  filter: blur(18px);
  animation: emblemHalo 17s linear infinite;
}
.hero-emblem-card img {
  z-index: 3;
}
.orbit {
  z-index: 2;
}
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(7px);
  transition:
    opacity .72s ease var(--reveal-delay, 0ms),
    transform .72s ease var(--reveal-delay, 0ms),
    filter .72s ease var(--reveal-delay, 0ms);
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.teaser-card {
  transform: translateZ(0);
}
.teaser-card:nth-child(1) { --reveal-delay: 0ms; }
.teaser-card:nth-child(2) { --reveal-delay: 90ms; }
.teaser-card:nth-child(3) { --reveal-delay: 180ms; }
.teaser-card:nth-child(4) { --reveal-delay: 270ms; }
@keyframes imperialGlow {
  0% { transform: translate3d(0,0,0) rotate(0deg) scale(1); opacity: .36; }
  50% { transform: translate3d(-3%,4%,0) rotate(9deg) scale(1.06); opacity: .54; }
  100% { transform: translate3d(-6%,1%,0) rotate(-7deg) scale(1.02); opacity: .45; }
}
@keyframes imperialLightSweep {
  0%, 100% { transform: translateX(-16%); opacity: .18; }
  45% { opacity: .38; }
  55% { transform: translateX(16%); opacity: .28; }
}
@keyframes emblemHalo {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .landing-shell::before,
  .landing-shell::after,
  .hero-emblem-card::after {
    animation: none !important;
  }
  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}
@media(max-width:640px){
  .landing-shell::before { width: 96vw; inset: -12% -28% auto auto; opacity: .34; }
  .landing-shell::after { opacity: .22; }
}