/* ============ PLATINUM DUSK / FOLIO EDITION — Design Tokens ============ */
:root{
  --stage:#0A0A0B;
  --stage-deep:#060505;
  --surface-1:#15120E;
  --surface-2:#1D1813;
  --text-primary:#F4F0E9;
  --text-secondary:rgba(244,240,233,.68);
  --text-tertiary:rgba(244,240,233,.42);
  --platinum:#E32B2B;
  --platinum-bright:#FF5A4A;
  --platinum-deep:#A31414;
  --platinum-sheen:linear-gradient(110deg,#A31414 0%,#FF5A4A 45%,#E32B2B 70%,#A31414 100%);
  --gloss:linear-gradient(163deg,#201A14 0%,#120F0C 46%,#0A0A0B 100%);
  --gloss-edge:rgba(255,255,255,.08);
  --hairline:rgba(244,240,233,.14);
  --hairline-strong:rgba(244,240,233,.26);
  --scrim-bottom:linear-gradient(180deg,rgba(10,10,11,0) 38%,rgba(10,10,11,.55) 72%,rgba(10,10,11,.88) 100%);
  --scrim-left:linear-gradient(90deg,rgba(10,10,11,.78) 0%,rgba(10,10,11,.35) 42%,rgba(10,10,11,0) 70%);
  --scrim-nav:linear-gradient(180deg,rgba(10,10,11,.62) 0%,rgba(10,10,11,0) 100%);
  --ease-exp:cubic-bezier(.16,1,.3,1);
  --pad:clamp(24px,5vw,64px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--stage);
  color:var(--text-primary);
  font-family:'Switzer',system-ui,sans-serif;
  font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--platinum-deep);color:var(--stage)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---------- Typography ---------- */
.serif{font-family:'Clash Display','Switzer',sans-serif;letter-spacing:-.015em}
.mono{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;line-height:1}
h1,h2,h3{font-weight:600}
.display-xl{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.06;letter-spacing:-.01em}
.h2{font-family:'Clash Display','Switzer',sans-serif;letter-spacing:-.01em;font-weight:600;font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.12}
.eyebrow{color:var(--platinum);margin-bottom:24px;display:inline-block}
.lead{font-size:1rem;line-height:1.65;color:var(--text-secondary);max-width:28rem}

/* ---------- Layout ---------- */
.container{max-width:1360px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
section{position:relative}

/* Chapter register */
.register{display:flex;justify-content:center;margin-bottom:clamp(32px,4.5vw,56px)}
.register .idx{color:var(--platinum)}
.register .crosses{display:none}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:14px;
  font-family:'IBM Plex Mono',monospace;font-size:.8125rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;line-height:1;
  padding:18px 32px;border:1px solid var(--hairline-strong);
  background:transparent;color:var(--text-primary);cursor:pointer;
  position:relative;overflow:hidden;transition:border-color .4s var(--ease-exp),color .4s var(--ease-exp);
}
.btn:hover{border-color:var(--platinum)}
.btn .arr{transition:transform .4s var(--ease-exp)}
.btn:hover .arr{transform:translateX(5px)}
.btn:focus-visible{outline:2px solid var(--platinum-bright);outline-offset:3px}
.btn--sheen{border:1px solid transparent;background:
  linear-gradient(var(--stage),var(--stage)) padding-box,
  var(--platinum-sheen) border-box;}
.btn--sheen::after{
  content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,90,74,.2),transparent);
  transform:skewX(-18deg);transition:left .7s var(--ease-exp);
}
.btn--sheen:hover::after{left:120%}
/* Fliegendes Emblem in jedem Button (Kreis + Jet, Button-Farbe via currentColor) */
.btn-emblem{width:1.15em;height:1.15em;flex:none;overflow:visible;margin-right:-2px}
.btn-emblem .bring{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.38;transition:opacity .35s var(--ease-exp)}
.btn-emblem .bjet{fill:currentColor;transform-box:view-box;transform-origin:12px 12px;opacity:0}
.btn:hover .btn-emblem .bring,.btn:focus-visible .btn-emblem .bring{opacity:.9}
.force-motion .btn:hover .btn-emblem .bjet,.force-motion .btn:focus-visible .btn-emblem .bjet{animation:btnFly 1.05s var(--ease-exp)}
@keyframes btnFly{0%{transform:rotate(0);opacity:0}7%{opacity:1}93%{opacity:1}100%{transform:rotate(360deg);opacity:0}}

/* ---------- Nav ---------- */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:26px var(--pad);
  display:flex;justify-content:space-between;align-items:center;
  background:var(--scrim-nav);
  transition:background .4s,padding .4s;
}
nav.scrolled{background:rgba(10,10,11,.82);backdrop-filter:blur(16px);padding:16px var(--pad)}
.wordmark{font-family:'Clash Display','Switzer',sans-serif;font-size:1.35rem;letter-spacing:.02em}
.wordmark span{color:var(--platinum)}
.navlinks{display:flex;gap:40px;align-items:center}
.navlinks a{color:var(--text-secondary);transition:color .3s}
.navlinks a:hover{color:var(--platinum-bright)}
.navlinks .active{color:var(--platinum)}
@media(max-width:900px){.navlinks{display:none}}

/* ---------- Hero ---------- */
.hero{height:100svh;min-height:640px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:var(--scrim-bottom)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:none;padding-bottom:clamp(36px,6vh,64px)}
.hero-inner .lead{margin:18px 0 30px;max-width:24rem}
.hero-ctas{display:flex;gap:18px;flex-wrap:wrap}
.hero-meta{position:absolute;right:var(--pad);bottom:clamp(36px,6vh,64px);z-index:2;color:var(--text-tertiary);text-align:right;display:flex;flex-direction:column;gap:10px}
.hero-meta b{color:var(--text-primary);font-weight:500}
.video-tag{
  position:absolute;top:110px;right:var(--pad);z-index:3;
  display:flex;align-items:center;gap:10px;
  font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-tertiary);border:1px dashed var(--hairline-strong);padding:10px 14px;background:rgba(10,9,8,.55);
}
.video-tag .dot{width:7px;height:7px;border-radius:50%;background:#E32B2B;animation:pulse 2s infinite}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-tertiary)}
.scroll-cue .line{width:1px;height:38px;background:var(--hairline-strong);overflow:hidden;position:relative}
.scroll-cue .line::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--platinum);animation:cue 2.2s var(--ease-exp) infinite}
@keyframes cue{0%{top:-100%}60%,100%{top:100%}}
@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:900px){
  .hero-meta{position:static;text-align:left;margin-top:34px;flex-direction:row;flex-wrap:wrap;gap:8px 22px}
  .hero-inner{display:flex;flex-direction:column}
  .video-tag{top:92px}
}

/* ---------- Hero entrance: langsam mit dem Video auftauchen ---------- */
.hero-enter{opacity:0;filter:blur(12px)}
body.hero-go .hero-enter{animation:heroIn 2.6s ease forwards}
body.hero-go .he-1{animation-delay:.3s}
body.hero-go .he-2{animation-delay:.9s}
body.hero-go .he-3{animation-delay:1.6s}
body.hero-go .he-4{animation-delay:2.2s}
@keyframes heroIn{to{opacity:1;filter:blur(0)}}

