@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700&display=swap');
:root{--bg:#060915;--bg2:#0a1022;--card:rgba(15,23,48,.68);--line:rgba(127,148,255,.16);--text:#f7f9ff;--muted:#9ca9c9;--cyan:#02d9ee;--blue:#1675ff;--violet:#7542ff;--green:#31edc0;--shadow:0 30px 100px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#0b1534 0,#060915 34%,#040610 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(77,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,112,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none;z-index:-3}.orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.16;z-index:-2}.orb-a{width:560px;height:560px;background:#046cff;left:-180px;top:120px}.orb-b{width:500px;height:500px;background:#6e2cff;right:-120px;top:320px}
.site-header{position:sticky;top:0;z-index:40;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(4,7,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.18em}.brand img{width:46px;height:46px;object-fit:cover;border-radius:12px}.desktop-nav{display:flex;gap:30px;color:#b8c1dc;font-size:.94rem}.desktop-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:10px}.lang-btn,.menu-btn{background:transparent;color:white;border:1px solid rgba(255,255,255,.16);border-radius:10px;height:40px;padding:0 12px;cursor:pointer}.menu-btn{display:none;width:42px;padding:10px}.menu-btn span{display:block;height:2px;background:white;margin:4px 0}.mobile-nav{display:none;position:fixed;top:78px;left:0;right:0;z-index:39;padding:18px 24px;background:#090e20;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-nav.open{display:grid;gap:14px}
.section{width:min(1180px,calc(100% - 40px));margin:auto;padding:110px 0}.compact{padding-top:72px;padding-bottom:72px}.hero{text-align:center;padding-top:110px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#72eaff;font-weight:700;font-size:.76rem;letter-spacing:.17em;text-transform:uppercase}.pulse{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 0 rgba(49,237,192,.6);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(49,237,192,0)}}h1{font-size:clamp(2.6rem,6.2vw,5.6rem);line-height:1.02;letter-spacing:-.055em;max-width:1050px;margin:28px auto 24px;background:linear-gradient(135deg,#fff 20%,#b7c9ff 56%,#61eafa);-webkit-background-clip:text;color:transparent}h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 18px}.hero-copy,.section-heading p{max-width:790px;margin:0 auto;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;justify-content:center;gap:14px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:14px 22px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,var(--blue),var(--violet));box-shadow:0 14px 35px rgba(61,79,255,.28);color:white}.btn-ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.btn-small{padding:10px 15px;border-radius:10px;font-size:.88rem}.hero-trust{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;color:#7885a7;font-weight:700;letter-spacing:.07em;margin:44px 0 56px}
.dashboard-shell{padding:25px;border-radius:26px;background:linear-gradient(145deg,rgba(19,30,64,.88),rgba(7,12,28,.93));border:1px solid rgba(93,128,255,.22);box-shadow:var(--shadow);text-align:left;position:relative;overflow:hidden}.dashboard-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(0,217,238,.035),transparent);pointer-events:none}.dash-top,.card-head,.confidence{display:flex;align-items:center;justify-content:space-between}.dash-top h2{font-size:1.45rem;margin:3px 0}.dash-top small{color:#6fe8ff;letter-spacing:.16em}.status{display:flex;align-items:center;gap:9px;color:#b7c6e8;font-size:.87rem}.status i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metrics article,.chart-card,.insight-card{background:rgba(8,15,35,.72);border:1px solid var(--line);border-radius:17px;padding:18px}.metrics span{display:block;color:#9aa9ca;font-size:.83rem}.metrics strong{font-size:2rem;letter-spacing:-.04em}.metrics small{color:#54dfbd}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.card-head{color:#aab6d2;font-size:.88rem}.chart{height:220px;margin-top:15px;position:relative;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055),rgba(255,255,255,.055) 1px,transparent 1px,transparent 54px);overflow:hidden}.chart-line{position:absolute;inset:15px 0 12px;background:linear-gradient(180deg,rgba(32,173,255,.22),transparent);clip-path:polygon(0 72%,8% 64%,16% 68%,25% 38%,34% 52%,43% 34%,51% 44%,61% 22%,72% 48%,81% 28%,91% 35%,100% 14%,100% 100%,0 100%);border-top:3px solid #20b8ff}.event{position:absolute;width:12px;height:12px;border-radius:50%;background:#7b4aff;box-shadow:0 0 16px #7b4aff}.e1{left:24%;top:39%}.e2{left:60%;top:19%}.e3{left:80%;top:25%;background:#00d8ef}.e4{left:91%;top:31%;background:#38e6b8}.chart-labels{display:flex;justify-content:space-between;color:#64708d;font-size:.72rem}.ai-badge{display:inline-block;padding:6px 9px;border-radius:8px;background:rgba(118,65,255,.2);color:#a88bff;font-size:.69rem;font-weight:800;letter-spacing:.12em}.insight-card h3{font-size:1.3rem;margin:18px 0 8px}.insight-card p{color:#9aa8c6}.confidence{font-size:.8rem;color:#7e8baa;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}.confidence b{color:#62e5c8}
.section-heading{text-align:center;max-width:850px;margin:0 auto 42px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare{border-radius:23px;padding:30px;border:1px solid var(--line);position:relative}.compare.muted{background:rgba(15,19,34,.65)}.compare.accent{background:linear-gradient(145deg,rgba(22,51,99,.72),rgba(31,19,75,.72));border-color:rgba(83,111,255,.45);box-shadow:0 24px 70px rgba(40,47,135,.22)}.compare h3{font-size:1.45rem}.compare ul,.beta-benefits{padding:0;list-style:none}.compare li,.beta-benefits li{padding:10px 0 10px 28px;color:#b5c0dc;position:relative}.compare li:before,.beta-benefits li:before{content:"✓";position:absolute;left:0;color:#39e8bd;font-weight:800}.muted li:before{content:"–";color:#66718f}.recommended{position:absolute;right:20px;top:-13px;background:linear-gradient(90deg,#116cff,#7542ff);padding:7px 11px;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.1em}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.audience-grid article{padding:25px;border-radius:20px;background:linear-gradient(145deg,rgba(14,23,49,.78),rgba(8,13,29,.85));border:1px solid var(--line);transition:.25s transform,.25s border}.feature-card:hover{transform:translateY(-5px);border-color:rgba(65,134,255,.5)}.feature-card .icon{font-size:1.7rem}.feature-card h3{font-size:1.08rem;margin:14px 0 8px}.feature-card p,.steps p,.audience-grid p{color:#929fbd;font-size:.92rem;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:30px 25px;border-left:1px solid rgba(76,118,255,.4);background:linear-gradient(90deg,rgba(23,43,94,.22),transparent)}.steps b{font-family:Orbitron;color:#55dcff;font-size:1.8rem}.steps h3{margin:15px 0 8px}.privacy-note{display:flex;gap:18px;align-items:flex-start;margin-top:28px;padding:22px;border-radius:18px;background:rgba(43,70,125,.18);border:1px solid rgba(74,130,255,.22)}.privacy-note span{font-size:1.4rem}.privacy-note p{margin:3px 0 0;color:#98a8c8}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-grid article span{font-family:Orbitron;color:#2de3e4}.faq-list{max-width:900px;margin:auto}.faq-list details{border:1px solid var(--line);border-radius:16px;background:rgba(10,17,37,.72);padding:0 20px;margin:12px 0}.faq-list summary{cursor:pointer;padding:18px 0;font-weight:700}.faq-list p{color:#9ca9c8;margin:0 0 20px}
.beta-section{padding-top:80px}.beta-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:42px;border-radius:28px;background:linear-gradient(145deg,rgba(18,42,88,.86),rgba(29,16,68,.88));border:1px solid rgba(75,112,255,.34);box-shadow:var(--shadow)}.beta-panel h2{font-size:clamp(2rem,3.5vw,3.2rem)}.beta-panel>div>p{color:#aab5d0}.beta-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.beta-form label{display:grid;gap:7px;color:#b8c2da;font-size:.85rem}.beta-form input,.beta-form textarea,.beta-form select{width:100%;background:rgba(5,10,24,.72);border:1px solid rgba(137,155,226,.18);border-radius:11px;color:white;padding:12px 13px;outline:none}.beta-form input:focus,.beta-form textarea:focus,.beta-form select:focus{border-color:#3e9cff;box-shadow:0 0 0 3px rgba(62,156,255,.12)}.beta-form option{background:#0a1021}.full{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.check input{width:18px;height:18px;margin-top:2px}.form-note{font-size:.75rem;color:#8190b0;margin:0}.footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:40px 0 50px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;color:#71809f}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;border-radius:12px}.footer-brand strong{display:block;font-family:Orbitron;color:white;letter-spacing:.14em}.footer-brand span{font-size:.65rem;letter-spacing:.12em}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.footer>p{grid-column:1/-1;font-size:.82rem;margin:0}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;display:none;align-items:center;justify-content:space-between;gap:24px;max-width:980px;margin:auto;padding:20px;border:1px solid rgba(113,141,255,.3);border-radius:18px;background:rgba(7,12,28,.96);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.6)}.cookie-banner.show{display:flex}.cookie-banner p{margin:5px 0 0;color:#93a1bf;font-size:.85rem}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.dash-grid,.beta-panel{grid-template-columns:1fr}.compare-grid,.steps,.audience-grid{grid-template-columns:1fr}.hero{padding-top:80px}.site-header{padding:0 20px}.header-actions .btn{display:none}}@media(max-width:620px){.section{width:min(100% - 26px,1180px);padding:70px 0}.compact{padding:52px 0}.brand span{display:none}.feature-grid,.metrics,.beta-form{grid-template-columns:1fr}.hero-actions{flex-direction:column}.dashboard-shell{padding:14px}.dash-top{align-items:flex-start;gap:12px}.status span{display:none}.chart{height:170px}.beta-panel{padding:24px}.footer{grid-template-columns:1fr}.cookie-banner{align-items:flex-start;flex-direction:column}.full{grid-column:auto}.check,.beta-form .full{grid-column:1}.hero-trust{gap:18px}.compare{padding:24px 19px}}

/* Unterseiten, größeres Logo und responsive Optimierung */
.brand img{width:62px;height:62px;border-radius:15px}
.site-header{min-height:88px}
.subpage-hero{text-align:center;padding-top:90px;padding-bottom:40px}
.form-status{display:none;padding:12px 14px;border-radius:10px;font-size:.9rem}
.form-status.success{display:block;background:rgba(49,237,192,.12);border:1px solid rgba(49,237,192,.35);color:#74f0d0}
.form-status.error{display:block;background:rgba(255,93,120,.12);border:1px solid rgba(255,93,120,.35);color:#ff9caf}
.footer a{color:#92dfff}
.footer a:hover{text-decoration:underline}

@media(max-width:1024px){
  .site-header{padding:0 22px}
  .desktop-nav{gap:20px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .beta-panel{grid-template-columns:1fr}
  .audience-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .brand img{width:56px;height:56px}
  .site-header{min-height:80px}
  .desktop-nav{display:none}
  .menu-btn{display:block}
  .header-actions .btn{display:none}
  .feature-grid,.steps,.audience-grid,.compare-grid{grid-template-columns:1fr}
  .beta-panel{padding:26px}
  .beta-form{grid-template-columns:1fr}
  .full,.beta-form .full{grid-column:1}
  .subpage-hero{padding-top:65px}
}
@media(max-width:480px){
  .brand img{width:52px;height:52px}
  .site-header{padding:0 14px}
  .section{width:calc(100% - 24px)}
  .hero-actions{flex-direction:column}
  .btn{width:100%}
  .feature-card,.compare,.beta-panel{padding:20px}
  h1{font-size:2.35rem}
  h2{font-size:1.9rem}
}


/* Header-Update: größeres Logo, größere Navigation und sichtbare DE/ENG-Auswahl */
.site-header{
  height:104px;
  min-height:104px;
}
.brand{
  gap:16px;
  font-size:1.22rem;
}
.brand img{
  width:78px;
  height:78px;
  border-radius:18px;
}
.brand span{
  font-size:1.28rem;
}
.desktop-nav{
  gap:38px;
  font-size:1.08rem;
  font-weight:600;
}
.desktop-nav a{
  padding:14px 0;
}
.header-actions{
  gap:14px;
}
.language-switch{
  display:flex;
  align-items:center;
  gap:6px;
  height:44px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  color:#74819f;
  white-space:nowrap;
}
.language-option{
  appearance:none;
  border:0;
  background:transparent;
  color:#8e9ab7;
  padding:5px 3px;
  font:inherit;
  font-size:.92rem;
  font-weight:700;
  cursor:pointer;
  transition:color .2s ease,text-shadow .2s ease;
}
.language-option:hover,
.language-option.active{
  color:#fff;
  text-shadow:0 0 16px rgba(82,223,255,.55);
}
.mobile-nav{
  top:104px;
}

@media(max-width:1100px){
  .site-header{
    padding-left:20px;
    padding-right:20px;
  }
  .desktop-nav{
    gap:23px;
    font-size:1rem;
  }
  .brand img{
    width:70px;
    height:70px;
  }
  .brand span{
    font-size:1.12rem;
  }
}

@media(max-width:900px){
  .site-header{
    height:90px;
    min-height:90px;
  }
  .brand img{
    width:66px;
    height:66px;
  }
  .mobile-nav{
    top:90px;
  }
  .language-switch{
    height:42px;
  }
}

@media(max-width:620px){
  .site-header{
    height:82px;
    min-height:82px;
    padding-left:12px;
    padding-right:12px;
  }
  .brand{
    gap:8px;
  }
  .brand img{
    width:60px;
    height:60px;
    border-radius:14px;
  }
  .brand span{
    display:none;
  }
  .language-switch{
    height:38px;
    padding:0 8px;
    gap:4px;
  }
  .language-option{
    font-size:.78rem;
  }
  .header-actions{
    gap:7px;
  }
  .mobile-nav{
    top:82px;
  }
}


/* Plattformen stärker hervorheben */
.platform-showcase{
  width:min(1080px,100%);
  margin:54px auto 34px;
  padding:24px 28px;
  border:1px solid rgba(102,139,255,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(14,25,56,.86),rgba(8,13,31,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.platform-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:#d8e4ff;font-size:.92rem;letter-spacing:.04em}
.platform-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.platform-pill{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:58px;padding:10px 14px;border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#dbe5ff;font-size:1rem;font-weight:750;letter-spacing:.02em;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.platform-pill i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#315bff,#8a4dff);color:white;font-style:normal;font-size:.78rem;box-shadow:0 8px 20px rgba(70,83,255,.28)}
.platform-pill:hover{transform:translateY(-3px);border-color:rgba(82,223,255,.38);background:rgba(82,223,255,.055);box-shadow:0 12px 30px rgba(27,55,130,.22)}
@media(max-width:900px){.platform-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.platform-showcase{margin-top:34px;padding:20px 14px}.platform-list{grid-template-columns:1fr 1fr;gap:10px}.platform-pill:last-child{grid-column:1/-1}.platform-label{text-align:center;font-size:.82rem}.platform-pill{min-height:52px;font-size:.9rem}}


/* V5: Logo im Header deutlich größer */
.site-header{
  height:122px;
  min-height:122px;
}
.brand{
  gap:18px;
}
.brand img{
  width:108px;
  height:108px;
  border-radius:22px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(82,223,255,.18));
}
.brand span{
  font-size:1.5rem;
  letter-spacing:.16em;
}
.mobile-nav{
  top:122px;
}

@media(max-width:1100px){
  .site-header{
    height:108px;
    min-height:108px;
  }
  .brand img{
    width:92px;
    height:92px;
    border-radius:19px;
  }
  .brand span{
    font-size:1.3rem;
  }
  .mobile-nav{
    top:108px;
  }
}

@media(max-width:900px){
  .site-header{
    height:98px;
    min-height:98px;
  }
  .brand img{
    width:82px;
    height:82px;
    border-radius:17px;
  }
  .brand span{
    font-size:1.18rem;
  }
  .mobile-nav{
    top:98px;
  }
}

@media(max-width:620px){
  .site-header{
    height:90px;
    min-height:90px;
  }
  .brand img{
    width:74px;
    height:74px;
    border-radius:15px;
  }
  .brand span{
    display:none;
  }
  .mobile-nav{
    top:90px;
  }
}


/* =========================================================
   ZAREXO V6 – PREMIUM SAAS DESIGN
   ========================================================= */

:root{
  --z-bg:#050816;
  --z-bg-soft:#0a1022;
  --z-panel:rgba(12,20,44,.76);
  --z-panel-strong:rgba(14,24,54,.92);
  --z-line:rgba(125,148,255,.16);
  --z-text:#f5f7ff;
  --z-muted:#aeb8d4;
  --z-cyan:#5ee7ff;
  --z-blue:#5f7cff;
  --z-violet:#875cff;
  --z-shadow:0 24px 70px rgba(0,0,0,.34);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 18% 0%, rgba(59,85,255,.13), transparent 32%),
    radial-gradient(circle at 85% 12%, rgba(135,92,255,.11), transparent 28%),
    linear-gradient(180deg,#050816 0%,#070b18 45%,#050713 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);
  z-index:-2;
}

/* Header */
.premium-header{
  height:138px;
  min-height:138px;
  padding:0 42px;
  background:rgba(4,8,21,.72);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  transition:height .3s ease,background .3s ease,box-shadow .3s ease;
}

.premium-header.is-scrolled{
  height:112px;
  min-height:112px;
  background:rgba(4,8,21,.92);
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}

.premium-brand{
  gap:22px;
  min-width:max-content;
}

.premium-brand img{
  width:126px;
  height:126px;
  object-fit:contain;
  border-radius:26px;
  filter:
    drop-shadow(0 0 16px rgba(94,231,255,.18))
    drop-shadow(0 0 32px rgba(135,92,255,.12));
  transition:transform .3s ease,filter .3s ease;
}

.premium-brand:hover img{
  transform:translateY(-2px) scale(1.025);
  filter:
    drop-shadow(0 0 20px rgba(94,231,255,.3))
    drop-shadow(0 0 42px rgba(135,92,255,.2));
}

.premium-brand span{
  font-size:1.62rem;
  font-weight:800;
  letter-spacing:.16em;
}

.desktop-nav{
  gap:42px;
  font-size:1.1rem;
  font-weight:650;
}

.desktop-nav a{
  position:relative;
  color:#b9c3de;
  transition:color .22s ease;
}

.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:4px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--z-cyan),var(--z-violet));
  transition:right .24s ease;
}

.desktop-nav a:hover{
  color:#fff;
}

.desktop-nav a:hover::after{
  right:0;
}

.language-switch{
  display:none !important;
}

/* Buttons */
.btn-premium,
.btn-primary{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,#4f6cff 0%,#7d55ff 100%);
  box-shadow:
    0 14px 34px rgba(78,100,255,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}

.btn-premium::before,
.btn-primary::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.34) 45%,transparent 70%);
  transform:translateX(-140%);
  transition:transform .65s ease;
}

.btn-premium:hover,
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:
    0 20px 44px rgba(78,100,255,.36),
    inset 0 1px 0 rgba(255,255,255,.2);
  filter:saturate(1.1);
}

.btn-premium:hover::before,
.btn-primary:hover::before{
  transform:translateX(140%);
}

.btn-ghost{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(12px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.btn-ghost:hover{
  transform:translateY(-2px);
  border-color:rgba(94,231,255,.34);
  background:rgba(94,231,255,.055);
}

/* Hero */
.hero{
  min-height:calc(100vh - 138px);
  padding-top:92px;
  padding-bottom:94px;
}

.hero h1{
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(3.4rem,7vw,7.4rem);
  line-height:.97;
  letter-spacing:-.06em;
  text-wrap:balance;
}

.hero-copy{
  max-width:860px;
  font-size:1.2rem;
  line-height:1.75;
}

.kicker{
  letter-spacing:.17em;
  font-weight:800;
}

/* Plattformkarten */
.platform-showcase{
  width:min(1220px,calc(100% - 40px));
  margin:0 auto 110px;
  padding:42px;
  border:1px solid rgba(120,145,255,.18);
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(15,24,54,.92),rgba(7,12,28,.92));
  box-shadow:var(--z-shadow);
  position:relative;
  overflow:hidden;
}

.platform-showcase::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -10%;
  width:480px;
  height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,231,255,.12),transparent 68%);
  pointer-events:none;
}

.platform-showcase-inner{
  position:relative;
  z-index:1;
}

.platform-intro{
  max-width:760px;
  margin-bottom:28px;
}

.platform-intro h2{
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.08;
  margin:10px 0 14px;
  letter-spacing:-.04em;
}

.platform-intro p{
  color:var(--z-muted);
  font-size:1.05rem;
}

.platform-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.platform-card{
  display:flex;
  align-items:center;
  gap:15px;
  padding:22px;
  min-height:118px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

.platform-card:hover{
  transform:translateY(-6px);
  border-color:rgba(94,231,255,.3);
  background:linear-gradient(145deg,rgba(94,231,255,.075),rgba(135,92,255,.045));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}

.platform-icon{
  width:52px;
  height:52px;
  border-radius:15px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:1rem;
  font-weight:900;
  color:white;
  background:linear-gradient(135deg,#516fff,#865cff);
  box-shadow:0 10px 25px rgba(79,108,255,.22);
}

.platform-card strong{
  display:block;
  font-size:1.05rem;
  margin-bottom:5px;
}

.platform-card span{
  display:block;
  font-size:.88rem;
  line-height:1.45;
  color:var(--z-muted);
}

/* Karten */
.feature-card,
.compare,
.step,
.beta-panel,
.faq-item,
.dashboard-card{
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(145deg,rgba(15,24,54,.82),rgba(8,13,30,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.feature-card:hover,
.compare:hover,
.step:hover,
.dashboard-card:hover{
  transform:translateY(-6px);
  border-color:rgba(95,124,255,.28);
  box-shadow:0 20px 46px rgba(0,0,0,.2);
}

/* Scroll-Reveal */
.reveal-item{
  opacity:0;
  transform:translateY(32px);
  transition:
    opacity .75s cubic-bezier(.22,.8,.22,1) var(--reveal-delay,0ms),
    transform .75s cubic-bezier(.22,.8,.22,1) var(--reveal-delay,0ms);
}

.reveal-item.is-visible{
  opacity:1;
  transform:none;
}

/* Mobile / Tablet */
@media(max-width:1180px){
  .premium-header{
    padding:0 24px;
  }
  .premium-brand img{
    width:112px;
    height:112px;
  }
  .desktop-nav{
    gap:26px;
    font-size:1rem;
  }
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .premium-header,
  .premium-header.is-scrolled{
    height:104px;
    min-height:104px;
  }
  .premium-brand img{
    width:92px;
    height:92px;
    border-radius:21px;
  }
  .premium-brand span{
    font-size:1.25rem;
  }
  .hero{
    min-height:auto;
    padding-top:72px;
  }
  .platform-showcase{
    padding:30px;
    margin-bottom:78px;
  }
}

@media(max-width:700px){
  .premium-header{
    padding:0 14px;
  }
  .premium-brand{
    gap:10px;
  }
  .premium-brand img{
    width:84px;
    height:84px;
    border-radius:18px;
  }
  .premium-brand span{
    display:none;
  }
  .hero{
    padding-top:54px;
    padding-bottom:64px;
  }
  .hero h1{
    font-size:clamp(2.8rem,15vw,4.6rem);
  }
  .hero-copy{
    font-size:1.02rem;
  }
  .platform-showcase{
    width:calc(100% - 24px);
    padding:22px;
    border-radius:24px;
  }
  .platform-card-grid{
    grid-template-columns:1fr;
  }
  .platform-card{
    min-height:104px;
  }
  .section{
    width:calc(100% - 24px);
  }
  .hero-actions{
    width:100%;
  }
  .hero-actions .btn{
    width:100%;
  }
}

@media(max-width:420px){
  .premium-brand img{
    width:78px;
    height:78px;
  }
  .premium-header,
  .premium-header.is-scrolled{
    height:94px;
    min-height:94px;
  }
  .platform-showcase{
    padding:18px;
  }
  .platform-card{
    padding:18px;
  }
}

/* Reduzierte Bewegung */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
  .reveal-item{
    opacity:1;
    transform:none;
  }
}


/* V7: Plattformbereich vollständig zentriert */
.platform-showcase-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.platform-intro-centered,
.platform-intro{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  text-align:center;
}

.platform-card-grid{
  width:100%;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  justify-content:center;
}

.platform-card{
  text-align:left;
}

@media(max-width:1180px){
  .platform-card-grid{
    max-width:760px;
  }
}

@media(max-width:700px){
  .platform-card-grid{
    max-width:100%;
  }
  .platform-card{
    text-align:left;
  }
}


/* V8: Einzelne Unterseiten und kleinere Überschriften */
.desktop-nav a.active{
  color:#fff;
}
.desktop-nav a.active::after{
  right:0;
}

.compact-hero{
  min-height:auto;
  padding-top:72px;
  padding-bottom:34px;
}
.compact-hero h1{
  max-width:920px;
  margin:14px auto 18px;
  font-size:clamp(2.3rem,5vw,4.35rem);
  line-height:1.06;
  letter-spacing:-.045em;
}
.compact-hero .hero-copy{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  font-size:1.05rem;
}

.section h2{
  font-size:clamp(1.85rem,3.5vw,3.2rem);
  line-height:1.12;
}
.feature-card h3,
.step h3,
.compare h3,
.faq-item h3{
  font-size:1.12rem;
}

@media(max-width:900px){
  .compact-hero{
    padding-top:54px;
  }
  .compact-hero h1{
    font-size:clamp(2.15rem,8vw,3.4rem);
  }
}

@media(max-width:620px){
  .compact-hero{
    padding-top:40px;
    padding-bottom:24px;
  }
  .compact-hero h1{
    font-size:clamp(2rem,11vw,2.85rem);
  }
  .compact-hero .hero-copy{
    font-size:.98rem;
  }
  .section h2{
    font-size:clamp(1.7rem,8vw,2.35rem);
  }
}


/* =========================================================
   V9 – UMFASSENDE OPTIMIERUNG FÜR SMARTPHONES UND TABLETS
   ========================================================= */

/* Sicheres Verhalten auf allen Geräten */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

img, video, canvas, svg{
  max-width:100%;
  height:auto;
}

input, select, textarea, button{
  font:inherit;
}

section[id]{
  scroll-margin-top:125px;
}

/* Tablet Querformat und kleinere Laptops */
@media(max-width:1180px){
  .site-header,
  .premium-header{
    padding-left:22px;
    padding-right:22px;
  }

  .desktop-nav{
    gap:22px;
    font-size:.98rem;
  }

  .header-actions .btn{
    padding-left:17px;
    padding-right:17px;
  }

  .section,
  .platform-showcase{
    width:calc(100% - 40px);
  }

  .feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .compare-grid{
    grid-template-columns:1fr 1fr;
  }

  .beta-panel{
    grid-template-columns:1fr;
  }
}

/* Tablet Hochformat */
@media(max-width:900px){
  section[id]{
    scroll-margin-top:108px;
  }

  .desktop-nav{
    display:none !important;
  }

  .menu-btn{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:46px;
    height:46px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.035);
  }

  .menu-btn span{
    width:22px;
    height:2px;
    margin:3px 0;
  }

  .header-actions .btn{
    display:inline-flex;
  }

  .mobile-nav{
    left:14px;
    right:14px;
    width:auto;
    max-height:calc(100vh - 120px);
    overflow-y:auto;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(6,10,24,.97);
    box-shadow:0 24px 60px rgba(0,0,0,.38);
    backdrop-filter:blur(20px);
  }

  .mobile-nav a{
    display:block;
    padding:15px 16px;
    border-radius:12px;
    font-size:1rem;
  }

  .mobile-nav a:hover{
    background:rgba(255,255,255,.055);
  }

  .hero{
    min-height:auto;
    padding-top:58px;
    padding-bottom:66px;
  }

  .hero h1{
    font-size:clamp(3rem,9vw,5.1rem);
    line-height:1;
  }

  .hero-copy{
    max-width:720px;
    font-size:1.05rem;
  }

  .hero-actions{
    flex-wrap:wrap;
  }

  .dashboard-shell,
  .dashboard-preview{
    transform:none !important;
  }

  .feature-grid,
  .steps,
  .audience-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .compare-grid{
    grid-template-columns:1fr;
  }

  .beta-form{
    grid-template-columns:1fr 1fr;
  }

  .footer{
    gap:24px;
  }
}

/* Smartphones */
@media(max-width:700px){
  section[id]{
    scroll-margin-top:96px;
  }

  body{
    font-size:16px;
  }

  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:94px;
    min-height:94px;
    padding-left:12px;
    padding-right:12px;
  }

  .premium-brand img,
  .brand img{
    width:78px;
    height:78px;
    border-radius:17px;
  }

  .header-actions{
    gap:8px;
  }

  .header-actions .btn{
    display:none !important;
  }

  .menu-btn{
    width:44px;
    height:44px;
  }

  .mobile-nav{
    top:94px;
  }

  .section,
  .platform-showcase{
    width:calc(100% - 24px);
  }

  .hero{
    padding-top:42px;
    padding-bottom:54px;
  }

  .hero h1{
    font-size:clamp(2.55rem,13vw,4.1rem);
    line-height:1.02;
    letter-spacing:-.05em;
  }

  .hero-copy{
    font-size:1rem;
    line-height:1.65;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    width:100%;
  }

  .hero-actions .btn{
    width:100%;
    min-height:52px;
  }

  .platform-showcase{
    margin-bottom:62px;
  }

  .platform-intro h2{
    font-size:clamp(1.85rem,9vw,2.7rem);
  }

  .platform-card-grid,
  .feature-grid,
  .steps,
  .audience-grid,
  .beta-form{
    grid-template-columns:1fr;
  }

  .platform-card{
    min-height:98px;
    padding:18px;
  }

  .platform-icon{
    width:48px;
    height:48px;
  }

  .feature-card,
  .compare,
  .step,
  .beta-panel,
  .faq-item,
  .dashboard-card{
    border-radius:18px;
  }

  .feature-card,
  .step,
  .compare{
    padding:20px;
  }

  .beta-panel{
    padding:22px;
  }

  .beta-form input,
  .beta-form select,
  .beta-form textarea{
    width:100%;
    min-height:50px;
    font-size:16px;
  }

  .beta-form textarea{
    min-height:130px;
  }

  .faq-item summary{
    padding-right:34px;
    line-height:1.45;
  }

  .footer{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    padding-left:18px;
    padding-right:18px;
  }

  .footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
  }
}

/* Kleine Smartphones */
@media(max-width:430px){
  .premium-brand img,
  .brand img{
    width:72px;
    height:72px;
  }

  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:88px;
    min-height:88px;
  }

  .mobile-nav{
    top:88px;
  }

  .hero h1{
    font-size:clamp(2.3rem,13.5vw,3.5rem);
  }

  .compact-hero h1{
    font-size:clamp(2rem,11vw,2.65rem);
  }

  .section h2{
    font-size:clamp(1.65rem,8vw,2.2rem);
  }

  .platform-showcase{
    padding:16px;
    border-radius:20px;
  }

  .platform-card{
    padding:16px;
  }

  .platform-card span{
    font-size:.84rem;
  }

  .btn{
    min-height:50px;
    padding-left:18px;
    padding-right:18px;
  }
}

/* Geräte im Querformat mit geringer Höhe */
@media(max-height:560px) and (orientation:landscape){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:76px;
    min-height:76px;
  }

  .premium-brand img,
  .brand img{
    width:62px;
    height:62px;
  }

  .mobile-nav{
    top:76px;
    max-height:calc(100vh - 86px);
  }

  .hero{
    padding-top:28px;
    padding-bottom:38px;
  }
}

/* Bessere Touch-Bedienung */
@media(pointer:coarse){
  a,
  button,
  input,
  select,
  textarea,
  summary{
    touch-action:manipulation;
  }

  .desktop-nav a,
  .mobile-nav a,
  .btn,
  .language-option{
    min-height:44px;
  }

  .platform-card:hover,
  .feature-card:hover,
  .compare:hover,
  .step:hover,
  .dashboard-card:hover{
    transform:none;
  }
}


/* =========================================================
   V11 – MOBILE/TABLET PERFORMANCE- UND KARTEN-FIX
   ========================================================= */

/* Plattformkarten: Text darf niemals aus der Karte laufen */
.platform-card{
  min-width:0;
  overflow:hidden;
  align-items:center;
}

.platform-card > div:last-child{
  min-width:0;
  flex:1 1 auto;
}

.platform-card strong,
.platform-card span{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.platform-card span{
  line-height:1.5;
}

/* Stabileres Grid auf kleineren Geräten */
.platform-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:1100px){
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .platform-card-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .platform-card{
    width:100%;
    min-height:112px;
    padding:18px;
  }

  .platform-card strong{
    font-size:1.08rem;
  }

  .platform-card span{
    font-size:.92rem;
  }
}

@media(max-width:430px){
  .platform-card{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    min-height:108px;
    padding:16px;
  }

  .platform-icon{
    width:54px;
    height:54px;
  }

  .platform-card span{
    font-size:.88rem;
    line-height:1.45;
  }
}

/* Scroll-Performance: teure Effekte auf Mobilgeräten reduzieren */
@media(max-width:900px){
  body::before{
    position:absolute;
  }

  .premium-header,
  .mobile-nav,
  .btn-ghost,
  .platform-showcase{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .premium-header{
    background:rgba(4,8,21,.97);
  }

  .orb,
  .bg-grid{
    animation:none !important;
  }

  .reveal-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .platform-card,
  .feature-card,
  .compare,
  .step,
  .dashboard-card,
  .btn,
  .premium-brand img{
    transition:none !important;
  }

  .platform-card:hover,
  .feature-card:hover,
  .compare:hover,
  .step:hover,
  .dashboard-card:hover,
  .btn:hover,
  .premium-brand:hover img{
    transform:none !important;
  }
}

/* Noch weniger GPU-Last auf Smartphones */
@media(max-width:700px){
  .orb{
    display:none !important;
  }

  .platform-showcase,
  .feature-card,
  .compare,
  .step,
  .beta-panel,
  .faq-item,
  .dashboard-card{
    box-shadow:none !important;
  }

  .premium-brand img{
    filter:none !important;
  }
}


/* =========================================================
   V12 – STABILER HEADER OHNE ZITTERN / DOPPELTE DARSTELLUNG
   ========================================================= */

.site-header,
.premium-header,
.premium-header.is-scrolled{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  height:118px !important;
  min-height:118px !important;
  background:#050817 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  transition:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) !important;
  will-change:auto !important;
  contain:none !important;
}

.premium-header.is-scrolled{
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.07) !important;
}

.premium-brand img,
.premium-brand:hover img{
  transform:none !important;
  transition:none !important;
}

.mobile-nav{
  top:118px !important;
}

body{
  padding-top:0 !important;
}

@media(max-width:900px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:102px !important;
    min-height:102px !important;
  }

  .mobile-nav{
    top:102px !important;
  }
}

@media(max-width:700px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:92px !important;
    min-height:92px !important;
  }

  .mobile-nav{
    top:92px !important;
  }
}

@media(max-width:430px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    height:86px !important;
    min-height:86px !important;
  }

  .mobile-nav{
    top:86px !important;
  }
}

