:root{
  color-scheme:dark;--bg:#090f25;--bg2:#111d3b;--ink:#f8fafc;--muted:#aebbd1;
  --surface:rgba(13,22,48,.78);--stroke:rgba(200,219,255,.16);--orange:#ff9c21;--cyan:#24bcd3;
  --control:rgba(255,255,255,.075);--shadow:rgba(0,0,0,.27);--ring:rgba(36,188,211,.2);
  --grid-groove:rgba(0,4,18,.62);--grid-edge:rgba(173,198,240,.22);--grid-opacity:.76
}
:root[data-theme="light"]{
  color-scheme:light;--bg:#f1f5fa;--bg2:#e7edf5;--ink:#121d3f;--muted:#495a78;
  --surface:rgba(255,255,255,.88);--stroke:rgba(23,43,89,.15);--orange:#cb700b;--cyan:#087f9b;
  --control:rgba(255,255,255,.8);--shadow:rgba(22,36,72,.13);--ring:rgba(11,143,173,.14);
  --grid-groove:rgba(34,55,87,.19);--grid-edge:rgba(255,255,255,.9);--grid-opacity:.68
}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
button,select{font:inherit}
button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.page{min-height:100vh;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:clamp(20px,4vw,56px);background:radial-gradient(ellipse at 70% 18%,var(--bg2),var(--bg) 63%)}
/* Flaches Raster mit hauchfeinen Licht-/Schattenkanten in den Fugen. */
.page::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;
  inset:0;
  background-image:
    linear-gradient(90deg,var(--grid-groove) 0 1px,var(--grid-edge) 1px 2px,transparent 2px),
    linear-gradient(0deg,var(--grid-groove) 0 1px,var(--grid-edge) 1px 2px,transparent 2px);
  background-size:48px 48px;
  opacity:calc(var(--grid-opacity) * .6);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 73%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 73%,transparent);
}
.background-glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(85px);border-radius:50%;opacity:.15}
.glow-left{width:380px;height:380px;background:#ff981a;left:-180px;bottom:-140px}
.glow-right{width:500px;height:500px;background:#19bed8;right:-210px;top:-190px}
.page-shell{width:min(100%,980px);border:1px solid var(--stroke);border-radius:24px;background:var(--surface);box-shadow:0 24px 90px var(--shadow);backdrop-filter:blur(20px);overflow:hidden}
.topbar{padding:23px clamp(22px,4vw,40px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-size:clamp(1.24rem,2.5vw,1.6rem);font-weight:850;letter-spacing:-.055em;text-decoration:none;color:var(--ink);white-space:nowrap}
.brand-icon{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--stroke)}
/* Light/dark variants from the user-supplied brand kit. */
.theme-light-only{display:none}
:root[data-theme="light"] .theme-dark-only{display:none}
:root[data-theme="light"] .theme-light-only{display:block}
.brand-dot{color:var(--cyan)}
.controls{display:flex;align-items:center;gap:10px}
.theme-toggle,.lang-control{min-height:42px;border-radius:11px;border:1px solid var(--stroke);background:var(--control);color:var(--ink);display:flex;align-items:center;justify-content:center}
.theme-toggle{width:43px;cursor:pointer}
.theme-toggle:hover,.lang-control:hover{border-color:var(--cyan)}
.icon-sun{display:none}
:root[data-theme="light"] .icon-sun{display:block}
:root[data-theme="light"] .icon-moon{display:none}
.lang-control{gap:6px;padding:0 10px 0 12px}
.lang-control select{width:153px;background:transparent;border:0;color:var(--ink);cursor:pointer;font-size:.78rem;font-weight:680;outline:none}
.lang-control select option{color:#111b36;background:#f5f7fb}
.hero{padding:clamp(42px,7vw,94px) clamp(26px,6vw,74px);display:grid;grid-template-columns:minmax(165px,230px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,62px)}
.hero-symbol{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:230px}
.orbit{position:absolute;inset:4%;border:1px solid var(--ring);border-radius:50%}
.orbit-one{transform:scale(1.18)}
.orbit-two{transform:scale(1.38);border-style:dashed;opacity:.65}
.hero-badge{width:min(80%,190px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 14px 50px rgba(8,14,32,.31),0 0 0 7px var(--ring);position:relative}
.eyebrow{color:var(--orange);display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:850;letter-spacing:.16em;margin:0 0 23px}
.eyebrow-dot,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,156,33,.11)}
h1{margin:0;font-size:clamp(2.8rem,5.1vw,5.4rem);font-weight:850;line-height:1.04;letter-spacing:-.06em;overflow-wrap:break-word}
.heading-accent{color:var(--orange)}
.tagline{max-width:530px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.62}
.tagline-strong{margin:9px 0 0;color:var(--ink);font-size:clamp(.97rem,1.8vw,1.11rem);font-weight:720;line-height:1.6}
.status{display:inline-flex;align-items:center;gap:12px;margin-top:38px;padding:11px 15px;border-radius:100px;background:var(--control);border:1px solid var(--stroke);color:var(--muted);font-size:.84rem;font-weight:650}
.status-dot{background:var(--cyan);box-shadow:0 0 0 4px rgba(36,188,211,.13)}
.footer{padding:22px clamp(22px,4vw,40px);border-top:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:.79rem}
.footer-separator{padding:0 6px;color:var(--orange)}
.legal-links{display:flex;gap:18px}
.legal-links a{color:inherit;text-decoration:none}
.legal-links a:hover{color:var(--orange);text-decoration:underline}
.legal-dialog{max-width:min(92vw,520px);width:100%;border:1px solid var(--stroke);border-radius:18px;padding:0;background:var(--bg2);color:var(--ink);box-shadow:0 24px 90px rgba(0,0,0,.4)}
.legal-dialog::backdrop{background:rgba(2,8,20,.75);backdrop-filter:blur(5px)}
.legal-panel{position:relative;max-height:78svh;overflow:auto;padding:30px}
.legal-panel h2{font-size:1.4rem;margin:0 0 20px}
.legal-body{font-size:.91rem;color:var(--muted);line-height:1.65}
.legal-body section+section{margin-top:20px}
.legal-body h3{font-size:1rem;color:var(--ink);margin:0}
.legal-body p{margin:7px 0 0}
.close-dialog{position:absolute;right:16px;top:14px;border:1px solid var(--stroke);width:36px;height:36px;border-radius:50%;background:var(--control);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:680px){
 .page{padding:14px;place-items:center}
 .page-shell{border-radius:18px}
 .topbar{padding:18px;gap:12px}
 .brand{gap:8px}
 .brand-icon{width:38px;height:38px}
 .controls{gap:7px}
 .lang-control{padding:0 6px}
 .lang-control svg{display:none}
 .lang-control select{width:91px;font-size:.7rem}
 .hero{grid-template-columns:1fr;text-align:center;justify-items:center;padding:35px 24px 44px;gap:27px}
 .hero-symbol{width:155px}
 .hero-badge{width:136px}
 .eyebrow{justify-content:center;margin-bottom:18px}
 h1{font-size:clamp(2.75rem,10vw,4.6rem)}
 .tagline{margin-top:24px}
 .status{margin-top:28px}
 .footer{padding:17px;flex-direction:column;justify-content:center;text-align:center;gap:10px}
}
@media(max-width:370px){
 .brand{font-size:1.18rem}
 .brand-icon{width:33px;height:33px}
 .theme-toggle,.lang-control{min-height:37px}
 .theme-toggle{width:37px}
 .lang-control select{width:78px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}