/* ---------- Instrument strip ---------- */
.strip{padding:clamp(48px,7vh,80px) var(--pad) 0}
.strip-inner{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,20px)}
.strip .cell{padding:36px 24px;text-align:center;border-radius:24px;background:var(--gloss);box-shadow:inset 0 1px 0 var(--gloss-edge)}
.strip .num{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1;font-variant-numeric:tabular-nums;
  background:var(--platinum-sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.strip .lbl{margin-top:12px;color:var(--text-tertiary)}
@media(max-width:900px){.strip-inner{grid-template-columns:repeat(2,1fr)}}

/* ---------- Brokerage split ---------- */
.split{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.5vw,32px)}
.split .l{grid-column:1/7}
.split .r{grid-column:8/13}
.quoteblock{font-family:'Clash Display','Switzer',sans-serif;font-weight:500;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.35}
.quoteblock em{font-style:normal;color:var(--platinum)}
.tile{background:var(--gloss);border-radius:22px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:28px 30px;margin-bottom:16px}
.tile .k{color:var(--platinum);display:block;margin-bottom:12px}
.tile p{color:var(--text-secondary);font-size:.98rem}
.svc-hero{max-width:1280px;margin:clamp(20px,3vw,42px) auto 0;border-radius:26px;overflow:hidden;box-shadow:inset 0 1px 0 var(--gloss-edge),0 40px 90px -34px rgba(0,0,0,.95)}
.svc-hero img{width:100%;height:auto;display:block}
.svc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,64px);max-width:1280px;margin:clamp(34px,4.5vw,60px) auto 0}
.svc-item .k{color:var(--platinum);display:block;margin-bottom:14px}
.svc-item h3{font-family:'Clash Display','Switzer',sans-serif;font-weight:500;font-size:1.32rem;margin-bottom:10px}
.svc-item p{color:var(--text-secondary);font-size:.96rem;line-height:1.55}
@media(max-width:820px){.svc-row{grid-template-columns:1fr;gap:26px}}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,18px);max-width:1100px;margin:26px auto 0}
.ftile{background:var(--gloss);border-radius:24px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:30px 26px;opacity:0;filter:blur(8px);transition:transform .5s var(--ease-exp),box-shadow .5s var(--ease-exp)}
.ftile:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--gloss-edge),0 0 0 1px rgba(227,43,43,.28),0 24px 52px -26px rgba(0,0,0,.95)}
.ftile .ico{width:30px;height:30px;color:var(--platinum);margin-bottom:18px;display:block}
.ftile .ico svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cabin-go .ftile{animation:heroIn 1.4s ease forwards}
.cabin-go .ftile:nth-child(1){animation-delay:.15s}
.cabin-go .ftile:nth-child(2){animation-delay:.4s}
.cabin-go .ftile:nth-child(3){animation-delay:.65s}
.cabin-go .ftile:nth-child(4){animation-delay:.9s}
.ftile .k{color:var(--platinum);display:block;margin-bottom:10px}
.ftile p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}
.t-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(14px,1.8vw,22px)}
.ttile{background:var(--gloss);border-radius:26px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:clamp(34px,4vw,54px)}
.ttile blockquote{font-family:'Clash Display','Switzer',sans-serif;font-weight:500;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.45}
.ttile .attr{margin-top:26px;color:var(--platinum)}
.ttile .src{margin-top:8px;color:var(--text-tertiary)}
@media(max-width:900px){.split .l,.split .r{grid-column:1/-1}.feature-grid{grid-template-columns:repeat(2,1fr)}.t-grid{grid-template-columns:1fr}}

/* ---------- Featured cards ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,32px)}
.card{background:var(--gloss);border:none;border-radius:22px;box-shadow:inset 0 1px 0 var(--gloss-edge);display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden;transition:transform .5s var(--ease-exp),box-shadow .5s var(--ease-exp)}
.card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 var(--gloss-edge),0 30px 62px -28px rgba(0,0,0,.95)}
.card .photo{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--stage-deep);transition:transform .8s var(--ease-exp)}
.card:hover .photo{transform:scale(1.06)}
.card .body{padding:22px 24px 24px;display:flex;flex-direction:column}
.card .tail{color:var(--platinum)}
.card .model{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.1;margin:12px 0 6px}
.card .spec{color:var(--text-tertiary);font-size:.88rem}
.card .foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;margin-top:14px}
.card .price{color:var(--text-secondary)}
.card .status{color:var(--platinum)}
.cards-cta{display:flex;justify-content:flex-end;margin-top:36px}
@media(max-width:900px){.cards{grid-template-columns:1fr}}

/* ---------- Interior Video Stage ---------- */
.cabin-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:44px}
.cabin-head .hint{color:var(--text-tertiary);font-size:.95rem}
.stage-wrap{position:relative;width:100%;max-width:1100px;margin:0 auto;background:var(--stage-deep);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.95)}
.stage-wrap img,.stage-wrap video{width:100%;height:auto;max-height:80svh;object-fit:cover}
/* ---------- Black Hawk teaser ---------- */
.bh{position:relative;min-height:78svh;display:flex;align-items:center;overflow:hidden}
.bh-media{position:absolute;inset:0}
.bh-media img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.7) brightness(.72) contrast(1.04)}
.bh-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.9) 0%,rgba(10,10,11,.55) 34%,rgba(10,10,11,0) 62%),linear-gradient(0deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 40%)}
.bh-inner{position:relative;z-index:2;max-width:520px}
.bh-inner p{color:var(--text-secondary);margin:22px 0 36px}

/* ---------- Testimonial ---------- */
.vitrine{padding:clamp(120px,16vh,190px) 0;text-align:center}
.vitrine .mark{color:var(--platinum-deep);font-family:'Clash Display',sans-serif;font-size:4.5rem;font-weight:600;line-height:.4;display:block;margin-bottom:34px}
.vitrine blockquote{
  font-family:'Clash Display','Switzer',sans-serif;font-weight:500;
  font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.4;max-width:56rem;margin:0 auto;
}
.vitrine .attr{margin-top:44px;color:var(--platinum)}
.vitrine .src{margin-top:12px;color:var(--text-tertiary)}

/* ---------- Contact ---------- */
.contact{background:var(--stage-deep)}
.contact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.5vw,32px);padding:clamp(90px,12vh,150px) 0}
.contact-grid .l{grid-column:1/6}
.contact-grid .r{grid-column:7/13}
.crow{background:var(--gloss);border-radius:16px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:20px 26px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.crow:last-of-type{margin-bottom:32px}
.crow .k{color:var(--platinum)}
.crow a{color:var(--text-secondary);transition:color .3s}
.crow a:hover{color:var(--platinum-bright)}
@media(max-width:900px){.contact-grid .l,.contact-grid .r{grid-column:1/-1}}

/* ---------- Footer ---------- */
footer{padding:44px 0;background:var(--stage-deep)}
.foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;color:var(--text-tertiary)}
.foot-inner a:hover{color:var(--platinum)}

