/* Shared foundations for secondary SWS pages. */
*{box-sizing:border-box}html,body{margin: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;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.section{position:relative;overflow:hidden;isolation:isolate}.section::before{content:"";position:absolute;left:0;width:4px;height:110px;background:linear-gradient(180deg,#01665e,#18a3a4);border-radius:0 999px 999px 0;pointer-events:none}.section::after{content:"";position:absolute;border:1px solid rgba(1,102,94,.045);border-radius:50%;pointer-events:none}.grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(1,102,94,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(1,102,94,.034) 1px,transparent 1px);mask-image:linear-gradient(to bottom,transparent,black 12%,black 90%,transparent)}.inner{position:relative;z-index:2;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;text-transform:uppercase;line-height:1.4}.dot{display:none}.sws-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.sws-btn-primary{color:#fff}.sws-btn:hover{transform:translateY(-2px)}

:root {
  --max: 1320px;
  --sws-ink: #123d42;
  --sws-muted: #62777a;
  --sws-brand: #087c73;
  --sws-brand-dark: #07564f;
  --sws-line: rgba(10, 91, 83, .14);
  --sws-surface: #fff;
  --sws-canvas: #f5f8f7;
}
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(250, 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,#10a69a,#07564f); box-shadow:0 7px 18px rgba(8,124,115,.2); }
.sws-site-links { display:flex; align-items:center; justify-content:center; gap:clamp(14px,2.2vw,32px); }
.sws-site-links a { color:#52686b; 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(8,124,115,.16); transition:transform .18s ease,background .18s ease; white-space:nowrap; }
.sws-site-cta:hover { transform:translateY(-2px); background:#07564f; }
.sws-site-nav a:focus-visible, a:focus-visible, button:focus-visible { outline:3px solid #2fc1b8; 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(14,54,54,.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; }
}