/* Source: assets/product-layout-7ef827d486f6.css */


:root{
  --sws:#01665e;
  --sws-dark:#2e3336;
  --sws-deep:#22272a;
  --mint:#9fa1a2;
  --ice:#f2f2f1;
  --ink:#313639;
  --muted:#777c7f;
  --line:rgba(75,80,83,.13);
  --white:#fff;
  --max:1540px;
}

*{box-sizing:border-box}

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

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  background:#f7f7f6;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.sws-hero{
  position:relative;
  min-height:850px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 46%,rgba(159,161,162,.13),transparent 25%),
    radial-gradient(circle at 93% 8%,rgba(91,96,99,.07),transparent 25%),
    linear-gradient(135deg,#fdfdfc 0%,#f7f7f6 49%,#f0f0ef 100%);
}

.sws-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(75,80,83,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.028) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0,black 14%,black 84%,transparent 100%);
}

.sws-hero::after{
  content:"";
  position:absolute;
  left:0;
  top:80px;
  width:4px;
  height:118px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--sws),var(--mint));
  box-shadow:0 0 30px rgba(159,161,162,.18);
}

.sws-ghost{
  position:absolute;
  right:-2vw;
  bottom:-1vw;
  z-index:-2;
  color:rgba(75,80,83,.035);
  font-size:clamp(100px,12vw,205px);
  line-height:.78;
  font-weight:900;
  letter-spacing:-.065em;
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}

.sws-orbit{
  position:absolute;
  right:2%;
  top:50%;
  width:610px;
  height:610px;
  z-index:-1;
  transform:translateY(-50%);
  border:1px solid rgba(75,80,83,.06);
  border-radius:50%;
  pointer-events:none;
}

.sws-orbit::before,
.sws-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(159,161,162,.07);
}

.sws-orbit::before{inset:76px}
.sws-orbit::after{inset:158px}

.sws-wrap{
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
  padding:78px 0 38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(500px,640px);
  align-items:center;
  gap:clamp(56px,6vw,110px);
}

.sws-copy{
  min-width:0;
  max-width:850px;
}

.sws-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  color:var(--sws);
  font-size:11px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.sws-kicker::before{
  content:"";
  width:34px;
  height:1px;
  flex:0 0 auto;
  background:linear-gradient(90deg,var(--sws),var(--mint));
}

.sws-title{
  margin:27px 0 0;
  max-width:840px;
  color:var(--ink);
  font-size:clamp(64px,5.25vw,90px);
  line-height:.985;
  font-weight:730;
  letter-spacing:-4.2px;
  text-wrap:balance;
}

.sws-title span{
  color:transparent;
  background:linear-gradient(95deg,#43484b 0%,#5e6366 60%,#8a8c8d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-hyphens:manual;
  hyphens:manual;
}

.sws-lead{
  max-width:700px;
  margin:29px 0 0;
  color:#73787b;
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

.sws-actions{
  margin-top:38px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sws-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 26px;
  overflow:hidden;
  border-radius:14px;
  text-decoration:none;
  font-size:14px;
  font-weight:760;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.sws-btn:hover{transform:translateY(-2px)}

.sws-btn-primary{
  color:#fff;
  border:1px solid rgba(75,80,83,.76);
  background:linear-gradient(135deg,#005a54,#087a73 67%,#787d80);
  box-shadow:
    0 15px 34px rgba(75,80,83,.20),
    inset 0 1px 0 rgba(255,255,255,.15);
}

.sws-btn-primary::after{
  content:"";
  width:8px;
  height:8px;
  margin-left:13px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}

.sws-btn-primary:hover{
  box-shadow:0 20px 42px rgba(75,80,83,.25);
}

.sws-btn-secondary{
  color:var(--ink);
  border:1px solid rgba(75,80,83,.15);
  background:rgba(255,255,255,.68);
  box-shadow:0 10px 25px rgba(16,24,40,.05);
  backdrop-filter:blur(10px);
}

.sws-signature{
  margin-top:35px;
  color:rgba(49,54,57,.40);
  font-size:9px;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}

/* VISUAL */

.sws-visual{
  position:relative;
  min-width:0;
  padding:44px 0 40px;
}

.sws-console{
  position:relative;
  z-index:3;
  width:100%;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 80% 0%,rgba(159,161,162,.09),transparent 32%),
    linear-gradient(145deg,#313639 0%,#212629 58%,#1c2124 100%);
  box-shadow:
    0 30px 68px rgba(23,28,31,.20),
    0 10px 26px rgba(75,80,83,.09),
    inset 0 1px 0 rgba(255,255,255,.065);
}

.sws-console-head{
  height:62px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.sws-live{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(252,252,251,.91);
  font-size:11px;
  font-weight:760;
  letter-spacing:.025em;
}

.sws-live i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#abadae;
  box-shadow:
    0 0 0 5px rgba(171,173,174,.09),
    0 0 18px rgba(171,173,174,.40);
}

.sws-console-meta{
  color:rgba(235,235,234,.42);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.sws-screen{
  position:relative;
  margin:14px;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:20px;
  background:#1f2427;
  box-shadow:
    0 12px 30px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.035);
}

.sws-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 100%);
}

.sws-screen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(61,66,69,.18),transparent 30%,transparent 70%,rgba(159,161,162,.12)),
    linear-gradient(to top,rgba(18,23,26,.34),transparent 46%);
}

.sws-screen img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:none;
  opacity:1;
}

.sws-screen-label{
  position:absolute;
  left:18px;
  top:16px;
  z-index:5;
  color:rgba(243,243,242,.68);
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sws-core{
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:5;
  width:76px;
  height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(235,235,234,.28);
  border-radius:50%;
  color:#fbfbfa;
  background:rgba(33,38,41,.58);
  box-shadow:
    0 0 0 8px rgba(159,161,162,.035),
    0 0 36px rgba(159,161,162,.15),
    inset 0 0 24px rgba(159,161,162,.08);
  backdrop-filter:blur(7px);
}

.sws-core strong{
  font-size:18px;
  line-height:1;
  letter-spacing:-.035em;
}

.sws-core small{
  margin-top:4px;
  color:rgba(240,240,239,.52);
  font-size:7px;
  font-weight:800;
  letter-spacing:.17em;
}

.sws-console-foot{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.06);
}

.sws-console-foot span{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(228,228,227,.42);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.sws-console-foot span+span{
  border-left:1px solid rgba(255,255,255,.06);
}


.sws-visual::before{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  right:-40px;
  top:18px;
  border-radius:50%;
  background:rgba(159,161,162,.065);
  filter:blur(48px);
  pointer-events:none;
}

.sws-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:9% 5% 1% 2%;
  border:1px solid rgba(75,80,83,.045);
  border-radius:36px;
  transform:rotate(-1.5deg);
  pointer-events:none;
}

/* TABLET */
@media(max-width:1180px){
  .sws-hero{
    min-height:auto;
  }

  .sws-wrap{
    width:min(940px,calc(100% - 48px));
    grid-template-columns:1fr;
    gap:44px;
    padding:84px 0 78px;
  }

  .sws-copy{
    max-width:880px;
  }

  .sws-title{
    max-width:880px;
    font-size:clamp(54px,7vw,76px);
    letter-spacing:-3.3px;
  }

  .sws-lead{
    font-size:18px;
  }

  .sws-visual{
    width:min(100%,820px);
    padding:0;
  }

  .sws-console{
    border-radius:26px;
  }

  .sws-orbit{
    right:-18%;
    opacity:.55;
  }
}

/* MOBILE */
@media(max-width:760px){
  .sws-hero::after{
    top:44px;
    height:76px;
    width:3px;
  }

  .sws-wrap{
    width:calc(100% - 30px);
    padding:58px 0 35px;
    gap:30px;
  }

  .sws-kicker{
    gap:9px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .sws-kicker::before{
    width:22px;
  }

  .sws-title{
    margin-top:20px;
    font-size:clamp(38px,10.6vw,52px);
    line-height:1.035;
    letter-spacing:-2px;
    text-wrap:pretty;
  }

  .sws-lead{
    margin-top:20px;
    font-size:15px;
    line-height:1.62;
  }

  .sws-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:25px;
  }

  .sws-btn{
    width:100%;
    min-height:49px;
    padding:0 18px;
    border-radius:12px;
    font-size:14px;
  }

  .sws-signature{
    display:none;
  }

  .sws-visual{
    width:100%;
  }

  .sws-console{
    border-radius:20px;
    box-shadow:
      0 18px 42px rgba(23,28,31,.17),
      0 7px 18px rgba(75,80,83,.08);
  }

  .sws-console-head{
    height:48px;
    padding:0 14px;
  }

  .sws-live{
    font-size:9px;
  }

  .sws-console-meta{
    font-size:7px;
  }

  .sws-screen{
    margin:8px;
    aspect-ratio:16/9;
    border-radius:14px;
  }

  .sws-screen-label{
    left:12px;
    top:11px;
    font-size:6px;
  }

  .sws-core{
    right:12px;
    bottom:12px;
    width:54px;
    height:54px;
  }

  .sws-core strong{font-size:13px}
  .sws-core small{font-size:5px}

  .sws-console-foot span{
    min-height:39px;
    font-size:6.5px;
    letter-spacing:.10em;
  }

  .sws-visual::before,
  .sws-visual::after,
  .sws-orbit,
  .sws-ghost{
    display:none;
  }
}

@media(max-width:480px){
  .sws-wrap{
    width:calc(100% - 24px);
    padding:50px 0 30px;
  }

  .sws-title{
    font-size:clamp(32px,9.5vw,41px);
    letter-spacing:-1.45px;
  }

  .sws-lead{
    font-size:14px;
    line-height:1.58;
  }

  .sws-btn{
    min-height:47px;
    font-size:13px;
  }
}

@media(max-width:360px){
  .sws-wrap{width:calc(100% - 20px)}
  .sws-title{font-size:31px}
}

@media(hover:none){
  .sws-btn:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* Willkommen-Panorama: flach, volle Breite, kein Bild-Panel */
.sws-welcome-panorama{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  background:#f7f7f6;
}
.sws-welcome-panorama img{
  display:block;
  width:100%;
  height:clamp(145px,14vw,225px);
  object-fit:cover;
  object-position:center 57%;
}
.sws-welcome-panorama::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(247,247,246,.12),transparent 28%,rgba(247,247,246,.72) 100%);
}
@media(max-width:760px){
  .sws-welcome-panorama img{height:145px;object-position:center;}
}

/* Source: assets/product-layout-32912df75464.css */



:root{
  --sws:#01665E;
  --sws-dark:#373c3f;
  --teal:#18A3A4;
  --ink:#303538;
  --muted:#767b7e;
  --muted2:#9b9d9e;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --bg:#f6f6f5;
  --panel:#ffffff;
  --deep:#22272a;
  --deep2:#313639;
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* =========================================================
   SECTION / INTRO
   ========================================================= */

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 22%,rgba(132,134,135,.09),transparent 26%),
    radial-gradient(circle at 11% 88%,rgba(75,80,83,.045),transparent 25%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 52%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--sws),var(--teal));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-6vw;
  bottom:-4vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 86px rgba(75,80,83,.018),
    0 0 0 172px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.34;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--sws);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--sws),var(--teal));
}

.dot{display:none}

h2{
  max-width:1220px;
  margin:25px 0 0;
  color:var(--ink);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  font-weight:710;
  letter-spacing:-4px;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:900px;
  margin-top:34px;
  color:var(--muted);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

.lead strong{
  color:var(--ink);
  font-weight:760;
}

.statement{
  position:relative;
  max-width:1030px;
  margin-top:26px;
  padding:20px 24px 20px 27px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.10);
  border-radius:16px;
  background:rgba(255,255,255,.68);
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
  box-shadow:
    0 12px 34px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}

.statement::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--sws),var(--teal));
}

.statement strong{
  color:var(--sws);
  font-weight:780;
}

/* original compare styles kept compatible if section is extended later */
.compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:64px;
}

.card{
  position:relative;
  min-height:460px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 46px rgba(16,24,40,.065);
}

.card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}

.card-title span{
  color:var(--sws);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.card-title strong{
  color:var(--ink);
  font-size:23px;
  font-weight:760;
  letter-spacing:-.6px;
}

/* =========================================================
   HIGH-END SHOWCASE
   ========================================================= */

.showcase-demo{
  position:relative;
  margin-top:74px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.12);
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 0%,rgba(132,134,135,.075),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,249,248,.96));
  box-shadow:
    0 28px 64px rgba(16,24,40,.10),
    0 8px 22px rgba(75,80,83,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.showcase-demo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.028) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 68%);
}

.showcase-demo__top{
  position:relative;
  z-index:2;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:5px 9px 18px;
}

.showcase-demo__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--sws);
  font-size:12px;
  font-weight:820;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.showcase-demo__kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#abadae;
  box-shadow:
    0 0 0 5px rgba(171,173,174,.08),
    0 0 15px rgba(171,173,174,.28);
}

.showcase-demo__status{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.035em;
}

.showcase-demo__status::before{display:none}

/* Tabs = high-end navigation instead of cards */
.showcase-tabs{
  position:relative;
  z-index:2;
  display:flex;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 2px 11px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}

.showcase-tabs::-webkit-scrollbar{display:none}

.showcase-tab{
  position:relative;
  flex:0 0 auto;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:0;
  padding:0 15px;
  border:1px solid rgba(75,80,83,.11);
  border-radius:11px;
  background:rgba(255,255,255,.82);
  color:#656a6d;
  cursor:pointer;
  text-align:left;
  font:inherit;
  scroll-snap-align:start;
  transition:
    transform .2s ease,
    border-color .2s ease,
    color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.showcase-tab:hover{
  transform:translateY(-1px);
  color:var(--sws);
  border-color:rgba(75,80,83,.20);
  background:#fff;
}

.showcase-tab.active{
  color:var(--sws);
  border-color:rgba(75,80,83,.24);
  background:linear-gradient(180deg,#fafaf9,#f5f5f4);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.08);
}

.showcase-tab.active::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#858788,#b3b5b6);
}

.showcase-tab__icon{display:none}

.showcase-tab__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.showcase-tab__copy small{display:none}

.showcase-tab__copy strong{
  margin:0;
  color:inherit;
  font-size:13px;
  line-height:1.1;
  font-weight:760;
  white-space:nowrap;
}

/* Main showcase area */
.showcase-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(340px,.72fr);
  gap:12px;
  align-items:stretch;
  margin-top:1px;
}

.showcase-screen,
.showcase-side{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:
    0 12px 30px rgba(16,24,40,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.showcase-screen{
  display:flex;
  flex-direction:column;
}

.showcase-browser{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  border-bottom:1px solid rgba(75,80,83,.08);
  background:linear-gradient(180deg,#fdfdfc,#f8f8f7);
}

.showcase-dots{
  display:flex;
  gap:5px;
}

.showcase-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e3e3e2;
}

.showcase-dots span:first-child{
  background:rgba(171,173,174,.55);
}

.showcase-browser strong{
  color:var(--ink);
  font-size:13px;
  font-weight:730;
}

.showcase-browser small{
  margin-left:auto;
  color:var(--muted2);
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
}

.showcase-imageWrap{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#1f2427;
}

.showcase-imageWrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.showcase-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.showcase-imageWrap.device-tablet{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  aspect-ratio:4/3;
  background:
    radial-gradient(circle at 50% 18%,rgba(132,134,135,.16),transparent 32%),
    linear-gradient(180deg,#f3f3f2 0%,#e9e9e8 100%);
}

.showcase-imageWrap.device-tablet .showcase-image{
  width:min(55%,385px);
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  border:14px solid #11161b;
  border-radius:28px;
  background:#11161b;
  box-shadow:
    0 22px 44px rgba(24,29,32,.26),
    0 8px 18px rgba(24,29,32,.12),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.showcase-caption{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 14px;
  border-top:1px solid rgba(75,80,83,.08);
  background:#fafaf9;
}

.showcase-captionText{
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

.showcase-captionText strong{
  color:var(--ink);
  font-weight:730;
}

.showcase-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}

.showcase-pill{
  padding:5px 8px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:7px;
  background:#fff;
  color:var(--muted2);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Detail panel */
.showcase-side{
  position:relative;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.055),transparent 36%),
    linear-gradient(180deg,#ffffff,#fafaf9);
}

.showcase-side::before{
  content:"";
  position:absolute;
  left:0;
  top:26px;
  width:3px;
  height:66px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#919394,#b4b6b7);
}

.showcase-sideInner{
  padding:29px 27px;
}

.showcase-overline{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--sws);
  font-size:11px;
  font-weight:820;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.showcase-overline::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#abadae;
  box-shadow:0 0 0 4px rgba(171,173,174,.06);
}

.showcase-title{
  margin-top:12px;
  color:var(--ink);
  font-size:clamp(34px,2.7vw,44px);
  line-height:1.03;
  font-weight:730;
  letter-spacing:-1.25px;
}

.showcase-description{
  margin-top:14px;
  color:var(--muted);
  font-size:16px;
  line-height:1.66;
}

.showcase-benefit{
  margin-top:20px;
  padding:15px 16px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:12px;
  background:#f8f8f7;
}

.showcase-benefit small{
  display:block;
  color:var(--sws);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.showcase-benefit strong{
  display:block;
  margin-top:5px;
  color:var(--ink);
  font-size:15px;
  line-height:1.45;
  font-weight:720;
}

.showcase-flow{
  display:grid;
  gap:8px;
  margin-top:18px;
}

.showcase-flowChip{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 13px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:10px;
  background:#fff;
}

.showcase-flowChip::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#abadae;
  box-shadow:0 0 0 4px rgba(171,173,174,.055);
}

.showcase-flowChip span{
  color:var(--ink);
  font-size:13px;
  font-weight:690;
}

.showcase-sideFooter{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(75,80,83,.08);
}

.showcase-sideFooter strong{
  display:block;
  color:var(--ink);
  font-size:14px;
  font-weight:730;
}

.showcase-sideFooter p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

/* Swap animations from existing JS */
.showcase-image.swap,
.showcase-sideInner.swap,
.showcase-flowChip.swap{
  animation:showcaseSwap .32s cubic-bezier(.22,.75,.2,1) both;
}

@keyframes showcaseSwap{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

/* =========================================================
   CLOSING / PILLARS
   ========================================================= */

.close{
  margin-top:72px;
  padding-top:44px;
  border-top:1px solid rgba(75,80,83,.10);
}

.close-title{
  max-width:1080px;
  color:var(--ink);
  font-size:clamp(32px,3vw,48px);
  line-height:1.14;
  font-weight:690;
  letter-spacing:-1.8px;
  text-wrap:balance;
}

.close-title span{
  color:var(--sws);
}

.pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}

.pillar{
  position:relative;
  min-height:150px;
  padding:25px 25px 24px 27px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.72);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.pillar:hover{
  transform:translateY(-2px);
  border-color:rgba(75,80,83,.18);
  box-shadow:0 16px 38px rgba(16,24,40,.065);
}

.pillar::before{
  content:"";
  position:absolute;
  left:0;
  top:23px;
  width:3px;
  height:46px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--sws),var(--teal));
}

.pillar-index{
  color:var(--sws);
  font-size:9px;
  font-weight:820;
  letter-spacing:.14em;
}

.pillar strong{
  display:block;
  margin-top:17px;
  color:var(--ink);
  font-size:20px;
  line-height:1.15;
  font-weight:730;
  letter-spacing:-.45px;
}

.pillar p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.58;
}

/* =========================================================
   LEGACY CLASSES REFERENCED BY JS / OPTIONAL CONTENT
   ========================================================= */

.integration-watermark{
  position:absolute;
  right:-6%;
  top:8%;
  z-index:-1;
  width:min(580px,39vw);
  aspect-ratio:1;
  color:var(--sws);
  opacity:.035;
  pointer-events:none;
}

.integration-watermark svg{
  width:100%;
  height:100%;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
}

.integration-watermark .iw-soft{opacity:.55}
.integration-watermark .iw-strong{opacity:.92}
.integration-watermark .iw-node{
  fill:rgba(75,80,83,.08);
  stroke:currentColor;
}

/* Used by reveal script */
.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1180px){
  .section{
    padding:96px 0 104px;
  }

  .inner{
    width:min(960px,calc(100% - 48px));
  }

  h2{
    font-size:clamp(52px,7vw,72px);
    letter-spacing:-3.2px;
  }

  .showcase-demo{
    margin-top:62px;
  }

  .showcase-layout{
    grid-template-columns:1fr;
  }

  .showcase-imageWrap{
    aspect-ratio:16/9;
  }

  .showcase-imageWrap.device-tablet{
    padding:18px;
    aspect-ratio:1/1.12;
  }

  .showcase-imageWrap.device-tablet .showcase-image{
    width:min(80%,350px);
    border-width:10px;
    border-radius:22px;
  }

  .showcase-sideInner{
    padding:27px 24px;
  }

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

  .pillar{
    min-height:0;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    margin-top:20px;
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.62;
  }

  .lead br{
    display:none;
  }

  .statement{
    margin-top:20px;
    padding:16px 17px 16px 20px;
    border-radius:13px;
    font-size:14px;
    line-height:1.6;
  }

  .showcase-demo{
    margin-top:42px;
    padding:10px;
    border-radius:20px;
    box-shadow:0 20px 48px rgba(23,28,31,.17);
  }

  .showcase-demo__top{
    min-height:auto;
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    padding:6px 5px 14px;
  }

  .showcase-demo__kicker{
    font-size:8px;
  }

  .showcase-demo__status{
    font-size:8px;
  }

  .showcase-tabs{
    margin-inline:-1px;
    gap:6px;
    padding-bottom:9px;
  }

  .showcase-tab{
    min-height:39px;
    padding:0 12px;
    border-radius:10px;
  }

  .showcase-tab__copy strong{
    font-size:10px;
  }

  .showcase-layout{
    gap:9px;
  }

  .showcase-screen,
  .showcase-side{
    border-radius:15px;
  }

  .showcase-browser{
    min-height:42px;
    padding:0 11px;
  }

  .showcase-browser strong{
    font-size:10px;
  }

  .showcase-browser small{
    display:none;
  }

  .showcase-imageWrap{
    aspect-ratio:16/9;
  }

  .showcase-caption{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    min-height:0;
    padding:10px 11px;
  }

  .showcase-pills{
    justify-content:flex-start;
  }

  .showcase-sideInner{
    padding:22px 17px 20px;
  }

  .showcase-title{
    font-size:27px;
  }

  .showcase-description{
    font-size:13px;
    line-height:1.62;
  }

  .showcase-benefit{
    margin-top:16px;
  }

  .showcase-flow{
    gap:7px;
  }

  .showcase-flowChip{
    min-height:43px;
  }

  .close{
    margin-top:48px;
    padding-top:30px;
  }

  .close-title{
    font-size:30px;
    line-height:1.17;
    letter-spacing:-1.2px;
  }

  .pillars{
    margin-top:24px;
    gap:10px;
  }

  .pillar{
    padding:20px 19px 19px 22px;
    border-radius:14px;
  }

  .pillar strong{
    font-size:18px;
  }

  .integration-watermark{
    display:none;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }

  .showcase-demo{
    margin-top:36px;
  }
}

@media(hover:none){
  .showcase-tab:hover,
  .pillar:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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


/* DroneApps Branding – ruhig, hochwertig und responsiv */
.sws-intro-brandline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  margin-bottom:7px;
}
.sws-intro-brandline .eyebrow{flex:1 1 auto;min-width:0}
.sws-intro-brand{
  flex:0 0 auto;
  width:clamp(210px,22vw,325px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px 21px;
  border:1px solid rgba(75,80,83,.11);
  border-radius:18px;
  background:rgba(255,255,255,.77);
  box-shadow:0 12px 34px rgba(47,52,55,.055),inset 0 1px 0 rgba(255,255,255,.85);
}
.sws-intro-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:110px;
  object-fit:contain;
}
@media(max-width:720px){
  .sws-intro-brandline{
    flex-direction:column-reverse;
    align-items:flex-start;
    gap:26px;
    margin-bottom:4px;
  }
  .sws-intro-brand{
    width:min(100%,290px);
    padding:13px 18px;
    border-radius:15px;
  }
  .sws-intro-brand img{max-height:90px}
}


/* Breitbild im durchgängigen DroneApps-Stil */
.sws-panoramic-hero{
  position:relative;
  width:100vw;max-width:none;
  margin:38px 0 0 calc(50% - 50vw);
  height:clamp(145px,12vw,225px);
  overflow:hidden;background:#f5f5f4;
  isolation:isolate;
}
.sws-panoramic-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%;}
.sws-panoramic-hero::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(246,246,245,.24) 78%,#f6f6f5 100%)}
@media(max-width:720px){
  .sws-panoramic-hero{margin-top:24px;height:150px;}
  .sws-panoramic-hero img{object-position:center center;}
}