/* ---------- Reveal on scroll ---------- */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-exp),transform .6s var(--ease-exp)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}

/* ---------- Section spacing ---------- */
.sect{padding:clamp(80px,13vh,176px) 0}

/* ============================================================
   THE BROKERAGE — HUD / Radar World Map
   ============================================================ */
.brokerage .container{max-width:1500px}
/* Reine Lichtpunkt-Weltkarte (Canvas), langsame Aufleucht-Animation */
.map-stage{position:relative;height:clamp(540px,60vw,820px)}
.map-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* Randlose Karten-Box: kein Rahmen, keine Eckklammern, kein Kasten-Hintergrund */
.hud{position:relative;overflow:hidden}

/* Instrument-Leiste — AUSSERHALB der Box, oben */
.hud-top{display:flex;align-items:stretch;position:relative;z-index:5;max-width:1500px;margin:0 auto clamp(18px,2.6vw,34px)}
.hud-stat{flex:1;display:flex;align-items:center;gap:14px;padding:6px clamp(12px,2vw,30px)}
.hud-stat + .hud-stat{border-left:1px solid rgba(244,240,233,.09)}
.hud-stat .ic{width:28px;height:28px;flex:none;color:var(--platinum)}
.hud-stat .ic svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hud-stat .tx b{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:1.1rem;line-height:1;letter-spacing:.01em;display:block}
.hud-stat .tx span{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);display:block;margin-top:7px}
@media(max-width:820px){.hud-top{flex-wrap:wrap}.hud-stat{flex:1 1 50%}.hud-stat:nth-child(2){border-left:1px solid rgba(244,240,233,.08)}.hud-stat:nth-child(3){border-left:none}}

/* Stage: map + overlays */
.hud-stage{position:relative;height:clamp(540px,60vw,820px)}
.map-dots{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;opacity:0;transition:opacity 1.6s var(--ease-exp);
  -webkit-mask-image:radial-gradient(122% 138% at 50% 42%,#000 48%,transparent 90%);mask-image:radial-gradient(122% 138% at 50% 42%,#000 48%,transparent 90%)}
.hud.hud-live .map-dots{opacity:.46}
.hud-grid-svg,.hud-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hud-register{position:absolute;top:18px;left:20px;right:20px;z-index:4;display:flex;align-items:center;gap:clamp(14px,2.4vw,38px)}
.hud-register .idx{color:var(--platinum);white-space:nowrap}
.hud-register .ticks{display:flex;gap:clamp(12px,2.4vw,40px);color:var(--text-tertiary);font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.14em}
.hud-register .ticks span:nth-child(4n+3){color:rgba(227,43,43,.7)}
@media(max-width:960px){.hud-register .ticks{display:none}}

/* Route + waypoints */
.hud-route .r-base{stroke:rgba(244,240,233,.28);stroke-width:1.4;fill:none;stroke-dasharray:1;stroke-dashoffset:1}
.hud.hud-live .r-base{stroke-dashoffset:0}
.force-motion .hud.hud-live .r-base{animation:rDraw 1.5s var(--ease-exp) .2s both}
.hud-route .r-glow{stroke:rgba(227,43,43,.55);stroke-width:7;fill:none;filter:blur(5px);stroke-dasharray:.09 .91;stroke-dashoffset:1;opacity:0}
.hud-route .r-signal{stroke:var(--platinum-bright);stroke-width:2.4;fill:none;filter:drop-shadow(0 0 5px rgba(255,90,74,.9));stroke-dasharray:.09 .91;stroke-dashoffset:1;opacity:0}
.force-motion .hud.hud-live .r-glow,.force-motion .hud.hud-live .r-signal{opacity:1;animation:rSignal 4.6s linear 1.4s infinite}
.hud-route .r-end{fill:rgba(244,240,233,.5)}

.wp{opacity:0}
.hud.hud-live .wp{opacity:1}
.force-motion .hud.hud-live .wp{animation:wpIn .7s var(--ease-exp) both}
.force-motion .hud.hud-live .wp:nth-child(1){animation-delay:.7s}
.force-motion .hud.hud-live .wp:nth-child(2){animation-delay:1.05s}
.force-motion .hud.hud-live .wp:nth-child(3){animation-delay:1.4s}
.wp .wp-ring{stroke:rgba(244,240,233,.5);stroke-width:1.3;fill:rgba(9,8,9,.82)}
.wp .wp-ic{stroke:var(--text-primary);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.wp .wp-ic .blip{fill:var(--platinum-bright);stroke:none}
.wp .wp-stem{stroke:rgba(244,240,233,.28);stroke-width:1}
.wp .wp-dot{fill:var(--platinum)}
.wp .wp-pulse{stroke:var(--platinum);stroke-width:1.3;fill:none;transform-box:fill-box;transform-origin:center;opacity:0}
.force-motion .hud.hud-live .wp .wp-pulse{animation:wpPulse 4.6s ease-out infinite}
.force-motion .hud.hud-live .wp:nth-child(1) .wp-pulse{animation-delay:1.6s}
.force-motion .hud.hud-live .wp:nth-child(2) .wp-pulse{animation-delay:3.0s}
.force-motion .hud.hud-live .wp:nth-child(3) .wp-pulse{animation-delay:4.2s}
.wp-num{fill:var(--platinum);font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:1px}
.wp-label{fill:var(--text-primary);font-family:'IBM Plex Mono',monospace;font-size:15px;letter-spacing:3px}

/* Axis + instrument decoration */
.ax-label{fill:var(--text-tertiary);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px}
.ax-label.zero{fill:var(--platinum)}
.ax-line{stroke:rgba(227,43,43,.22);stroke-width:1;stroke-dasharray:2 7}
.radar-arc{stroke:rgba(244,240,233,.09);fill:none;stroke-width:1}
.radar-sweep{stroke:rgba(227,43,43,.4);stroke-width:1.5;transform-origin:0 0}
.force-motion .hud.hud-live .radar-sweep{animation:radarSpin 9s linear infinite}
.hud-deco-num{fill:var(--text-tertiary);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;opacity:.6}

/* Bottom: headline + contact over the map */
.hud-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:1.35fr .92fr;gap:clamp(20px,3vw,54px);align-items:end;
  padding:clamp(26px,4vw,58px);
  background:linear-gradient(180deg,rgba(8,7,8,0) 0%,rgba(8,7,8,.68) 46%,rgba(8,7,8,.96) 100%)}
.hud-headline{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.02;font-size:clamp(1.7rem,3.7vw,3.3rem);text-transform:uppercase}
.hud-headline em{font-style:normal;color:var(--platinum);display:block}
.hud-sub{color:var(--text-secondary);font-size:1rem;line-height:1.55;max-width:31rem;margin:20px 0 28px}
.hud-contact{border:1px solid rgba(244,240,233,.13);background:rgba(10,9,10,.55);padding:clamp(18px,1.8vw,24px);backdrop-filter:blur(4px)}
.hud-contact .pc-eye{color:var(--platinum);margin-bottom:18px;display:block}
.hud-contact .pc{display:flex;gap:18px;align-items:flex-start}
.hud-contact .pc-photo{position:relative;width:82px;height:100px;flex:none}
.hud-contact .pc-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.03)}
.hud-contact .pc-photo::before,.hud-contact .pc-photo::after{content:"";position:absolute;width:13px;height:13px;border:1px solid var(--platinum)}
.hud-contact .pc-photo::before{top:-4px;left:-4px;border-right:none;border-bottom:none}
.hud-contact .pc-photo::after{bottom:-4px;right:-4px;border-left:none;border-top:none}
.hud-contact .pc-name{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:1.18rem;line-height:1.1}
.hud-contact .pc-role{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin:6px 0 12px}
.hud-contact .pc-row{display:flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:.84rem;margin-top:8px;transition:color .3s}
.hud-contact .pc-row svg{width:13px;height:13px;flex:none;stroke:var(--platinum);fill:none;stroke-width:1.5}
.hud-contact a.pc-row:hover{color:var(--platinum-bright)}
@media(max-width:820px){
  .hud-bottom{grid-template-columns:1fr;position:static;background:linear-gradient(180deg,rgba(8,7,8,.4),rgba(8,7,8,.96));padding:clamp(24px,6vw,40px)}
  .hud-stage{height:auto}
  .hud-stage .map-dots{position:relative;height:clamp(240px,52vw,420px)}
  .hud-grid-svg,.hud-route{display:none}
}