/* Verhindert grafische Artefakte bei Browser-Zoom und schnellem Scrollen */
.site-header::before,
.site-header::after,
.premium-header::before,
.premium-header::after{
  transform:none !important;
  animation:none !important;
}

@supports (overflow:clip){
  body{
    overflow-x:clip;
  }
}


/* =========================================================
   V13 – PLATTFORMBEREICH ZENTRIERT + HANDY/TABLET
   ========================================================= */

.platform-showcase{
  display:flex;
  justify-content:center;
  align-items:center;
}

.platform-showcase-inner{
  width:100%;
  max-width:1380px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.platform-intro,
.platform-intro-centered{
  width:100%;
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}

.platform-card-grid{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  justify-content:center;
  align-items:stretch;
}

.platform-card{
  width:100%;
  justify-content:center;
  text-align:left;
  min-height:110px;
  padding:22px 24px;
}

.platform-card > div:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Tablet */
@media(max-width:1100px){
  .platform-showcase{
    width:calc(100% - 32px);
    padding:30px;
  }

  .platform-card-grid{
    max-width:820px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .platform-card{
    min-height:108px;
  }
}

/* Tablet hochkant und große Smartphones */
@media(max-width:760px){
  .platform-showcase{
    width:calc(100% - 24px);
    padding:24px 18px;
    border-radius:24px;
  }

  .platform-intro,
  .platform-intro-centered{
    margin-bottom:24px;
  }

  .platform-intro h2{
    font-size:clamp(1.75rem,7vw,2.45rem);
  }

  .platform-intro p{
    font-size:.98rem;
  }

  .platform-card-grid{
    max-width:560px;
    grid-template-columns:1fr;
    gap:14px;
  }

  .platform-card{
    max-width:100%;
    min-height:96px;
    padding:17px 18px;
    justify-content:flex-start;
  }
}

/* Kleine Smartphones */
@media(max-width:430px){
  .platform-showcase{
    padding:20px 14px;
    border-radius:20px;
  }

  .platform-card{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:13px;
    min-height:92px;
    padding:15px;
  }

  .platform-icon{
    width:50px;
    height:50px;
    border-radius:14px;
  }

  .platform-card strong{
    font-size:1rem;
  }

  .platform-card span{
    font-size:.84rem;
    line-height:1.4;
  }
}


/* =========================================================
   V15 – ALLE DOPPELTEN ÜBERSCHRIFTEN ENTFERNT
   + HANDY-/TABLET-OPTIMIERUNG DER UNTERSEITEN
   ========================================================= */

.compact-hero{
  text-align:center;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

.compact-hero .hero-copy{
  text-align:center;
}

#features,
#ablauf,
#faq,
#beta{
  padding-top:28px;
}

/* Tablet */
@media(max-width:900px){
  .compact-hero{
    padding-top:46px;
    padding-bottom:24px;
  }

  .compact-hero h1{
    max-width:760px;
    font-size:clamp(2.2rem,7vw,3.4rem);
    line-height:1.08;
  }

  .compact-hero .hero-copy{
    max-width:680px;
    font-size:1rem;
    line-height:1.65;
  }

  #features,
  #ablauf,
  #faq,
  #beta{
    padding-top:18px;
  }

  .feature-grid,
  .steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .faq-list{
    width:100%;
  }

  .beta-panel{
    grid-template-columns:1fr;
  }
}

/* Smartphone */
@media(max-width:700px){
  .compact-hero{
    width:calc(100% - 24px);
    padding-top:34px;
    padding-bottom:18px;
  }

  .compact-hero h1{
    font-size:clamp(2rem,10vw,2.8rem);
    line-height:1.08;
    letter-spacing:-.04em;
  }

  .compact-hero .hero-copy{
    font-size:.96rem;
    line-height:1.6;
  }

  #features,
  #ablauf,
  #faq,
  #beta{
    width:calc(100% - 24px);
    padding-top:10px;
  }

  .feature-grid,
  .steps{
    grid-template-columns:1fr;
  }

  .feature-card,
  .step,
  .faq-item,
  .beta-panel{
    padding:18px;
  }

  .faq-item summary{
    font-size:1rem;
    line-height:1.45;
  }

  .beta-form{
    grid-template-columns:1fr;
  }

  .beta-form .full{
    grid-column:1;
  }

  .beta-form button{
    width:100%;
  }
}