/* V2 light premium adjustments */
.showcase-demo{padding:20px}
.showcase-layout{grid-template-columns:minmax(0,1.5fr) minmax(360px,.68fr);gap:16px}
.showcase-screen{background:#fff}
.showcase-side{background:linear-gradient(180deg,#fff,#fafaf9)}
.showcase-imageWrap{aspect-ratio:16/9}
.showcase-sideInner{padding:34px 30px}
.showcase-flowChip{min-height:50px}
.showcase-benefit{padding:17px 18px}
.showcase-demo__top{padding-bottom:20px}
.showcase-tabs{padding-bottom:14px}

@media(max-width:1180px){
  .showcase-layout{grid-template-columns:1fr}
}

@media(max-width:720px){
  .showcase-demo{padding:10px}
  .showcase-tab__copy strong{font-size:11px}
  .showcase-title{font-size:30px}
  .showcase-description{font-size:14px}
  .showcase-flowChip span{font-size:12px}
}



/* =========================================================
   DRONEAPPS – INFRASTRUKTUR & FINALE
   ========================================================= */
.drone-infra{margin-top:88px;padding:58px clamp(22px,4.6vw,72px) 64px;border:1px solid rgba(75,80,83,.11);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fafaf9 60%,#f4f4f3 100%);box-shadow:0 24px 65px rgba(41,46,49,.055);position:relative;overflow:hidden}
.drone-infra:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-230px;top:-240px;border:1px solid rgba(75,80,83,.12);box-shadow:0 0 0 70px rgba(75,80,83,.018),0 0 0 140px rgba(75,80,83,.012);pointer-events:none}
.drone-infra__top{position:relative;max-width:900px}
.drone-eyebrow{display:flex;align-items:center;gap:12px;color:var(--sws);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}
.drone-eyebrow:before{content:"";height:2px;width:30px;border-radius:5px;background:linear-gradient(90deg,var(--sws),var(--teal))}
.drone-infra h3,.drone-finale h3{margin:22px 0 0;color:var(--ink);font-size:clamp(36px,3.5vw,58px);font-weight:720;line-height:1.07;letter-spacing:-2px;text-wrap:balance}
.drone-infra h3 span{color:var(--sws)}
.drone-infra__intro{font-size:17px;line-height:1.7;color:var(--muted);margin:23px 0 0;max-width:830px}
.drone-deploy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:37px}
.drone-deploy__card{min-width:0;padding:26px 23px;border:1px solid rgba(75,80,83,.12);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(45,50,53,.035)}
.drone-deploy__head{display:flex;align-items:center;gap:13px}
.drone-deploy__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:#f3f3f2;color:var(--sws)}
.drone-deploy__icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drone-deploy__card h4{font-size:20px;font-weight:740;letter-spacing:-.6px;color:var(--ink);margin:0}
.drone-deploy__card p{margin:17px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.drone-deploy__tag{display:inline-block;margin-top:19px;color:var(--sws);font-size:11px;font-weight:760;letter-spacing:.03em}
.drone-trust{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);gap:30px;align-items:start;margin-top:25px;padding:31px;border-radius:20px;background:#f2f2f1;border:1px solid rgba(75,80,83,.08)}
.drone-trust__title{font-size:24px;font-weight:740;letter-spacing:-.7px;color:var(--ink);line-height:1.22;margin:0}
.drone-trust__copy{margin:12px 0 0;font-size:14px;line-height:1.7;color:#6c7174}
.drone-trust__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}
.drone-trust__item{padding-left:15px;border-left:2px solid rgba(75,80,83,.24)}
.drone-trust__item strong{display:block;color:var(--ink);font-size:14px;font-weight:750}
.drone-trust__item p{margin:6px 0 0;font-size:12px;color:#757a7d;line-height:1.65}
.drone-infra__foot{margin:23px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.drone-finale{position:relative;margin-top:30px;padding:clamp(34px,5vw,72px);border-radius:28px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#2b3033 0%,#01665e 65%,#5d6265 100%);box-shadow:0 26px 55px rgba(45,50,53,.16)}
.drone-finale:after{content:"";position:absolute;right:-125px;top:-180px;width:540px;height:540px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.024);pointer-events:none}
.drone-finale__content{position:relative;z-index:1;max-width:940px}
.drone-finale .drone-eyebrow{color:#d8d8d7}.drone-finale .drone-eyebrow:before{background:#c0c2c3}
.drone-finale h3{color:#fff;font-size:clamp(39px,4vw,65px);max-width:950px}
.drone-finale h3 span{color:#dbdbda}
.drone-finale__lead{margin:23px 0 0;max-width:850px;font-size:18px;line-height:1.75;color:#e1e1e0}
.drone-finale__signature{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:35px;padding-top:24px;border-top:1px solid rgba(255,255,255,.19);color:#f2f2f1;font-size:13px;font-weight:650}
.drone-finale__signature i{display:block;width:7px;height:7px;border-radius:50%;background:#c3c5c6;box-shadow:0 0 0 5px rgba(195,197,198,.13)}
@media(max-width:980px){.drone-deploy{grid-template-columns:1fr}.drone-trust{grid-template-columns:1fr}}
@media(max-width:720px){.drone-infra{margin-top:54px;padding:29px 17px;border-radius:20px}.drone-infra h3,.drone-finale h3{font-size:clamp(32px,8.4vw,44px);letter-spacing:-1.2px}.drone-infra__intro,.drone-finale__lead{font-size:15px;line-height:1.65}.drone-deploy{margin-top:25px;gap:10px}.drone-deploy__card{padding:21px 18px}.drone-trust{padding:22px 18px;gap:25px}.drone-trust__grid{grid-template-columns:1fr;gap:17px}.drone-finale{margin-top:18px;padding:38px 23px;border-radius:20px}.drone-finale__signature{line-height:1.5}}



/* Produktwelten V3: sichtbare Kachelübersicht, 2 Bildflächen und Funktionen */
.product-worlds-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:13px 9px 24px}
.product-worlds-eyebrow{color:#01665e;font-size:11px;font-weight:850;letter-spacing:.14em}
.product-worlds-intro h3{font-size:clamp(27px,3vw,42px);font-weight:760;letter-spacing:-1.5px;line-height:1.1;margin:12px 0;color:#303538}
.product-worlds-intro p{font-size:14px;line-height:1.55;color:#767b7e;margin:0;max-width:780px}
.product-worlds-count{flex:none;font-size:12px;font-weight:750;color:#01665e;padding-bottom:4px}
.showcase-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible!important;padding:0 0 20px;scroll-snap-type:none!important}
.showcase-tab{min-width:0;min-height:104px;display:flex;align-items:flex-start;gap:12px;border-radius:15px;padding:17px!important;box-shadow:0 5px 16px rgba(30,35,38,.025);background:#fff}
.showcase-tab.active{background:linear-gradient(145deg,#01665e,#3c4144)!important;color:#fff;border-color:#01665e;box-shadow:0 12px 26px rgba(75,80,83,.2)}
.showcase-tab.active::after{display:none}
.showcase-tab:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(75,80,83,.1)}
.product-world-card-index{flex:0 0 auto;font-size:11px;color:#6a6f72;font-weight:800;letter-spacing:.07em;margin-top:3px}
.showcase-tab.active .product-world-card-index{color:#d7d7d6}
.showcase-tab__copy{flex:1;gap:8px}
.showcase-tab__copy strong{font-size:15px!important;line-height:1.3;white-space:normal!important;font-weight:780}
.showcase-tab__copy small{display:block!important;font-size:11px;line-height:1.35;color:#858788;font-weight:570}
.showcase-tab.active .showcase-tab__copy small{color:#dfdfde}
.product-world-arrow{font-size:19px;line-height:1;color:#6d7275}
.showcase-tab.active .product-world-arrow{color:#fff}
.product-world-detail-head{display:flex;justify-content:space-between;gap:12px;padding:17px 5px 13px;font-weight:800;color:#01665e;font-size:10px;letter-spacing:.10em;border-top:1px solid rgba(75,80,83,.12)}
.product-world-detail-head span:last-child{color:#9b9d9e;font-weight:650;letter-spacing:0}
.showcase-layout{align-items:start}
.product-world-secondary{border-top:1px solid rgba(75,80,83,.09);padding:14px;background:#fff}
.product-world-secondary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 12px}
.product-world-secondary-head span{font-size:10px;color:#62676a;font-weight:800;letter-spacing:.12em}
.product-world-secondary-head strong{font-size:12px;color:#303538}
.product-world-placeholder{min-height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;border:1.5px dashed rgba(75,80,83,.24);border-radius:14px;background:radial-gradient(circle at 70% 20%,rgba(132,134,135,.12),transparent 40%),linear-gradient(135deg,#f8f8f7,#f2f2f1);padding:26px}
.product-world-placeholder-symbol{font-size:43px;line-height:1;color:#18a3a4}
.product-world-placeholder strong{font-size:17px;color:#303538}
.product-world-placeholder span{font-size:12px;color:#767b7e}
.product-world-placeholder small{font-size:10px;color:#62676a;font-weight:700}
.product-world-features{margin-top:26px;padding-top:22px;border-top:1px solid rgba(75,80,83,.12)}
.product-world-features-title{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:850;letter-spacing:.09em;color:#01665e;line-height:1.4}
.product-world-features-title span{font-size:10px;color:#9b9d9e;white-space:nowrap}
.product-world-features-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.product-world-feature{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:11px 10px;border:1px solid rgba(75,80,83,.10);background:#fff;border-radius:9px;color:#303538;font-size:12px;line-height:1.45;font-weight:620}
.product-world-check{color:#73787b;font-weight:900;flex:none}
@media(max-width:1200px){.showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){.showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-tab{min-height:100px;padding:13px!important}.showcase-tab__copy strong{font-size:12px!important}.showcase-tab__copy small{font-size:10px}.product-worlds-intro{align-items:start;flex-direction:column}.product-world-detail-head span:last-child{display:none}}
@media(max-width:470px){.showcase-tabs{gap:7px}.showcase-tab{gap:7px}.product-world-arrow{font-size:14px}.product-world-feature{font-size:11px}.product-worlds-intro h3{font-size:26px}}


/* V4: interactiver Lösungs-Explorer */
.world-network{margin:8px 0 26px;padding:26px;border:1px solid rgba(75,80,83,.14);border-radius:22px;background:radial-gradient(circle at 50% 40%,rgba(132,134,135,.085),transparent 47%),linear-gradient(140deg,#fafaf9,#f2f2f1);overflow:hidden}
.world-network-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.world-network-kicker{font-size:10px;font-weight:850;letter-spacing:.15em;color:#5f6467}
.world-network-head h4{margin:9px 0 7px;font-size:clamp(25px,2.6vw,36px);letter-spacing:-1.2px;color:#303538}
.world-network-head p{margin:0;color:#767b7e;font-size:13px;line-height:1.55;max-width:680px}
.world-network-status{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(75,80,83,.11);border-radius:30px;background:#fff;font-size:11px;color:#01665e;font-weight:760;white-space:nowrap}
.world-pulse{height:8px;width:8px;background:#18a3a4;box-shadow:0 0 0 5px rgba(132,134,135,.1);border-radius:50%}
.world-network-stage{position:relative;height:350px;max-width:1150px;margin:14px auto 0}
.world-network-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.world-network-lines line{stroke:#b4b6b7;stroke-width:1.6;stroke-dasharray:5 6;opacity:.48;transition:opacity .25s,stroke-width .25s,stroke .25s}
.world-network-lines line.active{stroke:#787d80;stroke-width:3;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 5px rgba(132,134,135,.55))}
.world-network-hub{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);height:132px;width:178px;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#01665e,#2c3134);color:#fff;box-shadow:0 22px 42px rgba(62,67,70,.22);border:1px solid rgba(255,255,255,.2)}
.world-network-hub strong{font-size:24px;letter-spacing:-.8px}.world-network-hub small{color:#dededd;font-size:9px;margin-top:5px;font-weight:650}.hub-icon{font-size:23px;color:#d1d1d0;line-height:1.3}.hub-glow{position:absolute;inset:-13px;border:1px solid rgba(75,80,83,.13);border-radius:32px;pointer-events:none}
.world-network-items{position:absolute;inset:0}
.world-node{position:absolute;z-index:3;width:155px;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:8px 10px;border:1px solid rgba(75,80,83,.14);border-radius:12px;background:#fff;color:#5d6265;font:700 12px/1.25 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(54,59,62,.045);transform:translate(-50%,-50%);transition:background .22s,color .22s,border .22s,box-shadow .22s,scale .22s}
.world-node:hover{scale:1.06;border-color:#18a3a4}.world-node.active{background:#01665e;color:white;border-color:#01665e;box-shadow:0 10px 24px rgba(75,80,83,.25)}
.world-node .world-node-num{font-size:10px;opacity:.62}.world-network-foot{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#767b7e;border-top:1px solid rgba(75,80,83,.09);padding-top:14px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#767b7e;margin-right:6px}
.world-gallery-stage{background:#f1f1f0}.world-gallery-slide[hidden]{display:none!important}.world-gallery-slide .showcase-imageWrap{aspect-ratio:16/9}.world-gallery-slide .product-world-placeholder{min-height:0;aspect-ratio:16/9;margin:0;border-radius:0}.world-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-top:1px solid rgba(75,80,83,.08);background:#fff}.world-gallery-selector{display:flex;flex-wrap:wrap;gap:7px}.world-gallery-choice,.world-gallery-zoom{border:1px solid rgba(75,80,83,.14);border-radius:9px;background:#f9f9f8;padding:10px 12px;cursor:pointer;color:#4c5154;font-size:11px;font-weight:750}.world-gallery-choice.active{color:#fff;background:#01665e;border-color:#01665e}.world-gallery-zoom:disabled{opacity:.4;cursor:not-allowed}.world-gallery-choice:hover:not(.active),.world-gallery-zoom:hover:not(:disabled){border-color:#18a3a4;background:#f5f5f4}
.world-lightbox[hidden]{display:none}.world-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(16,21,24,.94);display:flex;align-items:center;justify-content:center;padding:70px 24px 24px}.world-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.world-lightbox-close{position:absolute;top:17px;right:25px;border:1px solid #767b7e;background:#2f3437;color:#fff;border-radius:10px;padding:10px 15px;cursor:pointer}
.world-process{margin-top:22px;padding:19px;background:#f4f4f3;border:1px solid rgba(75,80,83,.12);border-radius:15px}.world-process-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#01665e;margin-bottom:13px}.world-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.world-process-step{cursor:pointer;padding:12px 8px;border:1px solid #e1e1e0;background:#fff;border-radius:9px;text-align:left;font:690 11px/1.45 Inter,system-ui,sans-serif;color:#4c5154;min-height:94px}.world-process-step b{display:block;color:#18a3a4;font-size:17px;margin-bottom:7px}.world-process-step.active{color:#fff;background:#01665e;border-color:#01665e}.world-process-step.active b{color:#cfcfce}.world-process-info{margin-top:10px;padding:13px;border-radius:9px;background:#fff;color:#595e61;font-size:12px;line-height:1.5}.world-process-info strong{color:#01665e;display:block;margin-bottom:4px}
@media(max-width:900px){.world-network-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:18px}.world-network-hub{position:relative;top:auto;left:auto;transform:none;margin:8px auto 3px}.world-network-items{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.world-node{position:static;width:auto;min-height:58px;transform:none}.world-network-lines{display:none}}
@media(max-width:600px){.world-network{padding:17px 12px;border-radius:16px}.world-network-head{flex-direction:column}.world-network-items{grid-template-columns:repeat(2,minmax(0,1fr))}.world-node{font-size:10px;padding:7px 5px}.world-network-foot{flex-direction:column}.world-gallery-controls{flex-direction:column;align-items:stretch}.world-gallery-zoom{align-self:flex-end}.world-process-steps{grid-template-columns:1fr}.world-process-step{min-height:0}.world-process-step b{display:inline;margin-right:8px}}


/* V5 – Digital Ecosystem; scoped to preserve all prior sections */
.ecosystem-v5{background:linear-gradient(145deg,#212629 0%,#2f3437 55%,#24292c 100%);border:1px solid #4a4f52;box-shadow:0 25px 65px rgba(25,30,33,.17);padding:clamp(18px,3vw,35px);color:#fff;overflow:hidden}
.ecosystem-v5 .world-network-head h4{color:#fff;font-size:clamp(26px,2.7vw,39px);letter-spacing:-1px}
.ecosystem-v5 .world-network-head p{color:#cbcdce;max-width:770px;font-size:14px}
.ecosystem-v5 .world-network-kicker{color:#d1d1d0}
.ecosystem-v5 .world-network-status{background:#383d40;border-color:#5f6467;color:#eeeeed}
.ecosystem-v5 .world-network-foot{color:#bbbdbe;border-color:#4d5255;margin-top:20px}
.ecosystem-v5 .legend-dot{background:#b8babb}
.ecosystem-toolbar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(255,255,255,.055);border:1px solid rgba(217,217,216,.16);border-radius:12px}
.ecosystem-toolbar>span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#efefee}.ecosystem-toolbar em{font-style:normal;color:#b2b4b5;font-weight:500;letter-spacing:0}
.eco-led,.eco-status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:100%;background:#c7c9ca;box-shadow:0 0 15px #a7a9aa}
.ecosystem-toolbar button,.eco-focus-foot button{border:1px solid #707578;border-radius:8px;background:rgba(92,97,100,.23);color:#eeeeed;cursor:pointer;padding:9px 13px;font:700 11px Inter,system-ui,sans-serif;transition:background .2s}
.ecosystem-toolbar button:hover,.eco-focus-foot button:hover{background:#5d6265}
.ecosystem-v5 .eco-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,.58fr) minmax(0,1fr);align-items:center;gap:22px;max-width:none;height:auto;min-height:570px;margin-top:16px;padding:25px 8px;isolation:isolate}
.eco-svg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;height:100%;display:block}
.eco-groups{position:relative;z-index:2;display:grid;gap:17px;align-content:center}
.eco-group{padding:15px;border:1px solid rgba(182,184,185,.22);background:rgba(255,255,255,.065);border-radius:16px;backdrop-filter:blur(5px)}
.eco-group-label{font-size:10px;letter-spacing:.11em;font-weight:850;color:#c8cacb;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.eco-category-dot{width:6px;height:6px;border-radius:50%;background:#a5a7a8}
.eco-node-list{display:grid;gap:7px}
.ecosystem-v5 .eco-node{display:flex;align-items:center;gap:10px;position:relative;width:100%;min-height:46px;text-align:left;background:#393e41;border:1px solid rgba(217,217,216,.12);border-radius:10px;color:#f2f2f1;padding:7px 11px;cursor:pointer;font:700 12px Inter,system-ui,sans-serif;transition:background .2s,border-color .2s,opacity .2s,transform .2s,box-shadow .2s}
.ecosystem-v5 .eco-node:hover{transform:translateY(-1px);background:#505558;border-color:#c5c7c8}
.ecosystem-v5 .eco-node.active{background:linear-gradient(110deg,#696e71,#53585b);border-color:#d4d4d3;box-shadow:0 0 0 1px rgba(224,224,223,.2),0 0 25px rgba(179,181,182,.13);color:white}
.ecosystem-v5 .eco-node.related{border-color:rgba(190,192,193,.45);background:#454a4d}
.ecosystem-v5 .eco-node.dimmed{opacity:.51}
.eco-node-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:8px;background:rgba(213,213,212,.12);color:#dcdcdb;font-size:20px}
.eco-node-text{flex:1;min-width:0}.eco-node-arrow{color:#bdbfc0;font-size:15px;opacity:.7}
.eco-hub-area{position:relative;z-index:2;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ecosystem-v5 .eco-hub{position:relative;top:auto;left:auto;transform:none;flex:0 0 auto;width:188px;height:170px;border-radius:22px;background:linear-gradient(150deg,#4f5457,#373c3f);border:1px solid #c9cbcc;box-shadow:0 0 0 8px rgba(132,134,135,.08),0 18px 60px rgba(6,11,14,.4),0 0 55px rgba(166,168,169,.23)}
.eco-hub-symbol{font-size:30px;color:#dadad9;line-height:1.1}.eco-hub strong{font-size:25px}.eco-hub small{font-size:9px;color:#e2e2e1;letter-spacing:.13em}.eco-hub-strap{margin-top:12px;font-size:9px;color:#dededd}
.eco-orbit{position:absolute;width:235px;height:235px;border-radius:50%;border:1px solid rgba(187,189,190,.24);pointer-events:none}.eco-orbit-two{width:290px;height:290px;border-color:rgba(187,189,190,.11);border-style:dashed;animation:ecoSpin 70s linear infinite}@keyframes ecoSpin{to{transform:rotate(360deg)}}
.eco-hub-caption{margin-top:52px;font-size:10px;color:#d8d8d7;white-space:nowrap}
.eco-wire{fill:none;stroke:#aaacad;stroke-width:1;opacity:.17;transition:opacity .3s}.eco-wire.active{stroke:#a4a6a7;stroke-width:1.8;opacity:.7}.eco-wire-glow{fill:none;stroke:#bec0c1;stroke-width:6;opacity:0;filter:blur(6px)}.eco-wire-glow.active{opacity:.12}.eco-packet{fill:#f3f3f2;filter:drop-shadow(0 0 5px #dededd)}
.eco-focus{border:1px solid rgba(189,191,192,.28);border-radius:17px;background:linear-gradient(120deg,rgba(68,73,76,.56),rgba(55,60,63,.68));padding:20px 22px}
.eco-focus-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.eco-focus-overline{font-size:9px;letter-spacing:.11em;font-weight:850;color:#cececd}.eco-focus-head strong{font-size:17px;color:#fff}.eco-focus-head>span:last-child{margin-left:auto;font-size:11px;color:#c9cbcc}
.eco-flow{display:flex;align-items:stretch;gap:10px;margin-top:17px}.eco-flow-step{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:13px;background:#3d4245;border:1px solid #696e71;border-radius:10px;font-size:12px;line-height:1.45;color:#f3f3f2;font-weight:650}.eco-flow-step.central{background:#5a5f62;border-color:#c1c3c4}.eco-flow-step small{color:#c7c9ca;font-size:10px;letter-spacing:.1em}.eco-flow-arrow{display:grid;place-items:center;color:#c8cacb;font-weight:900}
.eco-focus-foot{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.eco-focus-foot>span{max-width:850px;font-size:12px;color:#cbcdce;line-height:1.6}.eco-focus-foot button{flex:0 0 auto}
@media(max-width:1100px){.ecosystem-v5 .eco-stage{grid-template-columns:1fr 200px 1fr;gap:10px}.eco-group{padding:10px}.ecosystem-v5 .eco-node{font-size:11px;padding:6px}.ecosystem-v5 .eco-hub{width:165px;height:155px}.eco-orbit{width:200px;height:200px}.eco-orbit-two{width:240px;height:240px}}
@media(max-width:780px){.ecosystem-v5 .eco-stage{display:block;min-height:0;padding:15px 0}.eco-hub-area{min-height:210px;order:0}.ecosystem-v5 .eco-hub{width:160px;height:142px}.eco-orbit{width:180px;height:180px}.eco-orbit-two{width:210px;height:210px}.eco-hub-caption{margin-top:20px}.eco-svg{display:none}.eco-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.eco-group{padding:12px}.eco-node-list{gap:5px}.eco-flow{flex-direction:column}.eco-flow-arrow{transform:rotate(90deg)}.eco-focus-foot{align-items:stretch;flex-direction:column}.eco-focus-foot button{align-self:flex-start}}
@media(max-width:500px){.eco-groups{grid-template-columns:1fr}.eco-focus-head>span:last-child{margin-left:0}.ecosystem-v5 .world-network-head{gap:15px}.ecosystem-toolbar em{display:none}.eco-group-label{font-size:9px}.ecosystem-v5 .eco-node{font-size:12px}}
@media(prefers-reduced-motion:reduce){.eco-orbit-two{animation:none}.eco-packet{display:none}}


/* V6 – Fremdsysteme & Datenfluss */
.ecosystem-v5 .eco-stage{min-height:760px}
.eco-systems{grid-column:1/-1;position:relative;z-index:2;padding:15px 16px;border:1px solid rgba(182,184,185,.22);background:rgba(255,255,255,.05);border-radius:16px;backdrop-filter:blur(4px)}
.eco-systems-top{margin-bottom:4px}.eco-systems-bottom{margin-top:4px}
.eco-systems-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px;color:#efefee;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.eco-systems-head small{font-size:10px;color:#babcbd;font-weight:600;letter-spacing:.03em;text-transform:none}
.eco-system-list{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.eco-system-node{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border-radius:11px;border:1px solid rgba(222,222,221,.14);background:#313639;color:#e4e4e3;font:700 12px Inter,system-ui,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:opacity .2s,border-color .2s,background .2s,transform .2s,color .2s}
.eco-system-node:hover{transform:translateY(-1px)}
.eco-system-node .sys-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:rgba(213,213,212,.1);color:#dadad9;font-size:14px}
.eco-system-node .sys-copy{display:flex;flex-direction:column;line-height:1.15}
.eco-system-node .sys-copy small{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#bfc1c2}
.eco-system-node.dimmed{opacity:.36}
.eco-system-node.active-source{background:linear-gradient(120deg,#474c4f,#5b6063);border-color:#c9cbcc;color:#fff;box-shadow:0 0 0 1px rgba(201,203,204,.12),0 0 24px rgba(170,172,173,.12)}
.eco-system-node.active-target{background:linear-gradient(120deg,#3d4245,#565b5e);border-color:#d1d1d0;color:#fff;box-shadow:0 0 0 1px rgba(209,209,208,.12),0 0 24px rgba(209,209,208,.12)}
.eco-wire.product{stroke:#aaacad;stroke-width:1;opacity:.17}
.eco-wire.active.product{stroke:#a4a6a7;stroke-width:1.8;opacity:.75}
.eco-wire.inbound{stroke:#aeb0b1;stroke-width:1.2;opacity:.22;stroke-dasharray:4 8}
.eco-wire.outbound{stroke:#d1d1d0;stroke-width:1.2;opacity:.22;stroke-dasharray:6 8}
.eco-wire.active.inbound{stroke:#cfcfce;stroke-width:1.9;opacity:.82}
.eco-wire.active.outbound{stroke:#dfdfde;stroke-width:1.9;opacity:.82}
.eco-wire-glow.product{stroke:#bec0c1;stroke-width:6;opacity:0;filter:blur(6px)}
.eco-wire-glow.inbound{stroke:#bec0c1;stroke-width:7;opacity:0;filter:blur(7px)}
.eco-wire-glow.outbound{stroke:#dadad9;stroke-width:7;opacity:0;filter:blur(7px)}
.eco-wire-glow.active{opacity:.15}
.eco-io-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.eco-io-card{padding:14px 15px;border:1px solid rgba(189,191,192,.18);border-radius:12px;background:rgba(255,255,255,.045)}
.eco-io-card>span{display:block;color:#d2d2d1;font-size:10px;letter-spacing:.12em;font-weight:850;text-transform:uppercase}
.eco-badge-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.eco-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;border:1px solid rgba(214,214,213,.15);background:#3b4043;color:#f3f3f2;font-size:11px;font-weight:700}
.eco-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#c8cacb;box-shadow:0 0 10px rgba(200,202,203,.45)}
.eco-badge.target::before{background:#dededd;box-shadow:0 0 10px rgba(222,222,221,.45)}
.eco-badge.muted{opacity:.7}
@media(max-width:1100px){.ecosystem-v5 .eco-stage{min-height:820px}.eco-system-list{justify-content:flex-start}.eco-system-node{font-size:11px;padding:8px 10px}}
@media(max-width:780px){.eco-systems{padding:12px 13px;margin-top:10px}.eco-systems-head{align-items:flex-start}.eco-system-list{justify-content:flex-start}.eco-io-grid{grid-template-columns:1fr}.ecosystem-v5 .eco-stage{min-height:0}}


/* V7 – Helles Diagramm / reduzierte Kontraste */
.ecosystem-v5{background:linear-gradient(180deg,#ffffff 0%,#f8f8f7 58%,#f1f1f0 100%);border:1px solid rgba(48,53,56,.10);box-shadow:0 20px 55px rgba(16,24,40,.06);color:#303538}
.ecosystem-v5 .world-network-head h4{color:#303538}
.ecosystem-v5 .world-network-head p{color:#717679}
.ecosystem-v5 .world-network-kicker{color:#01665E}
.ecosystem-v5 .world-network-status{background:#fafaf9;border-color:rgba(75,80,83,.14);color:#43484b}
.ecosystem-v5 .world-network-foot{color:#767b7e;border-color:rgba(75,80,83,.10)}
.ecosystem-v5 .legend-dot{background:#aaacad}
.ecosystem-toolbar{background:rgba(255,255,255,.82);border:1px solid rgba(48,53,56,.09)}
.ecosystem-toolbar>span{color:#3d4245}.ecosystem-toolbar em{color:#818384}
.eco-led,.eco-status-dot{background:#b1b3b4;box-shadow:0 0 10px rgba(177,179,180,.28)}
.ecosystem-toolbar button,.eco-focus-foot button{border:1px solid rgba(75,80,83,.18);background:#ffffff;color:#464b4e;box-shadow:0 6px 16px rgba(16,24,40,.04)}
.ecosystem-toolbar button:hover,.eco-focus-foot button:hover{background:#f6f6f5}
.eco-systems,.eco-group{border:1px solid rgba(48,53,56,.09);background:rgba(255,255,255,.86);backdrop-filter:blur(5px);box-shadow:0 8px 22px rgba(16,24,40,.035)}
.eco-systems-head{color:#474c4f}.eco-systems-head small{color:#858788}
.eco-group-label{color:#474c4f}.eco-category-dot{background:#959798}
.ecosystem-v5 .eco-node{background:#ffffff;border:1px solid rgba(48,53,56,.09);color:#303538;box-shadow:0 5px 14px rgba(16,24,40,.03)}
.ecosystem-v5 .eco-node:hover{background:#fafaf9;border-color:rgba(75,80,83,.22)}
.ecosystem-v5 .eco-node.active{background:linear-gradient(180deg,#f7f7f6,#f2f2f1);border-color:rgba(75,80,83,.32);box-shadow:0 0 0 1px rgba(75,80,83,.10),0 10px 24px rgba(132,134,135,.10);color:#3f4447}
.ecosystem-v5 .eco-node.related{background:#fafaf9;border-color:rgba(75,80,83,.16)}
.ecosystem-v5 .eco-node.dimmed{opacity:.5}
.eco-node-icon{background:rgba(75,80,83,.07);color:#54595c}.eco-node-arrow{color:#a5a7a8}
.ecosystem-v5 .eco-hub{background:linear-gradient(180deg,#ffffff,#f6f6f5);border:1px solid rgba(75,80,83,.22);box-shadow:0 0 0 10px rgba(75,80,83,.03),0 20px 48px rgba(16,24,40,.08),0 0 28px rgba(132,134,135,.08)}
.eco-hub-symbol{color:#87898a}.eco-hub strong{color:#303538}.eco-hub small{color:#52575a}.eco-hub-strap{color:#818384}.eco-hub-caption{color:#767b7e}
.eco-orbit{border-color:rgba(75,80,83,.12)}.eco-orbit-two{border-color:rgba(75,80,83,.08)}
.eco-system-node{border:1px solid rgba(48,53,56,.08);background:#ffffff;color:#303538;box-shadow:0 5px 14px rgba(16,24,40,.03)}
.eco-system-node .sys-icon{background:rgba(75,80,83,.07);color:#54595c}.eco-system-node .sys-copy small{color:#6a6f72}
.eco-system-node.active-source{background:linear-gradient(180deg,#f9f9f8,#f4f4f3);border-color:rgba(75,80,83,.26);color:#3f4447;box-shadow:0 0 0 1px rgba(75,80,83,.08),0 10px 24px rgba(132,134,135,.08)}
.eco-system-node.active-target{background:linear-gradient(180deg,#fafaf9,#f4f4f3);border-color:rgba(90,95,98,.24);color:#3c4144;box-shadow:0 0 0 1px rgba(90,95,98,.06),0 10px 24px rgba(90,95,98,.08)}
.eco-system-node.dimmed{opacity:.42}
.eco-wire.product{stroke:#b4b6b7;opacity:.32}.eco-wire.active.product{stroke:#949697;opacity:.8;stroke-width:1.8}
.eco-wire.inbound{stroke:#b1b3b4;opacity:.28}.eco-wire.outbound{stroke:#bfc1c2;opacity:.28}
.eco-wire.active.inbound{stroke:#b1b3b4;opacity:.82}.eco-wire.active.outbound{stroke:#acaeaf;opacity:.82}
.eco-wire-glow.product{stroke:#bdbfc0;opacity:0}.eco-wire-glow.inbound{stroke:#c2c4c5;opacity:0}.eco-wire-glow.outbound{stroke:#cbcdce;opacity:0}.eco-wire-glow.active{opacity:.10}
.eco-packet{fill:#ffffff;stroke:#acaeaf;stroke-width:1;filter:drop-shadow(0 0 6px rgba(172,174,175,.3))}
.eco-focus{border:1px solid rgba(48,53,56,.09);background:linear-gradient(180deg,#ffffff,#f8f8f7);box-shadow:0 12px 28px rgba(16,24,40,.04)}
.eco-focus-overline,.eco-io-card>span{color:#54595c}.eco-focus-head strong{color:#303538}.eco-focus-head>span:last-child{color:#767b7e}
.eco-flow-step{background:#ffffff;border:1px solid rgba(48,53,56,.08);color:#303538;box-shadow:0 5px 14px rgba(16,24,40,.03)}
.eco-flow-step.central{background:linear-gradient(180deg,#f7f7f6,#f2f2f1);border-color:rgba(75,80,83,.24)}
.eco-flow-step small{color:#6a6f72}.eco-flow-arrow{color:#a3a5a6}
.eco-focus-foot>span{color:#72777a}
.eco-io-card{border:1px solid rgba(48,53,56,.08);background:#fcfcfb}
.eco-badge{border:1px solid rgba(48,53,56,.08);background:#ffffff;color:#303538}.eco-badge::before{background:#bdbfc0;box-shadow:0 0 8px rgba(189,191,192,.25)}
.eco-badge.target::before{background:#c6c8c9;box-shadow:0 0 8px rgba(198,200,201,.25)}


/* V8 – Inter optimieren + DroneApps Logo im Hub */
html,body,button,input,select,textarea{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11" 1,"ss01" 1,"ss03" 1;color:#303538}
.section,.product-worlds,.showcase-tab,.eco-node,.eco-system-node,.eco-flow-step,.eco-badge,.eco-focus,.ecosystem-toolbar button,.eco-focus-foot button{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.section h1,.section h2,.section h3,.section h4,.product-worlds h2,.product-worlds h3,.eco-focus-head strong,.ecosystem-v5 .world-network-head h4{letter-spacing:-0.028em}
.section p,.product-worlds p,.eco-focus-foot>span,.showcase-description,.showcase-sideFooter p{letter-spacing:-0.01em;line-height:1.62}
.showcase-tab strong,.product-world-features-title,.eco-group-label,.eco-systems-head,.eco-io-card>span,.eco-focus-overline,.world-network-kicker{letter-spacing:.01em}
.ecosystem-v5 .eco-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 16px 16px;width:215px;height:196px;border-radius:26px}
.eco-hub-logo{display:block;width:126px;max-width:82%;height:auto;object-fit:contain;margin:0 auto 4px;filter:drop-shadow(0 5px 14px rgba(132,134,135,.10))}
.eco-hub strong{font-size:24px;font-weight:800;line-height:1.02;margin-top:2px}
.eco-hub small{font-size:10px;font-weight:800;letter-spacing:.16em}
.eco-hub-strap{margin-top:8px;font-size:10px;font-weight:600;letter-spacing:.04em}
@media(max-width:1100px){.ecosystem-v5 .eco-hub{width:192px;height:182px}.eco-hub-logo{width:116px}.eco-hub strong{font-size:22px}}
@media(max-width:780px){.ecosystem-v5 .eco-hub{width:178px;height:168px;padding:12px 12px 14px}.eco-hub-logo{width:104px}.eco-hub strong{font-size:20px}.eco-hub small{font-size:9px}.eco-hub-strap{font-size:9px}}


/* V9 – Hub bereinigt & Linien beruhigt */
.ecosystem-v5 .eco-hub{width:210px;height:182px;gap:6px;padding:16px 16px 18px;border-radius:24px}
.eco-hub-logo{width:128px;max-width:84%;margin:2px auto 6px}
.eco-hub small{font-size:10px;font-weight:800;letter-spacing:.18em;margin-top:2px}
.eco-hub-strap{margin-top:6px;font-size:10px;letter-spacing:.03em}
.eco-wire.product{stroke:#cacccd;stroke-width:1;opacity:.12}
.eco-wire.product.related{stroke:#b9bbbc;stroke-width:1.15;opacity:.22}
.eco-wire.product.focus{stroke:#9c9e9f;stroke-width:1.8;opacity:.78}
.eco-wire.product.overview{stroke:#c3c5c6;stroke-width:1.05;opacity:.18}
.eco-wire-glow.product{opacity:0}
.eco-wire-glow.product.related{opacity:.03}.eco-wire-glow.product.focus{opacity:.08}.eco-wire-glow.product.overview{opacity:.03}
.eco-wire.inbound,.eco-wire.outbound{opacity:.24}.eco-wire.active.inbound,.eco-wire.active.outbound{opacity:.62;stroke-width:1.6}
.eco-wire-glow.inbound,.eco-wire-glow.outbound{opacity:0}.eco-wire-glow.active.inbound,.eco-wire-glow.active.outbound{opacity:.05}
.eco-packet{display:none}
@media(max-width:1100px){.ecosystem-v5 .eco-hub{width:186px;height:168px}.eco-hub-logo{width:116px}}
@media(max-width:780px){.ecosystem-v5 .eco-hub{width:172px;height:156px;padding:12px 12px 14px}.eco-hub-logo{width:102px}.eco-hub small{font-size:9px}.eco-hub-strap{font-size:9px}}


/* Wix-sichere Inline-Detailkarte: echtes Element im Seitenfluss, kein fixed/Viewport-Overlay */
.drone-modal[hidden]{display:none!important}
.showcase-demo.drone-details-open .showcase-tabs{display:none!important}
.showcase-demo.drone-details-open .showcase-demo__top,
.showcase-demo.drone-details-open .product-worlds-intro{display:none!important}
.drone-modal{position:relative!important;inset:auto!important;z-index:3;display:block!important;width:100%;height:auto;overflow:visible!important;margin:0;padding:clamp(12px,2.4vw,28px);border-radius:24px;background:linear-gradient(145deg,#2f3437,#212629);box-shadow:inset 0 0 0 1px rgba(206,206,205,.2);scroll-margin-top:14px}
.drone-modal[hidden]{display:none!important}
.drone-modal-backdrop{display:none!important}
.drone-modal-panel{position:relative;width:100%;max-height:none!important;height:auto;overflow:visible!important;margin:0;padding:22px clamp(15px,2.5vw,32px) 30px;border-radius:21px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(145deg,#fff,#f8f8f7);box-shadow:0 24px 58px rgba(13,18,21,.28)}
.drone-modal-toolbar{position:relative;top:auto;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0 17px;background:transparent;font-size:11px;font-weight:850;letter-spacing:.12em;color:#01665e}
.drone-modal-close{display:flex;gap:9px;align-items:center;border:1px solid rgba(75,80,83,.16);border-radius:10px;padding:11px 15px;background:#f3f3f2;color:#01665e;cursor:pointer;font:750 13px Inter,system-ui,sans-serif;letter-spacing:0}
.drone-modal-close:hover{background:#eaeae9}
.drone-modal .product-world-detail-head{padding-top:8px}
.drone-modal .showcase-layout{grid-template-columns:minmax(0,1.28fr) minmax(350px,.85fr)!important;align-items:start}
.drone-modal .showcase-imageWrap{aspect-ratio:16/10}
.drone-modal .showcase-sideInner{padding:27px}
@media(max-width:950px){.drone-modal .showcase-layout{grid-template-columns:1fr!important}.drone-modal .showcase-imageWrap{aspect-ratio:16/9}}
@media(max-width:600px){.drone-modal{padding:7px;border-radius:17px}.drone-modal-panel{border-radius:13px;padding:12px 10px 24px}.drone-modal-toolbar{padding:5px 4px 12px;font-size:9px}.drone-modal-close{padding:9px}.drone-modal .showcase-sideInner{padding:18px 14px}.drone-modal .product-world-detail-head{flex-direction:column;gap:4px}}


/* V8 – Produktbezogene Integrationen im Detail-Popup */
.world-network[hidden]{display:none!important}
.product-integrations{margin:12px 0 24px;padding:24px;border:1px solid rgba(75,80,83,.13);border-radius:19px;background:linear-gradient(140deg,#fafaf9,#f3f3f2)}
.product-integrations__heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.product-integrations__eyebrow{display:block;color:#01665e;font-weight:850;font-size:10px;letter-spacing:.12em}
.product-integrations__heading h3{font-size:clamp(20px,2vw,27px);line-height:1.2;letter-spacing:-.7px;margin:8px 0;color:#303538}
.product-integrations__heading p{margin:0;font-size:12px;line-height:1.5;color:#767b7e}
.product-integrations__hint{font-size:10px;font-weight:760;white-space:nowrap;color:#01665e}
.product-integrations__flows{display:grid;gap:10px}
.product-integration-flow{background:#fff;border:1px solid rgba(75,80,83,.1);border-radius:13px;padding:17px 18px;box-shadow:0 6px 20px rgba(41,46,49,.025)}
.product-integration-flow__name{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#303538;font-size:14px}
.product-integration-flow__name>span{font-size:10px;font-weight:850;color:#707578}
.product-integration-flow__track{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:9px}
.product-integration-flow__node{border-radius:10px;border:1px solid #e5e5e4;padding:11px 12px;min-width:0;background:#fafaf9}
.product-integration-flow__node small{display:block;font-size:9px;font-weight:850;letter-spacing:.08em;color:#767b7e;margin-bottom:5px}
.product-integration-flow__node strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;color:#303538}
.product-integration-flow__node--app{background:#01665e;border-color:#01665e}.product-integration-flow__node--app small{color:#dadad9}.product-integration-flow__node--app strong{color:#fff}
.product-integration-flow__arrow{font-size:22px;color:#6d7275;text-align:center}
.product-integration-flow p{font-size:12px;line-height:1.55;color:#767b7e;margin:11px 0 0}
@media(max-width:700px){.product-integrations{padding:14px 11px}.product-integrations__heading{align-items:start;flex-direction:column}.product-integrations__hint{display:none}.product-integration-flow{padding:14px 11px}.product-integration-flow__track{gap:3px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.product-integration-flow__node{padding:8px 5px}.product-integration-flow__node small{font-size:7px;letter-spacing:0}.product-integration-flow__node strong{font-size:10px}.product-integration-flow__arrow{font-size:14px}}


/* V10 – eindeutige Produktkennung, ein Screenshot, responsive Systemflüsse */
.drone-modal .product-world-detail-head{align-items:center;padding:13px 5px 20px;border-top:0;border-bottom:1px solid rgba(75,80,83,.12);margin-bottom:16px}
.drone-modal .product-world-detail-head>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.drone-modal .product-world-detail-head small{font-size:10px;color:#01665e;font-weight:800;letter-spacing:.12em}
.drone-modal .product-world-detail-head strong{font-size:clamp(27px,3vw,42px);line-height:1.13;letter-spacing:-.035em;color:#303538;overflow-wrap:anywhere}
.drone-modal .showcase-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)!important}
.drone-modal .product-integrations{margin:22px 0 4px;padding:17px;border-radius:14px}
.drone-modal .product-integrations__heading{margin-bottom:12px}
.drone-modal .product-integrations__heading h3{font-size:17px;letter-spacing:-.3px;margin:5px 0}
.drone-modal .product-integration-flow{padding:12px}
.drone-modal .product-integration-flow__track{gap:5px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr)}
.drone-modal .product-integration-flow__node{padding:9px 7px}
.drone-modal .product-integration-flow__node small{font-size:8px;letter-spacing:0}
.drone-modal .product-integration-flow__node strong{font-size:11px}
.drone-modal .product-integration-flow__arrow{font-size:16px}
.world-gallery-controls{justify-content:space-between}
.world-gallery-label{font-size:10px;color:#767b7e;font-weight:800;letter-spacing:.1em}
@media(max-width:1100px){.drone-modal .showcase-layout{grid-template-columns:1fr!important}.drone-modal .showcase-side{order:0}.drone-modal .showcase-screen{order:1}.drone-modal .showcase-sideInner{padding:23px}}
@media(max-width:600px){
 .drone-modal{padding:6px!important}
 .drone-modal-panel{padding:12px 10px 19px!important}
 .drone-modal-toolbar{flex-wrap:wrap;font-size:9px;letter-spacing:.07em}
 .drone-modal .product-world-detail-head{gap:10px;align-items:flex-start;flex-direction:column;padding:9px 4px 15px}
 .drone-modal .product-world-detail-head strong{font-size:clamp(25px,7vw,34px)}
 .drone-modal .product-world-detail-head span:last-child{display:block;font-size:10px}
 .drone-modal .showcase-sideInner{padding:18px 13px}
 .drone-modal .showcase-title{font-size:24px}
 .drone-modal .showcase-description{font-size:13px}
 .drone-modal .product-integrations{margin:16px 0 0;padding:12px 9px}
 .drone-modal .product-integration-flow{padding:11px 9px}
 .drone-modal .product-integration-flow__track{grid-template-columns:minmax(0,1fr);gap:5px}
 .drone-modal .product-integration-flow__arrow{transform:rotate(90deg);font-size:17px;line-height:14px}
 .drone-modal .product-integration-flow__node{padding:9px 11px}
 .drone-modal .product-integration-flow__node small{font-size:9px}
 .drone-modal .product-integration-flow__node strong{font-size:12px}
 .drone-modal .product-world-features-list{grid-template-columns:1fr}
 .drone-modal .world-process-steps{grid-template-columns:1fr}
 .drone-modal .showcase-imageWrap{aspect-ratio:16/10}
 .drone-modal .showcase-imageWrap.device-tablet{aspect-ratio:4/3}
 .drone-modal .showcase-caption{gap:9px}
}


.eco-system-node{cursor:pointer;text-align:left;font-family:Inter,system-ui,sans-serif}
.eco-system-node.filter-selected{outline:2px solid #18a3a4;outline-offset:2px;box-shadow:0 0 0 5px rgba(132,134,135,.14)}
.eco-node.filter-match{border-color:#18a3a4!important;box-shadow:0 0 0 2px rgba(132,134,135,.18),0 8px 22px rgba(75,80,83,.09)!important;opacity:1!important}
.eco-system-node>*,.eco-system-node *{pointer-events:none!important}

/* Source: assets/product-layout-5f3f5af6c165.css */


.eco-system-node{cursor:pointer;text-align:left;font-family:Inter,system-ui,sans-serif}
.eco-system-node.filter-selected{outline:2px solid #18a3a4;outline-offset:2px;box-shadow:0 0 0 5px rgba(132,134,135,.14)}
.eco-node.filter-match{border-color:#18a3a4!important;box-shadow:0 0 0 2px rgba(132,134,135,.18),0 8px 22px rgba(75,80,83,.09)!important;opacity:1!important}
.eco-system-node>*,.eco-system-node *{pointer-events:none!important}

/* Source: assets/product-layout-0df4d2973c49.css */



:root{
  --bg:#f6f6f5;
  --panel:#ffffff;
  --panel-soft:#fafaf9;
  --text:#303538;
  --muted:#767b7e;
  --muted-2:#9b9d9e;
  --primary:#01665E;
  --primary-dark:#014F49;
  --teal:#18A3A4;
  --blue:#5b6063;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --shadow:0 16px 42px rgba(16,24,40,.065);
  --shadow-hover:0 20px 52px rgba(16,24,40,.09);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 20%,rgba(132,134,135,.09),transparent 28%),
    radial-gradient(circle at 12% 78%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--teal));
}

.dot{display:none}

h2{
  max-width:1120px;
  margin:25px 0 0;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:900px;
  margin-top:32px;
  color:var(--muted);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

/* CONFIGURATOR */

.configurator{
  display:grid;
  grid-template-columns:minmax(300px,.7fr) minmax(560px,1.35fr) minmax(320px,.78fr);
  gap:18px;
  margin-top:72px;
  align-items:stretch;
}

.panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:
    0 18px 46px rgba(16,24,40,.06),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.panel:hover{
  transform:translateY(-2px);
  border-color:rgba(75,80,83,.16);
  box-shadow:0 24px 56px rgba(16,24,40,.085);
}

.selector{
  padding:30px 26px 26px;
}

.panel-kicker{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.panel-title{
  margin-top:9px;
  color:var(--text);
  font-size:27px;
  line-height:1.08;
  font-weight:740;
  letter-spacing:-.8px;
}

.panel-copy{
  margin-top:11px;
  color:var(--muted);
  font-size:13px;
  line-height:1.62;
}

.module-list{
  display:grid;
  gap:7px;
  margin-top:24px;
}

.module-toggle{
  position:relative;
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 12px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:11px;
  background:#fcfcfb;
  color:#676c6f;
  cursor:pointer;
  text-align:left;
  font:inherit;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.module-toggle:hover{
  transform:translateY(-1px);
  color:var(--text);
  border-color:rgba(75,80,83,.18);
  background:#f8f8f7;
}

.module-toggle.active{
  color:var(--primary);
  border-color:rgba(75,80,83,.22);
  background:linear-gradient(180deg,#fafaf9,#f5f5f4);
  box-shadow:
    inset 3px 0 0 var(--teal),
    0 6px 16px rgba(16,24,40,.035);
}

.module-icon{
  position:relative;
  width:31px;
  height:31px;
  flex:0 0 31px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:9px;
  background:#fff;
}

.module-icon::before,
.module-icon::after{
  content:"";
  position:absolute;
  top:7px;
  width:6px;
  height:6px;
  border-radius:50%;
  border:1px solid rgba(75,80,83,.30);
}

.module-icon::before{left:5px}
.module-icon::after{right:5px}

.module-icon i{
  position:absolute;
  left:10px;
  top:14px;
  width:9px;
  height:7px;
  border-radius:4px;
  background:#e3e3e2;
}

.module-toggle.active .module-icon i{
  background:var(--teal);
}

.module-name{
  flex:1 1 auto;
  min-width:0;
  color:inherit;
  font-size:13px;
  font-weight:720;
  line-height:1.25;
}

.check{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(75,80,83,.14);
  background:#fff;
  color:transparent;
  font-size:11px;
  font-weight:800;
}

.module-toggle.active .check{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--teal));
  border-color:transparent;
  box-shadow:0 0 0 4px rgba(75,80,83,.06);
}

.custom-process{
  margin-top:16px;
  padding:17px;
  border:1px dashed rgba(75,80,83,.18);
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#fafaf9);
}

.custom-process strong{
  display:block;
  color:var(--text);
  font-size:14px;
  font-weight:760;
}

.custom-process p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}

.custom-process span{
  display:inline-block;
  margin-top:10px;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.10em;
  text-transform:uppercase;
}

/* CENTER PLATFORM */

.platform{
  display:flex;
  flex-direction:column;
  min-height:720px;
  background:
    radial-gradient(circle at 50% 10%,rgba(132,134,135,.055),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fafaf9 100%);
}

.platform-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:28px 30px 20px;
  border-bottom:1px solid rgba(75,80,83,.08);
}

.platform-count{
  min-width:92px;
  padding:10px 13px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:12px;
  background:#fafaf9;
  text-align:center;
}

.platform-count strong{
  display:block;
  color:var(--primary);
  font-size:28px;
  line-height:1;
  font-weight:800;
}

.platform-count span{
  display:block;
  margin-top:5px;
  color:var(--muted-2);
  font-size:8px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.platform-stage{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:26px 30px 30px;
}

.selected-apps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:end;
  min-height:430px;
}

.app-card{
  position:relative;
  min-height:122px;
  padding:19px 19px 18px 21px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.09);
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,24,40,.04);
  animation:appIn .35s cubic-bezier(.22,.75,.2,1) both;
}

.app-card::before{
  content:"";
  position:absolute;
  left:0;
  top:17px;
  width:3px;
  height:46px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.app-card small{
  display:block;
  color:var(--muted-2);
  font-size:8px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.app-card strong{
  display:block;
  margin-top:7px;
  color:var(--text);
  font-size:19px;
  line-height:1.1;
  font-weight:740;
  letter-spacing:-.45px;
}

.app-card p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.52;
}

.empty-state{
  align-self:center;
  justify-self:center;
  grid-column:1/-1;
  padding:36px;
  color:var(--muted-2);
  text-align:center;
  font-size:14px;
  line-height:1.6;
}

.integration-layer{
  position:relative;
  margin-top:18px;
  padding:16px 18px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.13);
  border-radius:13px;
  background:
    linear-gradient(90deg,rgba(75,80,83,.055),rgba(132,134,135,.035)),
    #fafaf9;
}

.integration-layer::after{
  content:"";
  position:absolute;
  left:-20%;
  top:0;
  width:22%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.74),transparent);
  animation:layerSweep 4.8s ease-in-out infinite;
}

.integration-layer small{
  display:block;
  color:var(--muted-2);
  font-size:8px;
  font-weight:820;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.integration-layer strong{
  display:block;
  margin-top:4px;
  color:var(--primary);
  font-size:14px;
  font-weight:800;
}

.foundation{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:10px;
}

.foundation-item{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:10px;
  background:#fff;
  color:var(--muted);
  font-size:10px;
  font-weight:760;
  text-align:center;
}

/* SUMMARY */

.summary{
  display:flex;
  flex-direction:column;
  padding:30px 28px 28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.055),transparent 34%),
    linear-gradient(180deg,#fff,#fafaf9);
}

.summary-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  padding:7px 10px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:999px;
  background:#f8f8f7;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.summary-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(132,134,135,.06);
}

.summary-title{
  margin-top:20px;
  color:var(--text);
  font-size:33px;
  line-height:1.045;
  font-weight:730;
  letter-spacing:-1.1px;
}

.summary-copy{
  margin-top:14px;
  color:var(--muted);
  font-size:15px;
  line-height:1.66;
}
.summary-visual{
  position:relative;
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#fafaf9);
  overflow:hidden;
  box-shadow:0 10px 22px rgba(16,24,40,.04);
}
.summary-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(132,134,135,.14),transparent 26%),linear-gradient(135deg,rgba(75,80,83,.03),rgba(132,134,135,.06));
  pointer-events:none;
}
.summary-visual::after{
  content:"App-Einblick";
  position:absolute;
  left:16px;
  top:14px;
  z-index:2;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(75,80,83,.08);
  padding:6px 8px;
  border-radius:999px;
  backdrop-filter:blur(8px);
}
.summary-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid rgba(75,80,83,.08);
  box-shadow:0 14px 28px rgba(16,24,40,.08);
  filter:none;
  opacity:.94;
}
.summary-visual-note{
  position:relative;
  z-index:2;
  margin-top:10px;
  color:var(--muted-2);
  font-size:11px;
  line-height:1.55;
}

.summary-flow{
  display:grid;
  gap:9px;
  margin-top:23px;
}

.summary-step{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 14px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:11px;
  background:#fff;
}

.summary-step b{
  flex:0 0 26px;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(75,80,83,.10);
  background:#fafaf9;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
}

.summary-step span{
  color:var(--text);
  font-size:13px;
  line-height:1.45;
  font-weight:680;
}

.summary-selection{
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid rgba(75,80,83,.08);
}

.summary-selection small{
  display:block;
  color:var(--muted-2);
  font-size:8px;
  font-weight:820;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.selection-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.selection-tag{
  padding:6px 8px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:7px;
  background:#fff;
  color:var(--muted);
  font-size:9px;
  font-weight:760;
}

/* PRINCIPLES */

.principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}

.principle{
  position:relative;
  min-height:142px;
  padding:24px 24px 23px 27px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.principle::before{
  content:"";
  position:absolute;
  left:0;
  top:23px;
  width:3px;
  height:44px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.principle small{
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.principle strong{
  display:block;
  margin-top:15px;
  color:var(--text);
  font-size:20px;
  line-height:1.13;
  font-weight:730;
}

.principle p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.58;
}

.closing{
  margin-top:64px;
  padding-top:36px;
  border-top:1px solid rgba(75,80,83,.10);
  color:var(--text);
  font-size:clamp(32px,3vw,48px);
  line-height:1.14;
  letter-spacing:-1.7px;
  font-weight:690;
  text-wrap:balance;
}

.closing span{
  color:var(--primary);
}

@keyframes appIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes layerSweep{
  0%,65%,100%{left:-20%}
  82%{left:110%}
}

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

/* TABLET */

@media(max-width:1250px){
  .configurator{
    grid-template-columns:320px minmax(0,1fr);
  }

  .summary{
    grid-column:1/-1;
  }

  .summary-selection{
    margin-top:24px;
  }
}

@media(max-width:900px){
  .section{
    padding:94px 0 102px;
  }

  .inner{
    width:calc(100% - 44px);
  }

  .configurator{
    grid-template-columns:1fr;
    gap:16px;
    margin-top:52px;
  }

  .platform{
    min-height:0;
  }

  .selected-apps{
    min-height:0;
  }

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

/* MOBILE */

@media(max-width:680px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    margin-top:20px;
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.62;
  }

  .selector{
    padding:22px 17px 17px;
  }

  .panel-title{
    font-size:24px;
  }

  .module-list{
    display:flex;
    gap:7px;
    margin-top:18px;
    padding:2px 2px 10px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .module-list::-webkit-scrollbar{
    display:none;
  }

  .module-toggle{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    min-height:40px;
    gap:7px;
    padding:8px 11px;
    border-radius:10px;
    scroll-snap-align:center;
  }

  .module-icon{
    display:none;
  }

  .module-name{
    flex:0 0 auto;
    font-size:11px;
    white-space:nowrap;
  }

  .check{
    width:18px;
    height:18px;
    flex:0 0 18px;
    font-size:8px;
  }

  .custom-process{
    margin-top:8px;
  }

  .platform-head,
  .platform-stage{
    padding-left:17px;
    padding-right:17px;
  }

  .platform-head{
    padding-top:21px;
  }

  .platform-count{
    min-width:76px;
  }

  .platform-count strong{
    font-size:24px;
  }

  .selected-apps{
    grid-template-columns:1fr;
  }

  .app-card{
    min-height:0;
    padding:17px 17px 16px 19px;
  }

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

  .summary{
    padding:22px 18px;
  }

  .summary-visual{
    margin-top:16px;
    padding:10px;
    border-radius:13px;
  }

  .summary-visual::after{
    left:12px;
    top:10px;
    font-size:8px;
    padding:5px 7px;
  }

  .summary-visual-note{
    font-size:10px;
  }

  .summary-title{
    font-size:28px;
  }

  .summary-copy{
    font-size:14px;
  }

  .principles{
    margin-top:22px;
    gap:10px;
  }

  .principle{
    min-height:0;
    padding:20px 19px 19px 22px;
    border-radius:14px;
  }

  .principle strong{
    font-size:18px;
  }

  .closing{
    margin-top:48px;
    padding-top:30px;
    font-size:30px;
    letter-spacing:-1.2px;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .panel:hover,
  .module-toggle:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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


/* =========================================================
   KONTEXT + PROZESSBEISPIEL + POSITIONIERUNG
   ========================================================= */
.lead strong{color:var(--text);font-weight:720}
.context-intro{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:38px;align-items:center;margin-top:48px;padding:36px 40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(247,247,246,.9));box-shadow:var(--shadow)}
.context-intro__kicker,.platform-outro__eyebrow{font-size:10px;font-weight:820;letter-spacing:.14em;color:var(--primary)}
.context-intro h3{font-size:clamp(27px,2.7vw,41px);line-height:1.12;letter-spacing:-1.4px;margin:14px 0 17px;font-weight:730}
.context-intro h3 span{color:var(--primary)}
.context-intro__main p{font-size:16px;line-height:1.75;color:var(--muted);margin:0;max-width:760px}
.context-intro__facts{display:grid;gap:13px}
.context-intro__facts>div{display:flex;gap:17px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.context-intro__facts>div:last-child{border:0}
.context-intro__facts b{font-size:13px;color:var(--teal);font-weight:820}
.context-intro__facts span{display:grid;gap:4px}
.context-intro__facts strong{font-size:15px;color:var(--text)}
.context-intro__facts small{font-size:12px;line-height:1.6;color:var(--muted)}
.layer-explain{display:block;position:relative;z-index:1;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}
.example-journey{margin-top:52px;padding:38px 40px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.example-journey__head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}
.example-journey h3{max-width:870px;margin:10px 0;font-size:clamp(28px,3vw,44px);font-weight:730;letter-spacing:-1.6px;line-height:1.12}
.example-journey__head p{max-width:850px;color:var(--muted);line-height:1.7;font-size:15px;margin:0}
.example-journey__tag{flex:0 0 auto;color:var(--primary);background:#f5f5f4;border:1px solid var(--line);padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.09em;border-radius:8px}
.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:33px}
.journey-step{padding:23px 20px;border-radius:15px;border:1px solid var(--line);background:#fafaf9}
.journey-step b{display:block;color:var(--primary);font-size:13px;margin-bottom:17px}
.journey-step strong{display:block;color:var(--text);font-size:18px;line-height:1.25}
.journey-step p{color:var(--muted);font-size:13px;line-height:1.65;margin:9px 0 0}
.example-journey__note{color:var(--muted-2);margin:18px 0 0;font-size:11px;line-height:1.6}
.platform-outro{margin-top:55px;padding:45px 48px;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(132,134,135,.23),transparent 34%),linear-gradient(120deg,#2a2f32,#393e41);color:white}
.platform-outro__eyebrow{color:#cbcdce}
.platform-outro h3{margin:18px 0;font-size:clamp(32px,3.7vw,54px);line-height:1.08;letter-spacing:-1.8px;font-weight:720}
.platform-outro h3 span{color:#d4d4d3}
.platform-outro>p{max-width:980px;color:#dadad9;font-size:16px;line-height:1.8;margin:0}
.platform-outro__foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.platform-outro__foot span{border:1px solid rgba(255,255,255,.21);border-radius:999px;padding:9px 13px;color:#f3f3f2;font-size:11px;font-weight:700}
@media(max-width:1050px){.context-intro{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.context-intro{margin-top:28px;padding:24px 20px;gap:18px;border-radius:16px}.context-intro h3{font-size:27px;letter-spacing:-.8px}.context-intro__main p{font-size:14px}.example-journey{margin-top:38px;padding:25px 19px;border-radius:17px}.example-journey__head{display:block}.example-journey__tag{display:inline-block;margin-top:16px}.example-journey h3{font-size:29px;letter-spacing:-.8px}.example-journey__head p{font-size:14px}.journey-steps{grid-template-columns:1fr;gap:9px;margin-top:20px}.journey-step{padding:18px}.platform-outro{margin-top:33px;padding:30px 22px;border-radius:17px}.platform-outro h3{font-size:31px;letter-spacing:-.9px}.platform-outro>p{font-size:14px}.platform-outro__foot span{font-size:10px}}


/* Deutlicher, aber dezenter Einblick in eine echte App-Oberfläche */
.app-feature{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);align-items:center;gap:34px;margin-top:30px;padding:32px;border:1px solid rgba(75,80,83,.12);border-radius:23px;background:linear-gradient(115deg,#f9f9f8,#fff 70%);box-shadow:0 15px 38px rgba(16,24,40,.045)}
.app-feature__copy h3{margin:14px 0 17px;color:var(--text);font-size:clamp(27px,2.4vw,38px);line-height:1.15;letter-spacing:-1.1px;font-weight:720}
.app-feature__copy h3 span{color:var(--primary)}
.app-feature__copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.app-feature__foot{margin-top:23px;color:var(--primary);font-size:11px;font-weight:760;letter-spacing:.02em}
.app-feature__media{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start;padding:13px;border:1px solid rgba(75,80,83,.13);border-radius:17px;background:#f8f8f7;box-shadow:0 15px 30px rgba(42,47,50,.08)}
.app-feature__shot{margin:0;min-width:0;padding:7px;border:1px solid rgba(75,80,83,.09);border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.035)}
.app-feature__media img{display:block;width:100%;height:auto;object-fit:contain;border-radius:7px;filter:none;opacity:1;box-shadow:none}
.app-feature__media figcaption{display:block;padding:10px 5px 3px;color:var(--muted);font-size:11px;line-height:1.4;font-weight:620}
@media(max-width:950px){.app-feature{grid-template-columns:1fr;gap:23px}}
@media(max-width:680px){.app-feature{margin-top:23px;padding:18px;border-radius:17px}.app-feature__copy h3{font-size:27px}.app-feature__copy p{font-size:13px}.app-feature__media{grid-template-columns:1fr;padding:9px;border-radius:12px}.app-feature__media figcaption{font-size:10px}}

/* Video direkt nach der Hauptüberschrift */
.drone-hero-video{
  width:100%;max-width:1260px;margin:36px 0 0;
  padding:10px;border:1px solid rgba(75,80,83,.13);
  border-radius:24px;background:rgba(255,255,255,.88);
  box-shadow:0 22px 55px rgba(40,45,48,.11);
}
.drone-hero-video video{
  display:block;width:100%;height:auto;aspect-ratio:16/9;
  object-fit:contain;background:#212629;border-radius:16px;
}
@media(max-width:680px){
  .drone-hero-video{margin-top:24px;padding:5px;border-radius:15px}
  .drone-hero-video video{border-radius:11px}
}
/* Video-Startfläche: kein schwarzer Bildschirm vor dem Abspielen */
.drone-hero-video{position:relative}
.drone-video-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#212629}
.drone-video-stage video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.drone-video-stage:not(.is-playing) video{visibility:hidden}
.drone-video-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(13px,2vw,24px);padding:24px;text-align:center;z-index:2;color:#fff;background:radial-gradient(ellipse at 75% 22%,rgba(164,166,167,.26),transparent 48%),radial-gradient(ellipse at 14% 78%,rgba(132,134,135,.2),transparent 48%),linear-gradient(135deg,#2a2f32,#01665e 65%,#373c3f)}
.drone-video-preview::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:52px 52px}
.drone-video-preview > *{position:relative;z-index:1}
.drone-video-kicker{font-size:clamp(10px,1.2vw,14px);font-weight:800;letter-spacing:.2em;color:#d9d9d8;text-transform:uppercase}
.drone-video-headline{font-size:clamp(23px,4.1vw,58px);font-weight:760;line-height:1.1;letter-spacing:-.04em}
.drone-video-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:60px;padding:12px 23px;border-radius:999px;background:#fff;color:#42474a;border:1px solid rgba(255,255,255,.7);font:750 clamp(13px,1.25vw,17px)/1.2 Inter,system-ui,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.23);cursor:pointer;transition:transform .2s,box-shadow .2s}
.drone-video-play:hover{transform:scale(1.045);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.drone-video-play:focus-visible{outline:3px solid #ebebea;outline-offset:4px}
.drone-video-play svg{width:20px;height:20px;fill:currentColor}
.drone-video-stage.is-playing .drone-video-preview{display:none}
@media(max-width:680px){.drone-video-stage{border-radius:11px}.drone-video-preview{padding:13px;gap:10px}.drone-video-play{min-height:44px;padding:9px 17px;gap:9px}.drone-video-play svg{width:16px;height:16px}.drone-video-kicker{font-size:9px;letter-spacing:.13em}}
@media(prefers-reduced-motion:reduce){.drone-video-play{transition:none}}

/* DEZENTES FULL-WIDTH-PANORAMA — PLATTFORM */
.platform-panorama{
  position:relative;
  width:100vw;
  max-width:none;
  height:clamp(145px,12vw,225px);
  margin:30px 0 0 calc(50% - 50vw);
  overflow:hidden;
  isolation:isolate;
  background:#f6f6f5;
}
.platform-panorama img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center 57%;
}
.platform-panorama::after{
  content:"";position:absolute;inset:48% 0 0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(246,246,245,0),rgba(246,246,245,.92));
}
@media(max-width:680px){
  .platform-panorama{height:145px;margin-top:20px;}
  .platform-panorama img{object-position:center 55%;}
}

/* Source: assets/product-layout-cca61b031e03.css */



:root{
  --bg:#f6f6f5;
  --panel:#ffffff;
  --panel-soft:#fafaf9;
  --text:#303538;
  --muted:#767b7e;
  --muted2:#9b9d9e;
  --primary:#01665E;
  --primary-dark:#014F49;
  --teal:#18A3A4;
  --blue:#5b6063;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --shadow:0 16px 42px rgba(16,24,40,.065);
  --shadow-hover:0 22px 54px rgba(16,24,40,.09);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 18%,rgba(132,134,135,.09),transparent 27%),
    radial-gradient(circle at 13% 78%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--teal));
}

.dot{display:none}

h2{
  max-width:1120px;
  margin:25px 0 0;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:930px;
  margin-top:32px;
  color:var(--muted);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

/* SHELL */

.integration-shell{
  position:relative;
  margin-top:72px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 0%,rgba(132,134,135,.06),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,249,248,.96));
  box-shadow:
    0 28px 64px rgba(16,24,40,.085),
    0 8px 22px rgba(75,80,83,.045),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.integration-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.022) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}

.integration-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:7px 7px 18px;
}

.integration-top-copy{
  max-width:800px;
}

.integration-kicker{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.integration-title{
  margin-top:9px;
  color:var(--text);
  font-size:31px;
  line-height:1.08;
  font-weight:730;
  letter-spacing:-.9px;
}

.integration-sub{
  margin-top:11px;
  color:var(--muted);
  font-size:14px;
  line-height:1.64;
}

.integration-status{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:999px;
  background:#f8f8f7;
  color:var(--muted);
  font-size:11px;
  font-weight:760;
}

.integration-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(132,134,135,.07);
}

/* CATEGORY TABS */

.category-tabs{
  position:relative;
  z-index:2;
  display:flex;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  margin-top:2px;
  padding:0 2px 12px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}

.category-tabs::-webkit-scrollbar{display:none}

.category-tab{
  position:relative;
  flex:0 0 auto;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:10px;
  background:rgba(255,255,255,.82);
  color:#686d70;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:730;
  white-space:nowrap;
  scroll-snap-align:start;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.category-tab:hover{
  transform:translateY(-1px);
  border-color:rgba(75,80,83,.18);
  color:var(--primary);
  background:#fff;
}

.category-tab.active{
  color:var(--primary);
  border-color:rgba(75,80,83,.22);
  background:linear-gradient(180deg,#fafaf9,#f5f5f4);
  box-shadow:0 7px 18px rgba(16,24,40,.035);
}

.category-tab.active::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--primary),var(--teal));
}

/* LAYOUT */

.integration-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(350px,.72fr);
  gap:14px;
  margin-top:2px;
}

.resource-panel,
.example-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.09);
  border-radius:19px;
  background:#fff;
  box-shadow:
    0 10px 28px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.resource-panel{
  padding:26px;
}

.resource-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.resource-heading strong{
  color:var(--text);
  font-size:23px;
  font-weight:740;
  letter-spacing:-.45px;
}

.resource-heading span{
  color:var(--muted2);
  font-size:9px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.resources{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:19px;
}

.resource{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(75,80,83,.085);
  border-radius:12px;
  background:#fcfcfb;
  color:var(--text);
  cursor:pointer;
  text-align:left;
  font:inherit;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.resource:hover{
  transform:translateY(-1px);
  border-color:rgba(75,80,83,.17);
  background:#fff;
  box-shadow:0 8px 20px rgba(16,24,40,.045);
}

.resource.active{
  border-color:rgba(75,80,83,.22);
  background:linear-gradient(180deg,#fff,#f9f9f8);
  box-shadow:
    0 9px 22px rgba(16,24,40,.05),
    inset 3px 0 0 var(--teal);
}

.resource-icon{
  position:relative;
  width:39px;
  height:39px;
  flex:0 0 39px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:10px;
  background:#fff;
}

.resource-icon::before,
.resource-icon::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  height:6px;
  border:1px solid rgba(75,80,83,.28);
  border-radius:50%;
}

.resource-icon::before{top:8px}
.resource-icon::after{top:20px}

.resource-icon i{
  position:absolute;
  left:11px;
  top:15px;
  width:15px;
  height:9px;
  border-left:1px solid rgba(75,80,83,.26);
  border-right:1px solid rgba(75,80,83,.26);
}

.resource-copy{min-width:0}

.resource-copy strong{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.2;
  font-weight:740;
}

.resource-copy small{
  display:block;
  margin-top:4px;
  color:var(--muted2);
  font-size:9px;
  line-height:1.35;
}

/* CORE STRIP */

.core-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:15px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:13px;
  background:
    linear-gradient(90deg,rgba(75,80,83,.045),rgba(132,134,135,.028)),
    #fafaf9;
}

.core-side{
  color:var(--muted);
  font-size:11px;
  font-weight:720;
  text-align:center;
}

.core-center{
  position:relative;
  min-width:220px;
  padding:13px 18px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.15);
  border-radius:11px;
  background:#fff;
  color:var(--primary);
  text-align:center;
  font-size:11px;
  font-weight:820;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(16,24,40,.035);
}

.core-center::after{
  content:"";
  position:absolute;
  top:0;
  left:-25%;
  width:24%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(132,134,135,.17),transparent);
  animation:sweep 4.6s ease-in-out infinite;
}

/* EXAMPLE PANEL */

.example-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:31px 28px 28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.055),transparent 34%),
    linear-gradient(180deg,#fff,#fafaf9);
}

.example-panel::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  width:3px;
  height:64px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.example-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  padding:7px 10px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:999px;
  background:#f8f8f7;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.example-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(132,134,135,.06);
}

.example-title{
  margin-top:19px;
  color:var(--text);
  font-size:38px;
  line-height:1.035;
  font-weight:730;
  letter-spacing:-1.15px;
}

.example-copy{
  margin-top:14px;
  color:var(--muted);
  font-size:15px;
  line-height:1.67;
}

.example-flow{
  display:grid;
  gap:9px;
  margin-top:21px;
}

#integrationen .flow-step{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 14px;
  border:1px solid rgba(75,80,83,.085);
  border-radius:11px;
  background:#fff;
}

#integrationen .flow-step b{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(75,80,83,.10);
  background:#fafaf9;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
}

#integrationen .flow-step span{
  color:var(--text);
  font-size:13px;
  line-height:1.46;
  font-weight:680;
}

.example-note{
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid rgba(75,80,83,.08);
  color:var(--muted);
  font-size:12px;
  line-height:1.58;
}

.example-note strong{
  color:var(--text);
  font-weight:760;
}

/* CAPABILITIES */

.capability-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:28px;
}

.capability{
  position:relative;
  min-height:142px;
  padding:23px 22px 22px 25px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.capability::before{
  content:"";
  position:absolute;
  left:0;
  top:23px;
  width:3px;
  height:44px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.capability small{
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.capability strong{
  display:block;
  margin-top:14px;
  color:var(--text);
  font-size:19px;
  line-height:1.16;
  font-weight:730;
}

.capability p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.58;
}

.closing{
  margin-top:64px;
  padding-top:36px;
  border-top:1px solid rgba(75,80,83,.10);
  max-width:1200px;
  color:var(--text);
  font-size:clamp(32px,3vw,48px);
  line-height:1.14;
  letter-spacing:-1.7px;
  font-weight:690;
  text-wrap:balance;
}

.closing span{
  color:var(--primary);
}

/* MOTION */

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

.swap{
  animation:swapIn .30s cubic-bezier(.22,.75,.2,1) both;
}

@keyframes swapIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

@keyframes sweep{
  0%,62%,100%{left:-25%}
  82%{left:110%}
}

/* TABLET */

@media(max-width:1180px){
  .integration-layout{
    grid-template-columns:1fr;
  }

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

  .capability-row{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:880px){
  .section{
    padding:94px 0 102px;
  }

  .inner{
    width:calc(100% - 44px);
  }

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

/* MOBILE */

@media(max-width:680px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    margin-top:20px;
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.62;
  }

  .integration-shell{
    margin-top:42px;
    padding:10px;
    border-radius:20px;
  }

  .integration-top{
    flex-direction:column;
    gap:10px;
    padding:7px 5px 15px;
  }

  .integration-title{
    font-size:25px;
  }

  .integration-sub{
    font-size:13px;
  }

  .integration-status{
    padding:7px 10px;
    font-size:9px;
  }

  .category-tabs{
    gap:6px;
    padding-bottom:9px;
  }

  .category-tab{
    min-height:39px;
    padding:0 12px;
    font-size:10px;
  }

  .integration-layout{
    gap:9px;
  }

  .resource-panel,
  .example-panel{
    border-radius:15px;
  }

  .resource-panel{
    padding:18px 15px;
  }

  .resource-heading strong{
    font-size:20px;
  }

  .resources{
    grid-template-columns:1fr;
    gap:7px;
  }

  .resource{
    min-height:70px;
    padding:11px;
  }

  .core-strip{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px;
  }

  .core-center{
    min-width:0;
    width:100%;
  }

  .example-panel{
    padding:22px 18px 20px;
  }

  .example-title{
    font-size:30px;
  }

  .example-copy{
    font-size:14px;
  }

  #integrationen .flow-step span{
    font-size:12px;
  }

  .capability-row{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }

  .capability{
    min-height:0;
    padding:20px 19px 19px 22px;
    border-radius:14px;
  }

  .capability strong{
    font-size:18px;
  }

  .closing{
    margin-top:48px;
    padding-top:30px;
    font-size:30px;
    letter-spacing:-1.2px;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .category-tab:hover,
  .resource:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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


/* VISUELLES PANORAMA — ERP & DATENBANKEN */
.integration-hero{
  position:relative;
  width:100vw;
  max-width:none;
  margin-top:42px;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:hidden;
  border-top:1px solid rgba(75,80,83,.08);
  border-bottom:1px solid rgba(75,80,83,.08);
  background:#f4f4f3;
}
.integration-hero img{
  display:block;
  width:100%;
  height:clamp(140px,14vw,225px);
  object-fit:cover;
  object-position:center;
}
.integration-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:24%;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(246,246,245,.24) 34%,
    rgba(246,246,245,.62) 74%,
    rgba(246,246,245,.86) 100%
  );
}
.integration-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
@media(max-width:680px){
  .integration-hero{margin-top:28px;}
  .integration-hero img{height:145px;object-position:center;}
  .integration-hero::before{height:28%;}
}

/* Source: assets/product-layout-a42dc9733b98.css */


:root{
  --bg:#f6f6f5;
  --panel:#ffffff;
  --panel-soft:#fafaf9;
  --primary:#01665E;
  --secondary:#18A3A4;
  --text:#303538;
  --muted:#767b7e;
  --muted-light:#9b9d9e;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --shadow:0 16px 42px rgba(16,24,40,.065);
  --shadow-hover:0 22px 54px rgba(16,24,40,.09);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 18%,rgba(132,134,135,.09),transparent 27%),
    radial-gradient(circle at 12% 82%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
}

.dot{display:none}

.hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:76px;
  align-items:end;
  margin-top:26px;
}

h2{
  margin:0;
  max-width:980px;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero-copy{
  position:relative;
  padding:0 0 7px 30px;
  border-left:1px solid rgba(75,80,83,.10);
}

.hero-copy::before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:2px;
  height:54px;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
}

.hero-copy p{
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
  text-wrap:pretty;
}

.hero-copy strong{
  color:var(--text);
  font-weight:760;
}

.principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:56px;
}

.principle{
  position:relative;
  min-height:182px;
  padding:26px 25px 24px 28px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.80);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.principle::before{
  content:"";
  position:absolute;
  left:0;
  top:23px;
  width:3px;
  height:46px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
}

.principle:hover{
  transform:translateY(-2px);
  border-color:rgba(75,80,83,.18);
  box-shadow:0 16px 38px rgba(16,24,40,.065);
}

.principle-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  padding:0 9px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:8px;
  background:#f8f8f7;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.10em;
}

.principle h3{
  margin:18px 0 0;
  color:var(--text);
  font-size:22px;
  line-height:1.13;
  font-weight:730;
  letter-spacing:-.55px;
}

.principle p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

/* Statement als hochwertiger Abschluss statt "großer Kasten" */
.statement{
  position:relative;
  margin-top:26px;
  padding:40px 40px 38px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.075),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,246,245,.96));
  box-shadow:
    0 20px 48px rgba(16,24,40,.065),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.statement::before{
  content:"";
  position:absolute;
  left:0;
  top:30px;
  width:4px;
  height:86px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
}

.statement::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-96px;
  width:300px;
  height:300px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 54px rgba(75,80,83,.018),
    0 0 0 108px rgba(75,80,83,.012);
  pointer-events:none;
}

.statement-main{
  position:relative;
  z-index:1;
  max-width:1160px;
  color:var(--text);
  font-size:clamp(36px,3.7vw,56px);
  line-height:1.07;
  letter-spacing:-2.1px;
  font-weight:690;
  text-wrap:balance;
}

.statement-main span{
  color:transparent;
  background:linear-gradient(95deg,#005d56,#087d76 64%,#18A3A4);
  -webkit-background-clip:text;
  background-clip:text;
}

.statement-sub{
  position:relative;
  z-index:1;
  max-width:900px;
  margin-top:18px;
  color:var(--muted);
  font-size:16px;
  line-height:1.68;
}

.statement-sub strong{
  color:var(--primary);
  font-weight:760;
}

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

@media(max-width:980px){
  .section{
    padding:94px 0 102px;
  }

  .inner{
    width:calc(100% - 44px);
  }

  .hero{
    grid-template-columns:1fr;
    gap:28px;
  }

  .hero-copy{
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid rgba(75,80,83,.10);
  }

  .hero-copy::before{
    left:0;
    top:-1px;
    width:54px;
    height:2px;
    background:linear-gradient(90deg,var(--primary),var(--secondary));
  }
}

@media(max-width:760px){
  .principles{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .hero{
    gap:22px;
    margin-top:20px;
  }

  .hero-copy p{
    font-size:15px;
    line-height:1.62;
  }

  .principles{
    gap:10px;
    margin-top:38px;
  }

  .principle{
    min-height:0;
    padding:20px 19px 19px 22px;
    border-radius:14px;
  }

  .principle h3{
    font-size:19px;
  }

  .statement{
    margin-top:20px;
    padding:28px 22px 26px;
    border-radius:17px;
  }

  .statement::before{
    top:24px;
    height:62px;
    width:3px;
  }

  .statement::after{
    display:none;
  }

  .statement-main{
    font-size:31px;
    line-height:1.1;
    letter-spacing:-1.35px;
  }

  .statement-sub{
    margin-top:14px;
    font-size:14px;
    line-height:1.6;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .principle:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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

/* Produktvisual: Originalfarben, responsive, ohne Bildfilter */
.integration-visual{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:34px;
  align-items:center;
  margin-top:48px;
  padding:24px 30px;
  background:linear-gradient(130deg,rgba(255,255,255,.95),rgba(247,247,246,.93));
  border:1px solid var(--line);
  border-radius:23px;
  box-shadow:var(--shadow);
}
.integration-visual__image{
  min-width:0;
  padding:10px;
  background:#fff;
  border:1px solid rgba(75,80,83,.09);
  border-radius:15px;
  box-shadow:0 12px 30px rgba(16,24,40,.07);
}
.integration-visual__image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:9px;
  filter:none !important;
  opacity:1 !important;
}
.integration-visual__eyebrow{
  color:var(--primary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.integration-visual__copy h3{
  margin:15px 0 13px;
  color:var(--text);
  font-size:clamp(26px,2.4vw,37px);
  font-weight:730;
  letter-spacing:-1.1px;
  line-height:1.13;
}
.integration-visual__copy p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
}
@media(max-width:900px){
  .integration-visual{grid-template-columns:1fr;gap:22px}
}
@media(max-width:680px){
  .integration-visual{margin-top:30px;padding:14px;gap:18px;border-radius:17px}
  .integration-visual__image{padding:6px;border-radius:12px}
  .integration-visual__copy{padding:2px 6px 8px}
  .integration-visual__copy h3{font-size:27px}
  .integration-visual__copy p{font-size:14px;line-height:1.65}
}

/* Source: assets/product-layout-bddcdeb5e5f4.css */



:root{
  --bg:#f6f6f5;
  --panel:#ffffff;
  --panel-soft:#fafaf9;
  --primary:#01665E;
  --secondary:#18A3A4;
  --text:#303538;
  --muted:#767b7e;
  --muted-light:#9b9d9e;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --shadow:0 16px 42px rgba(16,24,40,.065);
  --shadow-hover:0 22px 54px rgba(16,24,40,.09);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 15%,rgba(132,134,135,.09),transparent 27%),
    radial-gradient(circle at 12% 80%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
}

.dot{display:none}

h2{
  max-width:1120px;
  margin:25px 0 0;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:920px;
  margin-top:32px;
  color:var(--muted);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

/* TIMELINE */

.timeline{
  position:relative;
  margin-top:66px;
  padding:6px 0 0;
}

.timeline::before{
  content:"";
  position:absolute;
  left:92px;
  top:28px;
  bottom:30px;
  width:2px;
  background:linear-gradient(
    to bottom,
    rgba(75,80,83,.62),
    rgba(132,134,135,.42),
    rgba(75,80,83,.10)
  );
  transform-origin:top;
  animation:lineGrow 1.15s cubic-bezier(.22,.75,.2,1) both;
}

.stop{
  position:relative;
  display:grid;
  grid-template-columns:62px 62px minmax(0,1fr);
  align-items:start;
  min-height:124px;
  padding-bottom:18px;
}

.time{
  padding-top:18px;
  color:var(--primary);
  font-size:12px;
  font-weight:820;
  letter-spacing:.06em;
}

.marker{
  position:relative;
  min-height:82px;
}

.marker-box{
  position:absolute;
  left:50%;
  top:7px;
  width:42px;
  height:42px;
  transform:translateX(-50%);
  border-radius:13px;
  border:1px solid rgba(75,80,83,.14);
  background:#fff;
  box-shadow:
    0 10px 24px rgba(16,24,40,.065),
    0 0 0 6px rgba(75,80,83,.025);
}

.marker-box::before,
.marker-box::after{
  content:"";
  position:absolute;
  top:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  border:1.4px solid rgba(132,134,135,.64);
}

.marker-box::before{left:7px}
.marker-box::after{right:7px}

.marker-box i{
  position:absolute;
  left:13px;
  top:18px;
  width:14px;
  height:8px;
  border-radius:4px;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
}

.marker-box i::before,
.marker-box i::after{
  content:"";
  position:absolute;
  top:3px;
  width:7px;
  height:1.3px;
  background:rgba(75,80,83,.52);
}

.marker-box i::before{
  left:-6px;
  transform:rotate(-20deg);
}

.marker-box i::after{
  right:-6px;
  transform:rotate(20deg);
}

.story-card{
  position:relative;
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(180px,.32fr) minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:20px 22px 20px 25px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.84);
  box-shadow:
    0 11px 30px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.story-card::before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  width:3px;
  height:42px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
}

.story-card:hover{
  transform:translateY(-2px);
  border-color:rgba(75,80,83,.18);
  box-shadow:0 17px 40px rgba(16,24,40,.07);
}

.role small{
  display:block;
  color:var(--muted-light);
  font-size:8px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.role strong{
  display:block;
  margin-top:5px;
  color:var(--text);
  font-size:22px;
  line-height:1.08;
  font-weight:730;
  letter-spacing:-.55px;
}

.story-copy{
  color:var(--muted);
  font-size:15px;
  line-height:1.62;
}

.badge{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:0 10px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:999px;
  background:#f8f8f7;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* CLOSING */

.closing{
  position:relative;
  margin-top:40px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:42px;
  align-items:end;
  padding:38px 40px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.075),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,246,245,.96));
  box-shadow:
    0 20px 48px rgba(16,24,40,.065),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.closing::before{
  content:"";
  position:absolute;
  left:0;
  top:31px;
  width:4px;
  height:86px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--secondary));
}

.closing::after{
  content:"";
  position:absolute;
  right:-78px;
  bottom:-110px;
  width:310px;
  height:310px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 54px rgba(75,80,83,.018),
    0 0 0 108px rgba(75,80,83,.012);
  pointer-events:none;
}

.closing-main,
.closing-side{
  position:relative;
  z-index:1;
}

.closing-main{
  color:var(--text);
  font-size:clamp(36px,3.6vw,54px);
  line-height:1.08;
  letter-spacing:-2px;
  font-weight:690;
  text-wrap:balance;
}

.closing-main span{
  color:transparent;
  background:linear-gradient(95deg,#005d56,#087d76 64%,#18A3A4);
  -webkit-background-clip:text;
  background-clip:text;
}

.closing-side{
  color:var(--muted);
  font-size:16px;
  line-height:1.68;
}

.closing-side strong{
  color:var(--text);
  font-weight:760;
}

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

@keyframes lineGrow{
  from{transform:scaleY(0);opacity:.15}
  to{transform:scaleY(1);opacity:1}
}


/* KI & PROFESSIONELLE SOFTWAREENTWICKLUNG */
.ai-responsibility{margin-top:56px;padding:clamp(26px,3.3vw,48px);border:1px solid rgba(75,80,83,.15);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f9f9f8 100%);box-shadow:var(--shadow);position:relative;overflow:hidden}
.ai-responsibility::before{content:"";position:absolute;left:0;top:34px;width:4px;height:92px;background:linear-gradient(var(--primary),var(--secondary));border-radius:0 8px 8px 0}
.ai-responsibility::after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border:1px solid rgba(75,80,83,.07);border-radius:50%;pointer-events:none}
.ai-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--primary);text-transform:uppercase}
.ai-kicker::before{content:"";width:26px;height:2px;background:var(--secondary)}
.ai-head{max-width:980px;position:relative;z-index:1}
.ai-head h3{font-size:clamp(30px,3.3vw,51px);line-height:1.09;letter-spacing:-1.9px;font-weight:720;margin:17px 0 18px;color:var(--text)}
.ai-head h3 span{color:var(--primary)}
.ai-head p{font-size:clamp(15px,1.35vw,18px);line-height:1.7;color:var(--muted);margin:0;max-width:880px}
.ai-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.ai-risk{padding:24px;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.028)}
.ai-risk-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.ai-risk-number{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:#f2f2f1;color:var(--primary);font-size:12px;font-weight:800}
.ai-risk h4{margin:0;font-size:18px;letter-spacing:-.35px;color:var(--text)}
.ai-risk p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.ai-outcome{margin-top:20px;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center;background:#f2f2f1;border:1px solid rgba(75,80,83,.10);border-radius:16px}
.ai-outcome strong{font-size:clamp(19px,2vw,26px);line-height:1.25;letter-spacing:-.6px;color:var(--primary);display:block}
.ai-outcome p{font-size:14px;line-height:1.68;color:var(--text);margin:0}
.ai-outcome b{font-weight:800}
@media(max-width:680px){.ai-responsibility{margin-top:34px;padding:27px 19px;border-radius:17px}.ai-head h3{font-size:clamp(29px,8vw,39px);letter-spacing:-1.2px}.ai-kicker{font-size:9px}.ai-risk-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}.ai-risk{padding:19px}.ai-risk h4{font-size:16px}.ai-risk p{font-size:13px}.ai-outcome{grid-template-columns:1fr;gap:10px;padding:19px}.ai-outcome p{font-size:13px}}

/* TABLET */

@media(max-width:980px){
  .section{
    padding:94px 0 102px;
  }

  .inner{
    width:calc(100% - 44px);
  }

  .story-card{
    grid-template-columns:minmax(160px,.36fr) minmax(0,1fr);
  }

  .badge{
    grid-column:1/-1;
    justify-self:start;
  }

  .closing{
    grid-template-columns:1fr;
    gap:22px;
  }
}

/* MOBILE */

@media(max-width:680px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    margin-top:20px;
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.62;
  }

  .timeline{
    margin-top:44px;
  }

  .timeline::before{
    left:60px;
    top:24px;
    bottom:24px;
  }

  .stop{
    grid-template-columns:44px 32px minmax(0,1fr);
    min-height:0;
    padding-bottom:14px;
  }

  .time{
    padding-top:12px;
    font-size:9px;
  }

  .marker-box{
    width:30px;
    height:30px;
    top:6px;
    border-radius:9px;
  }

  .marker-box::before,
  .marker-box::after{
    width:5px;
    height:5px;
    top:6px;
  }

  .marker-box::before{left:4px}
  .marker-box::after{right:4px}

  .marker-box i{
    left:9px;
    top:13px;
    width:10px;
    height:6px;
  }

  .story-card{
    grid-template-columns:1fr;
    gap:9px;
    padding:17px 16px 16px 18px;
    border-radius:14px;
  }

  .story-card::before{
    top:17px;
    height:38px;
  }

  .role strong{
    font-size:19px;
  }

  .story-copy{
    font-size:13px;
  }

  .badge{
    min-height:27px;
    font-size:8px;
  }

  .closing{
    margin-top:30px;
    padding:28px 22px 26px;
    border-radius:17px;
  }

  .closing::before{
    top:24px;
    height:62px;
    width:3px;
  }

  .closing::after{
    display:none;
  }

  .closing-main{
    font-size:31px;
    letter-spacing:-1.35px;
  }

  .closing-side{
    font-size:14px;
    line-height:1.6;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .story-card:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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


/* Dezentes, randloses Arbeitstag-Panorama */
.workday-panorama{
  position:relative;
  width:100vw;
  max-width:none;
  margin:38px 0 8px calc(50% - 50vw);
  height:clamp(155px,12vw,230px);
  overflow:hidden;
  background:#f6f6f5;
  isolation:isolate;
}
.workday-panorama img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
}
.workday-panorama::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(246,246,245,.14),transparent 46%,rgba(246,246,245,.44) 85%,#f6f6f5 100%);
}
@media(max-width:680px){
  .workday-panorama{
    height:145px;
    margin-top:26px;
    margin-bottom:0;
  }
  .workday-panorama img{object-position:center center;}
}

/* Source: assets/product-layout-24c3a11bc7f9.css */



:root{
  --bg:#f6f6f5;
  --bg2:#f2f2f1;
  --text:#303538;
  --muted:#767b7e;
  --muted2:#939596;
  --primary:#01665E;
  --teal:#18A3A4;
  --warning:#A66A2C;
  --warning-soft:#FBF5EC;
  --line:rgba(75,80,83,.11);
  --line-strong:rgba(75,80,83,.18);
  --shadow:0 16px 42px rgba(16,24,40,.065);
  --shadow-hover:0 22px 54px rgba(16,24,40,.09);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 16%,rgba(132,134,135,.09),transparent 27%),
    radial-gradient(circle at 12% 86%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--teal));
}

.dot{display:none}

h2{
  max-width:1180px;
  margin:25px 0 0;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:980px;
  margin-top:32px;
  color:var(--muted);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
  text-wrap:pretty;
}

/* COMPARE */

.compare{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:42px;
  margin-top:74px;
  padding:28px;
  border:1px solid rgba(75,80,83,.10);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 18px 46px rgba(16,24,40,.055),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.compare-divider{
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(75,80,83,.12) 14%,rgba(75,80,83,.12) 86%,transparent);
}

.compare-side{
  min-width:0;
  padding:4px 4px 6px;
}

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

.icon-wrap{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
}

.icon-wrap svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.compare-side.risky .icon-wrap{
  color:var(--warning);
  background:var(--warning-soft);
}

.compare-side.controlled .icon-wrap{
  color:var(--primary);
  background:#f5f5f4;
}

.compare-label{
  font-size:10px;
  font-weight:820;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.risky .compare-label{color:var(--warning)}
.controlled .compare-label{color:var(--primary)}

.compare-side h3{
  max-width:660px;
  margin:20px 0 0;
  color:var(--text);
  font-size:33px;
  line-height:1.08;
  letter-spacing:-1.05px;
  font-weight:720;
}

.compare-side > p{
  max-width:680px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.68;
}

.compare-points{
  display:grid;
  gap:12px;
  margin-top:26px;
}

.compare-point{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:11px;
  align-items:start;
  color:var(--text);
  font-size:13px;
  line-height:1.55;
}

.compare-point b{
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:9px;
  font-weight:820;
}

.risky .compare-point b{
  color:var(--warning);
  background:var(--warning-soft);
}

.controlled .compare-point b{
  color:var(--primary);
  background:#f5f5f4;
}

/* PRINCIPLE */

.principle{
  position:relative;
  max-width:1240px;
  margin-top:76px;
  padding:0 0 0 34px;
}

.principle::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.principle-kicker{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.principle strong{
  display:block;
  margin-top:12px;
  color:var(--text);
  font-size:clamp(31px,3vw,46px);
  line-height:1.12;
  letter-spacing:-1.55px;
  font-weight:690;
  text-wrap:balance;
}

.principle strong span{
  color:var(--primary);
}

.principle p{
  max-width:1040px;
  margin:15px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.72;
}

/* GUARDRAILS */

.guardrails-wrap{
  margin-top:78px;
}

.section-kicker{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.section-title{
  max-width:800px;
  margin-top:10px;
  color:var(--text);
  font-size:clamp(32px,3vw,46px);
  line-height:1.12;
  letter-spacing:-1.45px;
  font-weight:690;
}

.guardrails{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:34px;
}

.guardrail{
  position:relative;
  min-height:230px;
  padding:25px 23px 24px 26px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.80);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.guardrail::before{
  content:"";
  position:absolute;
  left:0;
  top:23px;
  width:3px;
  height:46px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.guardrail:hover{
  transform:translateY(-2px);
  border-color:rgba(75,80,83,.18);
  box-shadow:0 16px 38px rgba(16,24,40,.065);
}

.guardrail-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#f5f5f4;
  color:var(--primary);
}

.guardrail-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.guardrail small{
  display:block;
  margin-top:20px;
  color:var(--muted2);
  font-size:9px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.guardrail h4{
  margin:8px 0 0;
  color:var(--text);
  font-size:21px;
  line-height:1.15;
  font-weight:730;
  letter-spacing:-.5px;
}

.guardrail p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

/* WORKFLOW */

.workflow{
  display:grid;
  grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);
  gap:16px;
  align-items:stretch;
  margin-top:84px;
}

.workflow-copy{
  position:sticky;
  top:30px;
  align-self:start;
  padding:32px 30px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.055),transparent 34%),
    linear-gradient(180deg,#fff,#fafaf9);
  box-shadow:
    0 14px 34px rgba(16,24,40,.055),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.workflow-copy::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  width:3px;
  height:70px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.workflow-copy .workflow-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:var(--primary);
  background:#f5f5f4;
}

.workflow-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.workflow-kicker{
  margin-top:22px;
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.workflow-copy h3{
  margin:12px 0 0;
  color:var(--text);
  font-size:39px;
  line-height:1.07;
  letter-spacing:-1.15px;
  font-weight:720;
}

.workflow-copy p{
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.workflow-flow{
  position:relative;
  padding:30px 30px 30px 70px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:
    0 14px 34px rgba(16,24,40,.05),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.workflow-flow::before{
  content:"";
  position:absolute;
  left:39px;
  top:36px;
  bottom:36px;
  width:1px;
  background:linear-gradient(180deg,var(--teal),rgba(75,80,83,.12));
}

#controlled-ai .workflow-flow .flow-step{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  min-height:104px;
  padding:0 0 26px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(75,80,83,.08);
}

#controlled-ai .workflow-flow .flow-step:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0;
}

#controlled-ai .workflow-flow .flow-step::before{
  content:"";
  position:absolute;
  left:-38px;
  top:7px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#fff;
  border:3px solid var(--teal);
  box-shadow:0 0 0 5px rgba(132,134,135,.07);
}

.flow-number{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.10em;
  text-transform:uppercase;
}

#controlled-ai .workflow-flow .flow-step strong{
  display:block;
  margin-top:6px;
  color:var(--text);
  font-size:19px;
  line-height:1.23;
  font-weight:730;
}

#controlled-ai .workflow-flow .flow-step span{
  display:block;
  max-width:700px;
  margin-top:7px;
  color:var(--muted);
  font-size:14px;
  line-height:1.58;
}

.flow-state{
  align-self:start;
  margin-top:3px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(75,80,83,.10);
  background:#f8f8f7;
  color:var(--primary);
  font-size:9px;
  font-weight:820;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* CLOSING */

.closing{
  position:relative;
  max-width:1180px;
  margin-top:86px;
  padding:0 0 0 34px;
  border-top:0;
  color:var(--text);
  font-size:clamp(36px,3.5vw,52px);
  line-height:1.12;
  letter-spacing:-1.95px;
  font-weight:690;
  text-wrap:balance;
}

.closing::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  bottom:5px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.closing span{
  color:var(--primary);
}

/* MOTION */

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

/* TABLET */

@media(max-width:1050px){
  .compare{
    grid-template-columns:1fr;
    gap:36px;
  }

  .compare-divider{
    display:none;
  }

  .compare-side + .compare-side{
    padding-top:34px;
    border-top:1px solid rgba(75,80,83,.09);
  }

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

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

  .workflow-copy{
    position:static;
  }
}

/* MOBILE */

@media(max-width:760px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    margin-top:20px;
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.62;
  }

  .compare{
    margin-top:46px;
    padding:20px 18px;
    border-radius:17px;
  }

  .compare-side h3{
    font-size:26px;
  }

  .compare-side > p{
    font-size:14px;
  }

  .principle{
    margin-top:56px;
    padding-left:22px;
  }

  .principle strong{
    font-size:29px;
  }

  .guardrails-wrap{
    margin-top:58px;
  }

  .guardrails{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:26px;
  }

  .guardrail{
    min-height:0;
    padding:20px 19px 19px 22px;
    border-radius:14px;
  }

  .guardrail h4{
    font-size:19px;
  }

  .workflow{
    margin-top:60px;
    gap:12px;
  }

  .workflow-copy{
    padding:24px 20px 24px;
    border-radius:16px;
  }

  .workflow-copy h3{
    font-size:29px;
  }

  .workflow-copy p{
    font-size:15px;
  }

  .workflow-flow{
    padding:25px 20px 25px 52px;
    border-radius:16px;
  }

  .workflow-flow::before{
    left:27px;
    top:30px;
    bottom:30px;
  }

  #controlled-ai .workflow-flow .flow-step{
    grid-template-columns:1fr;
    gap:10px;
    min-height:0;
    padding-bottom:24px;
    margin-bottom:20px;
  }

  #controlled-ai .workflow-flow .flow-step::before{
    left:-31px;
  }

  #controlled-ai .workflow-flow .flow-step strong{
    font-size:17px;
  }

  #controlled-ai .workflow-flow .flow-step span{
    font-size:13px;
  }

  .flow-state{
    justify-self:start;
    margin-top:0;
  }

  .closing{
    margin-top:60px;
    padding-left:22px;
    font-size:30px;
    letter-spacing:-1.2px;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .guardrail:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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


/* KI-PANORAMA – bewusst dezent und flach */
.ai-panorama{
  position:relative;
  display:block;
  width:100vw;
  max-width:none;
  margin:42px 0 0 calc(50% - 50vw);
  height:clamp(155px,11.5vw,225px);
  overflow:hidden;
  background:#f6f6f5;
  isolation:isolate;
}
.ai-panorama img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
}
.ai-panorama::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(246,246,245,.08) 0%,rgba(246,246,245,0) 32%,rgba(246,246,245,.1) 55%,rgba(246,246,245,.96) 100%);
}
.ai-panorama + .compare{margin-top:46px}
@media(max-width:760px){
  .ai-panorama{margin-top:28px;height:145px}
  .ai-panorama img{object-position:center}
  .ai-panorama + .compare{margin-top:28px}
}



/* AI process cards: contain inherited styles and keep copy clear of the border. */
#controlled-ai .workflow-flow .flow-step {
  min-width:0;
  min-height:0;
  padding:18px 20px;
  margin:0 0 14px;
  border:1px solid #e4e4e3;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
}
#controlled-ai .workflow-flow .flow-step:last-child {
  margin-bottom:0;
  padding-bottom:18px;
  border-bottom:1px solid #e4e4e3;
}
#controlled-ai .workflow-flow .flow-step::before {
  left:-31px;
  top:24px;
  transform:translate(-50%,-50%);
}
#controlled-ai .workflow-flow .flow-step > div:first-child { min-width:0; }
#controlled-ai .workflow-flow .flow-step strong {
  margin-top:6px;
  font-size:17px;
  font-weight:650;
  line-height:1.35;
  overflow-wrap:break-word;
}
#controlled-ai .workflow-flow .flow-step span {
  margin-top:8px;
  color:#626a6e;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  overflow-wrap:break-word;
}
#controlled-ai .workflow-flow .flow-state { margin-top:0; }
@media(max-width:760px) {
  #controlled-ai .workflow-flow .flow-step {
    grid-template-columns:minmax(0,1fr);
    padding:16px;
    gap:12px;
  }
  #controlled-ai .workflow-flow .flow-step:last-child { padding-bottom:16px; }
  #controlled-ai .workflow-flow .flow-step::before { left:-25px; top:22px; }
  #controlled-ai .workflow-flow .flow-state { justify-self:start; }
}

/* Source: assets/product-layout-73462c099426.css */


:root{
  --bg:#f6f6f5;
  --panel:#ffffff;
  --primary:#01665E;
  --primary-dark:#014F49;
  --teal:#18A3A4;
  --text:#303538;
  --muted:#767b7e;
  --muted2:#9b9d9e;
  --line:rgba(75,80,83,.11);
  --max:1540px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.section{
  position:relative;
  padding:126px 0 132px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 18%,rgba(132,134,135,.09),transparent 27%),
    radial-gradient(circle at 12% 84%,rgba(75,80,83,.045),transparent 26%),
    linear-gradient(180deg,#fbfbfa 0%,#f6f6f5 54%,#f2f2f1 100%);
}

.section::before{
  content:"";
  position:absolute;
  left:0;
  top:78px;
  width:4px;
  height:116px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
  box-shadow:0 0 28px rgba(132,134,135,.12);
}

.section::after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-5vw;
  z-index:-2;
  width:42vw;
  height:42vw;
  min-width:460px;
  min-height:460px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 84px rgba(75,80,83,.018),
    0 0 0 168px rgba(75,80,83,.012);
  pointer-events:none;
}

.grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,80,83,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,80,83,.034) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
}

.inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 96px));
  margin:0 auto;
}

.cta{
  position:relative;
  padding:46px 46px 38px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.11);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(132,134,135,.075),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,246,245,.96));
  box-shadow:
    0 24px 58px rgba(16,24,40,.075),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.cta::before{
  content:"";
  position:absolute;
  left:0;
  top:32px;
  width:4px;
  height:96px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.cta::after{
  content:"";
  position:absolute;
  right:-88px;
  bottom:-120px;
  width:330px;
  height:330px;
  border:1px solid rgba(75,80,83,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 58px rgba(75,80,83,.018),
    0 0 0 116px rgba(75,80,83,.012);
  pointer-events:none;
}

.eyebrow{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--primary);
  font-size:11px;
  line-height:1.4;
  font-weight:820;
  letter-spacing:.115em;
  text-transform:uppercase;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--primary),var(--teal));
}

.dot{display:none}

.content{
  position:relative;
  z-index:2;
  margin-top:25px;
}

.content-main{
  max-width:980px;
}

h2{
  margin:0;
  max-width:980px;
  color:var(--text);
  font-size:clamp(56px,5.2vw,86px);
  line-height:.995;
  letter-spacing:-4px;
  font-weight:710;
  text-wrap:balance;
}

h2 span{
  color:transparent;
  background:linear-gradient(95deg,#005d56 0%,#087d76 62%,#18A3A4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.lead{
  max-width:900px;
  margin-top:26px;
  color:var(--muted);
  font-size:19px;
  line-height:1.7;
  font-weight:500;
  text-wrap:pretty;
}

/* Prozessleiste */

.side{
  position:relative;
  z-index:2;
  margin-top:46px;
  padding:34px 34px 36px;
  overflow:hidden;
  border:1px solid rgba(75,80,83,.10);
  border-radius:19px;
  background:rgba(255,255,255,.72);
  box-shadow:
    0 10px 28px rgba(16,24,40,.04),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.side::before{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  width:3px;
  height:62px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,var(--primary),var(--teal));
}

.side-kicker{
  color:var(--primary);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.side-title{
  max-width:960px;
  margin-top:10px;
  color:var(--text);
  font-size:38px;
  line-height:1.07;
  letter-spacing:-1.15px;
  font-weight:720;
}

.side-copy{
  max-width:980px;
  margin-top:13px;
  color:var(--muted);
  font-size:16px;
  line-height:1.68;
}

.steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}

.step{
  position:relative;
  min-height:138px;
  padding:20px 18px 18px;
  border:1px solid rgba(75,80,83,.09);
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 18px rgba(16,24,40,.035);
}

.step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:35px;
  right:-13px;
  width:13px;
  height:1px;
  background:rgba(75,80,83,.18);
}

.step b{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  border-radius:9px;
  border:1px solid rgba(75,80,83,.09);
  background:#f5f5f4;
  color:var(--primary);
  font-size:10px;
  font-weight:820;
}

.step span{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.5;
  font-weight:710;
}

/* CTA */

.actions{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  margin-top:34px;
}

.btn{
  position:relative;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:0 28px;
  overflow:hidden;
  border-radius:13px;
  text-decoration:none;
  font-size:15px;
  font-weight:800;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.btn-primary{
  border:1px solid rgba(75,80,83,.78);
  background:linear-gradient(135deg,#005a54,#087a73 68%,#149a98);
  color:#fff;
  box-shadow:
    0 14px 30px rgba(75,80,83,.19),
    inset 0 1px 0 rgba(255,255,255,.15);
}

.btn-primary::after{
  content:"";
  width:8px;
  height:8px;
  margin-left:4px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}

.btn-primary:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#383d40,#505558 68%,#6d7275);
  box-shadow:0 18px 38px rgba(75,80,83,.24);
}

.footer-line{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(75,80,83,.08);
  color:var(--muted2);
  font-size:11px;
  line-height:1.55;
  text-align:right;
}

.fx-reveal{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:
    opacity .68s cubic-bezier(.22,.75,.2,1),
    transform .68s cubic-bezier(.22,.75,.2,1);
  transition-delay:var(--fx-delay,0ms);
}

.fx-reveal.fx-in{
  opacity:1;
  transform:none;
}

/* Tablet */

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

  .step:not(:last-child)::after{
    display:none;
  }
}

@media(max-width:980px){
  .section{
    padding:94px 0 102px;
  }

  .inner{
    width:calc(100% - 44px);
  }

  .cta{
    padding:38px;
  }
}

/* Mobile */

@media(max-width:680px){
  .section{
    padding:68px 0 74px;
  }

  .section::before{
    top:42px;
    width:3px;
    height:78px;
  }

  .section::after{
    display:none;
  }

  .grid{
    background-size:44px 44px;
    opacity:.27;
  }

  .inner{
    width:calc(100% - 28px);
  }

  .cta{
    padding:28px 20px 26px;
    border-radius:18px;
  }

  .cta::before{
    top:23px;
    height:72px;
    width:3px;
  }

  .cta::after{
    display:none;
  }

  .eyebrow{
    gap:8px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  .eyebrow::before{
    width:23px;
  }

  h2{
    font-size:clamp(39px,10.8vw,52px);
    line-height:1.025;
    letter-spacing:-2.1px;
    text-wrap:pretty;
  }

  .lead{
    margin-top:21px;
    font-size:15px;
    line-height:1.62;
  }

  .side{
    margin-top:34px;
    padding:24px 18px 22px;
    border-radius:15px;
  }

  .side::before{
    top:20px;
    height:52px;
  }

  .side-title{
    font-size:29px;
    letter-spacing:-.9px;
  }

  .side-copy{
    font-size:14px;
    line-height:1.62;
  }

  .steps{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:21px;
  }

  .step{
    min-height:0;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:14px;
    border-radius:11px;
  }

  .step b{
    margin-bottom:0;
  }

  .step span{
    font-size:13px;
  }

  .actions{
    justify-content:stretch;
    margin-top:28px;
  }

  .btn{
    width:100%;
    min-height:52px;
    padding:0 20px;
    font-size:14px;
  }

  .footer-line{
    justify-content:flex-start;
    text-align:left;
  }
}

@media(max-width:480px){
  .section{
    padding:58px 0 64px;
  }

  .inner{
    width:calc(100% - 24px);
  }

  h2{
    font-size:clamp(34px,9.7vw,43px);
    letter-spacing:-1.6px;
  }
}

@media(hover:none){
  .btn-primary:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

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

/* Dezentes DroneApps-Prozesspanorama oberhalb des Panels */
.abschluss-intro{position:relative;z-index:2}
.cta-panorama{position:relative;z-index:2;width:100vw;max-width:none;margin:34px calc(50% - 50vw) 0;overflow:hidden;border-top:1px solid rgba(75,80,83,.09);border-bottom:1px solid rgba(75,80,83,.09);background:#f9f9f8;box-shadow:0 12px 30px rgba(16,24,40,.04)}
.cta-panorama img{display:block;width:100%;height:clamp(140px,14vw,220px);object-fit:cover;object-position:center 58%}
.cta-panorama::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(246,246,245,.18),transparent 30%,rgba(246,246,245,.06) 62%,rgba(246,246,245,.88) 100%)}
.cta{margin-top:24px}
@media(max-width:680px){.cta-panorama{margin-top:24px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.cta-panorama img{height:145px;object-position:center}.cta{margin-top:18px}}

/* Source: assets/product-layout-cc52eee4edc6.css */

:root {
  --max: 1320px;
  --sws-ink: #2f3437;
  --sws-muted: #6e7376;
  --sws-brand: #087c73;
  --sws-brand-dark: #404548;
  --sws-line: rgba(68,73,76, .14);
  --sws-surface: #fff;
  --sws-canvas: #f7f7f6;
}
html { scroll-padding-top: 100px; }
body { background: var(--sws-canvas); color: var(--sws-ink); padding-top:76px; }
.sws-site-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000; min-height: 76px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 12px clamp(18px, 4vw, 56px);
  background: rgba(252,252,251, .9); border-bottom: 1px solid var(--sws-line);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.sws-site-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--sws-ink); text-decoration: none; flex: 0 0 auto; }
.sws-site-brand > span:last-child { display:flex; flex-direction:column; line-height:1.05; gap:4px; }
.sws-site-brand strong { font-size: 15px; letter-spacing: .09em; }
.sws-site-brand small { color: var(--sws-muted); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.sws-site-mark { width: 38px; height: 38px; display:grid; place-items:center; color:white; font-weight:900; font-size:19px; border-radius:12px 12px 12px 4px; background:linear-gradient(145deg,#838586,#404548); box-shadow:0 7px 18px rgba(94,99,102,.2); }
.sws-site-links { display:flex; align-items:center; justify-content:center; gap:clamp(14px,2.2vw,32px); }
.sws-site-links a { color:#5f6467; text-decoration:none; font-size:13px; font-weight:700; transition:color .18s ease; }
.sws-site-links a:hover, .sws-site-links a:focus-visible { color:var(--sws-brand); }
.sws-site-cta { display:inline-flex; gap:10px; align-items:center; padding:12px 17px; border-radius:999px; background:#087c73; color:white; text-decoration:none; font-size:13px; font-weight:800; box-shadow:0 8px 20px rgba(94,99,102,.16); transition:transform .18s ease,background .18s ease; white-space:nowrap; }
.sws-site-cta:hover { transform:translateY(-2px); background:#404548; }
.sws-site-nav a:focus-visible, a:focus-visible, button:focus-visible { outline:3px solid #9fa1a2; outline-offset:3px; }
.sws-hero { scroll-margin-top: 92px; }
.sws-wrap, .inner { max-width: min(var(--max), calc(100% - 64px)); }
.sws-title { font-size:clamp(44px,5.3vw,76px); line-height:.98; letter-spacing:-.055em; max-width:12.5ch; }
.sws-lead, .lead { color:var(--sws-muted); line-height:1.72; }
.section { scroll-margin-top:88px; }
.section h2 { letter-spacing:-.045em; }
.section .eyebrow { letter-spacing:.14em; }
#produktwelten .showcase-demo, #integrationen .integration-panel,
#controlled-ai .controlled-ai-panel { border:1px solid var(--sws-line); border-radius:26px; box-shadow:0 22px 65px rgba(40,45,48,.07); }
.showcase-tab, .drone-deploy__card, .drone-trust__item,
.pillar, .integration-card, .controlled-ai-card {
  border-color:var(--sws-line);
}
button, .sws-btn, .showcase-tab, .sws-site-cta { -webkit-tap-highlight-color:transparent; }
.anchor-target { position:relative; top:-100px; display:block; height:0; scroll-margin-top:100px; }
@media (max-width: 900px) {
  .sws-site-nav { gap:14px; padding-inline:22px; }
  .sws-site-links { gap:14px; }
  .sws-site-links a { font-size:12px; }
  .sws-site-cta { padding:10px 13px; font-size:12px; }
}
@media (max-width: 680px) {
  body { padding-top:104px; }
  .sws-site-nav { min-height:0; padding:11px 16px; flex-wrap:wrap; gap:10px 14px; }
  .sws-site-brand { margin-right:auto; }
  .sws-site-cta { padding:9px 12px; }
  .sws-site-links { order:3; width:100%; justify-content:flex-start; overflow-x:auto; padding:2px 0 4px; gap:22px; scrollbar-width:none; }
  .sws-site-links::-webkit-scrollbar { display:none; }
  .sws-site-links a { flex:0 0 auto; }
  .sws-wrap, .inner { max-width:calc(100% - 36px); }
  .sws-title { font-size:clamp(40px,12vw,58px); }
}
/* Keep all content readable even if an observer misses a fast scroll. */
.fx-reveal { opacity:1 !important; transform:none !important; }
.fx-reveal.fx-in { opacity:1 !important; transform:none !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Source: assets/sws-professional.css */
/* SWS: shared visual system for the assembled product worlds page. */
html { scroll-padding-top:84px; }
body.sws-professional {
  --max:1200px; --ink:#303538; --text:#303538; --sws-ink:#303538;
  --primary:#01665e; --sws:#01665e; --teal:#18a3a4;
  --muted:#767b7e; --sws-muted:#767b7e; --line:rgba(75,80,83,.12);
  --shadow:0 18px 46px rgba(41,46,49,.065); background:#f6f6f5; color:var(--ink); font-size:16px;
}
.sws-professional .sws-site-nav { min-height:76px; padding-inline:max(32px,calc((100vw - 1200px)/2)); background:rgba(252,252,251,.94); border-color:rgba(75,80,83,.12); box-shadow:0 6px 24px rgba(52,57,60,.045); }
.sws-professional .sws-site-mark { width:36px; height:36px; border-radius:11px 11px 11px 4px; background:linear-gradient(145deg,#18a3a4,#01665e); box-shadow:0 7px 18px rgba(75,80,83,.18); }
.sws-professional .sws-site-brand strong { font-size:16px; }
.sws-professional .sws-site-links a { font-size:13px; font-weight:600; color:#5e6366; }
.sws-professional .sws-site-cta { border-radius:12px; padding:12px 18px; background:linear-gradient(135deg,#005a54,#087a73 68%,#149a98); box-shadow:0 9px 22px rgba(75,80,83,.17),inset 0 1px 0 rgba(255,255,255,.18); font-weight:700; }
.sws-professional .sws-site-cta:hover { background:#014f49; transform:none; }

/* Clean two-column introduction. */
.sws-professional .sws-hero { min-height:680px; background:radial-gradient(circle at 82% 30%,rgba(132,134,135,.12),transparent 35%),linear-gradient(135deg,#fdfdfc,#f6f6f5 62%,#f1f1f0); border-bottom:1px solid var(--line); scroll-margin-top:0; }
.sws-professional .sws-hero::before,.sws-professional .sws-hero::after,
.sws-professional .sws-ghost,.sws-professional .sws-orbit,
.sws-professional .sws-welcome-panorama { display:none; }
.sws-professional .sws-wrap { width:min(1200px,calc(100% - 96px)); max-width:none; padding:88px 0 84px; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:64px; }
.sws-professional .sws-copy { max-width:620px; }
.sws-professional .sws-kicker { font-size:10px; letter-spacing:.12em; font-weight:700; }
.sws-professional .sws-kicker::before { width:24px; background:#01665e; }
.sws-professional .sws-title { max-width:15ch; font-size:clamp(44px,4.5vw,66px); font-weight:650; line-height:1.06; letter-spacing:-.045em; margin-top:25px; }
.sws-professional .sws-title span { color:transparent; background:linear-gradient(95deg,#005d56,#087d76 62%,#18a3a4); background-clip:text; -webkit-background-clip:text; }
.sws-professional .sws-lead { max-width:490px; font-size:18px; line-height:1.7; margin-top:25px; font-weight:400; }
.sws-professional .sws-actions { margin-top:30px; gap:12px; }
.sws-professional .sws-btn,.sws-professional .btn { min-height:48px; border-radius:12px; padding-inline:22px; font-size:14px; font-weight:700; }
.sws-professional .sws-btn-primary,.sws-professional .btn-primary { background:linear-gradient(135deg,#005a54,#087a73 68%,#149a98); border-color:#01665e; box-shadow:0 12px 28px rgba(75,80,83,.18),inset 0 1px 0 rgba(255,255,255,.18); }
.sws-professional .sws-btn-primary:hover,.sws-professional .btn-primary:hover { background:#014f49; box-shadow:none; }
.sws-professional .sws-btn-secondary { background:rgba(255,255,255,.75); border:1px solid rgba(75,80,83,.16); color:#3e4346; box-shadow:0 7px 20px rgba(48,53,56,.035),inset 0 1px 0 #fff; }
.sws-professional .sws-signature { font-size:9px; letter-spacing:.12em; margin-top:35px; color:#868889; }
.sws-professional .sws-visual { padding:0; width:100%; min-width:0; }
.sws-professional .sws-visual::before,.sws-professional .sws-visual::after { display:none; }
.sws-professional .sws-console { transform:none; border-radius:24px; border:1px solid rgba(75,80,83,.15); background:linear-gradient(145deg,#fff,#f4f4f3); box-shadow:0 30px 68px rgba(44,49,52,.13),0 7px 22px rgba(75,80,83,.07),inset 0 1px 0 #fff; }
.sws-professional .sws-console-head { background:#fff; border-color:#e9e9e8; padding:18px 22px; }
.sws-professional .sws-console-meta { color:#626a6e; font-size:9px; }
.sws-professional .sws-live { color:#484d50; font-weight:650; }
.sws-professional .sws-live i { box-shadow:0 0 0 4px #efefee; background:#138a72; }
.sws-professional .sws-screen { background:#f7f7f6; border-radius:8px; box-shadow:none; }
.sws-professional .sws-screen::before,.sws-professional .sws-screen::after,.sws-professional .sws-screen-label { display:none; }
.sws-professional .sws-core { width:58px; height:58px; bottom:14px; right:14px; border-radius:10px; background:#01665e; border:1px solid #fff; box-shadow:none; backdrop-filter:none; }
.sws-professional .sws-core strong { font-size:15px; }
.sws-professional .sws-core small { color:#fff; }
.sws-professional .sws-console-foot { background:#fff; padding:16px 22px; border-color:#e9e9e8; color:#888a8b; }
.sws-professional .sws-console-foot span { color:#626a6e; font-weight:600; min-height:20px; font-size:9px; }
.sws-professional .sws-console-foot span+span { border-color:#e9e9e8; }

/* Section rhythm, editorial titles and bounded imagery. */
.sws-professional .section { padding:88px 0; background:radial-gradient(circle at 86% 17%,rgba(132,134,135,.085),transparent 30%),radial-gradient(circle at 12% 76%,rgba(75,80,83,.035),transparent 30%),linear-gradient(180deg,#fbfbfa,#f6f6f5 58%,#f2f2f1); border-bottom:1px solid rgba(75,80,83,.09); scroll-margin-top:0; }
.sws-professional #plattform,.sws-professional #arbeitstag { background:radial-gradient(circle at 88% 24%,rgba(132,134,135,.09),transparent 34%),linear-gradient(180deg,#f9f9f8,#f2f2f1); }
.sws-professional .section::before { display:block; top:calc(clamp(140px,14vw,225px) + 60px); }
.sws-professional .section::after { display:block; z-index:0; width:620px; height:620px; min-width:0; min-height:0; right:-200px; bottom:-200px; border-color:rgba(75,80,83,.045); box-shadow:0 0 0 74px rgba(75,80,83,.02),0 0 0 148px rgba(75,80,83,.012); }
.sws-professional .grid { display:block; z-index:0; opacity:.42; background-size:48px 48px; }
.sws-professional .inner { width:min(1200px,calc(100% - 96px)); max-width:none; }
.sws-professional .section .eyebrow { gap:12px; color:#01665e; font-size:10px; letter-spacing:.14em; font-weight:700; }
.sws-professional .section .eyebrow::before { content:''; display:block; width:34px; height:2px; border:0; border-radius:99px; background:linear-gradient(90deg,#01665e,#18a3a4); }
.sws-professional .section h2 { max-width:870px; margin:22px 0 0; font-size:clamp(36px,3.5vw,50px); font-weight:650; line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
.sws-professional .section h2 span { color:transparent; background:linear-gradient(95deg,#005d56,#087d76 62%,#18a3a4); background-clip:text; -webkit-background-clip:text; }
.sws-professional .section .lead { max-width:800px; font-size:17px; line-height:1.75; font-weight:400; margin-top:22px; }
.sws-professional .sws-intro-brandline { margin:24px 0 0; }
.sws-professional .sws-intro-brand img { width:190px; max-width:100%; height:auto; }
.sws-professional .statement { background:rgba(255,255,255,.72); border:1px solid rgba(75,80,83,.11); border-radius:16px; box-shadow:0 12px 34px rgba(41,46,49,.045),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(10px); font-size:16px; max-width:900px; padding:20px 25px; }
.sws-professional .statement::before { display:block; }
.sws-professional .drone-panorama,.sws-professional .platform-panorama,.sws-professional .integration-hero,
.sws-professional .day-panorama,.sws-professional .arbeitstag-panorama,.sws-professional .ai-panorama,.sws-professional .cta-panorama { width:100%; margin:36px 0; max-width:100%; border:1px solid #e8e8e7; border-radius:12px; box-shadow:none; overflow:hidden; }
.sws-professional .drone-panorama img,.sws-professional .platform-panorama img,.sws-professional .integration-hero img,
.sws-professional .day-panorama img,.sws-professional .arbeitstag-panorama img,.sws-professional .ai-panorama img,.sws-professional .cta-panorama img { width:100%; height:200px; object-fit:cover; }
.sws-professional .drone-panorama::after,.sws-professional .platform-panorama::after,.sws-professional .integration-hero::after,
.sws-professional .day-panorama::after,.sws-professional .arbeitstag-panorama::after,.sws-professional .ai-panorama::after,.sws-professional .cta-panorama::after { display:none; }
.sws-professional .sws-panoramic-hero,.sws-professional .workday-panorama { width:100%; max-width:100%; height:200px; margin:36px 0; border:1px solid #e8e8e7; border-radius:12px; box-shadow:none; }
.sws-professional .sws-panoramic-hero img,.sws-professional .workday-panorama img { height:200px; width:100%; object-fit:cover; }
.sws-professional .sws-panoramic-hero::after,.sws-professional .workday-panorama::after { display:none; }

/* Product selection reads as a catalogue, with details opened on demand. */
.sws-professional #produktwelten .showcase-demo { padding:24px; margin-top:44px; background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.07),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,249,248,.92)); border:1px solid rgba(75,80,83,.13); border-radius:28px; box-shadow:0 28px 64px rgba(41,46,49,.085),0 8px 22px rgba(75,80,83,.045),inset 0 1px 0 #fff; overflow:visible; }
.sws-professional .showcase-demo::before { display:block; border-radius:28px; opacity:.5; }
.sws-professional .showcase-demo__top { padding:0 0 19px; border-bottom:1px solid var(--line); }
.sws-professional .showcase-demo__kicker,.sws-professional .showcase-demo__status { font-size:10px; font-weight:650; letter-spacing:.06em; }
.sws-professional .product-worlds-intro { padding:28px 0 24px; }
.sws-professional .product-worlds-intro h3 { font-size:30px; letter-spacing:-.03em; font-weight:650; }
.sws-professional .product-worlds-intro p { font-size:15px; line-height:1.65; }
.sws-professional .showcase-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; }
.sws-professional .showcase-tab { min-height:114px; padding:22px!important; border:1px solid rgba(75,80,83,.13); border-radius:16px; background:linear-gradient(145deg,#fff,#fafaf9); box-shadow:0 8px 22px rgba(48,53,56,.045),inset 0 1px 0 #fff; gap:13px; text-align:left; }
.sws-professional .showcase-tab:hover { transform:translateY(-2px); border-color:#a6a8a9; box-shadow:0 9px 22px -16px #4c5154; }
.sws-professional .showcase-tab.active { background:linear-gradient(145deg,#01665e,#3c4144)!important; border-color:#01665e; color:#fff; box-shadow:0 12px 26px rgba(75,80,83,.22),inset 0 1px 0 rgba(255,255,255,.15); }
.sws-professional .showcase-tab__copy strong { color:#32373a; font-size:16px!important; font-weight:650; line-height:1.35; }
.sws-professional .showcase-tab__copy small { font-size:12px; color:#777c7f; line-height:1.5; font-weight:400; }
.sws-professional .showcase-tab.active .showcase-tab__copy strong { color:#fff; }
.sws-professional .showcase-tab.active .showcase-tab__copy small { color:#dfdfde; }
.sws-professional .showcase-tab.active .product-world-card-index { color:#d7d7d6; }
.sws-professional .showcase-tab.active .product-world-arrow { color:#fff; }
.sws-professional .showcase-demo.drone-details-open .showcase-tabs { display:grid!important; }
.sws-professional .showcase-demo.drone-details-open .showcase-demo__top { display:flex!important; }
.sws-professional .showcase-demo.drone-details-open .product-worlds-intro { display:flex!important; }
.sws-professional .drone-modal { background:linear-gradient(145deg,#2f3437,#212629); padding:15px!important; margin-top:24px; border:1px solid rgba(75,80,83,.22); border-radius:24px; box-shadow:0 18px 44px rgba(34,39,42,.12); scroll-margin-top:24px; }
.sws-professional .drone-modal-panel { border:1px solid rgba(255,255,255,.8); border-radius:18px; background:linear-gradient(145deg,#fff,#f8f8f7); padding:26px 28px 30px!important; box-shadow:0 12px 28px rgba(13,18,21,.16),inset 0 1px 0 #fff; }
.sws-professional .drone-modal .product-world-detail-head strong { font-size:32px; font-weight:650; }
.sws-professional .drone-modal .showcase-title { font-size:24px; font-weight:650; }
.sws-professional .showcase-screen,.sws-professional .showcase-side { border-radius:18px; border-color:rgba(75,80,83,.12); box-shadow:0 12px 30px rgba(41,46,49,.045),inset 0 1px 0 #fff; background:linear-gradient(180deg,#fff,#fafaf9); }
.sws-professional .showcase-side::before { display:block; }
.sws-professional .showcase-description { font-size:15px; line-height:1.7; }
.sws-professional .product-integrations,.sws-professional .product-integration-flow { background:#f7f7f6; box-shadow:none; border-color:#e4e4e3; }
.sws-professional .product-integration-flow { background:#fff; }
.sws-professional .close { position:relative; margin-top:42px; padding:30px; border:1px solid rgba(75,80,83,.14); border-radius:24px; background:radial-gradient(circle at 95% 0%,rgba(132,134,135,.09),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,244,243,.94)); box-shadow:0 18px 42px rgba(41,46,49,.065),inset 0 1px 0 #fff; }
.sws-professional .sws-benefit-kicker { margin-bottom:12px; color:#0b887a; font-size:10px; font-weight:800; letter-spacing:.14em; line-height:1.5; }
.sws-professional .close-title { font-size:clamp(24px,2.4vw,32px); max-width:850px; line-height:1.25; font-weight:600; letter-spacing:-.025em; }
.sws-professional .pillar { min-height:0; padding:25px 25px 25px 28px; border-radius:17px; box-shadow:0 10px 28px rgba(41,46,49,.045),inset 0 1px 0 #fff; background:rgba(255,255,255,.78); }
.sws-professional .pillar::before { display:block; }
.sws-professional .pillar strong { font-size:19px; line-height:1.35; }
.sws-professional .pillar p { font-size:14px; line-height:1.65; }

/* One family of panels, with a quiet surface and restrained borders. */
.sws-professional .drone-infra,.sws-professional .context-intro,.sws-professional .app-feature,
.sws-professional .example-journey,.sws-professional .integration-shell { border:1px solid rgba(75,80,83,.12); border-radius:24px; background:radial-gradient(circle at 96% 0%,rgba(132,134,135,.055),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,249,248,.94)); box-shadow:0 24px 60px rgba(41,46,49,.075),0 7px 20px rgba(75,80,83,.035),inset 0 1px 0 rgba(255,255,255,.95); }
.sws-professional .drone-infra { margin-top:48px; padding:40px; }
.sws-professional .drone-infra::before,.sws-professional .integration-shell::before { display:block; }
.sws-professional .drone-infra h3 { font-size:32px; font-weight:650; line-height:1.2; letter-spacing:-.03em; }
.sws-professional .drone-infra__intro { font-size:16px; line-height:1.75; }
.sws-professional .drone-deploy__card { border:1px solid rgba(75,80,83,.13); border-radius:17px; padding:24px; background:linear-gradient(145deg,#fff,#fbfbfa); box-shadow:0 10px 30px rgba(45,50,53,.045),inset 0 1px 0 #fff; }
.sws-professional .drone-deploy__icon { width:38px; height:38px; flex-basis:38px; background:#f1f1f0; border-radius:9px; }
.sws-professional .drone-deploy__card h4 { font-size:19px; font-weight:650; }
.sws-professional .drone-trust { border:1px solid rgba(75,80,83,.08); border-radius:19px; background:linear-gradient(135deg,#f2f2f1,#f6f6f5); padding:28px; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
.sws-professional .drone-trust__item p { font-size:13px; }
.sws-professional .drone-finale { border:1px solid rgba(75,80,83,.16); background:linear-gradient(120deg,#2b3033,#01665e 65%,#5d6265); box-shadow:0 26px 55px rgba(45,50,53,.16); border-radius:26px; padding:38px 42px; color:#fff; }
.sws-professional .drone-finale::after { display:block; }
.sws-professional .drone-finale h3 { max-width:850px; font-size:32px; color:#fff; font-weight:680; line-height:1.2; letter-spacing:-.03em; }
.sws-professional .drone-finale h3 span { color:#dbdbda; }
.sws-professional .drone-finale .drone-eyebrow { color:#d8d8d7; }
.sws-professional .drone-finale__lead { color:#e1e1e0; font-size:16px; line-height:1.7; }
.sws-professional .drone-finale__signature { color:#f2f2f1; border-color:rgba(255,255,255,.2); font-size:12px; margin-top:24px; padding-top:20px; }
.sws-professional .drone-hero-video { margin-top:32px; border-radius:14px; border:1px solid #3f4447; box-shadow:none; }
.sws-professional .drone-video-stage { height:clamp(270px,32vw,420px); aspect-ratio:auto; }
.sws-professional .drone-hero-video video { height:100%; }
.sws-professional .drone-video-preview { background:#303538; }
.sws-professional .drone-video-preview::before,.sws-professional .drone-video-preview::after { display:none; }
.sws-professional .drone-video-play { border-radius:8px; box-shadow:none; }
.sws-professional .drone-video-headline { font-size:clamp(26px,3vw,40px); font-weight:600; }
.sws-professional .context-intro,.sws-professional .example-journey { padding:36px; gap:40px; margin-top:32px; }
.sws-professional .context-intro h3,.sws-professional .app-feature__copy h3,.sws-professional .example-journey h3 { font-size:28px; font-weight:650; line-height:1.23; letter-spacing:-.03em; }
.sws-professional .context-intro__facts small { font-size:13px; }
.sws-professional .app-feature { padding:32px; gap:32px; }
.sws-professional .app-feature__media,.sws-professional .app-feature__shot { border-radius:15px; box-shadow:0 12px 28px rgba(42,47,50,.06),inset 0 1px 0 #fff; background:linear-gradient(145deg,#f6f6f5,#fff); }
.sws-professional .app-feature__copy p { font-size:15px; }
.sws-professional .journey-step { border:1px solid rgba(75,80,83,.11); background:linear-gradient(150deg,#fbfbfa,#f4f4f3); border-radius:15px; padding:23px 20px; box-shadow:0 8px 22px rgba(41,46,49,.035),inset 0 1px 0 #fff; }
.sws-professional .journey-step strong { font-size:17px; font-weight:650; }
.sws-professional .journey-step p { font-size:14px; }
.sws-professional #plattform .principles { gap:16px; margin-top:28px; }
.sws-professional #plattform .principle { margin:0; min-height:0; padding:26px; border:1px solid rgba(75,80,83,.12); border-radius:17px; background:rgba(255,255,255,.8); box-shadow:0 12px 30px rgba(41,46,49,.05),inset 0 1px 0 #fff; }
.sws-professional #plattform .principle::before { display:block; top:24px; bottom:auto; height:44px; width:3px; }
.sws-professional #plattform .principle small { font-size:10px; color:#01665e; }
.sws-professional #plattform .principle strong { font-size:21px; font-weight:650; line-height:1.3; letter-spacing:-.02em; margin-top:17px; }
.sws-professional #plattform .principle p { font-size:14px; line-height:1.7; margin-top:12px; }
.sws-professional .platform-outro { margin-top:32px; padding:38px 42px; border:1px solid rgba(75,80,83,.16); border-radius:24px; background:radial-gradient(circle at 90% 5%,rgba(132,134,135,.23),transparent 34%),linear-gradient(120deg,#2a2f32,#393e41); color:#fff; box-shadow:0 22px 48px rgba(45,50,53,.14); }
.sws-professional .platform-outro h3 { font-size:30px; font-weight:650; line-height:1.25; letter-spacing:-.03em; }
.sws-professional .platform-outro h3 span,.sws-professional .platform-outro__eyebrow { color:#d4d4d3; }
.sws-professional .platform-outro>p { color:#dadad9; font-size:16px; line-height:1.75; }
.sws-professional .platform-outro__foot span { color:#f3f3f2; border-color:rgba(255,255,255,.21); border-radius:99px; background:rgba(255,255,255,.035); font-weight:600; }
.sws-professional .closing.sws-conclusion {
  position:relative; display:flex; align-items:flex-start; gap:24px;
  grid-template-columns:none; max-width:none; min-height:0;
  margin-top:40px; padding:30px 34px; overflow:hidden;
  border:1px solid rgba(75,80,83,.16); border-radius:23px;
  background:radial-gradient(ellipse at 100% 0%,rgba(132,134,135,.11),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,244,243,.94));
  box-shadow:0 20px 46px rgba(41,46,49,.075),0 5px 16px rgba(75,80,83,.025),inset 0 1px 0 rgba(255,255,255,.98);
  font-size:16px; font-weight:400; line-height:1.6; letter-spacing:normal;
  text-wrap:initial;
}
.sws-professional .closing.sws-conclusion::before {
  content:''; display:block; position:absolute; left:0; top:28px; bottom:28px;
  width:3px; height:auto; border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#01665e,#18a3a4); box-shadow:0 0 16px rgba(132,134,135,.15);
}
.sws-professional .closing.sws-conclusion::after {
  content:''; display:block; position:absolute; z-index:0; pointer-events:none;
  right:-65px; top:-92px; bottom:auto; width:260px; height:260px;
  border:1px solid rgba(75,80,83,.06); border-radius:50%;
  box-shadow:0 0 0 38px rgba(75,80,83,.02),0 0 0 76px rgba(75,80,83,.012);
}
.sws-professional .sws-conclusion .sws-conclusion-mark {
  position:relative; z-index:1; display:grid; place-items:center; flex:0 0 52px;
  width:52px; height:52px; border:1px solid rgba(75,80,83,.2); border-radius:15px;
  background:linear-gradient(145deg,#087a71,#014f49); color:#fff;
  box-shadow:0 10px 24px rgba(75,80,83,.18),inset 0 1px 0 rgba(255,255,255,.2);
}
.sws-professional .sws-conclusion-mark svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sws-professional .sws-conclusion-body { position:relative; z-index:1; min-width:0; flex:1; }
.sws-professional .sws-conclusion-kicker { margin:0 0 10px; color:#0b887a; font-size:10px; line-height:1.5; font-weight:800; letter-spacing:.14em; }
.sws-professional .sws-conclusion-statement,
.sws-professional .sws-conclusion .closing-main {
  display:block; max-width:980px; margin:0; color:#303538;
  font-size:clamp(24px,2.15vw,30px); line-height:1.32; font-weight:650;
  letter-spacing:-.025em; text-wrap:pretty;
}
.sws-professional .sws-conclusion-statement > span,
.sws-professional .sws-conclusion .closing-main > span { display:inline; color:#01665e; background:linear-gradient(95deg,#01665e,#109a91); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.sws-professional .sws-conclusion .closing-side { display:block; max-width:850px; margin-top:14px; color:#73787b; font-size:15px; font-weight:400; line-height:1.7; letter-spacing:0; }
.sws-professional .sws-conclusion .closing-side strong { display:block; margin-top:9px; color:#01665e; font-size:14px; line-height:1.6; font-weight:650; }

/* Integration, real work and controlled AI. */
.sws-professional .integration-shell { padding:24px; margin-top:36px; border-radius:28px; }
.sws-professional .integration-title { font-size:25px; font-weight:650; line-height:1.3; letter-spacing:-.025em; }
.sws-professional .integration-sub { font-size:14px; line-height:1.7; }
.sws-professional .category-tabs { padding:8px 0 20px; gap:8px; border-bottom:1px solid #e7e7e6; }
.sws-professional .category-tab { border-radius:10px; box-shadow:0 4px 12px rgba(75,80,83,.025),inset 0 1px 0 #fff; font-weight:650; background:rgba(255,255,255,.88); }
.sws-professional .category-tab.active { background:linear-gradient(135deg,#f7f7f6,#f2f2f1); color:#01665e; border-color:rgba(75,80,83,.25); box-shadow:inset 0 -2px 0 #18a3a4,0 5px 14px rgba(75,80,83,.045); }
.sws-professional .resource-panel,.sws-professional .example-panel { border-radius:19px; box-shadow:0 10px 28px rgba(41,46,49,.05),inset 0 1px 0 #fff; background:rgba(255,255,255,.92); border-color:rgba(75,80,83,.11); }
.sws-professional .example-panel { background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.055),transparent 36%),linear-gradient(180deg,#fff,#fafaf9); }
.sws-professional .example-title { font-size:28px; font-weight:650; }
.sws-professional .resource { background:linear-gradient(145deg,#fff,#fbfbfa); box-shadow:0 6px 18px rgba(41,46,49,.035),inset 0 1px 0 #fff; border-radius:12px; }
.sws-professional .capability { border-radius:17px; background:rgba(255,255,255,.82); box-shadow:0 10px 28px rgba(41,46,49,.045),inset 0 1px 0 #fff; padding:24px; }
.sws-professional .capability strong { font-size:19px; line-height:1.35; }
.sws-professional .timeline { margin-top:40px; }
.sws-professional .story-card { border:1px solid rgba(75,80,83,.13); border-radius:18px; box-shadow:0 12px 30px rgba(41,46,49,.055),inset 0 1px 0 #fff; background:linear-gradient(145deg,#fff,#fbfbfa); padding:23px 26px; gap:22px; }
.sws-professional .story-card::before { display:block; }
.sws-professional .story-card:hover { box-shadow:none; transform:none; border-color:#c1c3c4; }
.sws-professional .role strong { font-size:21px; font-weight:650; line-height:1.25; }
.sws-professional .story-copy { font-size:15px; line-height:1.7; }
.sws-professional .badge { border-radius:6px; font-size:9px; font-weight:650; letter-spacing:.04em; background:#f4f4f3; }
.sws-professional .marker-box { box-shadow:0 8px 22px rgba(75,80,83,.09),0 0 0 5px rgba(132,134,135,.035); border-color:#d2d2d1; border-radius:12px; }
.sws-professional .closing-main { font-size:29px; line-height:1.25; font-weight:600; letter-spacing:-.03em; }
.sws-professional #controlled-ai .compare { grid-template-columns:1fr 1fr; margin-top:40px; padding:0; gap:20px; background:none; border:0; border-radius:0; box-shadow:none; }
.sws-professional #controlled-ai .compare-divider { display:none; }
.sws-professional #controlled-ai .compare-side { padding:30px; border:1px solid rgba(75,80,83,.12); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,249,248,.92)); box-shadow:0 18px 42px rgba(41,46,49,.06),inset 0 1px 0 #fff; }
.sws-professional #controlled-ai .compare-side.controlled { background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.09),transparent 45%),linear-gradient(145deg,#fbfbfa,#f2f2f1); border-color:rgba(75,80,83,.22); }
.sws-professional #controlled-ai .compare-side h3 { font-size:26px; font-weight:650; letter-spacing:-.025em; line-height:1.25; }
.sws-professional #controlled-ai .compare-side>p { font-size:15px; line-height:1.7; }
.sws-professional #controlled-ai .principle { margin:32px 0 0; padding:28px 32px; border:1px solid rgba(75,80,83,.13); border-radius:20px; background:linear-gradient(135deg,rgba(255,255,255,.94),#f4f4f3); box-shadow:0 12px 32px rgba(41,46,49,.05),inset 0 1px 0 #fff; }
.sws-professional #controlled-ai .principle::before { display:block; width:3px; top:26px; bottom:26px; }
.sws-professional #controlled-ai .principle strong { max-width:900px; font-size:27px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
.sws-professional #controlled-ai .principle p { font-size:15px; }
.sws-professional .guardrails-wrap { margin-top:48px; }
.sws-professional .section-title { font-size:28px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
.sws-professional .guardrails { margin-top:24px; gap:16px; }
.sws-professional .guardrail { min-height:0; padding:25px 22px; border-radius:18px; border-color:rgba(75,80,83,.13); background:linear-gradient(145deg,#fff,#fbfbfa); box-shadow:0 12px 30px rgba(41,46,49,.05),inset 0 1px 0 #fff; }
.sws-professional .guardrail::before { display:block; }
.sws-professional .guardrail:hover { box-shadow:none; transform:none; }
.sws-professional .guardrail h4 { font-size:19px; font-weight:650; line-height:1.3; letter-spacing:-.02em; }
.sws-professional .guardrail p { font-size:14px; line-height:1.7; }
.sws-professional .guardrail-icon,.sws-professional .icon-wrap { border-radius:13px; background:linear-gradient(145deg,#f4f4f3,#fbfbfa); box-shadow:0 6px 16px rgba(75,80,83,.06),inset 0 1px 0 #fff; }
.sws-professional .workflow { margin-top:44px; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; }
.sws-professional .workflow-copy { position:relative; top:auto; border:1px solid rgba(75,80,83,.12); background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.065),transparent 40%),linear-gradient(180deg,#fff,#fafaf9); padding:30px; border-radius:20px; box-shadow:0 16px 38px rgba(41,46,49,.06),inset 0 1px 0 #fff; }
.sws-professional .workflow-copy::before { display:block; }
.sws-professional .workflow-copy h3 { font-size:29px; font-weight:650; line-height:1.25; letter-spacing:-.025em; }
.sws-professional .flow-step { border-radius:9px; border-color:#e4e4e3; background:#fff; box-shadow:none; }
.sws-professional .flow-step strong { font-size:17px; font-weight:650; }

/* Final invitation in the original deep teal palette. */
.sws-professional #abschluss { padding-bottom:40px; background:radial-gradient(circle at 85% 25%,rgba(132,134,135,.08),transparent 35%),linear-gradient(180deg,#fafaf9,#f3f3f2); }
.sws-professional #abschluss .cta { background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.18),transparent 40%),linear-gradient(135deg,#2a2f32,#3d4245); padding:38px; border:1px solid rgba(75,80,83,.18); border-radius:26px; box-shadow:0 26px 56px rgba(45,50,53,.15),inset 0 1px 0 rgba(255,255,255,.1); }
.sws-professional #abschluss .cta::before,.sws-professional #abschluss .cta::after { display:none; }
.sws-professional #abschluss .side { padding:0; margin:0; border:0; background:none; box-shadow:none; }
.sws-professional #abschluss .side::before { display:none; }
.sws-professional #abschluss .side-kicker { color:#c5c7c8; font-size:10px; }
.sws-professional #abschluss .side-title { max-width:750px; color:#fff; font-size:30px; line-height:1.2; letter-spacing:-.025em; font-weight:600; }
.sws-professional #abschluss .side-copy { color:#c9cbcc; font-size:16px; max-width:800px; }
.sws-professional #abschluss .steps { gap:12px; margin-top:28px; }
.sws-professional #abschluss .step { border-radius:8px; background:#3c4144; border:1px solid #515659; box-shadow:none; padding:22px; }
.sws-professional #abschluss .step span { color:#f1f1f0; font-size:14px; font-weight:500; line-height:1.6; }
.sws-professional #abschluss .step b { background:none; border:0; color:#b5b7b8; width:auto; height:auto; font-size:12px; display:block; }
.sws-professional #abschluss .step::after { display:none; }
.sws-professional #abschluss .actions { justify-content:flex-start; }
.sws-professional #abschluss .btn-primary { background:#f2f2f1; color:#373c3f; border-color:#f2f2f1; }
.sws-professional #abschluss .footer-line { color:#b2b4b5; border-color:#54595c; text-align:left; justify-content:flex-start; font-size:11px; }

@media (max-width:1100px) {
  .sws-professional .sws-wrap { gap:40px; }
  .sws-professional .sws-title { font-size:52px; }
  .sws-professional .sws-site-nav { padding-inline:28px; }
  .sws-professional .sws-site-links { gap:18px; }
  .sws-professional .guardrails { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sws-professional .context-intro { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .sws-professional .sws-wrap { grid-template-columns:1fr; width:calc(100% - 64px); padding:64px 0; gap:42px; }
  .sws-professional .sws-copy { max-width:680px; }
  .sws-professional .sws-title { max-width:20ch; font-size:clamp(42px,6vw,56px); }
  .sws-professional .sws-visual { max-width:680px; }
  .sws-professional .inner { width:calc(100% - 64px); }
  .sws-professional .section { padding:64px 0; }
  .sws-professional .showcase-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sws-professional .workflow { grid-template-columns:1fr; }
  .sws-professional #plattform .principles { grid-template-columns:1fr; }
  .sws-professional .story-card { grid-template-columns:160px minmax(0,1fr); }
  .sws-professional .story-card .badge { display:none; }
}
@media (max-width:680px) {
  html { scroll-padding-top:112px; }
  .sws-professional .sws-site-nav { padding:12px 20px 9px; }
  .sws-professional .sws-site-links { gap:24px; padding-top:5px; }
  .sws-professional .sws-site-links a { font-size:12px; }
  .sws-professional .sws-site-cta { padding:10px 12px; font-size:11px; }
  .sws-professional .sws-site-brand strong { font-size:14px; }
  .sws-professional .sws-site-brand small { font-size:8px; }
  .sws-professional .sws-site-mark { width:32px; height:32px; }
  .sws-professional .sws-wrap,.sws-professional .inner { width:calc(100% - 40px); }
  .sws-professional .sws-wrap { padding:50px 0; gap:34px; }
  .sws-professional .sws-kicker { font-size:9px; }
  .sws-professional .sws-title { font-size:clamp(37px,9vw,49px); max-width:17ch; line-height:1.09; }
  .sws-professional .sws-lead { font-size:16px; line-height:1.7; }
  .sws-professional .sws-console-head,.sws-professional .sws-console-foot { padding:14px; }
  .sws-professional .sws-console-meta { display:none; }
  .sws-professional .sws-btn { padding-inline:17px; font-size:13px; }
  .sws-professional .sws-signature { font-size:8px; letter-spacing:.07em; }
  .sws-professional .section { padding:54px 0; }
  .sws-professional .section h2 { font-size:clamp(31px,7.3vw,38px); line-height:1.17; letter-spacing:-.03em; margin-top:19px; }
  .sws-professional .section .lead { font-size:16px; line-height:1.75; margin-top:18px; }
  .sws-professional .statement { font-size:15px; padding:16px 18px; }
  .sws-professional .product-worlds-intro h3 { font-size:25px; }
  .sws-professional .showcase-demo__status { display:none; }
  .sws-professional .showcase-tab { padding:17px 14px!important; min-height:124px; gap:8px; }
  .sws-professional .showcase-tab__copy strong { font-size:14px!important; }
  .sws-professional .showcase-tab__copy small { font-size:11px; }
  .sws-professional .product-world-card-index { font-size:9px; }
  .sws-professional .product-world-arrow { display:none; }
  .sws-professional .drone-modal-panel { padding:18px!important; }
  .sws-professional .drone-modal .product-world-detail-head strong { font-size:27px; }
  .sws-professional .drone-infra,.sws-professional .context-intro,.sws-professional .app-feature,
  .sws-professional .example-journey,.sws-professional .integration-shell,.sws-professional .platform-outro,
  .sws-professional .drone-finale,.sws-professional .workflow-copy { padding:24px 20px; border-radius:18px; }
  .sws-professional .drone-infra h3,.sws-professional .drone-finale h3,.sws-professional .context-intro h3,
  .sws-professional .app-feature__copy h3,.sws-professional .example-journey h3,.sws-professional .platform-outro h3,
  .sws-professional .workflow-copy h3,.sws-professional .side-title { font-size:25px; line-height:1.25; }
  .sws-professional .drone-deploy__card { padding:20px; }
  .sws-professional .drone-trust { padding:22px; }
  .sws-professional .platform-outro>p { font-size:15px; }
  .sws-professional .drone-finale__lead { font-size:15px; }
  .sws-professional .drone-finale__signature { gap:12px; font-size:11px; }
  .sws-professional .journey-steps { grid-template-columns:1fr; }
  .sws-professional .timeline { margin-top:30px; }
  .sws-professional .story-card { grid-template-columns:1fr; gap:12px; padding:22px 18px; }
  .sws-professional .role strong { font-size:20px; }
  .sws-professional .story-copy { font-size:14px; }
  .sws-professional #controlled-ai .compare { grid-template-columns:1fr; gap:14px; }
  .sws-professional #controlled-ai .compare-side { padding:24px; }
  .sws-professional #controlled-ai .compare-side h3 { font-size:24px; }
  .sws-professional #controlled-ai .principle { padding:24px; }
  .sws-professional #controlled-ai .principle strong { font-size:24px; }
  .sws-professional .guardrails { grid-template-columns:1fr; gap:12px; }
  .sws-professional .guardrail { padding:23px; }
  .sws-professional .section-title { font-size:25px; }
  .sws-professional .closing,.sws-professional .closing-main,.sws-professional .close-title { font-size:24px; line-height:1.35; }
  .sws-professional #abschluss .cta { padding:26px 22px; }
  .sws-professional #abschluss .side-title { font-size:26px; }
  .sws-professional #abschluss .step { padding:20px; }
  .sws-professional #abschluss .step b { margin:0; }
}

/* Original panoramic proportions: a shallow full-width band before the title. */
.sws-professional .section { padding-top:0; }
.sws-professional .section > .inner { padding-top:64px; }
.sws-professional .sws-hero { min-height:0; }
.sws-professional .sws-wrap { padding-top:64px; }
.sws-professional .sws-section-panorama {
  display:block; position:relative; z-index:1; width:100%; max-width:none;
  height:clamp(140px,14vw,225px); min-height:0; max-height:225px; aspect-ratio:auto; margin:0;
  padding:0; border:0; border-radius:0; overflow:hidden; box-shadow:none;
  background:#f7f7f6; opacity:1;
}
.sws-professional .sws-section-panorama::before { display:none; }
.sws-professional .sws-section-panorama::after { display:block; content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent 68%,rgba(246,246,245,.22) 86%,rgba(246,246,245,.65)); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); }
.sws-professional .sws-section-panorama img {
  display:block; width:100%; max-width:100%; height:100%; min-height:0;
  max-height:none; object-fit:cover; object-position:center 55%;
  border:0; border-radius:0;
}

/* Integration examples are independent of the AI timeline's flow-step styles. */
.sws-professional .integration-flow-step {
  display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start;
  gap:12px; min-width:0; padding:15px; border:1px solid #e4e4e3;
  border-radius:12px; background:linear-gradient(145deg,#fff,#fbfbfa);
  box-shadow:0 6px 18px rgba(41,46,49,.035),inset 0 1px 0 #fff;
}
.sws-professional .integration-flow-step b {
  display:grid; place-items:center; width:28px; height:28px; margin:0;
  border:1px solid #e3e3e2; border-radius:7px; background:#f7f7f6;
  color:#01665e; font-size:10px; line-height:1; font-weight:700;
}
.sws-professional .integration-flow-step span {
  display:block; min-width:0; margin:3px 0 0; color:#3e4346;
  font-size:14px; line-height:1.6; font-weight:550; overflow-wrap:anywhere;
}
.sws-professional .example-panel { overflow:visible; }
.sws-professional .example-panel::before { display:none; }
.sws-professional .example-note { margin-top:22px; }
@media (max-width:680px) {
  .sws-professional .sws-section-panorama { height:145px; max-height:145px; }
  .sws-professional .section::before { top:185px; }
  .sws-professional .section::after { opacity:.6; }
  .sws-professional #produktwelten .showcase-demo { padding:18px 14px; border-radius:22px; }
  .sws-professional .section > .inner { padding-top:40px; }
  .sws-professional .sws-wrap { padding-top:40px; }
  .sws-professional .integration-flow-step { padding:13px; gap:10px; }
  .sws-professional .closing.sws-conclusion { display:block; margin-top:28px; padding:24px; border-radius:19px; }
  .sws-professional .sws-conclusion .sws-conclusion-mark { width:43px; height:43px; margin-bottom:19px; border-radius:12px; }
  .sws-professional .sws-conclusion-mark svg { width:23px; height:23px; }
  .sws-professional .sws-conclusion-statement,.sws-professional .sws-conclusion .closing-main { font-size:23px; line-height:1.36; }
  .sws-professional .sws-conclusion-kicker { font-size:9px; letter-spacing:.11em; }
  .sws-professional .close { padding:24px 20px; border-radius:20px; }
}

/* A shared page menu, with room for both website pages on smaller screens. */
.sws-professional .sws-site-links a[aria-current="page"] { color:#01665e; font-weight:800; }
@media (min-width:681px) and (max-width:1380px) {
  body.sws-professional { padding-top:112px; }
  html { scroll-padding-top:112px; }
  .sws-professional .sws-site-nav { min-height:0; flex-wrap:wrap; gap:10px 16px; padding:12px 28px; }
  .sws-professional .sws-site-brand { order:1; margin-right:auto; }
  .sws-professional .sws-site-cta { order:2; }
  .sws-professional .sws-site-links { order:3; justify-content:flex-start; width:100%; padding:3px 0 4px; gap:24px; overflow-x:auto; scrollbar-width:none; }
  .sws-professional .sws-site-links a { flex:0 0 auto; }
}

/* Source: assets/sws-navigation.css */
/* Three main pages; product sections live in an accessible disclosure. */
.sws-professional .sws-site-nav { min-height:76px; flex-wrap:nowrap; gap:24px; }
.sws-professional .sws-site-links { width:auto; order:0; overflow:visible; padding:0; gap:clamp(20px,2.5vw,36px); }
.sws-professional .sws-site-brand,.sws-professional .sws-site-cta { order:0; }
.sws-professional .sws-site-brand { margin-right:0; }
.sws-professional .sws-nav-group { position:relative; }
.sws-professional .sws-nav-product { display:flex; align-items:center; gap:3px; }
.sws-professional .sws-nav-product > a { white-space:nowrap; }
.sws-professional .sws-submenu-toggle { width:28px; height:32px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; color:#01665e; background:transparent; cursor:pointer; }
.sws-professional .sws-submenu-toggle:hover,.sws-professional .sws-submenu-toggle[aria-expanded="true"] { background:#efefee; }
.sws-professional .sws-submenu-toggle svg { width:16px; height:16px; transition:transform .18s; pointer-events:none; }
.sws-professional .sws-submenu-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.sws-professional .sws-submenu { position:absolute; left:-20px; top:calc(100% + 16px); z-index:1001; width:310px; padding:18px 10px 10px; border:1px solid rgba(75,80,83,.15); border-radius:18px; background:linear-gradient(145deg,#fff,#f6f6f5); box-shadow:0 22px 50px rgba(42,47,50,.15),inset 0 1px 0 #fff; }
.sws-professional .sws-submenu[hidden] { display:none!important; }
.sws-professional .sws-submenu-label { display:block; padding:0 12px 11px; color:#87898a; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sws-professional .sws-submenu a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border-radius:9px; color:#4e5356; font-size:12px; font-weight:650; line-height:1.4; }
.sws-professional .sws-submenu a:hover,.sws-professional .sws-submenu a:focus-visible { color:#01665e; background:#efefee; }
.sws-professional .sws-submenu a span { color:#767b7e; font-size:14px; }
.sws-professional .sws-mobile-toggle { display:none; }
@media(min-width:1181px) { body.sws-professional { padding-top:76px; } html { scroll-padding-top:95px; } }
@media(min-width:761px) and (max-width:1180px) {
 .sws-professional .sws-site-nav { flex-wrap:wrap; gap:10px 18px; }
 .sws-professional .sws-site-brand { margin-right:auto; order:1; }
 .sws-professional .sws-site-cta { order:2; }
 .sws-professional .sws-site-links { width:100%; order:3; justify-content:flex-start; }
 body.sws-professional { padding-top:112px; } html { scroll-padding-top:130px; }
}
@media(max-width:760px) {
 body.sws-professional { padding-top:76px; } html { scroll-padding-top:94px; }
 .sws-professional .sws-site-nav { min-height:76px; flex-wrap:wrap; gap:12px; padding:14px 20px; }
 .sws-professional .sws-site-brand { order:1; margin-right:auto; }
 .sws-professional .sws-site-cta { order:2; padding:10px 12px; font-size:11px; }
 .sws-professional .sws-mobile-toggle { display:grid; place-items:center; order:3; width:38px; height:38px; padding:8px; border:1px solid rgba(75,80,83,.15); border-radius:10px; background:#f5f5f4; color:#01665e; cursor:pointer; }
 .sws-professional .sws-mobile-toggle svg { width:22px; height:22px; pointer-events:none; }
 .sws-professional .sws-site-links { display:grid; order:4; gap:0; width:100%; align-items:stretch; max-height:calc(100dvh - 100px); overflow-y:auto; padding:8px 0; border-top:1px solid rgba(75,80,83,.12); }
 .sws-professional .sws-nav-ready .sws-site-links:not(.is-open) { display:none; }
 .sws-professional .sws-site-links > a { padding:14px 0; font-size:13px; }
 .sws-professional .sws-nav-product { justify-content:space-between; padding:5px 0; }
 .sws-professional .sws-nav-product > a { padding:10px 0; font-size:13px; }
 .sws-professional .sws-submenu-toggle { width:38px; height:38px; background:#f1f1f0; }
 .sws-professional .sws-submenu { position:static; width:100%; margin:4px 0 12px; box-shadow:inset 0 1px 0 #fff; padding:14px 8px 8px; border-radius:13px; }
 .sws-professional .sws-submenu a { padding:11px 10px; }
}
@media(max-width:420px) { .sws-professional .sws-site-nav { padding-inline:14px; gap:8px; } .sws-professional .sws-site-brand { gap:7px; } .sws-professional .sws-site-brand small { font-size:7px; } .sws-professional .sws-site-cta { gap:6px; padding:10px; font-size:10px; } }

/* Original SWS logo, with its natural aspect ratio. */
.sws-professional .sws-site-brand .sws-nav-logo { display:block; height:60px; width:auto; max-width:none; object-fit:contain; }
.sws-professional .sws-site-nav { padding-block:7px; }
@media(min-width:761px) and (max-width:1180px) { body.sws-professional { padding-top:120px; } html { scroll-padding-top:138px; } }
@media(max-width:760px) { .sws-professional .sws-site-nav { padding-block:14px; } .sws-professional .sws-site-brand .sws-nav-logo { height:46px; } }

/* Five page links remain compact alongside the logo and App Login. */
@media(min-width:1181px) { .sws-professional .sws-site-links { gap:clamp(12px,1.35vw,22px); } .sws-professional .sws-site-links > a { font-size:12px; white-space:nowrap; } }

/* Source: assets/sws-motion.css */
/* Shared SWS motion: finite, interaction-driven and scoped to this website. */
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
 .sws-motion-ready .sws-professional :is(.showcase-tab,.pps-card,.consult-card,.feature,.guardrail,.fact,.step-card,.drone-trust__item,.pillar,.story-card,.principle,.team-group,.rule-list,.faq) {
  transition:translate .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
 }
 .sws-motion-ready .sws-professional :is(.showcase-tab,.pps-card,.consult-card,.feature,.guardrail,.fact,.step-card,.drone-trust__item,.pillar,.story-card,.principle,.team-group,.rule-list,.faq):hover {
  translate:0 -5px; transform:none; border-color:rgba(1,102,94,.26);
  box-shadow:0 20px 42px rgba(41,46,49,.09),inset 0 1px 0 rgba(255,255,255,.85);
 }
 .sws-motion-ready .sws-professional :is(.guardrail-icon svg,.f-icon svg,.license-icon svg,.pps-icon-wrap svg,.sws-conclusion-mark svg) {
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
 }
 .sws-motion-ready .sws-professional :is(.guardrail,.feature,.license-product>summary,.pps-card,.sws-conclusion):hover :is(.guardrail-icon svg,.f-icon svg,.license-icon svg,.pps-icon-wrap svg,.sws-conclusion-mark svg) {
  transform:translateY(-2px) rotate(-5deg);
 }
 .sws-motion-ready .sws-professional :is(.btn,.sws-btn,.pps-btn,.sws-site-cta) {
  transition:translate .22s ease,box-shadow .22s ease,background .22s ease;
 }
 .sws-motion-ready .sws-professional :is(.btn,.sws-btn,.pps-btn,.sws-site-cta):hover { translate:0 -2px; }
 .sws-motion-ready .sws-professional :is(.btn,.sws-btn,.sws-site-cta) span[aria-hidden="true"] {
  display:inline-block; transition:translate .22s ease;
 }
 .sws-motion-ready .sws-professional :is(.btn,.sws-btn,.sws-site-cta):hover span[aria-hidden="true"] { translate:3px -2px; }
}
@media(prefers-reduced-motion:no-preference) {
 .sws-motion-ready .sws-professional :is(.btn,.sws-btn,.pps-btn,.sws-site-cta):active { translate:0 1px; }
 .sws-motion-ready .sws-professional .license-toggle svg { transition:transform .3s cubic-bezier(.2,.7,.2,1); }
 .sws-motion-ready .sws-professional :is(.showcase-image.swap,.showcase-sideInner.swap,#example-panel.swap) { animation-duration:.42s; }
 .sws-motion-ready #controlled-ai .workflow-flow.sws-sequence-visible::before,
 .sws-motion-ready #arbeitstag .timeline.sws-sequence-visible::before {
  animation:sws-line-enter .85s cubic-bezier(.2,.7,.2,1) both; transform-origin:top;
 }
 @keyframes sws-line-enter { from{opacity:.2;transform:scaleY(0)} to{opacity:1;transform:scaleY(1)} }
}
.sws-motion-ready .sws-professional .sws-site-links .sws-page-link { position:relative; }
.sws-motion-ready .sws-professional .sws-site-links .sws-page-link::after {
 content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px; border-radius:2px;
 background:currentColor; transform:scaleX(0); transform-origin:left;
}
@media(prefers-reduced-motion:no-preference) {
 .sws-motion-ready .sws-professional .sws-site-links .sws-page-link::after { transition:transform .24s cubic-bezier(.2,.7,.2,1); }
}
.sws-motion-ready .sws-professional .sws-site-links .sws-page-link:is(:hover,:focus-visible,[aria-current="page"])::after { transform:scaleX(1); }
@media(max-width:760px) { .sws-motion-ready .sws-professional .sws-site-links .sws-page-link::after { display:none; } }
.sws-motion-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 .sws-professional *, .sws-professional *::before,.sws-professional *::after { animation:none!important; transition:none!important; }
}

/* Source: assets/sws-footer.css */
/* Shared company footer, isolated from the legacy page styles. */
.sws-professional .sws-legal-footer { position:relative; isolation:isolate; overflow:hidden; width:100%; margin:0; padding:44px 0 23px; color:#c5c7c8; background:radial-gradient(ellipse at 100% 0%,rgba(132,134,135,.12),transparent 50%),linear-gradient(130deg,#1d2225,#181d20 55%,#14191c); border-top:1px solid rgba(132,134,135,.24); font-size:13px; line-height:1.85; }
.sws-professional .sws-legal-footer::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(150,152,153,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(150,152,153,.09) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.sws-professional .sws-legal-inner { width:min(1200px,calc(100% - 96px)); margin:0 auto; }
.sws-professional .sws-legal-top { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid rgba(197,199,200,.15); }
.sws-professional .sws-legal-brand { color:#f6f6f5; font-size:20px; font-weight:750; line-height:1.4; letter-spacing:-.045em; text-decoration:none; }
.sws-professional .sws-legal-brand span { color:#aeb0b1; font-weight:550; }
.sws-professional .sws-legal-tag { color:#9d9fa0; font-size:9px; line-height:1.7; letter-spacing:.13em; text-transform:uppercase; text-align:right; }
.sws-professional .sws-legal-grid { display:grid; grid-template-columns:1fr 1.15fr 1.5fr; gap:34px; padding:30px 0 34px; }
.sws-professional .sws-legal-title { display:flex; align-items:center; gap:9px; max-width:none; margin:0 0 15px; padding:0; color:#f6f6f5; background:none; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.sws-professional .sws-legal-title::before { content:''; width:14px; height:2px; background:#8b8d8e; border-radius:2px; }
.sws-professional .sws-legal-footer p { margin:0; color:inherit; font-size:inherit; line-height:inherit; }
.sws-professional .sws-legal-footer a { color:inherit; text-decoration:none; transition:color .2s ease; }
.sws-professional .sws-legal-footer a:hover { color:#c8cacb; }
.sws-professional .sws-legal-footer a:focus-visible { outline:2px solid #c8cacb; outline-offset:5px; border-radius:3px; }
.sws-professional .sws-legal-details { margin:0; }
.sws-professional .sws-legal-details > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; }
.sws-professional .sws-legal-details dt { color:#a1a3a4; }
.sws-professional .sws-legal-details dd { margin:0; }
.sws-professional .sws-legal-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid rgba(197,199,200,.15); font-size:11px; color:#9c9e9f; }
.sws-professional .sws-legal-footer .sws-legal-imprint { display:inline-flex; align-items:center; gap:16px; color:#bcbebf; font-size:12px; font-weight:650; }
@media(max-width:1000px) { .sws-professional .sws-legal-grid { grid-template-columns:1fr 1fr; gap:28px; } .sws-professional .sws-legal-grid > div:last-child { grid-column:1 / -1; } }
@media(max-width:680px) {
 .sws-professional .sws-legal-footer { padding:32px 0 23px; font-size:12px; }
 .sws-professional .sws-legal-inner { width:calc(100% - 40px); }
 .sws-professional .sws-legal-top { display:block; padding-bottom:20px; }
 .sws-professional .sws-legal-brand { font-size:19px; }
 .sws-professional .sws-legal-tag { display:block; margin-top:9px; font-size:8px; text-align:left; letter-spacing:.1em; }
 .sws-professional .sws-legal-grid { grid-template-columns:1fr; padding:24px 0; gap:25px; }
 .sws-professional .sws-legal-grid > div:last-child { grid-column:auto; }
 .sws-professional .sws-legal-title { margin-bottom:10px; }
 .sws-professional .sws-legal-details > div { grid-template-columns:100px minmax(0,1fr); gap:9px; }
 .sws-professional .sws-legal-footer a { overflow-wrap:anywhere; }
 .sws-professional .sws-legal-bottom { align-items:flex-start; flex-direction:column; gap:12px; font-size:10px; }
}

/* Source: assets/sws-services.css */
/* Product detail pages and the visible, crawlable product directory. */
.sws-professional .sws-product-index { padding-bottom:62px; }
.sws-professional .sws-product-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:32px; align-items:start; }
.sws-professional .sws-product-summary { min-width:0; border:1px solid rgba(75,80,83,.13); border-radius:17px; background:linear-gradient(145deg,#fff,#f8f8f7); box-shadow:0 10px 28px rgba(41,46,49,.04),inset 0 1px 0 #fff; }
.sws-professional .sws-product-summary summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:21px 24px; cursor:pointer; list-style:none; }
.sws-professional .sws-product-summary summary::-webkit-details-marker { display:none; }
.sws-professional .sws-product-summary summary h3 { margin:0; font-size:18px; line-height:1.3; font-weight:650; color:#303538; letter-spacing:-.02em; }
.sws-professional .sws-product-summary summary > span { font-size:22px; color:#087c73; }
.sws-professional .sws-product-summary[open] summary > span { rotate:45deg; }
.sws-professional .sws-product-summary > div { padding:0 24px 24px; font-size:14px; color:#6e7376; line-height:1.75; }
.sws-professional .sws-product-summary p { margin:0; }
.sws-professional .sws-product-summary ul { padding-left:18px; margin:18px 0; }
.sws-professional .sws-product-more { display:inline-flex; align-items:center; gap:12px; margin-top:14px; color:#01665e; font-size:13px; font-weight:700; text-decoration:none; }
.sws-professional .sws-product-more[hidden] { display:none; }
.sws-professional .sws-product-more:hover { text-decoration:underline; text-underline-offset:4px; }
.sws-service-page { background:#f7f7f6; color:#303538; }
.sws-service-page .sws-service-wrap { width:min(1200px,calc(100% - 96px)); margin:0 auto; }
.sws-service-page .sws-service-hero { padding:32px 0 64px; background:radial-gradient(circle at 95% 5%,rgba(132,134,135,.09),transparent 45%),linear-gradient(155deg,#fbfbfa,#f4f4f3); }
.sws-service-page .sws-service-breadcrumb { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:#787d80; font-size:11px; line-height:1.7; margin-bottom:32px; }
.sws-service-page .sws-service-breadcrumb a { color:#666b6e; text-decoration:none; }
.sws-service-page .sws-service-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr); gap:24px; align-items:stretch; }
.sws-service-page .sws-service-hero-copy,.sws-service-page .sws-service-fit { position:relative; min-width:0; padding:38px; border:1px solid rgba(75,80,83,.13); border-radius:27px; background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.08),transparent 46%),linear-gradient(145deg,#fff,#f6f6f5); box-shadow:0 22px 56px rgba(41,46,49,.07),inset 0 1px 0 #fff; }
.sws-service-page .eyebrow { gap:10px; color:#01665e; font-size:10px; font-weight:750; letter-spacing:.12em; line-height:1.6; }
.sws-service-page .eyebrow::before { content:''; width:25px; height:2px; background:#18a3a4; flex:none; }
.sws-service-page h1 { font-size:clamp(36px,3.4vw,49px); line-height:1.14; letter-spacing:-.04em; font-weight:710; margin:24px 0 22px; text-wrap:balance; }
.sws-service-page h1 span,.sws-service-page .sws-service-section h2 span { color:#5d6265; }
.sws-service-page p { font-size:15px; line-height:1.8; color:#707578; margin:0; }
.sws-service-page .sws-service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:29px; }
.sws-service-page .sws-service-actions a { font-size:12px; }
.sws-service-page .sws-service-secondary { color:#01665e; font-weight:650; text-decoration:none; }
.sws-service-page .sws-service-fit { display:flex; flex-direction:column; justify-content:center; padding:32px; background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.13),transparent 50%),linear-gradient(145deg,#f1f1f0,#f9f9f8); }
.sws-service-page .sws-service-fit > span { color:#5b6063; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.sws-service-page .sws-service-fit h2 { font-size:27px; line-height:1.24; letter-spacing:-.03em; margin:22px 0 18px; font-weight:650; }
.sws-service-page .sws-service-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.sws-service-page .sws-service-tags span { padding:7px 10px; border:1px solid rgba(75,80,83,.14); border-radius:99px; color:#595e61; background:rgba(255,255,255,.7); font-size:10px; font-weight:650; }
.sws-service-page .sws-service-section { padding:64px 0; scroll-margin-top:100px; }
.sws-service-page .sws-service-section h2 { max-width:850px; margin:20px 0; font-size:clamp(31px,3.2vw,44px); font-weight:650; line-height:1.15; letter-spacing:-.035em; text-wrap:balance; }
.sws-service-page .sws-service-lead { max-width:810px; }
.sws-service-page .sws-service-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; list-style:none; padding:0; margin:30px 0 0; }
.sws-service-page .sws-service-features li { display:flex; align-items:center; gap:14px; min-width:0; padding:20px 23px; border:1px solid rgba(75,80,83,.12); border-radius:15px; background:linear-gradient(145deg,#fff,#fafaf9); box-shadow:0 8px 24px rgba(41,46,49,.035); font-size:14px; font-weight:600; line-height:1.5; }
.sws-service-page .sws-service-features li span { color:#63686b; }
.sws-service-page .sws-service-tint { background:linear-gradient(150deg,#f4f4f3,#f9f9f8); border-block:1px solid rgba(75,80,83,.065); }
.sws-service-page .sws-service-example { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; align-items:start; margin-top:30px; }
.sws-service-page .sws-service-example figure { margin:0; min-width:0; overflow:hidden; border:1px solid rgba(75,80,83,.13); border-radius:20px; background:#fff; box-shadow:0 18px 42px rgba(41,46,49,.07); }
.sws-service-page .sws-service-example img { width:100%; height:auto; max-height:480px; object-fit:contain; background:#f9f9f8; }
.sws-service-page .sws-service-example figcaption { padding:17px 20px; border-top:1px solid rgba(75,80,83,.08); font-size:11px; line-height:1.7; color:#757a7d; }
.sws-service-page .sws-service-story { min-width:0; padding:27px; border:1px solid rgba(75,80,83,.12); border-radius:20px; background:linear-gradient(145deg,#fff,#f9f9f8); box-shadow:0 14px 34px rgba(41,46,49,.045); }
.sws-service-page .sws-service-story ol { padding-left:20px; margin:23px 0 0; color:#4f5457; font-size:14px; line-height:1.75; }
.sws-service-page .sws-service-story li { padding:8px 0 8px 5px; }
.sws-service-page .sws-service-connections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:31px; }
.sws-service-page .sws-service-connections article { min-width:0; padding:28px; border:1px solid rgba(75,80,83,.13); border-radius:22px; background:radial-gradient(circle at 100% 0%,rgba(132,134,135,.065),transparent 50%),linear-gradient(145deg,#fff,#f9f9f8); box-shadow:0 18px 42px rgba(41,46,49,.055),inset 0 1px 0 #fff; }
.sws-service-page .sws-service-index { display:inline-grid; place-items:center; width:37px; height:37px; border:1px solid rgba(75,80,83,.14); border-radius:11px; color:#01665e; font-size:11px; font-weight:750; background:#f4f4f3; }
.sws-service-page h3 { font-size:23px; font-weight:650; letter-spacing:-.025em; line-height:1.3; margin:22px 0 15px; }
.sws-service-page .sws-conclusion { margin-top:32px; }
.sws-service-page .sws-conclusion .sws-btn { margin-top:22px; font-size:12px; }
.sws-service-page .sws-service-related { padding:0 0 64px; }
.sws-service-page .sws-service-related h2 { font-size:22px; font-weight:650; letter-spacing:-.02em; }
.sws-service-page .sws-service-related .sws-service-wrap > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:22px 0; }
.sws-service-page .sws-service-related a { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#01665e; text-decoration:none; font-size:13px; font-weight:600; line-height:1.5; }
.sws-service-page .sws-service-related div > div > a { padding:18px 20px; border:1px solid rgba(75,80,83,.14); border-radius:13px; background:#fff; }
@media(max-width:1000px) { .sws-service-page .sws-service-hero-grid,.sws-service-page .sws-service-example { grid-template-columns:1fr; } .sws-service-page .sws-service-connections { grid-template-columns:1fr; } }
@media(max-width:680px) {
 .sws-professional .sws-product-directory { grid-template-columns:1fr; }
 .sws-service-page .sws-service-wrap { width:calc(100% - 40px); }
 .sws-service-page .sws-service-hero { padding:24px 0 40px; }
 .sws-service-page .sws-service-breadcrumb { font-size:10px; margin-bottom:23px; gap:7px; }
 .sws-service-page .sws-service-hero-copy,.sws-service-page .sws-service-fit { padding:27px 23px; border-radius:22px; }
 .sws-service-page h1 { font-size:clamp(31px,8.1vw,39px); }
 .sws-service-page .sws-service-section { padding:42px 0; }
 .sws-service-page .sws-service-section h2 { font-size:31px; }
 .sws-service-page .sws-service-features { grid-template-columns:1fr; gap:10px; }
 .sws-service-page .sws-service-features li { padding:18px 20px; }
 .sws-service-page .sws-service-related .sws-service-wrap > div { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) { .sws-service-page .sws-service-connections article,.sws-service-page .sws-service-fit { transition:translate .24s,box-shadow .24s; } .sws-service-page .sws-service-connections article:hover { translate:0 -4px; box-shadow:0 22px 48px rgba(41,46,49,.1); } }

/* Source: assets/inter.css */
/* Local Inter: WOFF2, Latin and all characters used by this website. */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/inter-400-5f5861e5ace3.woff2) format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url(fonts/inter-500-f26bc59d3f76.woff2) format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/inter-600-c6df9b299069.woff2) format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/inter-700-4f744ab22d98.woff2) format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap; src:url(fonts/inter-800-4c1cc4d7dc29.woff2) format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:900; font-display:swap; src:url(fonts/inter-900-e8b500e8633f.woff2) format('woff2'); }

/* Source: assets/sws-neutral.css */
/* SWS neutral palette: established layouts, with white and graphite surfaces. */
body.sws-professional {
 --ink:#24292c; --text:#24292c; --sws-ink:#24292c;
 --muted:#707578; --sws-muted:#707578; --line:rgba(32,38,42,.12);
 --primary:#01665e; --sws:#01665e; --teal:#18a3a4;
 background:#f6f6f5; color:var(--ink);
}
.sws-professional .sws-site-nav { background:rgba(255,255,255,.96); }
.sws-professional .sws-site-links a { color:#53595c; }
.sws-professional .sws-site-links a:hover,
.sws-professional .sws-site-links a[aria-current="page"] { color:#01665e; }
.sws-professional .sws-hero,
.sws-professional .section,
.sws-professional #plattform,
.sws-professional #arbeitstag,
.sws-professional #abschluss { background:linear-gradient(135deg,#fff,#f4f4f3); }
.sws-professional #produktwelten,
.sws-professional #integrationen { background:#fafaf9; }
.sws-professional .section h2,
.sws-professional .section h3,
.sws-professional .section h4 { color:#24292c; }
/* Headline emphasis becomes typographic; the brand remains in small accents. */
.sws-professional .section h2 span,
.sws-professional .sws-conclusion-statement > span,
.sws-professional .sws-conclusion .closing-main > span,
.sws-company-page #unternehmen h1 span,
.sws-referral-page .kwk h1 .accent,
.sws-referral-page .kwk h2 .accent {
 color:#24292c; background:none; -webkit-text-fill-color:currentColor;
}
.sws-professional .grid { opacity:.18; }
.sws-professional .section::after { opacity:.35; }
.sws-professional .drone-modal { background:linear-gradient(145deg,#303639,#101416); border-color:#303639; }
.sws-professional .drone-finale,
.sws-professional .platform-outro,
.sws-professional #abschluss .cta {
 background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.07),transparent 48%),linear-gradient(135deg,#2c3235,#101416);
 border-color:#3b4246; box-shadow:0 24px 52px rgba(16,20,22,.14);
}
.sws-professional .drone-finale h3,
.sws-professional .platform-outro h3,
.sws-professional #abschluss .side-title { color:#fff; }
.sws-professional .drone-finale h3 span,
.sws-professional .platform-outro h3 span { color:#fff; }
.sws-professional .drone-finale__lead,
.sws-professional .platform-outro > p,
.sws-professional #abschluss .side-copy { color:#c8cdd0; }
.sws-professional .drone-finale__signature,
.sws-professional .platform-outro__foot span,
.sws-professional #abschluss .footer-line { color:#c8cdd0; border-color:#454c50; }
.sws-professional #abschluss .step { background:#2b3134; border-color:#454c50; }
.sws-professional #abschluss .step span { color:#ecedee; }
.sws-professional #abschluss .step b { color:#bfc5c8; }
.sws-professional #abschluss .btn-primary { background:#fff; color:#24292c; border-color:#fff; }
.sws-professional #abschluss .btn-primary:hover { background:#e9edeb; }
/* Keep brand green where it communicates interaction. */
.sws-professional .showcase-tab.active { background:linear-gradient(145deg,#01665e,#014f49)!important; }
.sws-professional .sws-site-cta,
.sws-professional .sws-btn-primary,
.sws-professional .btn-primary,
.sws-referral-page .kwk .btn-main { background:linear-gradient(135deg,#01665e,#087a73); color:#fff; }
.sws-professional .sws-site-cta:hover,
.sws-professional .sws-btn-primary:hover { background:#014f49; }
.sws-professional .showcase-tab:not(.active) .showcase-tab__copy strong { color:#24292c; }
.sws-professional .sws-conclusion .sws-conclusion-mark { background:#242a2d; border-color:#3a4246; box-shadow:0 10px 24px rgba(16,20,22,.12); }

/* Source: assets/sws-polish.css */
/* Small consistency and responsive fixes, retaining the established SWS panels. */
.sws-professional :is(h1,h2,h3,h4) { overflow-wrap:break-word; }
.sws-professional .showcase-tab__copy { min-width:0; }
.sws-professional .showcase-tab__copy :is(strong,small) { overflow-wrap:anywhere; hyphens:auto; }
.sws-professional .consult-card h3 { hyphens:manual; }
.sws-professional .consult-services article > div { min-width:0; }
.sws-professional :is(a,button,summary,input):focus-visible { outline:2px solid #01665e; outline-offset:4px; }
.sws-professional .sws-legal-footer a:focus-visible { outline-color:#bce0d9; }
.sws-skip-link { position:fixed; top:12px; left:16px; z-index:9999; padding:12px 18px; border-radius:10px; background:#fff; color:#01665e; box-shadow:0 4px 20px #10141626; font:600 14px Inter,Arial,sans-serif; transform:translateY(-160%); }
.sws-skip-link:focus { transform:translateY(0); }
@media(max-width:480px) {
 .sws-company-page .person-row { display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; }
 .sws-company-page .person-row .photo-placeholder { width:52px; height:70px; }
 .sws-company-page .person-content { display:contents; }
 .sws-company-page .person-description { grid-column:1 / -1; margin-top:0; }
}
@media(min-width:761px) and (max-width:1000px) {
 .sws-professional .sws-site-links { gap:12px; justify-content:space-between; }
 .sws-professional .sws-site-links a { font-size:12px; }
 .sws-professional .sws-nav-product { gap:0; }
 .sws-professional .sws-submenu-toggle { width:24px; }
}
@media(max-width:760px) {
 .sws-professional .section h2 { hyphens:manual; }
 .sws-professional .sws-conclusion :is(p,strong) { overflow-wrap:break-word; }
 .sws-professional .sws-site-links { overscroll-behavior:contain; }
 .sws-consulting p { overflow-wrap:anywhere; hyphens:auto; }
}