@keyframes rDraw{to{stroke-dashoffset:0}}
@keyframes rSignal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes wpIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes wpPulse{0%{transform:scale(1);opacity:.85}70%{opacity:0}100%{transform:scale(2.7);opacity:0}}
@keyframes radarSpin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion: reduce){
  html:not(.force-motion) *,html:not(.force-motion) *::before,html:not(.force-motion) *::after{animation:none!important;transition:none!important}
  html:not(.force-motion) .rv{opacity:1;transform:none}
  html:not(.force-motion) .hero-enter{opacity:1;filter:none}
  html:not(.force-motion) .brand-name .letter{opacity:1;filter:none;transform:none}
  html:not(.force-motion) .brand-sub{opacity:1}
  html:not(.force-motion) .brandlogo .ring,html:not(.force-motion) .brandlogo .trail,html:not(.force-motion) .brandlogo .trail-glow{stroke-dashoffset:0}
  html:not(.force-motion) .brandlogo .glowbg{opacity:1}
  html:not(.force-motion) .ftile{opacity:1;filter:none}
  html:not(.force-motion) .qtile{opacity:1;transform:none}
  html:not(.force-motion){scroll-behavior:auto}
}

/* ---------- App: Formulare, Chips, Badges, Toasts ---------- */
.field{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.field label{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--platinum)}
.field input,.field textarea,.field select{
  background:var(--surface-1);border:1px solid transparent;border-radius:14px;
  padding:16px 18px;color:var(--text-primary);font-family:'Switzer',sans-serif;font-size:1rem;
  outline:none;transition:border-color .3s,box-shadow .3s;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(227,43,43,.5);box-shadow:0 0 0 3px rgba(227,43,43,.12)}