/* Kleine Smartphones */
@media(max-width:430px){
  .compact-hero{
    padding-top:28px;
  }

  .compact-hero h1{
    font-size:clamp(1.85rem,10.5vw,2.45rem);
  }

  .feature-card,
  .step,
  .faq-item,
  .beta-panel{
    padding:16px;
    border-radius:16px;
  }

  .faq-item summary{
    padding-right:30px;
  }
}


/* =========================================================
   V16 – NAVIGATION, LOGO, HANDY UND TABLET
   ========================================================= */

html,body{
  max-width:100%;
  overflow-x:hidden;
}

.site-header,
.premium-header,
.premium-header.is-scrolled{
  overflow:visible !important;
  align-items:center !important;
}

.premium-brand,
.brand{
  height:100%;
  display:flex;
  align-items:center;
  gap:14px;
}

.premium-brand img,
.brand img{
  width:94px !important;
  height:94px !important;
  max-height:calc(100% - 18px) !important;
  border-radius:20px !important;
  object-fit:contain !important;
  flex:0 0 auto;
}

.premium-brand span,
.brand span{
  font-size:1.35rem !important;
}

.desktop-nav{
  gap:30px !important;
  font-size:1rem !important;
}

.mobile-nav{
  z-index:999 !important;
}

/* Tablet */
@media(max-width:1024px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .premium-brand img,
  .brand img{
    width:82px !important;
    height:82px !important;
    max-height:calc(100% - 14px) !important;
    border-radius:18px !important;
  }

  .premium-brand span,
  .brand span{
    font-size:1.18rem !important;
  }

  .desktop-nav{
    gap:20px !important;
    font-size:.95rem !important;
  }

  .section,
  .platform-showcase{
    width:calc(100% - 32px) !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .compare-grid,
  .beta-panel{
    grid-template-columns:1fr !important;
  }
}

/* Tablet hochkant */
@media(max-width:900px){
  .desktop-nav{
    display:none !important;
  }

  .menu-btn{
    display:flex !important;
  }

  .premium-brand img,
  .brand img{
    width:76px !important;
    height:76px !important;
    border-radius:17px !important;
  }

  .header-actions .btn{
    display:inline-flex !important;
  }

  .mobile-nav{
    left:12px !important;
    right:12px !important;
    width:auto !important;
    padding:12px !important;
    border-radius:18px !important;
    background:#070b19 !important;
  }

  .mobile-nav a{
    padding:15px 16px !important;
    min-height:48px !important;
    border-radius:12px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:54px !important;
    padding-bottom:60px !important;
  }

  .hero h1{
    font-size:clamp(2.8rem,8vw,4.8rem) !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .beta-form{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Smartphones */
@media(max-width:700px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .premium-brand,
  .brand{
    gap:8px !important;
  }

  .premium-brand img,
  .brand img{
    width:66px !important;
    height:66px !important;
    border-radius:15px !important;
    max-height:calc(100% - 12px) !important;
  }

  .premium-brand span,
  .brand span{
    display:none !important;
  }

  .header-actions .btn{
    display:none !important;
  }

  .section,
  .platform-showcase{
    width:calc(100% - 22px) !important;
  }

  .hero{
    padding-top:38px !important;
    padding-bottom:48px !important;
  }

  .hero h1{
    font-size:clamp(2.3rem,12vw,3.7rem) !important;
    line-height:1.03 !important;
  }

  .hero-copy{
    font-size:.98rem !important;
    line-height:1.62 !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:50px !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid,
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .feature-card,
  .step,
  .platform-card,
  .faq-item,
  .beta-panel{
    padding:18px !important;
  }

  .platform-card{
    min-height:98px !important;
  }

  .beta-form input,
  .beta-form select,
  .beta-form textarea{
    width:100% !important;
    min-height:48px !important;
    font-size:16px !important;
  }

  .beta-form textarea{
    min-height:120px !important;
  }

  .beta-form .full{
    grid-column:1 !important;
  }

  .footer{
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
    gap:20px !important;
  }
}

/* Kleine Smartphones */
@media(max-width:430px){
  .premium-brand img,
  .brand img{
    width:60px !important;
    height:60px !important;
    border-radius:14px !important;
  }

  .hero h1{
    font-size:clamp(2.05rem,12vw,3.15rem) !important;
  }

  .compact-hero h1{
    font-size:clamp(1.85rem,10vw,2.45rem) !important;
  }

  .section h2{
    font-size:clamp(1.6rem,8vw,2.15rem) !important;
  }

  .feature-card,
  .step,
  .platform-card,
  .faq-item,
  .beta-panel{
    padding:16px !important;
    border-radius:16px !important;
  }
}


/* =========================================================
   V18 – SERVERFESTE NAVIGATION + HANDY/TABLET
   ========================================================= */

@media(max-width:1024px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .section,
  .platform-showcase{
    width:calc(100% - 28px) !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid{
    gap:16px !important;
  }
}

@media(max-width:900px){
  .mobile-nav{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-height:calc(100vh - 116px) !important;
    overflow-y:auto !important;
  }

  .mobile-nav a{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
  }

  .compact-hero,
  .hero{
    width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .feature-grid,
  .steps,
  .platform-card-grid,
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .platform-card,
  .feature-card,
  .step,
  .faq-item,
  .beta-panel{
    width:100% !important;
    min-width:0 !important;
  }

  .hero h1,
  .compact-hero h1,
  .section h2{
    overflow-wrap:anywhere !important;
  }

  .footer-links{
    width:100% !important;
  }
}


/* =========================================================
   V19 – LOKAL + SERVER STABIL, HANDY UND TABLET
   ========================================================= */

@media(max-width:1024px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .section,
  .platform-showcase,
  .compact-hero{
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:900px){
  .mobile-nav{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100vh - 110px) !important;
    overflow-y:auto !important;
  }

  .mobile-nav a{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:48px !important;
  }

  .feature-grid,
  .steps,
  .platform-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .feature-grid,
  .steps,
  .platform-card-grid,
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .hero-actions{
    grid-template-columns:1fr !important;
  }

  .hero-actions .btn,
  .beta-form button{
    width:100% !important;
  }

  .feature-card,
  .step,
  .platform-card,
  .faq-item,
  .beta-panel{
    width:100% !important;
    min-width:0 !important;
  }

  .platform-card span,
  .feature-card p,
  .faq-item p{
    overflow-wrap:anywhere !important;
  }
}


/* V20 – Navigation und Mobile/Tablet final */
@media(max-width:1024px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .section,
  .compact-hero,
  .platform-showcase{
    width:calc(100% - 26px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:900px){
  .mobile-nav{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100vh - 110px) !important;
    overflow-y:auto !important;
  }

  .mobile-nav a{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
  }
}

@media(max-width:700px){
  .feature-grid,
  .steps,
  .platform-card-grid,
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .hero-actions .btn,
  .beta-form button{
    width:100% !important;
  }

  .feature-card,
  .step,
  .platform-card,
  .faq-item,
  .beta-panel{
    width:100% !important;
    min-width:0 !important;
  }
}


/* V21 – Startseitenlink ohne JavaScript, Mobilnavigation stabil */
@media(max-width:900px){
  .mobile-nav{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-nav a{
    text-decoration:none;
  }
}

@media(max-width:700px){
  .site-header,
  .premium-header,
  .premium-header.is-scrolled{
    width:100%;
  }

  .menu-btn{
    flex:0 0 auto;
  }

  .mobile-nav a{
    font-size:1rem;
    padding:14px 16px !important;
  }
}


/* V22 – Formularrückmeldung und saubere mobile Darstellung */
.form-status{
  width:100%;
  margin-top:4px;
  padding:14px 16px;
  border-radius:12px;
  line-height:1.5;
}

@media(max-width:900px){
  .beta-form{
    grid-template-columns:1fr 1fr !important;
  }

  .form-status{
    grid-column:1 / -1;
  }
}

@media(max-width:700px){
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .beta-form .full,
  .form-status{
    grid-column:1 !important;
  }

  .form-status{
    font-size:.94rem;
    padding:13px 14px;
  }
}


/* V23 – Datenschutz-Zustimmung verpflichtend */
#betaSubmit:disabled{
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.25);
  box-shadow:none;
  transform:none;
}

.check{
  align-items:flex-start;
}

.check input[type="checkbox"]{
  width:20px;
  height:20px;
  min-width:20px;
  margin-top:2px;
  accent-color:#6f5cff;
}

@media(max-width:700px){
  .check{
    gap:10px;
    line-height:1.5;
  }

  .check input[type="checkbox"]{
    width:22px;
    height:22px;
    min-width:22px;
  }
}


/* V25 – stabile Navigation für Desktop, Tablet und Smartphone */
@media(max-width:900px){
  .mobile-nav{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100vh - 108px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }

  .mobile-nav a{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
  }
}

@media(max-width:700px){
  .feature-grid,
  .steps,
  .platform-card-grid,
  .beta-form{
    grid-template-columns:1fr !important;
  }

  .hero-actions{
    grid-template-columns:1fr !important;
  }

  .hero-actions .btn,
  .beta-form button{
    width:100% !important;
  }
}