@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#071422;--panel:#101f31;--line:#28425a;--txt:#e9f3fc;--muted:#9eb3c9;--blue:#6bc8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;z-index:100;background:white;color:black;padding:8px}.skip:focus{top:10px}
.topbar{height:82px;position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #b0d6fa24;background:linear-gradient(#071422c9,#0714223b);gap:18px}.brand{display:flex;align-items:center;gap:12px;line-height:1.1}.brandmark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #7dd1ff80;border-radius:50%;font-size:28px;color:var(--blue)}.brand strong{display:block;font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.brand small{font-size:9px;letter-spacing:.22em;color:#b9d3eb}.topbar nav{display:flex;gap:32px;font-size:13px;color:#d7e5f3}.topbar nav a:hover{color:var(--blue)}.login,.primary{background:#71caff;color:#071827;border:1px solid #71caff;border-radius:4px;font-weight:700;padding:12px 20px;display:inline-flex;align-items:center;gap:14px;font-size:13px}.login:hover,.primary:hover{background:#a7e0ff}.secondary{border:1px solid #a1c8e877;border-radius:4px;padding:12px 20px;font-size:13px;font-weight:600;background:#081b2c99}.secondary:hover{border-color:var(--blue)}
.hero{min-height:780px;height:min(900px,100vh);position:relative;display:flex;align-items:end;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('/assets/fige-hero.png') center 31%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061321e8 0%,#071625bd 31%,#06132140 72%),linear-gradient(0deg,#071422 0%,#071422c7 16%,transparent 65%)}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 0 130px max(5vw,24px)}.eyebrow,.section-kicker{color:#79d1ff;letter-spacing:.24em;font-size:11px;font-weight:700}.signal{display:inline-block;width:7px;height:7px;background:#78d9ff;border-radius:50%;box-shadow:0 0 13px #79d1ff;margin-right:8px}.hero h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;line-height:1.05}.hero h1{font-size:clamp(55px,7vw,112px);letter-spacing:.015em;margin:16px 0 20px;text-transform:uppercase}.hero h1 em{font-style:normal;color:#78ccff}.hero p{max-width:550px;color:#d2e1ef;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-around;gap:15px;padding:21px 5%;border-top:1px solid #ffffff27;background:#071422a1;color:#a9c5dc;font-size:10px;letter-spacing:.18em}
.section{max-width:1320px;margin:auto;padding:100px max(5vw,24px)}.section h2{font-size:clamp(43px,5vw,70px);text-transform:uppercase;margin:16px 0 26px}.section h2 span{color:var(--blue)}.section p{color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-bottom:1px solid var(--line)}.intro p{margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.feature{min-height:280px;background:linear-gradient(145deg,#152b42,#0d1c2e);border:1px solid var(--line);padding:28px;position:relative}.feature-number{position:absolute;right:26px;top:20px;color:#5e829e;font-size:12px}.feature-icon{font-size:45px;color:#79caff;line-height:1}.feature h3{font-size:32px;text-transform:uppercase;margin:28px 0 12px}.feature p{font-size:14px;margin:0}.portal{max-width:none;background:linear-gradient(120deg,#102b43,#081523);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-left:max(calc((100vw - 1180px)/2),5vw);padding-right:max(calc((100vw - 1180px)/2),5vw);align-items:center}.portal p{max-width:500px;margin-bottom:30px}.module-list{display:grid;gap:12px}.module-list>div{display:grid;grid-template-columns:46px 1fr;column-gap:16px;align-items:center;padding:16px 20px;border:1px solid #36536b;background:#132d43a8}.module-list span{grid-row:span 2;font-size:29px;color:#75cbff}.module-list strong{font-size:15px}.module-list small{font-size:12px;color:#9db4c7}.module-list .future{opacity:.55}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 5%;color:#8ca6bc;font-size:12px}footer strong{color:#d7ebfc}footer span{color:#5f819b}
@media(max-width:850px){.topbar nav{display:none}.intro,.portal{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{min-height:730px;height:90vh}.hero-content{margin-bottom:100px}.hero-image{background-position:54% center}.hero-overlay{background:linear-gradient(90deg,#061321e8,#0716259c),linear-gradient(0deg,#071422 0%,transparent 70%)}.hero-bottom{font-size:8px;flex-wrap:wrap}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:520px){.topbar{height:72px}.brand small{font-size:7px}.brand strong{font-size:23px}.login{padding:9px 12px}.hero h1{font-size:53px}.hero p{font-size:14px}.hero-content{margin-right:20px}.hero-bottom span{flex:1 1 28%;text-align:center}.section h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* FiGE Mobile-Fix V1.1: Das vollständige Emblem bleibt im Bild. */
@media (max-width: 850px) {
  .hero-image {
    background-size: 100% auto;
    background-position: center 92px;
    background-repeat: no-repeat;
    background-color: #071422;
  }
  .hero-overlay {
    background: linear-gradient(180deg, #07142220 0%, #07142215 25%, #071422e8 53%, #071422 85%);
  }
}

@media (max-width: 520px) {
    .hero-image {
        background-size: 100% auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #071422;
    }
}