.field textarea{min-height:130px;resize:vertical}
.form-error{color:#E5484D;font-size:.9rem;margin:6px 0 14px;display:none}
.form-error.on{display:block}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:100px}
.chip-new{background:rgba(227,43,43,.14);color:var(--platinum-bright)}
.chip-review{background:rgba(244,240,233,.1);color:var(--text-secondary)}
.chip-answered{background:rgba(120,190,120,.12);color:#9CCf8E}
.chip-closed{background:rgba(244,240,233,.06);color:var(--text-tertiary)}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:100px;background:var(--platinum);color:#0A0A0B;font-size:.68rem;font-weight:700;vertical-align:middle}
#lido-toasts{position:fixed;right:24px;bottom:24px;z-index:500;display:flex;flex-direction:column;gap:12px}
.lido-toast{background:var(--gloss);border-radius:16px;box-shadow:inset 0 1px 0 var(--gloss-edge),0 24px 50px -20px rgba(0,0,0,.95);padding:18px 22px;width:320px;opacity:0;transform:translateY(12px);transition:all .5s var(--ease-exp)}
.lido-toast.on{opacity:1;transform:none}
.lido-toast .k{color:var(--platinum);display:block;margin-bottom:6px}
.lido-toast p{color:var(--text-secondary);font-size:.9rem;line-height:1.45}
.req-row{background:var(--gloss);border-radius:18px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:22px 26px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto;gap:10px 18px;transition:transform .4s var(--ease-exp),box-shadow .4s}
.req-row:hover{transform:translateY(-2px)}
.req-row .model{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:1.15rem}
.req-row .meta{color:var(--text-tertiary);font-size:.85rem;font-family:'IBM Plex Mono',monospace;letter-spacing:.06em}
.req-row .msg{grid-column:1/-1;color:var(--text-secondary);font-size:.95rem;line-height:1.55}
.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.stat-tiles .cell{padding:28px 24px;text-align:center;border-radius:22px;background:var(--gloss);box-shadow:inset 0 1px 0 var(--gloss-edge)}
.stat-tiles .num{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:2.4rem;line-height:1;background:var(--platinum-sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-tiles .lbl{margin-top:10px;color:var(--text-tertiary);font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.auth-tabs{display:flex;gap:10px;margin-bottom:26px}
.auth-tabs button{flex:1;padding:14px;border:none;border-radius:12px;background:var(--surface-1);color:var(--text-secondary);font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s}
.auth-tabs button.on{background:rgba(227,43,43,.15);color:var(--platinum-bright)}
@media(max-width:900px){.stat-tiles{grid-template-columns:1fr}.req-row{grid-template-columns:1fr}}

/* ---------- Cabin: Auto Showcase over Wide Video ---------- */
.cabin-stage{position:relative;max-width:1280px;margin:clamp(20px,3vw,44px) auto 0}
.cabin-stage .stage-wrap{width:100%;max-width:none;margin:0;border-radius:26px;aspect-ratio:16/8.4;position:relative;overflow:hidden}
.cabin-stage .stage-wrap img,.cabin-stage .stage-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none}
.qdeck{position:absolute;inset:0;perspective:1500px;pointer-events:none;z-index:3}
.qtile{
  position:absolute;top:50%;width:min(400px,44%);pointer-events:auto;
  background:linear-gradient(158deg,#1e1812 0%,#151210 48%,#0d0c0b 100%);
  border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.05),0 40px 80px -24px rgba(0,0,0,.98);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  padding:30px 32px;opacity:0;
  transition:opacity .9s var(--ease-exp),transform .9s var(--ease-exp);
  transform-style:preserve-3d;
}
.qtile{padding:34px 36px 32px}
.qtile .qnum{position:absolute;top:26px;right:32px;color:rgba(244,240,233,.22);font-size:.72rem;letter-spacing:.1em}
.qtile .qeye{display:inline-flex;align-items:center;gap:10px;color:var(--platinum);font-size:.64rem;letter-spacing:.2em;margin-bottom:16px}
.qtile .qeye::before{content:"";width:18px;height:1px;background:var(--platinum);display:inline-block}
.qtile .qt{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.06;letter-spacing:-.015em;color:#F7F4EE}
.qtile .ql{margin-top:14px;color:var(--text-primary);opacity:.82;font-size:.95rem;line-height:1.5}

/* Ruhezustand (weit aussen, stark gedreht, unsichtbar) */
.qtile[data-side="left"]{left:3%;transform:translateY(-50%) translateX(-64px) rotateY(30deg) scale(.9)}
.qtile[data-side="right"]{right:3%;transform:translateY(-50%) translateX(64px) rotateY(-30deg) scale(.9)}
/* die dahinter wartende (schimmert durch) */
.qtile[data-side="left"].next{opacity:.16;transform:translateY(-50%) translateX(-30px) rotateY(26deg) scale(.92)}
.qtile[data-side="right"].next{opacity:.16;transform:translateY(-50%) translateX(30px) rotateY(-26deg) scale(.92)}
/* aktiv: nach innen gedreht, gross, klar */
.qtile[data-side="left"].active{opacity:1;transform:translateY(-50%) translateX(0) rotateY(12deg) scale(1)}
.qtile[data-side="right"].active{opacity:1;transform:translateY(-50%) translateX(0) rotateY(-12deg) scale(1)}
/* Segmentierte Positions-/Fortschrittsanzeige */
.qsegs{display:flex;justify-content:center;gap:8px;margin-top:26px}
.qseg{width:46px;height:3px;border-radius:3px;background:rgba(244,240,233,.14);overflow:hidden;cursor:pointer}
.qseg .fill{display:block;height:100%;width:0;background:var(--platinum);border-radius:3px}
.qseg.done .fill{width:100%}
.qseg.active .fill{width:100%;transition:width var(--dwell,4000ms) linear}
@media(max-width:820px){
  .cabin-stage{max-width:none}
  .cabin-stage .stage-wrap{aspect-ratio:16/9}
  .qdeck{position:static;perspective:none;display:flex;flex-direction:column;gap:12px;margin-top:14px}
  .qtile{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;opacity:1!important;transform:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
  .qsegs{display:none}
}

/* ---------- Animated Brand Logo (Nav) ---------- */
.wordmark.brandlogo{display:flex;align-items:center;gap:11px;--lgk:1}
.brand-emblem{height:34px;width:44px;display:block;overflow:visible;flex:none}
.brand-txt{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1}
.brand-name{font-family:'Michroma','Clash Display',sans-serif;font-size:.98rem;letter-spacing:.13em;display:inline-flex}
.brand-name .letter{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.3em);background:linear-gradient(180deg,#e63541 0%,#c1131f 52%,#8a0e17 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-sub{font-family:'IBM Plex Mono',monospace;font-size:.42rem;letter-spacing:.34em;color:#8a2028;opacity:0}
/* Emblem-Grundzustände */
.brandlogo .glowbg{opacity:0}
.brandlogo .ring{fill:none;stroke:url(#lgRingGrad);stroke-width:36;stroke-dasharray:101;stroke-dashoffset:101}
.brandlogo .trail-glow{fill:none;stroke:url(#lgTrailGrad);stroke-width:30;stroke-linecap:round;opacity:.28;filter:blur(6px);stroke-dasharray:101;stroke-dashoffset:101}
.brandlogo .trail{fill:none;stroke:url(#lgTrailGrad);stroke-width:21;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(226,43,53,.5));stroke-dasharray:101;stroke-dashoffset:101}
.brandlogo .jet{opacity:0;offset-rotate:auto;offset-path:path("M 323.22 576.78 A 250 250 0 0 0 676.78 223.22 A 250 250 0 0 0 323.22 576.78 C 380 628 465 652 560 634 C 638 618 630 480 634 410 C 638 302 646 252 700 168");offset-distance:0%}
.brandlogo .jet-inner{filter:drop-shadow(0 0 8px rgba(226,43,53,.5))}
.brandlogo .flash{opacity:0;transform-box:fill-box;transform-origin:center;scale:.2}
.brandlogo .spark{opacity:0}
/* Ablauf (identische Choreografie wie das Original) */
.brandlogo.play .brand-emblem{animation:lg-settle calc(var(--lgk)*1.7s) cubic-bezier(.16,.7,.2,1) both}
.brandlogo.play .glowbg{animation:lg-fade calc(var(--lgk)*1.2s) ease-out both}
.brandlogo.play .ring{animation:lg-draw calc(var(--lgk)*1.05s) linear both}
.brandlogo.play .jet{animation:lg-fly calc(var(--lgk)*1.5s) linear both}
.brandlogo.play .trail{animation:lg-draw calc(var(--lgk)*.45s) cubic-bezier(.25,.55,.35,1) calc(var(--lgk)*1.05s) both}
.brandlogo.play .trail-glow{animation:lg-draw calc(var(--lgk)*.45s) cubic-bezier(.25,.55,.35,1) calc(var(--lgk)*1.05s) both}
.brandlogo.play .flash{animation:lg-burst calc(var(--lgk)*.5s) cubic-bezier(.2,.7,.3,1) calc(var(--lgk)*1.36s) both}
.brandlogo.play .spark{animation:lg-spark calc(var(--lgk)*.6s) cubic-bezier(.15,.6,.3,1) calc(var(--lgk)*1.39s) both}
.brandlogo.play .streak{animation:lg-streak calc(var(--lgk)*.4s) ease-out calc(var(--lgk)*1.5s) forwards}
.brandlogo.play .letter{animation:lg-letter calc(var(--lgk)*.5s) cubic-bezier(.2,.7,.25,1) both}
.brandlogo.play .letter:nth-child(1){animation-delay:calc(var(--lgk)*.32s)}
.brandlogo.play .letter:nth-child(2){animation-delay:calc(var(--lgk)*.62s)}
.brandlogo.play .letter:nth-child(3){animation-delay:calc(var(--lgk)*.92s)}
.brandlogo.play .letter:nth-child(4){animation-delay:calc(var(--lgk)*1.22s)}
.brandlogo.play .brand-sub{animation:lg-sub calc(var(--lgk)*.9s) cubic-bezier(.2,.7,.25,1) calc(var(--lgk)*1.7s) both}
@keyframes lg-fade{to{opacity:1}}
@keyframes lg-settle{from{transform:scale(.94)}to{transform:scale(1)}}
@keyframes lg-draw{to{stroke-dashoffset:0}}
@keyframes lg-fly{0%{offset-distance:0%;opacity:0;offset-rotate:auto 0deg;animation-timing-function:linear}3%{opacity:1;animation-timing-function:linear}70%{offset-distance:67.4%;offset-rotate:auto 0deg;animation-timing-function:cubic-bezier(.25,.55,.35,1)}100%{offset-distance:100%;offset-rotate:auto 14deg;opacity:1}}
@keyframes lg-burst{0%{opacity:0;scale:.2}18%{opacity:.9}100%{opacity:0;scale:1.7}}
@keyframes lg-spark{0%{opacity:0;translate:0 0;scale:1}14%{opacity:1}100%{opacity:0;translate:var(--tx) var(--ty);scale:.25}}
@keyframes lg-streak{to{opacity:0}}
@keyframes lg-letter{to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes lg-sub{to{opacity:1;letter-spacing:.3em}}

/* ---------- Homepage Logo-Intro ---------- */
.hero-intro{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity .9s ease}
.hero-intro.done{opacity:0}
.hero-intro .intro-mark{--lgk:1;position:relative;z-index:2}
.hero-intro .intro-mark .brand-emblem{height:auto;width:min(190px,30vw)}
.hero-intro .intro-glow{position:absolute;z-index:1;width:60vmax;height:60vmax;border-radius:50%;
  background:radial-gradient(circle, rgba(230,90,70,.24) 0%, rgba(180,45,45,.12) 30%, rgba(120,20,20,0) 62%);
  mix-blend-mode:screen;opacity:0;filter:blur(12px)}
.hero-intro.play .intro-glow{animation:introGlow calc(var(--lgk,1)*2.1s) ease-out both}
@keyframes introGlow{0%{opacity:0;transform:scale(.55)}30%{opacity:.16}55%{opacity:.38}72%{opacity:.26}100%{opacity:0;transform:scale(1.25)}}

/* ---------- Nav Dropdown: Buy / Sell Aircraft ---------- */
.navlinks .has-mega{position:relative;display:inline-flex}
.navlinks .has-mega::after{content:"";position:absolute;top:100%;left:-16px;right:-16px;height:20px}
.navdrop{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);
  display:flex;flex-direction:column;min-width:220px;padding:8px;
  background:var(--gloss);border-radius:14px;box-shadow:inset 0 1px 0 var(--gloss-edge),0 30px 60px -26px rgba(0,0,0,.95);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease-exp),transform .32s var(--ease-exp);z-index:130}
.has-mega:hover .navdrop,.navdrop:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.navdrop a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;color:var(--text-secondary);
  font-family:'Switzer',sans-serif;font-size:.95rem;letter-spacing:0;text-transform:none;transition:background .25s,color .25s}
.navdrop a .mono{color:var(--platinum);font-size:.62rem;width:30px}
.navdrop a .ar{margin-left:auto;color:var(--text-tertiary);transition:transform .3s}
.navdrop a:hover{background:var(--surface-2);color:var(--text-primary)}
.navdrop a:hover .ar{transform:translateX(4px);color:var(--platinum)}

/* ---------- Buy/Sell Chooser-Kacheln (auf der Seite) ---------- */
.buysell-choose{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px);max-width:1160px;margin:clamp(24px,3.4vw,44px) auto 0}
.bs-tile{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#140404;box-shadow:inset 0 1px 0 var(--gloss-edge),0 34px 70px -30px rgba(0,0,0,.95);transition:transform .5s var(--ease-exp),box-shadow .5s var(--ease-exp)}
.bs-tile:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 var(--gloss-edge),0 40px 80px -28px rgba(0,0,0,.98)}
.bs-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s var(--ease-exp)}
.bs-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,4,4,0) 45%,rgba(10,4,4,.82) 100%)}
.bs-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px 30px}
.bs-cap .k{color:var(--platinum);display:block;margin-bottom:8px}
.bs-cap h3{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.01em;line-height:1}
.bs-cap p{color:var(--text-secondary);font-size:.92rem;margin-top:8px;max-width:22rem;line-height:1.45}
.bs-cap .go{position:absolute;right:30px;bottom:30px;color:var(--platinum-bright);font-size:1.3rem;transition:transform .4s var(--ease-exp)}
.bs-tile:hover .go{transform:translateX(6px)}
/* Bewegung: BUY kommt naeher, SELL fliegt weg */
.bs-tile.buy:hover .bs-img{transform:scale(1.09) translateY(3%)}
.bs-tile.sell:hover .bs-img{transform:scale(1.06) translateY(-4%)}
@media(max-width:820px){.buysell-choose{grid-template-columns:1fr}}

/* ============================================================
   NAV MEGA — Bildkacheln (Buy/Sell)
   ============================================================ */
.navdrop.navmega{flex-direction:row;min-width:min(560px,80vw);gap:10px;padding:10px;left:auto;right:-16px;transform:translateY(8px)}
.has-mega:hover .navmega,.navmega:hover{transform:translateY(0)}
.nm-tile{position:relative;flex:1 1 0;min-width:230px;border-radius:12px;overflow:hidden;aspect-ratio:16/10;display:flex;align-items:flex-end;isolation:isolate;background:#140404}
.nm-tile::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--nm-img);background-size:cover;background-position:center;transition:transform .7s var(--ease-exp)}
.nm-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,4,4,.05) 30%,rgba(10,4,4,.9) 100%)}
.nm-tile:hover::before{transform:scale(1.07)}
.nm-body{padding:16px 18px;display:flex;flex-direction:column;gap:3px}
.nm-tile .nm-k{color:var(--platinum);margin-bottom:4px}
.nm-tile .nm-t{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:1.15rem;color:var(--text-primary);letter-spacing:-.01em}
.nm-tile .nm-p{color:var(--text-secondary);font-size:.82rem;line-height:1.4;max-width:16rem}
.nm-tile .nm-go{position:absolute;top:14px;right:16px;color:var(--platinum-bright);font-size:1.15rem;transition:transform .4s var(--ease-exp)}
.nm-tile:hover .nm-go{transform:translateX(5px)}

/* Toast-Action-Link */
.lido-toast .act{display:inline-block;margin-top:12px;color:var(--platinum-bright);cursor:pointer}
.lido-toast .act:hover{color:var(--platinum)}

/* ============================================================
   AIRCRAFT DETAIL POPUP (Buy) — Hintergrund verschwommen
   ============================================================ */
body.modal-open{overflow:hidden}
.ac-overlay{position:fixed;inset:0;z-index:700;display:none;align-items:center;justify-content:center;padding:clamp(14px,4vw,48px);
  background:rgba(6,4,4,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .35s var(--ease-exp)}
.ac-overlay.on{display:flex;opacity:1}
.ac-modal{width:min(1000px,100%);max-height:90svh;overflow:auto;background:var(--gloss);border-radius:26px;
  box-shadow:inset 0 1px 0 var(--gloss-edge),0 60px 130px -30px rgba(0,0,0,.97);position:relative;
  transform:translateY(20px) scale(.98);transition:transform .45s var(--ease-exp)}
.ac-overlay.on .ac-modal{transform:none}
.ac-modal::-webkit-scrollbar{width:10px}
.ac-modal::-webkit-scrollbar-thumb{background:rgba(244,240,233,.12);border-radius:8px}
.ac-modal .m-close{position:fixed;top:auto;z-index:3}
.m-close{position:absolute;top:16px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--hairline-strong);
  background:rgba(10,9,8,.6);color:var(--text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:color .3s,border-color .3s}
.m-close:hover{color:var(--platinum);border-color:var(--platinum)}
.m-grid{display:grid;grid-template-columns:1.02fr 1fr}
.m-photo{position:relative;min-height:100%;background:var(--stage-deep)}
.m-photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.m-photo .m-badge{position:absolute;left:18px;top:18px;z-index:2}
.chip-avail{background:rgba(120,190,120,.14);color:#9CCf8E}
.m-info{padding:clamp(26px,3vw,44px)}
.m-info .m-cat{color:var(--platinum);display:block;margin-bottom:14px}
.m-info .m-model{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.05;letter-spacing:-.015em}
.m-info .m-priceline{display:flex;align-items:baseline;gap:14px;margin:16px 0 22px;flex-wrap:wrap}
.m-info .m-price{font-family:'IBM Plex Mono',monospace;font-size:.9rem;letter-spacing:.08em;color:var(--text-primary)}
.m-info .m-tail{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}
.m-info .m-summary{color:var(--text-secondary);font-size:.96rem;line-height:1.62;margin-bottom:26px}
.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border-radius:16px;overflow:hidden;margin-bottom:26px}
.quick-facts .qf{background:var(--surface-1);padding:16px 18px}
.quick-facts .qf .l{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);display:block;margin-bottom:6px}
.quick-facts .qf .v{font-size:.95rem;color:var(--text-primary)}
.m-sub{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--platinum);margin-bottom:14px}
.spec-table{width:100%;border-collapse:collapse;margin-bottom:26px}
.spec-table td{padding:11px 0;font-size:.9rem;vertical-align:top}
.spec-table tr+tr td{border-top:1px solid var(--hairline)}
.spec-table td.k{color:var(--text-tertiary);width:42%;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding-right:16px}
.spec-table td.v{color:var(--text-secondary)}
.hl-list{list-style:none;margin-bottom:30px;display:flex;flex-direction:column;gap:11px}
.hl-list li{position:relative;padding-left:26px;color:var(--text-secondary);font-size:.92rem;line-height:1.45}
.hl-list li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:2px;background:var(--platinum)}
.m-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.m-actions .btn{flex:1 1 auto;justify-content:center}
.m-note{margin-top:16px;color:var(--text-tertiary);font-size:.8rem;line-height:1.5}
@media(max-width:820px){.m-grid{grid-template-columns:1fr}.m-photo img{min-height:220px;max-height:38svh}}

/* ============================================================
   SELL — Flugzeug-Eingabeformular
   ============================================================ */
.sell-form{max-width:1000px;margin:0 auto;background:var(--gloss);border-radius:26px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:clamp(28px,3.4vw,52px)}
.sell-form .fs{margin-bottom:34px}
.sell-form .fs:last-of-type{margin-bottom:0}
.sell-form .fs-k{color:var(--platinum);display:block;margin-bottom:20px}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px}
.fgrid .col-2{grid-column:span 2}
.fgrid .col-3{grid-column:1/-1}
.sell-form .btn{width:100%;justify-content:center;margin-top:8px}
.sell-form .form-error{margin-top:4px}
.sell-ok{display:none;text-align:center;padding:clamp(40px,6vw,72px) 20px}
.sell-ok.on{display:block}
.sell-ok .mono{color:var(--platinum);display:block;margin-bottom:16px}
.sell-ok h3{font-family:'Clash Display','Switzer',sans-serif;font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:14px}
.sell-ok p{color:var(--text-secondary);max-width:32rem;margin:0 auto}
@media(max-width:720px){.fgrid{grid-template-columns:1fr}.fgrid .col-2{grid-column:auto}}

/* ============================================================
   TEAM — Careers / Become a Team Member
   ============================================================ */
.careers{background:var(--stage-deep)}
.careers .cwrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:start;max-width:1160px;margin:0 auto}
.careers .cintro h2{margin-bottom:20px}
.careers .cintro p{color:var(--text-secondary);margin-bottom:18px;max-width:30rem}
.careers .cperks{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:14px}
.careers .cperks li{position:relative;padding-left:26px;color:var(--text-secondary);font-size:.95rem}
.careers .cperks li::before{content:"";position:absolute;left:0;top:9px;width:13px;height:2px;background:var(--platinum)}
.careers .cform{background:var(--gloss);border-radius:26px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:clamp(26px,3vw,44px)}
.careers .cform .k{color:var(--platinum);display:block;margin-bottom:24px}
.careers .cform .btn{width:100%;justify-content:center;margin-top:6px}
.careers .cform .ok{display:none;color:#9CCf8E;font-size:.92rem;margin-top:14px}
.careers .cform .ok.on{display:block}
@media(max-width:820px){.careers .cwrap{grid-template-columns:1fr}}

/* ============================================================
   DASHBOARD — Rollen, Zuweisung, Filter, Owner
   ============================================================ */
.role-pill{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:100px;background:rgba(227,43,43,.12);color:var(--platinum-bright);margin-top:14px}
.role-pill.ceo{background:var(--platinum-sheen);color:#0A0A0B;font-weight:600}
.dash-filterset{max-width:900px;margin:0 auto 26px;display:flex;flex-direction:column;gap:12px}
.dash-filterset .frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dash-filterset .frow>.mono.lbl{color:var(--text-tertiary);width:74px;flex:none}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{background:var(--surface-1);border:1px solid transparent;border-radius:100px;padding:9px 16px;color:var(--text-secondary);
  font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s;white-space:nowrap}
.seg button:hover{color:var(--text-primary)}
.seg button.on{background:rgba(227,43,43,.15);color:var(--platinum-bright);border-color:rgba(227,43,43,.3)}
.req-row .kind-tag{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--platinum);display:inline-block;margin-bottom:8px}
.req-row .owner{display:flex;align-items:center;gap:8px;margin-top:10px}
.req-row .owner .mono{color:var(--text-tertiary)}
.req-row .side .fwd{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);transition:color .3s;white-space:nowrap}
.req-row .side .fwd:hover{color:var(--platinum-bright)}
.chip-owner{background:rgba(244,240,233,.07);color:var(--text-secondary)}
.chip-pool{background:rgba(255,90,74,.1);color:var(--platinum-bright)}
.alert-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--text-tertiary);font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;transition:color .3s}
.alert-toggle:hover{color:var(--platinum-bright)}
.alert-toggle .dotbox{width:34px;height:18px;border-radius:100px;background:var(--surface-2);position:relative;transition:background .3s}
.alert-toggle .dotbox::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-tertiary);transition:transform .3s,background .3s}
.alert-toggle.on .dotbox{background:rgba(227,43,43,.4)}
.alert-toggle.on .dotbox::after{transform:translateX(16px);background:var(--platinum-bright)}
.req-detail{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 22px;margin-top:6px;padding-top:14px;border-top:1px solid var(--hairline)}
.req-detail .d{font-size:.85rem;color:var(--text-secondary)}
.req-detail .d .l{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);display:block;margin-bottom:2px}
@media(max-width:640px){.req-detail{grid-template-columns:1fr}}

/* ============================================================
   NAV AVATAR + ACCOUNT-DROPDOWN
   ============================================================ */
.nav-account{position:relative;display:inline-flex}
.nav-avatar{position:relative;background:none;border:none;padding:0;cursor:pointer;display:inline-flex}
.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface-2);color:var(--text-primary);font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.02em;
  border:1px solid rgba(227,43,43,.45);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.nav-avatar:hover .avatar,.nav-avatar.active .avatar{border-color:var(--platinum);box-shadow:0 0 0 3px rgba(227,43,43,.15)}
.nav-avatar .nav-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;font-size:.58rem}
.navdrop--account{left:auto;right:0;transform:translateX(0) translateY(8px);min-width:244px}
.has-mega:hover .navdrop--account,.navdrop--account:hover{transform:translateX(0) translateY(0)}
.navdrop--account .acc-head{padding:12px 16px 14px;display:flex;flex-direction:column;gap:4px;margin-bottom:6px;border-bottom:1px solid rgba(244,240,233,.08)}
.acc-name{color:var(--text-primary);font-weight:500}
.acc-mail{color:var(--text-tertiary);font-size:.62rem;text-transform:none;letter-spacing:.03em}

/* ============================================================
   SOCIAL LOGIN BUTTONS (Google / Apple / Microsoft — Demo)
   ============================================================ */
.social-row{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border-radius:14px;
  border:1px solid var(--hairline-strong);background:rgba(255,255,255,.02);color:var(--text-primary);cursor:pointer;
  font-family:'Switzer',sans-serif;font-size:.92rem;font-weight:500;transition:border-color .3s,background .3s}
.social-btn:hover{border-color:var(--platinum);background:rgba(227,43,43,.06)}
.social-btn .si{width:19px;height:19px;flex:none;display:inline-flex}
.social-btn .si svg{width:100%;height:100%}
.social-sep{display:flex;align-items:center;gap:14px;color:var(--text-tertiary);margin:20px 0 6px;font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.social-sep::before,.social-sep::after{content:"";flex:1;height:1px;background:var(--hairline)}

/* ============================================================
   ACCOUNT SETTINGS
   ============================================================ */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);max-width:1000px;margin:0 auto}
.set-card{background:var(--gloss);border-radius:22px;box-shadow:inset 0 1px 0 var(--gloss-edge);padding:clamp(24px,2.6vw,34px)}
.set-card>.k{color:var(--platinum);display:block;margin-bottom:20px}
.set-card.full{grid-column:1/-1}
.set-avatar-row{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.avatar.set-avatar{width:74px;height:74px;font-size:1.5rem}
.set-card .btn{width:100%;justify-content:center;margin-top:4px}
.set-provider{display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:.9rem;background:var(--surface-1);border-radius:12px;padding:14px 16px}
.set-provider .si{width:18px;height:18px}
.set-danger{border:1px solid rgba(227,43,43,.3)}
.set-ok{color:#9CCf8E;font-size:.9rem;margin-top:12px;display:none}
.set-ok.on{display:block}
.link-danger{background:none;border:none;cursor:pointer;color:var(--platinum);font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;padding:0}
.link-danger:hover{color:var(--platinum-bright)}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}

/* ============ i18n: Sprachumschalter + RTL + CJK/Arabisch-Fonts ============ */
.lang-switch{position:relative;display:inline-flex}
.lang-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;cursor:pointer;color:var(--text-secondary);font-family:inherit;transition:color .3s}
.lang-btn:hover{color:var(--platinum-bright)}
.ls-flag{width:21px;height:14px;border-radius:2.5px;overflow:hidden;flex:0 0 auto;display:inline-flex;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.ls-flag svg{width:100%;height:100%;display:block}
.ls-caret{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.lang-btn .ls-cur{font-size:.7rem;letter-spacing:.12em}
.navdrop.navlang{left:auto;right:0;transform:translateX(0) translateY(8px);min-width:190px;flex-direction:column}
.has-mega:hover .navlang,.navlang:hover{transform:translateX(0) translateY(0)}
.navlang a{justify-content:flex-start;gap:11px}
.navlang a .ls-name{color:var(--text-secondary);transition:color .3s;margin-inline-end:auto}
.navlang a:hover .ls-name{color:var(--text-primary)}
.navlang a.on .ls-name{color:var(--platinum)}
.navlang a .ls-code{color:var(--text-tertiary);font-size:.62rem;width:auto}
.navlang a.on .ls-code{color:var(--platinum)}

/* CJK / Arabisch: passende Schrift zuschalten (Clash/Switzer decken diese Zeichen nicht ab) */
html[lang="zh"] body{font-family:'Noto Sans SC','Switzer',system-ui,sans-serif}
html[lang="zh"] .serif,html[lang="zh"] .display-xl,html[lang="zh"] .h2,html[lang="zh"] .hud-headline,html[lang="zh"] .card .model,html[lang="zh"] .svc-item h3,html[lang="zh"] .ttile blockquote,html[lang="zh"] .quoteblock,html[lang="zh"] .hud-stat .tx b,html[lang="zh"] .hud-contact .pc-name,html[lang="zh"] .req-row .model,html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3{font-family:'Noto Sans SC','Clash Display',sans-serif}
html[lang="ar"] body{font-family:'Noto Sans Arabic','Switzer',system-ui,sans-serif}
html[lang="ar"] .serif,html[lang="ar"] .display-xl,html[lang="ar"] .h2,html[lang="ar"] .hud-headline,html[lang="ar"] .card .model,html[lang="ar"] .svc-item h3,html[lang="ar"] .ttile blockquote,html[lang="ar"] .quoteblock,html[lang="ar"] .hud-stat .tx b,html[lang="ar"] .hud-contact .pc-name,html[lang="ar"] .req-row .model,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:'Noto Sans Arabic','Clash Display',sans-serif}
/* Arabisch: Buchstaben-Sperrung/Grossschreibung bricht die kursive Schrift -> zuruecksetzen */
html[lang="ar"] .mono,html[lang="ar"] .display-xl,html[lang="ar"] .h2,html[lang="ar"] .hud-headline,html[lang="ar"] .hud-eyebrow{letter-spacing:normal;text-transform:none}
html[lang="ar"] .mono{font-family:'Noto Sans Arabic',monospace}

/* ---- RTL ---- */
html[dir="rtl"] .arr,html[dir="rtl"] .navdrop a .ar,html[dir="rtl"] .nm-go,html[dir="rtl"] .pc-row svg{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .navdrop{left:0;right:auto;transform:translateX(0) translateY(8px)}
html[dir="rtl"] .has-mega:hover .navdrop,html[dir="rtl"] .navdrop:hover{transform:translateX(0) translateY(0)}
html[dir="rtl"] .navdrop a .ar{margin-left:0;margin-right:auto}