/* =========================================================
   ELCHPOWER · LEISTUNGEN PREMIUM V4.1
   Ziel: räumlich, technisch, ruhig, hochwertig.
   ========================================================= */

:root {
  --p-ink: #06130c;
  --p-ink-2: #0a1b12;
  --p-forest: #102419;
  --p-forest-2: #173126;
  --p-gold: #d5aa50;
  --p-gold-soft: #e3c77c;
  --p-cream: #f3f0e6;
  --p-paper: #f6f3e9;
  --p-muted: #aebbb2;
  --p-line: rgba(213,170,80,.2);
  --p-shadow: 0 30px 80px rgba(0,0,0,.28);
  --p-max: 1220px;
}

html { scroll-behavior: smooth; }
body.premium-services-page {
  background: var(--p-ink);
  color: var(--p-cream);
  overflow-x: hidden;
}
body.premium-services-page * { box-sizing: border-box; }

.premium-services-page .site-header {
  backdrop-filter: blur(18px);
  background: rgba(6,19,12,.9);
}
.premium-services-page .active-page { color: var(--p-gold) !important; }

.lp-wrap {
  width: min(calc(100% - 48px), var(--p-max));
  margin-inline: auto;
}

/* ---------- Typography ---------- */
.premium-services-page h1,
.premium-services-page h2,
.premium-services-page h3 {
  font-family: "Segoe UI Variable Display","Aptos Display","Inter",system-ui,sans-serif;
  text-wrap: balance;
}
.premium-services-page h1 {
  font-size: clamp(3.25rem, 6.1vw, 6.7rem);
  line-height: .98;
  letter-spacing: -.066em;
  font-weight: 710;
}
.premium-services-page h2 {
  font-size: clamp(2.3rem, 4vw, 4.5rem);
  line-height: 1.02;
  letter-spacing: -.052em;
  font-weight: 680;
}
.premium-services-page h3 {
  line-height: 1.15;
  letter-spacing: -.025em;
}
.premium-services-page .eyebrow {
  color: var(--p-gold);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.premium-services-page .eyebrow.dark { color: #7f6228; }
.gold-word {
  color: var(--p-gold-soft);
  font-weight: 760;
}

/* ---------- Reveal animation ---------- */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .8s cubic-bezier(.2,.7,.2,1),
    transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay { transition-delay: .12s; }

/* ---------- Hero ---------- */
.premium-hero {
  min-height: min(860px, calc(100vh - 112px));
  position: relative;
  display: grid;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 40%, rgba(213,170,80,.08), transparent 24%),
    radial-gradient(circle at 14% 18%, rgba(42,86,58,.25), transparent 32%),
    linear-gradient(180deg, #07140d, #091810);
}
.premium-hero::before {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -260px;
  top: -180px;
  border-radius: 50%;
  border: 1px solid rgba(213,170,80,.09);
  box-shadow: 0 0 0 80px rgba(213,170,80,.018), 0 0 0 160px rgba(213,170,80,.012);
}
.premium-hero-noise {
  position: absolute;
  inset: 0;
  opacity: .23;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.premium-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr);
  gap: 64px;
  align-items: center;
  padding: 76px 0 90px;
  position: relative;
  z-index: 2;
}
.premium-hero-copy h1 { margin: 0 0 26px; }
.premium-lead {
  max-width: 700px;
  color: #b8c3bb;
  font-size: clamp(1rem,1.25vw,1.18rem);
  line-height: 1.78;
  margin: 0;
}
.lp-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:32px;
}
.premium-ghost {
  border: 1px solid rgba(243,240,230,.16);
  background: rgba(243,240,230,.035);
}
.premium-ghost:hover {
  border-color: rgba(213,170,80,.46);
  background: rgba(213,170,80,.05);
}
.hero-proof {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 26px;
  margin-top: 54px;
}
.hero-proof div {
  display: grid;
  gap: 2px;
  padding-left: 14px;
  border-left: 1px solid rgba(213,170,80,.26);
}
.hero-proof strong {
  color: var(--p-gold);
  font-size: .76rem;
  letter-spacing: .12em;
}
.hero-proof span {
  color: #8fa097;
  font-size: .82rem;
}

/* hero visual */
.premium-hero-visual {
  height: 560px;
  position: relative;
  border-radius: 42px;
  border: 1px solid rgba(213,170,80,.16);
  background:
    radial-gradient(circle at 50% 47%, rgba(213,170,80,.11), transparent 20%),
    radial-gradient(circle at 30% 25%, rgba(67,129,90,.12), transparent 26%),
    linear-gradient(145deg, rgba(15,38,25,.92), rgba(6,19,12,.98));
  box-shadow: var(--p-shadow);
  overflow: hidden;
  transform-style: preserve-3d;
  transition: transform .2s ease;
}
.premium-hero-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(112deg, transparent 0 52px, rgba(255,255,255,.018) 53px 54px),
    linear-gradient(180deg, transparent 68%, rgba(0,0,0,.35));
  pointer-events:none;
}
.hero-orbit {
  position:absolute;
  border:1px solid rgba(213,170,80,.16);
  border-radius:50%;
  inset:50%;
  transform:translate(-50%,-50%);
}
.orbit-a { width:390px;height:390px; }
.orbit-b { width:270px;height:270px;border-color:rgba(243,240,230,.08); }
.hero-light-path {
  position:absolute;
  left:46%;
  top:18%;
  width:14%;
  height:82%;
  clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(213,170,80,.02),rgba(213,170,80,.36));
  filter:blur(.2px);
}
.data-chip {
  position:absolute;
  z-index:3;
  border:1px solid rgba(243,240,230,.15);
  background:rgba(243,240,230,.045);
  color:#9daaa1;
  border-radius:12px;
  padding:9px 12px;
  font-size:.67rem;
  letter-spacing:.1em;
  transition:transform .45s ease,border-color .45s ease,color .45s ease;
  backdrop-filter:blur(10px);
}
.premium-hero-visual:hover .data-chip {
  border-color:rgba(213,170,80,.3);
  color:#d8c58f;
}
.chip-mail{left:11%;top:19%;transform:rotate(-5deg)}
.chip-files{left:8%;top:54%;transform:rotate(4deg)}
.chip-tools{right:10%;top:24%;transform:rotate(5deg)}
.chip-process{right:10%;top:58%;transform:rotate(-4deg)}
.chip-knowledge{left:42%;top:10%}
.premium-hero-visual:hover .chip-mail{transform:translate(12px,-8px) rotate(-2deg)}
.premium-hero-visual:hover .chip-files{transform:translate(18px,5px) rotate(1deg)}
.premium-hero-visual:hover .chip-tools{transform:translate(-12px,-10px) rotate(2deg)}
.premium-hero-visual:hover .chip-process{transform:translate(-18px,4px) rotate(-1deg)}
.hero-center-mark {
  position:absolute;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  width:245px;
  height:245px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(6,19,12,.58);
  border:1px solid rgba(213,170,80,.28);
  box-shadow:0 0 60px rgba(213,170,80,.08), inset 0 0 40px rgba(213,170,80,.04);
  z-index:2;
}
.hero-center-mark img { width: 185px; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.hero-center-mark span {
  position:absolute;
  top:-34px;
  font-size:.66rem;
  letter-spacing:.22em;
  color:var(--p-gold);
}
.premium-hero-visual:hover .hero-center-mark img { transform:scale(1.04) translateY(-4px); }
.hero-caption {
  position:absolute;
  left:25px;
  bottom:21px;
  font-size:.66rem;
  letter-spacing:.13em;
  color:#7e8f85;
  z-index:4;
}

/* ---------- sticky subnav ---------- */
.services-subnav {
  position: sticky;
  top: 78px;
  z-index: 35;
  border-top:1px solid rgba(213,170,80,.12);
  border-bottom:1px solid rgba(213,170,80,.12);
  background:rgba(7,20,13,.91);
  backdrop-filter:blur(18px);
}
.subnav-inner {
  min-height: 66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.subnav-inner::-webkit-scrollbar { display:none; }
.subnav-inner a {
  flex:0 0 auto;
  color:#9ead9f;
  font-size:.78rem;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid transparent;
  transition:.25s ease;
}
.subnav-inner a span { color:var(--p-gold);margin-right:5px; }
.subnav-inner a:hover,
.subnav-inner a.current {
  color:var(--p-cream);
  border-color:rgba(213,170,80,.25);
  background:rgba(213,170,80,.055);
}

/* ---------- problem stage ---------- */
.premium-problem {
  background: var(--p-paper);
  color: var(--p-ink);
  padding: 106px 0 120px;
}
.problem-intro {
  display:grid;
  grid-template-columns: minmax(0,.92fr) minmax(280px,.68fr);
  column-gap: 80px;
  align-items:end;
}
.problem-intro .eyebrow { grid-column:1/-1; }
.problem-intro h2 { margin:0; }
.problem-intro > p:last-child { color:#5a665e;line-height:1.78;margin:0 0 8px; }
.problem-stage {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:68px;
}
.problem-tile {
  min-height:310px;
  padding:28px;
  border:1px solid rgba(7,20,13,.12);
  border-radius:26px;
  background:rgba(255,255,255,.52);
  position:relative;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.problem-tile::after {
  content:"";
  position:absolute;
  inset:auto -70px -90px auto;
  width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(213,170,80,.11),transparent 65%);
}
.problem-tile:hover {
  transform:translateY(-7px);
  box-shadow:0 22px 45px rgba(11,30,19,.08);
  border-color:rgba(139,103,39,.25);
}
.tile-no { color:#8a6728;font-size:.72rem;font-weight:800;letter-spacing:.1em; }
.tile-icon {
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(7,20,13,.12);
  margin:46px 0 25px;
  font-size:1.25rem;color:#79602e;
}
.problem-tile h3 { font-size:1.35rem;margin-bottom:12px; }
.problem-tile p { color:#627067;line-height:1.68;margin:0; }

/* ---------- service storytelling ---------- */
.story-service {
  min-height: 940px;
  padding: 120px 0;
  scroll-margin-top: 140px;
  position:relative;
  overflow:clip;
}
.story-dark { background:linear-gradient(180deg,#0a1a11,#0c2015); }
.story-ink { background:linear-gradient(180deg,#06130c,#091810); }
.story-grid {
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);
  gap:80px;
  align-items:start;
}
.story-grid-reverse .story-copy { order:2; }
.story-grid-reverse .sticky-visual-wrap { order:1; }
.story-copy { padding-top: 70px; }
.story-copy h2 { margin-bottom:26px; }
.story-lead { color:#aeb9b1;line-height:1.85;max-width:640px; }
.feature-list { margin-top:42px;border-top:1px solid rgba(243,240,230,.09); }
.feature-list > div {
  display:grid;
  grid-template-columns:44px 1fr;
  align-items:center;
  padding:17px 0;
  border-bottom:1px solid rgba(243,240,230,.08);
}
.feature-list span { color:var(--p-gold);font-size:.7rem; }
.feature-list p { margin:0;color:#d4dbd6;font-size:.9rem; }
.mini-quote {
  margin-top:44px;
  padding:22px 24px;
  border-left:2px solid var(--p-gold);
  background:rgba(213,170,80,.045);
  color:#b9c3bc;
  line-height:1.8;
}
.mini-quote span { color:var(--p-gold-soft);font-weight:700; }

.sticky-visual-wrap { position:relative; min-height:700px; }
.interactive-stage {
  position:sticky;
  top:175px;
  min-height:560px;
  border:1px solid rgba(213,170,80,.15);
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 48%,rgba(213,170,80,.075),transparent 27%),
    linear-gradient(145deg,rgba(20,47,32,.76),rgba(6,19,12,.96));
  box-shadow:var(--p-shadow);
  overflow:hidden;
}

/* knowledge */
.knowledge-stage { display:grid;place-items:center; }
.knowledge-stage::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:38px 38px;
}
.knowledge-center {
  width:160px;height:160px;border-radius:50%;
  display:grid;place-items:center;align-content:center;
  border:1px solid rgba(213,170,80,.36);
  background:#0c2015;
  box-shadow:0 0 50px rgba(213,170,80,.08);
  position:relative;z-index:3;
  transition:.55s ease;
}
.knowledge-center span { color:var(--p-gold-soft);font-weight:800;letter-spacing:.14em;font-size:.78rem; }
.knowledge-center small { color:#76877d;margin-top:5px; }
.knowledge-node {
  position:absolute;
  z-index:4;
  min-width:96px;
  padding:12px 15px;
  border-radius:999px;
  border:1px solid rgba(243,240,230,.14);
  background:rgba(243,240,230,.045);
  color:#c5cec8;
  cursor:pointer;
  transition:.6s cubic-bezier(.2,.75,.2,1);
}
.kn-1{left:8%;top:17%}.kn-2{right:9%;top:19%}
.kn-3{left:7%;bottom:25%}.kn-4{right:8%;bottom:24%}
.kn-5{left:30%;bottom:10%}.kn-6{right:30%;top:8%}
.knowledge-stage.organized .knowledge-center {
  transform:scale(1.08);
  box-shadow:0 0 80px rgba(213,170,80,.12);
}
.knowledge-stage.organized .knowledge-node {
  border-color:rgba(213,170,80,.38);
  color:#ead9a8;
  background:rgba(213,170,80,.07);
}
.knowledge-stage.organized .kn-1{left:19%;top:27%}
.knowledge-stage.organized .kn-2{right:19%;top:27%}
.knowledge-stage.organized .kn-3{left:18%;bottom:28%}
.knowledge-stage.organized .kn-4{right:18%;bottom:28%}
.knowledge-stage.organized .kn-5{left:35%;bottom:11%}
.knowledge-stage.organized .kn-6{right:35%;top:10%}
.stage-control {
  position:absolute;
  right:22px;
  bottom:22px;
  z-index:7;
  border:1px solid var(--p-gold);
  background:var(--p-gold);
  color:var(--p-ink);
  border-radius:999px;
  padding:11px 16px;
  font-weight:800;
  cursor:pointer;
}

/* automation */
.automation-stage { padding:28px; }
.automation-head {
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(243,240,230,.09);
}
.automation-head small { display:block;color:#6f8176;font-size:.66rem;letter-spacing:.12em; }
.automation-head strong { display:block;font-size:1.4rem;margin-top:3px; }
.mode-switch {
  display:flex;padding:4px;border-radius:999px;background:rgba(243,240,230,.045);
}
.mode-switch button {
  border:0;background:transparent;color:#87968d;padding:9px 13px;border-radius:999px;cursor:pointer;
}
.mode-switch button.active { background:var(--p-gold);color:var(--p-ink);font-weight:800; }
.automation-flow {
  display:grid;
  grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;
  align-items:center;
  gap:6px;
  min-height:370px;
}
.flow-card {
  min-height:150px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(243,240,230,.1);
  background:rgba(243,240,230,.035);
  display:grid;
  align-content:space-between;
  transition:.45s ease;
}
.flow-card span { color:var(--p-gold);font-size:.68rem; }
.flow-card strong { font-size:.9rem; }
.flow-card small { color:#718077; }
.flow-link { height:1px;background:linear-gradient(90deg,rgba(213,170,80,.12),rgba(213,170,80,.5));position:relative; }
.flow-link::after {
  content:"";
  position:absolute;right:-1px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:6px;height:6px;border-top:1px solid var(--p-gold);border-right:1px solid var(--p-gold);
}
.automation-flow.optimized {
  grid-template-columns:1fr 38px 1.2fr 38px 1fr;
}
.automation-flow.optimized .flow-card { border-color:rgba(213,170,80,.28);background:rgba(213,170,80,.055); }
.automation-result {
  display:flex;align-items:center;gap:9px;color:#7f9186;font-size:.78rem;
  padding-top:18px;border-top:1px solid rgba(243,240,230,.08);
}
.status-dot {
  width:8px;height:8px;border-radius:50%;background:var(--p-gold);
  box-shadow:0 0 0 5px rgba(213,170,80,.08);
}

/* ---------- Applications premium ---------- */
.applications-premium {
  background:var(--p-paper);
  color:var(--p-ink);
  padding:120px 0 132px;
  scroll-margin-top:140px;
}
.applications-intro {
  display:grid;
  grid-template-columns:260px 1fr;
  gap:70px;
  align-items:start;
}
.applications-intro h2 { margin:0 0 20px; }
.applications-intro p { max-width:760px;color:#5f6b64;line-height:1.75; }
.application-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:74px;
  perspective:1200px;
}
.app-card {
  min-height:630px;
  padding:22px;
  border-radius:30px;
  border:1px solid rgba(7,20,13,.13);
  background:rgba(255,255,255,.62);
  box-shadow:0 14px 35px rgba(14,32,21,.04);
  position:relative;
  overflow:hidden;
  transition:
    transform .28s cubic-bezier(.2,.7,.2,1),
    box-shadow .35s ease,
    border-color .35s ease;
  transform-style:preserve-3d;
  outline:none;
}
.app-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(213,170,80,.12),transparent 26%);
  opacity:0;
  transition:.3s;
  pointer-events:none;
}
.app-card:hover::before,
.app-card:focus-visible::before,
.app-card.is-active::before { opacity:1; }
.app-card:hover,
.app-card:focus-visible,
.app-card.is-active {
  border-color:rgba(128,95,32,.3);
  box-shadow:0 30px 70px rgba(12,31,20,.13);
  transform:translateY(-10px) scale(1.012);
}
.app-card-top {
  display:flex;justify-content:space-between;align-items:center;
  color:#84662c;font-size:.7rem;letter-spacing:.12em;
}
.app-card h3 {
  font-size:clamp(1.35rem,1.65vw,1.75rem);
  margin:38px 0 28px;
  max-width:90%;
}
.app-demo {
  height:330px;
  border-radius:22px;
  border:1px solid rgba(7,20,13,.1);
  background:#0c1e14;
  overflow:hidden;
  color:var(--p-cream);
  transition:transform .45s ease,box-shadow .45s ease;
}
.app-card:hover .app-demo,
.app-card.is-active .app-demo { transform:translateY(-4px);box-shadow:0 20px 40px rgba(7,20,13,.18); }

/* Project demo */
.project-demo { display:grid;grid-template-columns:62px 1fr; }
.demo-sidebar {
  border-right:1px solid rgba(243,240,230,.08);
  padding:17px 13px;
  display:grid;align-content:start;gap:11px;
}
.demo-sidebar i {
  display:block;height:28px;border-radius:8px;background:rgba(243,240,230,.055);
  transition:.4s ease;
}
.app-card:hover .demo-sidebar i:nth-child(2),
.app-card.is-active .demo-sidebar i:nth-child(2) { background:rgba(213,170,80,.22);transform:translateX(4px); }
.demo-main { padding:17px; }
.demo-header { display:flex;justify-content:space-between;color:#91a096;font-size:.72rem; }
.demo-header b { color:#e5e9e6; }
.demo-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px; }
.demo-metrics div {
  padding:12px 9px;border-radius:12px;background:rgba(213,170,80,.055);border:1px solid rgba(213,170,80,.09);
}
.demo-metrics strong { display:block;font-size:1.22rem;color:#e0c477; }
.demo-metrics small { color:#7e8e84;font-size:.58rem; }
.demo-board { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;height:145px; }
.demo-board div { border-radius:10px;background:rgba(243,240,230,.04);position:relative;overflow:hidden; }
.demo-board div::after {
  content:"";position:absolute;left:8px;right:8px;top:12px;height:34px;border-radius:7px;background:rgba(243,240,230,.055);
  box-shadow:0 48px 0 rgba(243,240,230,.035),0 95px 0 rgba(243,240,230,.025);
  transition:.5s ease;
}
.app-card:hover .demo-board div:nth-child(2)::after,
.app-card.is-active .demo-board div:nth-child(2)::after { top:32px;background:rgba(213,170,80,.12); }

/* Knowledge demo */
.knowledge-demo { padding:18px; }
.knowledge-search {
  height:38px;border-radius:11px;border:1px solid rgba(243,240,230,.08);
  padding:10px 13px;color:#708177;font-size:.68rem;background:rgba(243,240,230,.03);
}
.knowledge-map { height:245px;position:relative; }
.knowledge-map i {
  width:24px;height:24px;border-radius:50%;background:rgba(243,240,230,.08);position:absolute;
  transition:.7s cubic-bezier(.2,.7,.2,1);
}
.km-a{left:18%;top:20%}.km-b{right:20%;top:18%}.km-c{left:10%;bottom:25%}
.km-d{right:12%;bottom:22%}.km-e{left:44%;top:10%}.km-f{left:43%;bottom:8%}
.knowledge-core {
  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
  width:86px;height:86px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(213,170,80,.34);color:#dfc77f;font-size:.68rem;
  background:#10281a;
}
.app-card:hover .knowledge-map i,
.app-card.is-active .knowledge-map i {
  background:rgba(213,170,80,.35);box-shadow:0 0 0 5px rgba(213,170,80,.04);
}
.app-card:hover .km-a,.app-card.is-active .km-a{left:29%;top:29%}
.app-card:hover .km-b,.app-card.is-active .km-b{right:29%;top:29%}
.app-card:hover .km-c,.app-card.is-active .km-c{left:27%;bottom:28%}
.app-card:hover .km-d,.app-card.is-active .km-d{right:27%;bottom:28%}
.app-card:hover .km-e,.app-card.is-active .km-e{left:46%;top:17%}
.app-card:hover .km-f,.app-card.is-active .km-f{left:46%;bottom:14%}

/* Customer demo */
.customer-demo { padding:20px; }
.customer-profile { display:flex;align-items:center;gap:12px; }
.customer-profile > i {
  width:44px;height:44px;border-radius:12px;background:rgba(213,170,80,.12);border:1px solid rgba(213,170,80,.16);
}
.customer-profile b,.customer-profile small { display:block; }
.customer-profile b { font-size:.78rem; }
.customer-profile small { color:#718078;font-size:.62rem;margin-top:3px; }
.customer-progress { height:8px;border-radius:999px;background:rgba(243,240,230,.05);margin:28px 0;overflow:hidden; }
.customer-progress span {
  display:block;width:32%;height:100%;border-radius:999px;background:var(--p-gold);
  transition:width .75s cubic-bezier(.2,.7,.2,1);
}
.app-card:hover .customer-progress span,
.app-card.is-active .customer-progress span { width:68%; }
.customer-files { display:grid;gap:9px; }
.customer-files div {
  padding:13px 14px;border-radius:12px;background:rgba(243,240,230,.04);
  display:flex;justify-content:space-between;color:#86958c;font-size:.7rem;
  transform:translateX(0);transition:.35s ease;
}
.customer-files b { color:#d9dfdb; }
.app-card:hover .customer-files div:nth-child(2),
.app-card.is-active .customer-files div:nth-child(2) { transform:translateX(6px);background:rgba(213,170,80,.07); }

.app-card-footer {
  display:flex;justify-content:space-between;gap:12px;align-items:end;
  position:absolute;left:22px;right:22px;bottom:22px;
  color:#7a867e;font-size:.68rem;
}
.app-card-footer strong { color:#725827;font-size:.72rem; }
.applications-note {
  color:#7a867e;
  font-size:.78rem;
  max-width:760px;
  margin:28px auto 0;
  text-align:center;
}

/* ---------- Process rail ---------- */
.premium-workway {
  padding:125px 0 140px;
  background:
    radial-gradient(circle at 80% 20%,rgba(213,170,80,.07),transparent 25%),
    linear-gradient(180deg,#102419,#07140d);
  scroll-margin-top:140px;
}
.workway-heading {
  display:grid;
  grid-template-columns:240px 1fr;
  gap:70px;
  align-items:start;
}
.workway-heading h2 { margin:0; }
.workway-heading h2 span { color:var(--p-gold-soft); }
.process-rail {
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-top:90px;
  padding-top:40px;
}
.process-rail::before {
  content:"";
  position:absolute;
  left:0;right:0;top:19px;height:1px;background:rgba(243,240,230,.08);
}
.process-line {
  position:absolute;
  left:0;top:19px;height:2px;width:0;
  background:linear-gradient(90deg,var(--p-gold),rgba(213,170,80,.35));
  transition:width .2s linear;
}
.process-step {
  position:relative;
  padding:22px 18px 26px;
  background:rgba(243,240,230,.025);
  border:1px solid rgba(243,240,230,.065);
  border-radius:18px;
}
.process-step::before {
  content:"";
  position:absolute;top:-28px;left:20px;width:9px;height:9px;border-radius:50%;
  background:#1e3828;border:2px solid var(--p-gold);
}
.process-step span { color:var(--p-gold);font-size:.68rem; }
.process-step strong { display:block;margin:28px 0 10px; }
.process-step p { margin:0;color:#8f9d94;font-size:.8rem;line-height:1.55; }

/* ---------- Elchi ---------- */
.elchi-premium {
  min-height:760px;
  display:grid;align-items:center;
  position:relative;overflow:hidden;
  background:#07140d;
  border-top:1px solid rgba(213,170,80,.09);
}
.elchi-glow {
  position:absolute;left:-140px;top:10%;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(213,170,80,.11),transparent 63%);
  filter:blur(10px);
}
.elchi-premium-grid {
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:90px;align-items:center;padding:100px 0;
}
.elchi-scene {
  min-height:500px;border-radius:40px;display:grid;place-items:center;
  position:relative;border:1px solid rgba(213,170,80,.13);
  background:
    linear-gradient(135deg,transparent 0 49.5%,rgba(213,170,80,.04) 50%,transparent 50.5%),
    radial-gradient(circle at 50% 45%,rgba(213,170,80,.12),transparent 28%),
    linear-gradient(145deg,#102419,#07140d);
  overflow:hidden;
}
.elchi-scene-ring {
  position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(213,170,80,.19);
  box-shadow:0 0 0 55px rgba(213,170,80,.018),0 0 0 110px rgba(213,170,80,.012);
}
.elchi-scene img {
  width:min(70%,360px);position:relative;z-index:2;
  filter:drop-shadow(0 28px 40px rgba(0,0,0,.35));
  transition:.5s ease;
}
.elchi-scene:hover img { transform:scale(1.04) translateY(-7px); }
.scene-label {
  position:absolute;left:22px;bottom:18px;color:#66786d;font-size:.62rem;letter-spacing:.1em;
}
.elchi-copy h2 { margin-bottom:28px; }
.elchi-copy > p:not(.eyebrow) { color:#abb7af;line-height:1.8; }
.elchi-copy blockquote {
  margin:38px 0 0;padding:24px 0 0;
  border-top:1px solid rgba(213,170,80,.18);
  color:#e2d5ad;
  font-size:clamp(1.2rem,2vw,1.8rem);
  line-height:1.45;
}

/* ---------- Final ---------- */
.premium-final {
  padding:100px 0;
  background:var(--p-paper);
}
.premium-final-card {
  min-height:360px;
  border-radius:38px;
  padding:56px;
  background:
    radial-gradient(circle at 85% 30%,rgba(255,255,255,.24),transparent 26%),
    var(--p-gold);
  color:var(--p-ink);
  display:grid;
  grid-template-columns:1fr 300px;
  gap:60px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.premium-final-card::after {
  content:"";
  position:absolute;right:-80px;bottom:-120px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(7,20,13,.14);
  box-shadow:0 0 0 55px rgba(7,20,13,.025),0 0 0 110px rgba(7,20,13,.018);
}
.premium-final-card h2 { margin-bottom:20px; }
.premium-final-card p { max-width:680px;line-height:1.7; }
.final-actions { position:relative;z-index:2;display:grid;gap:12px; }
.dark-button { background:var(--p-ink);color:var(--p-cream);text-align:center; }
.final-actions small { color:rgba(7,20,13,.68);line-height:1.5;text-align:center; }

/* ---------- responsive ---------- */
@media (max-width: 1080px) {
  .premium-hero-grid,
  .story-grid,
  .elchi-premium-grid { grid-template-columns:1fr; }
  .premium-hero { min-height:auto; }
  .premium-hero-visual { height:500px; }
  .story-service { min-height:auto; }
  .story-grid-reverse .story-copy,
  .story-grid-reverse .sticky-visual-wrap { order:initial; }
  .story-copy { padding-top:0; }
  .sticky-visual-wrap { min-height:auto; }
  .interactive-stage { position:relative;top:auto; }
  .application-grid { grid-template-columns:1fr; }
  .app-card { min-height:610px; }
  .applications-intro,
  .problem-intro,
  .workway-heading { grid-template-columns:1fr;gap:18px; }
  .process-rail { grid-template-columns:repeat(3,1fr);row-gap:14px; }
  .process-line,.process-rail::before,.process-step::before { display:none; }
  .premium-final-card { grid-template-columns:1fr; }
}
@media (max-width: 800px) {
  .services-subnav { top:68px; }
  .subnav-inner { justify-content:flex-start; }
  .premium-hero-grid { padding-top:54px; }
  .problem-stage { grid-template-columns:1fr; }
  .story-service { padding:90px 0; }
  .automation-flow,
  .automation-flow.optimized {
    grid-template-columns:1fr;
    gap:10px;
    min-height:auto;
    margin-top:24px;
  }
  .flow-link { width:1px;height:24px;justify-self:center;background:linear-gradient(180deg,rgba(213,170,80,.12),rgba(213,170,80,.5)); }
  .flow-link::after { right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg); }
  .application-grid { margin-top:48px; }
  .process-rail { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
  .lp-wrap { width:min(calc(100% - 24px),var(--p-max)); }
  .premium-services-page h1 { font-size:clamp(2.65rem,12vw,4rem); }
  .premium-services-page h2 { font-size:clamp(2rem,9vw,3rem); }
  .premium-hero-grid { gap:40px;padding-bottom:62px; }
  .premium-hero-visual { height:430px;border-radius:28px; }
  .hero-proof { grid-template-columns:1fr;gap:10px; }
  .lp-actions { flex-direction:column; }
  .lp-actions .button { width:100%; }
  .hero-center-mark { width:190px;height:190px; }
  .hero-center-mark img { width:145px; }
  .orbit-a { width:300px;height:300px; }
  .orbit-b { width:215px;height:215px; }
  .premium-problem { padding:78px 0 90px; }
  .story-grid { gap:46px; }
  .interactive-stage { min-height:500px;border-radius:28px; }
  .knowledge-node { min-width:78px;padding:10px;font-size:.7rem; }
  .kn-1{left:4%;top:18%}.kn-2{right:4%;top:19%}.kn-3{left:4%;bottom:27%}.kn-4{right:4%;bottom:26%}
  .knowledge-stage.organized .kn-1{left:7%;top:29%}
  .knowledge-stage.organized .kn-2{right:7%;top:29%}
  .knowledge-stage.organized .kn-3{left:7%;bottom:28%}
  .knowledge-stage.organized .kn-4{right:7%;bottom:28%}
  .automation-head { align-items:flex-start;flex-direction:column; }
  .app-card { min-height:580px; }
  .demo-metrics { grid-template-columns:1fr 1fr; }
  .process-rail { grid-template-columns:1fr; }
  .elchi-premium-grid { gap:46px;padding:80px 0; }
  .elchi-scene { min-height:420px;border-radius:28px; }
  .premium-final-card { padding:34px 25px;min-height:390px;border-radius:28px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important;transition-duration:.001ms !important;animation-duration:.001ms !important; }
  .reveal { opacity:1;transform:none; }
}


/* =========================================================
   V4.2 FEINSCHLIFF
   Hero, Typografie, Zeilenrhythmus, Abstände, Bildsystem
   ========================================================= */

.premium-services-page {
  --section-space-xl: 132px;
  --section-space-lg: 108px;
  --section-space-md: 82px;
}

/* Typografische Hierarchie ruhiger und präziser */
.premium-services-page h1 {
  max-width: 12.4ch;
}
.premium-services-page h2 {
  max-width: 15.5ch;
}
.premium-services-page p {
  text-wrap: pretty;
}
.hero-title {
  display: grid;
  gap: .04em;
  max-width: 11.8ch !important;
}
.hero-title > span {
  display: block;
  white-space: nowrap;
}
.hero-title em {
  font-style: normal;
}
.soft-gold {
  color: #8d6a2d;
}
.soft-gold-dark {
  color: #7b5d28;
}

/* Hero: weniger "Karte", mehr Bühne */
.premium-hero {
  min-height: min(900px, calc(100vh - 102px));
}
.premium-hero-grid {
  grid-template-columns: minmax(0, .96fr) minmax(460px, 1.04fr);
  gap: 78px;
  padding-top: 92px;
  padding-bottom: 104px;
}
.premium-hero-copy {
  position: relative;
  z-index: 4;
}
.premium-lead {
  max-width: 610px;
  font-size: clamp(1.02rem, 1.15vw, 1.16rem);
  line-height: 1.72;
}
.hero-proof {
  margin-top: 48px;
}

/* Hero Visual als echter Bildcontainer vorbereitet */
.premium-hero-visual {
  height: 590px;
  border-radius: 46px 46px 90px 46px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 56% 43%, rgba(213,170,80,.10), transparent 22%),
    radial-gradient(circle at 22% 16%, rgba(46,98,64,.24), transparent 35%),
    linear-gradient(142deg, #0f2a1b 0%, #091a11 55%, #06130c 100%);
}
.premium-hero-visual::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(130deg, transparent 0 43%, rgba(213,170,80,.025) 44% 45%, transparent 46%),
    radial-gradient(ellipse at 52% 100%, rgba(213,170,80,.10), transparent 42%);
}
.visual-layer {
  position:absolute;
  z-index:1;
  border-radius:50%;
  filter: blur(10px);
  pointer-events:none;
}
.visual-layer-left {
  width:310px;height:470px;
  left:-140px;bottom:-100px;
  background:linear-gradient(180deg,rgba(20,64,38,.40),rgba(7,20,13,0));
  transform:rotate(-18deg);
}
.visual-layer-right {
  width:260px;height:520px;
  right:-120px;top:10px;
  background:linear-gradient(180deg,rgba(213,170,80,.08),rgba(7,20,13,0));
  transform:rotate(15deg);
}
.image-slot-hero {
  position:absolute;
  z-index:1;
  inset:28px;
  border-radius:34px 34px 72px 34px;
  border:1px dashed rgba(213,170,80,.12);
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  flex-direction:column;
  gap:2px;
  padding:22px;
  pointer-events:none;
  opacity:.46;
}
.image-slot-hero span {
  color:#b99a57;
  font-size:.62rem;
  letter-spacing:.15em;
  font-weight:800;
}
.image-slot-hero small {
  color:#677a6e;
  font-size:.62rem;
}
.hero-center-mark {
  z-index:4;
}
.data-chip {
  z-index:5;
}
.hero-caption {
  z-index:6;
}

/* mehr rhythmische Tiefe zwischen Abschnitten */
.premium-problem {
  padding-top: var(--section-space-lg);
  padding-bottom: var(--section-space-xl);
}
.story-service {
  padding-top: var(--section-space-xl);
  padding-bottom: var(--section-space-xl);
}
.applications-premium {
  padding-top: var(--section-space-xl);
  padding-bottom: 142px;
}
.premium-workway {
  padding-top: 136px;
  padding-bottom: 150px;
}
.elchi-premium-grid {
  padding-top: 118px;
  padding-bottom: 118px;
}
.premium-final {
  padding-top: 112px;
  padding-bottom: 112px;
}

/* Service Copy mehr Luft und klarere Breite */
.story-copy h2 {
  max-width: 12.7ch;
  margin-bottom: 30px;
}
.story-lead {
  max-width: 590px;
}
.feature-list {
  max-width: 560px;
  margin-top: 46px;
}

/* Interaktive Flächen nicht zu "UI-Karten"-artig */
.interactive-stage {
  border-radius: 38px 38px 70px 38px;
  box-shadow:
    0 36px 90px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.018);
}
.future-visual-tag {
  position:absolute;
  left:22px;
  bottom:22px;
  z-index:6;
  color:#53665a;
  font-size:.58rem;
  letter-spacing:.13em;
  pointer-events:none;
}
.knowledge-stage .future-visual-tag {
  left:22px;
}
.automation-stage .future-visual-tag {
  left:28px;
  bottom:28px;
}

/* Problem- und Application-Bereiche optisch präziser */
.problem-intro h2 {
  max-width: 12ch;
}
.problem-stage {
  margin-top: 74px;
}
.problem-tile {
  border-radius: 24px 24px 46px 24px;
}
.applications-intro h2 {
  max-width: 12ch;
}
.application-grid {
  margin-top: 80px;
}
.app-card {
  border-radius: 28px 28px 52px 28px;
}
.app-demo {
  border-radius: 20px 20px 36px 20px;
}

/* Subnav kompakter und hochwertiger */
.services-subnav {
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
.subnav-inner {
  min-height: 62px;
  gap: 3px;
}
.subnav-inner a {
  padding: 9px 13px;
  letter-spacing: .01em;
}

/* Arbeitsweise: Heading stärker */
.workway-heading h2 {
  max-width: 9.5ch;
}
.process-step {
  min-height: 210px;
  border-radius: 17px 17px 32px 17px;
}

/* Elchi-Fläche kinoreifer vorbereitet */
.elchi-scene {
  border-radius: 40px 40px 80px 40px;
}
.elchi-copy h2 {
  max-width: 11.5ch;
}
.elchi-copy blockquote {
  max-width: 650px;
}

/* CTA ruhiger */
.premium-final-card {
  border-radius: 38px 38px 74px 38px;
}
.premium-final-card h2 {
  max-width: 11ch;
}

/* Responsive Feinschliff */
@media (max-width: 1180px) {
  .hero-title > span {
    white-space: normal;
  }
}
@media (max-width: 1080px) {
  .premium-hero-grid {
    gap: 54px;
    padding-top: 70px;
  }
  .premium-hero-visual {
    height: 520px;
  }
  .premium-services-page h2 {
    max-width: none;
  }
}
@media (max-width: 760px) {
  .premium-hero {
    min-height: auto;
  }
  .premium-hero-grid {
    padding-top: 52px;
    padding-bottom: 68px;
  }
  .premium-hero-visual {
    height: 455px;
    border-radius: 28px 28px 52px 28px;
  }
  .image-slot-hero {
    border-radius: 20px 20px 42px 20px;
  }
  .hero-title {
    max-width: 100% !important;
  }
  .hero-title > span {
    white-space: normal;
  }
  .story-service,
  .applications-premium,
  .premium-problem,
  .premium-workway {
    padding-top: 84px;
    padding-bottom: 92px;
  }
}


/* =========================================================
   V4.3 POLISH PASS
   ========================================================= */

/* HERO – Überschrift strikt in linker Spalte halten */
.premium-hero-grid {
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: 92px;
}
.premium-services-page h1.hero-title {
  font-size: clamp(3rem, 5vw, 5.55rem);
  max-width: 10.6ch !important;
}
.hero-title > span { white-space: normal; }
.premium-hero-visual {
  transform-origin: center center;
  margin-left: 8px;
}
.hero-center-mark {
  width: 218px;
  height: 218px;
}
.hero-center-mark img { width: 160px; }

/* PROBLEM SECTION */
.premium-problem {
  padding-top: 88px;
}
.problem-context {
  position: relative;
  padding-left: 24px;
  border-left: 1px solid rgba(132,99,41,.28);
}
.problem-context > span {
  display: block;
  color: #8b6729;
  font-weight: 800;
  font-size: .66rem;
  letter-spacing: .15em;
  margin-bottom: 12px;
}
.problem-context p { margin: 0; }
.problem-stage {
  align-items: stretch;
}
.problem-tile:nth-child(2) {
  transform: translateY(-8px);
}
.problem-tile:nth-child(2):hover {
  transform: translateY(-15px);
}
.problem-tile .tile-icon {
  transition: transform .35s ease, border-color .35s ease, background .35s ease;
}
.problem-tile:hover .tile-icon {
  transform: translateY(-4px) rotate(5deg);
  border-color: rgba(139,103,39,.34);
  background: rgba(213,170,80,.07);
}

/* KNOWLEDGE – echte Verbindungen + Textkopplung */
.knowledge-connections {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: visible;
  pointer-events: none;
}
.knowledge-connections line {
  stroke: rgba(213,170,80,.11);
  stroke-width: .25;
  stroke-dasharray: 1.8 2.1;
  vector-effect: non-scaling-stroke;
  transition: stroke .45s ease, stroke-width .45s ease, opacity .45s ease;
}
.knowledge-stage.organized .knowledge-connections line {
  stroke: rgba(213,170,80,.45);
  stroke-width: .45;
  stroke-dasharray: 0;
}
.knowledge-center {
  width: 178px;
  height: 178px;
}
.feature-row {
  cursor: default;
  transition: background .3s ease, padding-left .3s ease;
}
.feature-row:hover,
.feature-row.is-linked {
  background: linear-gradient(90deg, rgba(213,170,80,.05), transparent 75%);
  padding-left: 8px;
}
.feature-row:hover p,
.feature-row.is-linked p {
  color: #f0e7ce;
}
.knowledge-node.is-highlighted {
  border-color: rgba(213,170,80,.58) !important;
  background: rgba(213,170,80,.12) !important;
  color: #f1ddb0 !important;
  transform: scale(1.06);
}
.knowledge-center.is-highlighted {
  box-shadow: 0 0 88px rgba(213,170,80,.18);
  border-color: rgba(213,170,80,.55);
}

/* AUTOMATION – Prozess vollständig sichtbar */
.automation-stage {
  padding: 26px 24px;
}
.automation-flow {
  grid-template-columns: repeat(7, minmax(0, auto));
  gap: 4px;
}
.automation-flow .flow-card {
  min-width: 0;
  padding: 15px 13px;
}
.automation-flow .flow-card strong {
  font-size: .82rem;
  line-height: 1.35;
}
.automation-flow .flow-card small { font-size: .68rem; }
.automation-flow .flow-link {
  width: 22px;
}
.automation-flow.optimized {
  grid-template-columns: minmax(0,1fr) 30px minmax(0,1.2fr) 30px minmax(0,1fr);
}
.automation-copy span[data-flow-emphasis] {
  border-radius: 5px;
  transition: color .25s ease, background .25s ease;
}
.automation-copy span[data-flow-emphasis]:hover {
  color: #e6cf91;
  background: rgba(213,170,80,.05);
}
.automation-stage.flow-repeat .flow-card,
.automation-stage.flow-waste .flow-card {
  border-color: rgba(213,170,80,.22);
}
.automation-stage.flow-waste .flow-card:nth-of-type(3),
.automation-stage.flow-waste .flow-card:nth-of-type(5) {
  background: rgba(213,170,80,.10);
  transform: translateY(-5px);
}
.automation-stage.flow-support .flow-card {
  border-color: rgba(213,170,80,.34);
  background: rgba(213,170,80,.055);
}
.automation-result p { transition: color .25s ease; }
.automation-flow.optimized + .automation-result p {
  color: #d6c486;
}

/* APPLICATIONS – bessere Achse + kompaktere Titel */
.applications-intro {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 82px;
}
.app-title {
  font-size: clamp(1.18rem, 1.42vw, 1.55rem) !important;
  line-height: 1.12 !important;
  max-width: 92%;
}
.app-card {
  min-height: 602px;
}
.app-demo {
  margin-top: 4px;
}
.app-card:hover .demo-metrics strong,
.app-card.is-active .demo-metrics strong {
  transform: translateY(-2px);
}
.demo-metrics strong {
  display: block;
  transition: transform .3s ease;
}
.app-card:hover .knowledge-search,
.app-card.is-active .knowledge-search {
  border-color: rgba(213,170,80,.23);
  color: #a9b5ad;
}
.app-card:hover .customer-files div:first-child,
.app-card.is-active .customer-files div:first-child {
  background: rgba(213,170,80,.06);
}

/* WORKWAY */
.premium-workway {
  padding-top: 116px;
}
.process-rail {
  margin-top: 70px;
}
.process-step {
  transition: transform .32s ease, border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
.process-step:hover,
.process-step.is-progress-active {
  transform: translateY(-6px);
  border-color: rgba(213,170,80,.22);
  background: rgba(213,170,80,.045);
  box-shadow: 0 18px 34px rgba(0,0,0,.10);
}
.process-step.is-progress-active span,
.process-step:hover span {
  color: #efc967;
}
.process-stem {
  position:absolute;
  width:1px;
  height:24px;
  left:20px;
  top:-25px;
  background: linear-gradient(180deg, rgba(213,170,80,.55), rgba(213,170,80,.12));
}
.process-step::before {
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.process-step.is-progress-active::before,
.process-step:hover::before {
  background: var(--p-gold);
  box-shadow: 0 0 0 6px rgba(213,170,80,.08);
  transform: scale(1.06);
}

/* CTA */
.final-actions {
  gap: 14px;
}
.final-kicker {
  color: rgba(7,20,13,.62);
  font-size: .65rem;
  letter-spacing: .16em;
  font-weight: 850;
}
.final-actions p {
  margin: 0 0 6px;
  color: rgba(7,20,13,.72);
  line-height: 1.55;
  font-size: .86rem;
}
.dark-button {
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.dark-button span {
  display: inline-block;
  margin-left: 7px;
  transition: transform .25s ease;
}
.dark-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(7,20,13,.18);
  background: #0b1d13;
}
.dark-button:hover span {
  transform: translateX(4px);
}

/* Mobile */
@media (max-width: 1180px) {
  .premium-hero-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }
  .premium-services-page h1.hero-title {
    max-width: 11.5ch !important;
  }
  .premium-hero-visual {
    margin-left: 0;
  }
}
@media (max-width: 1080px) {
  .problem-tile:nth-child(2),
  .problem-tile:nth-child(2):hover { transform: none; }
  .applications-intro { grid-template-columns:1fr;gap:18px; }
}
@media (max-width: 800px) {
  .automation-flow,
  .automation-flow.optimized {
    grid-template-columns:1fr;
  }
  .automation-flow .flow-link {
    width:1px;
    height:20px;
    justify-self:center;
  }
  .process-stem { display:none; }
}


/* =========================================================
   V4.4 – KLICKPFAD / DETAILSEITEN
   ========================================================= */

/* Overview hero */
.click-hero {
  min-height: 760px;
  display:grid;
  align-items:center;
  background:
    radial-gradient(circle at 76% 30%,rgba(213,170,80,.08),transparent 24%),
    linear-gradient(180deg,#07140d,#0a1a11);
  overflow:hidden;
}
.click-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
  gap:86px;
  align-items:center;
  padding:90px 0 100px;
}
.click-hero-copy h1 {
  max-width:10.8ch !important;
  font-size:clamp(3rem,5.2vw,5.7rem);
}
.click-hero-visual {
  min-height:540px;
  position:relative;
  border:1px solid rgba(213,170,80,.15);
  border-radius:42px 42px 80px 42px;
  background:
    radial-gradient(circle at 50% 50%,rgba(213,170,80,.08),transparent 27%),
    linear-gradient(145deg,#10271a,#07140d);
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.26);
}
.route-core {
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:185px;height:185px;border-radius:50%;
  display:grid;place-items:center;align-content:center;gap:4px;
  border:1px solid rgba(213,170,80,.3);
  background:#0a1b12;z-index:3;
}
.route-core img { width:130px; }
.route-core span { color:var(--p-gold);font-size:.62rem;letter-spacing:.14em; }
.route-node {
  position:absolute;z-index:3;
  min-width:135px;padding:14px 16px;border-radius:18px;
  border:1px solid rgba(243,240,230,.12);
  background:rgba(243,240,230,.04);
  display:grid;gap:2px;transition:.35s ease;
}
.route-node strong { color:var(--p-gold);font-size:.65rem; }
.route-node span { color:#cbd3ce;font-size:.8rem; }
.rn-a{left:8%;top:20%}.rn-b{right:8%;top:22%}.rn-c{right:13%;bottom:18%}
.route-line {
  position:absolute;height:1px;background:linear-gradient(90deg,rgba(213,170,80,.05),rgba(213,170,80,.42));
  transform-origin:left center;
}
.route-a{left:22%;top:34%;width:31%;transform:rotate(20deg)}
.route-b{left:49%;top:43%;width:31%;transform:rotate(-18deg)}
.route-c{left:49%;top:57%;width:34%;transform:rotate(20deg)}
.click-hero-visual:hover .route-node { border-color:rgba(213,170,80,.32);transform:translateY(-4px); }

/* Choice cards */
.choice-section { background:var(--p-paper);color:var(--p-ink);padding:110px 0 125px; }
.choice-heading { display:grid;grid-template-columns:240px 1fr;gap:65px;align-items:start; }
.choice-heading h2 { margin:0 0 18px;max-width:11ch; }
.choice-heading > p:last-child { grid-column:2;color:#617067;max-width:680px;margin:0; }
.choice-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px; }
.choice-card {
  min-height:585px;padding:25px;border-radius:28px 28px 52px 28px;
  border:1px solid rgba(7,20,13,.12);background:rgba(255,255,255,.6);
  color:var(--p-ink);position:relative;overflow:hidden;
  box-shadow:0 14px 34px rgba(9,27,17,.04);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.choice-card:hover { transform:translateY(-9px);box-shadow:0 30px 65px rgba(9,27,17,.11);border-color:rgba(126,94,35,.3); }
.choice-top { display:flex;justify-content:space-between;gap:14px;color:#8a6729;font-size:.68rem;letter-spacing:.1em; }
.choice-card h3 { font-size:clamp(1.45rem,1.75vw,1.9rem);margin:44px 0 16px;max-width:95%; }
.choice-card > p { color:#647168;line-height:1.7; }
.choice-link { position:absolute;left:25px;bottom:25px;color:#765a27;font-size:.78rem; }
.choice-mini {
  height:200px;margin-top:34px;border-radius:20px;
  background:#0c1e14;border:1px solid rgba(7,20,13,.08);
  position:relative;overflow:hidden;
}
.knowledge-mini i {
  position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(213,170,80,.18);
  transition:.45s ease;
}
.knowledge-mini i:nth-child(1){left:16%;top:22%}.knowledge-mini i:nth-child(2){right:16%;top:24%}
.knowledge-mini i:nth-child(3){left:18%;bottom:20%}.knowledge-mini i:nth-child(4){right:18%;bottom:22%}
.knowledge-mini b {
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:80px;height:80px;border-radius:50%;display:grid;place-items:center;
  color:#e0c474;font-size:.62rem;border:1px solid rgba(213,170,80,.28);
}
.choice-card:hover .knowledge-mini i:nth-child(1){left:31%;top:30%}
.choice-card:hover .knowledge-mini i:nth-child(2){right:31%;top:30%}
.choice-card:hover .knowledge-mini i:nth-child(3){left:31%;bottom:29%}
.choice-card:hover .knowledge-mini i:nth-child(4){right:31%;bottom:29%}
.flow-mini { display:flex;align-items:center;justify-content:center;gap:10px;padding:22px; }
.flow-mini span { color:#d2d9d4;font-size:.68rem;padding:11px;border:1px solid rgba(243,240,230,.09);border-radius:10px; }
.flow-mini i { width:25px;height:1px;background:var(--p-gold);transition:.35s ease; }
.choice-card:hover .flow-mini i { width:37px; }
.app-mini { display:grid;grid-template-columns:64px 1fr;padding:14px;gap:10px; }
.app-mini div:first-child { grid-row:1/3;background:rgba(243,240,230,.05);border-radius:10px; }
.app-mini div:nth-child(2),.app-mini div:nth-child(3) { background:rgba(213,170,80,.08);border-radius:10px;transition:.35s ease; }
.choice-card:hover .app-mini div:nth-child(2){transform:translateX(5px)}
.choice-card:hover .app-mini div:nth-child(3){transform:translateX(-4px)}

/* Compact method */
.click-method { background:linear-gradient(180deg,#102419,#07140d);padding:105px 0; }
.click-method-grid { display:grid;grid-template-columns:.9fr 1.2fr auto;gap:45px;align-items:center; }
.click-method h2 { margin:0;max-width:9ch; }
.click-method h2 span { color:var(--p-gold-soft); }
.method-mini-steps { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
.method-mini-steps span { color:#c7d0ca;font-size:.76rem; }
.method-mini-steps i { width:24px;height:1px;background:rgba(213,170,80,.38); }

/* Breadcrumb */
.detail-breadcrumb {
  min-height:58px;display:flex;align-items:center;gap:9px;
  color:#809087;font-size:.74rem;
}
.detail-breadcrumb a:hover { color:var(--p-gold); }
.detail-breadcrumb strong { color:#b7c0ba;font-weight:600; }

/* Detail heroes */
.detail-hero { padding:95px 0 115px; }
.detail-dark { background:linear-gradient(180deg,#07140d,#0a1b12); }
.detail-light-hero { background:var(--p-paper);color:var(--p-ink); }
.detail-hero-grid {
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(510px,1.18fr);
  gap:80px;align-items:center;
}
.detail-hero-reverse .detail-copy { order:2; }
.detail-hero-reverse .detail-stage { order:1; }
.detail-copy h1 { font-size:clamp(3rem,5.2vw,5.7rem);max-width:10.6ch !important; }
.detail-stage { min-height:560px;position:relative;top:auto; }
.detail-light-hero .detail-copy h1 { color:var(--p-ink); }
.dark-lead { color:#5f6c64; }
.light-ghost { border:1px solid rgba(7,20,13,.15);color:var(--p-ink);background:rgba(255,255,255,.34); }

/* Detail light content */
.detail-light { background:var(--p-paper);color:var(--p-ink);padding:105px 0; }
.detail-two-col { display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start; }
.detail-section-heading h2 { max-width:12ch;margin-bottom:0; }
.detail-feature-list { margin-top:0;border-color:rgba(7,20,13,.12); }
.detail-feature-list > div { border-color:rgba(7,20,13,.1); }
.detail-feature-list p { color:#344238 !important; }
.detail-feature-list .feature-row:hover p { color:#152219 !important; }
.principle-box {
  padding:34px;border-radius:26px 26px 48px 26px;
  background:#0c1e14;color:#c5d0c8;border:1px solid rgba(7,20,13,.08);
}
.principle-box p { margin:0;padding:17px 0;border-bottom:1px solid rgba(243,240,230,.08); }
.principle-box p:last-child { border-bottom:0; }
.principle-box strong { color:var(--p-gold-soft); }

/* Outcomes */
.detail-outcomes { background:#07140d;padding:105px 0 118px; }
.outcome-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px; }
.outcome-grid article {
  min-height:245px;padding:25px;border-radius:24px 24px 46px 24px;
  border:1px solid rgba(243,240,230,.075);background:rgba(243,240,230,.025);
}
.outcome-grid span { color:var(--p-gold);font-size:.68rem; }
.outcome-grid h3 { margin:42px 0 13px;font-size:1.2rem; }
.outcome-grid p { color:#8e9d94;line-height:1.65;font-size:.86rem; }

/* Detail prev/next */
.detail-next {
  min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:#9cabA2;font-size:.82rem;
}
.detail-next a:hover { color:var(--p-gold); }
.detail-next .next-main { color:var(--p-gold-soft);font-weight:700; }

/* Application hero preview */
.hero-app-preview {
  min-height:500px;border-radius:38px 38px 72px 38px;
  background:#0b1d13;border:1px solid rgba(7,20,13,.12);overflow:hidden;
  box-shadow:0 30px 70px rgba(12,30,20,.13);
}
.preview-top {
  height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;
  color:#aab6ae;border-bottom:1px solid rgba(243,240,230,.08);font-size:.72rem;
}
.preview-body { display:grid;grid-template-columns:120px 1fr;min-height:442px; }
.preview-body aside { padding:18px;border-right:1px solid rgba(243,240,230,.07);display:grid;align-content:start;gap:12px; }
.preview-body aside i { height:34px;border-radius:9px;background:rgba(243,240,230,.05); }
.preview-main { padding:22px; }
.preview-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.preview-metrics b { display:block;height:92px;border-radius:15px;background:rgba(213,170,80,.08);border:1px solid rgba(213,170,80,.12); }
.preview-chart { height:230px;margin-top:14px;border-radius:18px;background:linear-gradient(145deg,rgba(243,240,230,.035),rgba(213,170,80,.05));border:1px solid rgba(243,240,230,.06); }
.detail-apps { padding-top:105px; }

/* Responsive */
@media(max-width:1080px) {
  .click-hero-grid,.detail-hero-grid,.detail-two-col,.click-method-grid { grid-template-columns:1fr; }
  .detail-hero-reverse .detail-copy,.detail-hero-reverse .detail-stage { order:initial; }
  .choice-grid,.outcome-grid { grid-template-columns:1fr; }
  .choice-heading { grid-template-columns:1fr;gap:18px; }
  .choice-heading > p:last-child { grid-column:1; }
  .click-hero-visual { min-height:480px; }
}
@media(max-width:700px) {
  .click-hero { min-height:auto; }
  .click-hero-grid,.detail-hero { padding-top:62px;padding-bottom:75px; }
  .click-hero-visual { min-height:420px; }
  .route-node { min-width:105px;padding:10px 12px; }
  .rn-a{left:4%}.rn-b{right:4%}.rn-c{right:7%}
  .choice-section,.detail-light,.detail-outcomes { padding-top:78px;padding-bottom:88px; }
  .choice-card { min-height:560px; }
  .detail-next { flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 0; }
  .preview-body { grid-template-columns:82px 1fr; }
  .preview-metrics { grid-template-columns:1fr; }
}


/* =========================================================
   V4.5 – FOUR SERVICE MODEL + PEOPLE LAYER
   ========================================================= */

.choice-grid-four {
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 20px;
}
.choice-grid-four .choice-card {
  min-height: 520px;
}
.process-mini {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:22px;
}
.process-mini span {
  color:#d2d9d4;
  font-size:.68rem;
  padding:11px;
  border:1px solid rgba(243,240,230,.09);
  border-radius:10px;
  transition:.35s ease;
}
.process-mini i {
  width:28px;
  height:1px;
  background:rgba(213,170,80,.48);
  transition:.35s ease;
}
.choice-card:hover .process-mini span {
  border-color:rgba(213,170,80,.28);
  background:rgba(213,170,80,.06);
}
.choice-card:hover .process-mini i { width:42px; }

.four-route .route-node { min-width:132px; }
.route-core-v45 {
  width:205px;
  height:205px;
}
.route-core-v45 span {
  max-width:130px;
  text-align:center;
  line-height:1.35;
}
.rn-1 { left:7%; top:16%; }
.rn-2 { right:7%; top:16%; }
.rn-3 { left:8%; bottom:16%; }
.rn-4 { right:7%; bottom:16%; }
.route-v45-line {
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,rgba(213,170,80,.10),rgba(213,170,80,.46));
  transform-origin:left center;
  z-index:1;
}
.rv45-1 { width:30%; left:24%; top:34%; transform:rotate(22deg); }
.rv45-2 { width:30%; left:49%; top:45%; transform:rotate(-24deg); }
.rv45-3 { width:30%; left:23%; top:67%; transform:rotate(-22deg); }
.rv45-4 { width:30%; left:49%; top:56%; transform:rotate(24deg); }

/* People layer */
.people-layer {
  padding:100px 0;
  background:
    radial-gradient(circle at 82% 28%,rgba(213,170,80,.08),transparent 25%),
    linear-gradient(180deg,#102419,#0b1b12);
}
.people-layer-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:start;
}
.people-layer h2 {
  margin:0;
  max-width:11ch;
}
.people-layer-copy > p {
  margin:0;
  color:#a7b2ab;
  line-height:1.8;
  max-width:720px;
}
.people-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}
.people-tags span {
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(213,170,80,.16);
  background:rgba(213,170,80,.035);
  color:#d6ddd8;
  font-size:.72rem;
}
.overview-people-layer { border-top:1px solid rgba(213,170,80,.08); }

/* Service chain */
.service-chain-section {
  padding:70px 0;
  background:#07140d;
  border-top:1px solid rgba(243,240,230,.06);
  border-bottom:1px solid rgba(243,240,230,.06);
}
.service-chain {
  margin-top:30px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.service-chain span {
  padding:10px 14px;
  border:1px solid rgba(243,240,230,.09);
  border-radius:12px;
  color:#c7d0ca;
  font-size:.75rem;
}
.service-chain span:first-child,
.service-chain span:nth-last-child(1) {
  border-color:rgba(213,170,80,.28);
  color:#e0c77f;
}
.service-chain i {
  width:24px;
  height:1px;
  background:rgba(213,170,80,.34);
}

/* New process detail stage */
.process-discovery-stage {
  min-height:520px;
  padding:28px;
  border-radius:38px 38px 72px 38px;
  border:1px solid rgba(243,240,230,.08);
  background:
    radial-gradient(circle at 50% 45%,rgba(213,170,80,.06),transparent 28%),
    #0b1d13;
  box-shadow:0 30px 70px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
}
.discovery-head {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding-bottom:22px;
  border-bottom:1px solid rgba(243,240,230,.07);
}
.discovery-head small { color:#829188;font-size:.65rem;letter-spacing:.14em; }
.discovery-head strong { color:#e1c77a;font-size:.72rem;letter-spacing:.12em; }
.discovery-map {
  flex:1;
  display:grid;
  grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;
  gap:7px;
  align-items:center;
  padding:46px 0 34px;
}
.discovery-map button {
  min-height:150px;
  border:1px solid rgba(243,240,230,.09);
  border-radius:18px;
  background:rgba(243,240,230,.025);
  color:#d9e0dc;
  padding:16px 12px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  transition:.3s ease;
}
.discovery-map button span { color:#d5aa50;font-size:.65rem; }
.discovery-map button strong { font-size:.86rem; }
.discovery-map button small { color:#829188;line-height:1.45; }
.discovery-map button:hover,
.discovery-map button.is-active {
  transform:translateY(-6px);
  border-color:rgba(213,170,80,.34);
  background:rgba(213,170,80,.07);
}
.discovery-map > i {
  height:1px;
  background:linear-gradient(90deg,rgba(213,170,80,.15),rgba(213,170,80,.48));
}
.discovery-insight {
  padding:18px 20px;
  border-radius:16px;
  background:rgba(213,170,80,.045);
  border:1px solid rgba(213,170,80,.10);
}
.discovery-insight span { color:#d5aa50;font-size:.62rem;letter-spacing:.12em; }
.discovery-insight p { margin:7px 0 0;color:#aab6ae;font-size:.8rem;line-height:1.55; }

/* Process questions */
.process-question-list {
  border-top:1px solid rgba(7,20,13,.12);
}
.process-question-list > div {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:15px;
  padding:18px 0;
  border-bottom:1px solid rgba(7,20,13,.1);
}
.process-question-list span {
  color:#8a6729;
  font-size:.69rem;
  font-weight:800;
}
.process-question-list p {
  margin:0;
  color:#344238;
  line-height:1.55;
}

/* Keep detail people band visually distinct */
.detail-page .people-layer {
  padding:88px 0;
  background:linear-gradient(180deg,#0f2418,#09180f);
}

/* Home four cards helper comes from shared stylesheet too */
@media(max-width:1080px) {
  .choice-grid-four { grid-template-columns:1fr; }
  .people-layer-grid { grid-template-columns:1fr;gap:28px; }
}
@media(max-width:820px) {
  .discovery-map {
    grid-template-columns:1fr;
    padding:28px 0;
  }
  .discovery-map > i {
    width:1px;
    height:18px;
    justify-self:center;
  }
  .discovery-map button { min-height:112px; }
  .service-chain { gap:8px; }
}


/* =========================================================
   V4.6 – CLICK FIRST
   ========================================================= */

.clickfirst-overview {
  background:#07140d;
}
.service-hub {
  min-height:calc(100vh - 125px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 77% 36%, rgba(213,170,80,.07), transparent 25%),
    linear-gradient(180deg,#07140d,#0a1b12);
}
.service-hub-grid {
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
  align-items:center;
  padding-top:46px;
  padding-bottom:30px;
}
.service-hub-copy h1 {
  font-size:clamp(2.8rem,4.6vw,5rem);
  max-width:9.5ch !important;
}
.service-hub-copy > p:not(.eyebrow) {
  color:#9eaba3;
  line-height:1.65;
  max-width:540px;
  margin-bottom:28px;
}
.service-hub-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hub-card {
  min-height:220px;
  padding:22px;
  border-radius:22px 22px 38px 22px;
  border:1px solid rgba(243,240,230,.08);
  background:rgba(243,240,230,.025);
  display:grid;
  grid-template-columns:40px 1fr;
  gap:14px;
  color:#f3f0e6;
  position:relative;
  transition:.3s ease;
}
.hub-card:hover {
  transform:translateY(-6px);
  border-color:rgba(213,170,80,.3);
  background:rgba(213,170,80,.045);
}
.hub-card > span {
  color:#d5aa50;
  font-size:.7rem;
  font-weight:800;
}
.hub-card small {
  color:#839087;
  font-size:.63rem;
  letter-spacing:.1em;
}
.hub-card h3 {
  font-size:1.12rem;
  line-height:1.28;
  margin:15px 0 0;
}
.hub-card > strong {
  grid-column:2;
  align-self:end;
  color:#d8bd74;
  font-size:.72rem;
}
.service-hub-people {
  border-top:1px solid rgba(213,170,80,.08);
  margin-top:auto;
}
.service-hub-people .lp-wrap {
  min-height:72px;
  display:flex;
  gap:32px;
  align-items:center;
}
.service-hub-people span {
  color:#d5aa50;
  font-size:.62rem;
  letter-spacing:.12em;
  font-weight:800;
}
.service-hub-people p {
  margin:0;
  color:#87968d;
  font-size:.76rem;
}

/* Detail screens */
.detail-clickfirst {
  background:#07140d;
  min-height:calc(100vh - 125px);
}
.detail-screen {
  min-height:calc(100vh - 260px);
  display:flex;
  align-items:center;
}
.detail-screen-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}
.detail-screen-copy h1 {
  font-size:clamp(2.8rem,4.5vw,5rem);
  max-width:10ch !important;
}
.detail-intro {
  color:#9eaba3;
  line-height:1.7;
  max-width:560px;
  margin-bottom:26px;
}
.detail-click-card {
  border:1px solid rgba(243,240,230,.09);
  background:rgba(243,240,230,.025);
  border-radius:28px 28px 52px 28px;
  padding:18px;
  min-height:430px;
  display:flex;
  flex-direction:column;
}
.detail-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(243,240,230,.07);
}
.detail-tab {
  border:0;
  border-radius:11px;
  background:transparent;
  color:#819087;
  padding:11px 8px;
  cursor:pointer;
  font:inherit;
  font-size:.72rem;
  transition:.25s ease;
}
.detail-tab:hover,
.detail-tab.active {
  color:#f0dfac;
  background:rgba(213,170,80,.08);
}
.detail-tab-content {
  flex:1;
  display:flex;
  align-items:center;
  padding:28px 16px;
}
.detail-tab-panel p {
  font-size:clamp(1.08rem,1.6vw,1.42rem);
  line-height:1.65;
  color:#ccd4cf;
  max-width:720px;
  margin:0;
}
.detail-people-chip {
  padding:16px 18px;
  border-radius:14px;
  background:rgba(213,170,80,.045);
  border:1px solid rgba(213,170,80,.09);
}
.detail-people-chip span {
  color:#d5aa50;
  font-size:.6rem;
  letter-spacing:.12em;
  font-weight:800;
}
.detail-people-chip p {
  margin:6px 0 0;
  color:#8e9d94;
  font-size:.75rem;
}
.detail-next-v46 {
  min-height:78px;
  border-top:1px solid rgba(243,240,230,.06);
}

/* Wissen */
.wissen-hub {
  min-height:calc(100vh - 125px);
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 80% 25%,rgba(213,170,80,.06),transparent 22%),
    #07140d;
}
.wissen-hub-grid {
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:70px;
  align-items:center;
}
.wissen-hub-copy h1 {
  font-size:clamp(2.8rem,4.5vw,4.8rem);
  max-width:10ch !important;
}
.wissen-hub-copy > p:not(.eyebrow) {
  color:#95a29a;
  line-height:1.7;
  max-width:520px;
}
.wissen-options {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.wissen-card {
  min-height:390px;
  padding:22px;
  border-radius:22px 22px 42px 22px;
  border:1px solid rgba(243,240,230,.08);
  background:rgba(243,240,230,.025);
  display:flex;
  flex-direction:column;
}
.wissen-card > span { color:#d5aa50;font-size:.66rem; }
.wissen-card h3 { margin:38px 0 14px;font-size:1.35rem; }
.wissen-card > p { color:#8f9c94;line-height:1.6;font-size:.82rem; }
.wissen-card > small { margin-top:auto;color:#65736b;font-size:.63rem;letter-spacing:.12em; }
.partner-card-v46 {
  border-color:rgba(213,170,80,.22);
  background:rgba(213,170,80,.035);
}
.partner-card-v46 > a {
  margin-top:auto;
  padding:14px;
  border-radius:14px;
  background:#0b1d13;
  border:1px solid rgba(213,170,80,.12);
  display:grid;
  gap:4px;
}
.partner-card-v46 > a strong { color:#f2eee3; }
.partner-card-v46 > a small { color:#89968e; }
.partner-card-v46 > a b { margin-top:10px;color:#d8bd74;font-size:.72rem; }
.affiliate-note-v46 { font-size:.68rem !important; margin-top:10px !important; }

/* Footer V4.6 */
.footer-v46 {
  background:#06120c;
  border-top:1px solid rgba(213,170,80,.10);
}
.footer-shell {
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:54px 0 24px;
}
.footer-main-v46 {
  display:grid;
  grid-template-columns:1.6fr .8fr .8fr .8fr;
  gap:52px;
  align-items:start;
}
.footer-brand-v46 {
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.footer-brand-v46 img {
  width:68px;
  height:68px;
  object-fit:contain;
}
.footer-brand-v46 > div {
  display:grid;
  gap:4px;
}
.footer-brand-v46 strong {
  color:#f3f0e6;
  letter-spacing:.1em;
}
.footer-brand-v46 span {
  color:#c8d0ca;
  font-size:.8rem;
}
.footer-brand-v46 p {
  color:#74837a;
  max-width:280px;
  font-size:.72rem;
  line-height:1.5;
  margin:7px 0 0;
}
.footer-column {
  display:grid;
  gap:9px;
}
.footer-column > strong {
  color:#d5aa50;
  font-size:.64rem;
  letter-spacing:.14em;
  margin-bottom:5px;
}
.footer-column a {
  color:#b9c3bc;
  font-size:.77rem;
  transition:.2s ease;
}
.footer-column a:hover { color:#f1d890; }

.footer-partners-v46 {
  margin-top:40px;
  padding:22px 0;
  border-top:1px solid rgba(243,240,230,.07);
  border-bottom:1px solid rgba(243,240,230,.07);
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:24px 48px;
  align-items:center;
}
.partner-heading span {
  color:#d5aa50;
  font-size:.63rem;
  letter-spacing:.14em;
  font-weight:800;
}
.partner-heading p {
  color:#74837a;
  font-size:.72rem;
  margin:6px 0 0;
}
.partner-link {
  display:grid;
  grid-template-columns:1fr 1.4fr auto;
  gap:18px;
  align-items:center;
  padding:13px 16px;
  border-radius:14px;
  border:1px solid rgba(213,170,80,.12);
  background:rgba(213,170,80,.025);
}
.partner-name { color:#f3f0e6;font-weight:700; }
.partner-role { color:#87958d;font-size:.72rem; }
.partner-link strong { color:#d7bd75;font-size:.72rem; }
.partner-note {
  grid-column:2;
  margin:0;
  color:#647269;
  font-size:.65rem;
  line-height:1.5;
}
.footer-bottom-v46 {
  min-height:56px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  color:#68766e;
  font-size:.68rem;
}

/* hide old duplicate Hostinger components if any remain */
.hostinger-recommendation { display:none !important; }

@media(max-width:1050px) {
  .service-hub-grid,.detail-screen-grid,.wissen-hub-grid { grid-template-columns:1fr;gap:36px; }
  .service-hub { min-height:auto; }
  .service-hub-grid { padding:55px 0; }
  .wissen-options { grid-template-columns:1fr; }
  .footer-main-v46 { grid-template-columns:1fr 1fr; }
  .footer-partners-v46 { grid-template-columns:1fr; }
  .partner-note { grid-column:1; }
}
@media(max-width:720px) {
  .service-hub-cards { grid-template-columns:1fr; }
  .service-hub-people .lp-wrap { flex-direction:column;align-items:flex-start;justify-content:center;padding:16px 0;gap:6px; }
  .detail-tabs { grid-template-columns:1fr 1fr; }
  .detail-screen { min-height:auto;padding:45px 0; }
  .footer-main-v46 { grid-template-columns:1fr;gap:28px; }
  .partner-link { grid-template-columns:1fr;gap:5px; }
  .footer-bottom-v46 { flex-direction:column;align-items:flex-start;padding-top:18px; }
}


/* =========================================================
   V4.7 – ELEGANT / VIEWPORT / QUIET
   ========================================================= */

/* Development hint stays available in code, but is visually removed. */
.dev-banner { display:none !important; }

html, body {
  min-height:100%;
}
body.premium-services-page {
  background:#06110b;
}
.v47-overview {
  min-height:0;
}

/* Keep the entire overview inside the viewport on desktop */
@media (min-width: 980px) {
  body.services-overview-page {
    min-height:100vh;
    display:grid;
    grid-template-rows:auto 1fr auto;
    overflow:hidden;
  }

  body.services-overview-page .site-header {
    min-height:66px;
  }

  body.services-overview-page .v47-overview {
    min-height:0;
    overflow:hidden;
  }

  body.services-overview-page .footer-v46 {
    flex-shrink:0;
  }
}

/* Main screen */
.service-hub-v47 {
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:1fr auto;
  background:
    radial-gradient(circle at 72% 38%,rgba(213,170,80,.045),transparent 26%),
    linear-gradient(180deg,#07140d 0%,#08170f 100%);
  position:relative;
  overflow:hidden;
}

.service-hub-v47::before {
  content:"";
  position:absolute;
  right:6%;
  top:10%;
  width:420px;
  height:420px;
  border-radius:50%;
  border:1px solid rgba(213,170,80,.035);
  box-shadow:
    0 0 0 70px rgba(213,170,80,.012),
    0 0 0 140px rgba(213,170,80,.007);
  pointer-events:none;
}

.service-hub-v47-grid {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(290px,.72fr) minmax(560px,1.28fr);
  gap:64px;
  align-items:center;
  padding-top:28px;
  padding-bottom:22px;
  position:relative;
  z-index:2;
}

/* Smaller and calmer left side */
.service-hub-v47-copy {
  align-self:center;
  max-width:500px;
}

.service-hub-v47-copy h1 {
  font-size:clamp(2.45rem,3.8vw,4.45rem) !important;
  line-height:.98;
  letter-spacing:-.045em;
  max-width:8.8ch !important;
  margin:14px 0 20px;
}

.service-hub-v47-lead {
  color:#99a69e;
  line-height:1.65;
  font-size:clamp(.86rem,1vw,.98rem);
  max-width:440px;
  margin:0;
}

.service-hub-v47-actions {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:26px;
  flex-wrap:wrap;
}

.service-hub-v47-actions .button {
  min-height:42px;
  padding:0 18px;
  font-size:.75rem;
}

.quiet-note {
  color:#64736a;
  font-size:.68rem;
  line-height:1.45;
  max-width:210px;
}

/* Right panel: four quiet interactive rows instead of bulky cards */
.service-hub-v47-panel {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-content:center;
}

.service-hub-v47-line {
  position:absolute;
  left:50%;
  top:8%;
  bottom:8%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(213,170,80,.14),transparent);
  transform:translateX(-50%);
  pointer-events:none;
}

.hub-card-v47 {
  min-height:148px;
  padding:19px 20px 17px;
  border:1px solid rgba(243,240,230,.065);
  border-radius:18px;
  background:rgba(243,240,230,.018);
  color:#f3f0e6;
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:14px;
  align-items:start;
  position:relative;
  overflow:hidden;
  transition:
    transform .32s ease,
    border-color .32s ease,
    background .32s ease,
    box-shadow .32s ease;
}

.hub-card-v47::after {
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(213,170,80,.28),transparent);
  transform:scaleX(0);
  transition:transform .35s ease;
}

.hub-card-v47:hover {
  transform:translateY(-4px);
  border-color:rgba(213,170,80,.22);
  background:rgba(213,170,80,.035);
  box-shadow:0 16px 32px rgba(0,0,0,.11);
}
.hub-card-v47:hover::after {
  transform:scaleX(1);
}

.hub-index {
  color:#d5aa50;
  font-size:.62rem;
  font-weight:800;
  padding-top:2px;
}

.hub-card-v47-copy small {
  color:#74827a;
  font-size:.58rem;
  letter-spacing:.11em;
}

.hub-card-v47-copy h3 {
  margin:14px 0 0;
  font-size:clamp(.95rem,1.12vw,1.18rem);
  line-height:1.3;
  max-width:22ch;
  font-weight:650;
}

.hub-arrow {
  color:#8f7d50;
  font-size:.8rem;
  transition:transform .3s ease,color .3s ease;
}
.hub-card-v47:hover .hub-arrow {
  transform:translate(2px,-2px);
  color:#d5aa50;
}

/* subtle alternation for less static composition */
.hub-card-v47:nth-of-type(2),
.hub-card-v47:nth-of-type(5) {
  transform:translateY(7px);
}
.hub-card-v47:nth-of-type(2):hover,
.hub-card-v47:nth-of-type(5):hover {
  transform:translateY(2px);
}

/* Bottom orientation rail */
.service-hub-v47-foot {
  border-top:1px solid rgba(243,240,230,.055);
  background:rgba(5,15,9,.42);
}

.service-hub-v47-foot .lp-wrap {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.service-hub-v47-foot-label {
  color:#b99a4f;
  font-size:.58rem;
  letter-spacing:.11em;
  white-space:nowrap;
}

.service-hub-v47-foot-copy {
  color:#647269;
  font-size:.62rem;
  text-align:right;
}

/* Footer: much calmer, flatter, less vertical space */
@media (min-width: 980px) {
  .footer-v46 .footer-shell {
    padding:22px 0 14px;
  }

  .footer-main-v46 {
    grid-template-columns:1.35fr .8fr .72fr .72fr;
    gap:34px;
  }

  .footer-brand-v46 img {
    width:48px;
    height:48px;
  }

  .footer-brand-v46 p {
    display:none;
  }

  .footer-brand-v46 span,
  .footer-column a {
    font-size:.68rem;
  }

  .footer-column {
    gap:6px;
  }

  .footer-column > strong {
    font-size:.56rem;
  }

  .footer-partners-v46 {
    margin-top:16px;
    padding:10px 0;
    grid-template-columns:1fr 1.3fr;
    gap:10px 30px;
  }

  .partner-heading p {
    display:none;
  }

  .partner-link {
    padding:8px 12px;
    border-radius:10px;
  }

  .partner-note {
    font-size:.56rem;
  }

  .footer-bottom-v46 {
    min-height:31px;
    align-items:end;
    font-size:.58rem;
  }
}

/* Motion: quiet and restrained */
@keyframes v47Float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-3px); }
}

@media (prefers-reduced-motion:no-preference) and (min-width:980px) {
  .hub-card-v47:nth-child(2) { animation:v47Float 8s ease-in-out infinite; }
  .hub-card-v47:nth-child(4) { animation:v47Float 9s ease-in-out infinite 1.2s; }
}

/* Shorter desktop heights */
@media (min-width:980px) and (max-height:820px) {
  .service-hub-v47-grid {
    padding-top:14px;
    padding-bottom:12px;
    gap:46px;
  }

  .service-hub-v47-copy h1 {
    font-size:clamp(2.15rem,3.35vw,3.8rem) !important;
    margin-bottom:14px;
  }

  .service-hub-v47-lead {
    font-size:.82rem;
  }

  .service-hub-v47-actions {
    margin-top:18px;
  }

  .hub-card-v47 {
    min-height:116px;
    padding:14px 16px 13px;
  }

  .hub-card-v47-copy h3 {
    margin-top:8px;
    font-size:.92rem;
  }

  .service-hub-v47-foot .lp-wrap {
    min-height:38px;
  }

  .footer-v46 .footer-shell {
    padding-top:14px;
  }

  .footer-partners-v46 {
    margin-top:10px;
    padding:7px 0;
  }
}

/* Tablet/mobile can scroll naturally */
@media (max-width:979px) {
  body.services-overview-page {
    overflow:auto;
  }

  .service-hub-v47-grid {
    grid-template-columns:1fr;
    padding-top:52px;
    padding-bottom:38px;
  }

  .service-hub-v47-copy h1 {
    max-width:10ch !important;
  }

  .service-hub-v47-panel {
    grid-template-columns:1fr 1fr;
  }

  .service-hub-v47-line { display:none; }
}

@media (max-width:680px) {
  .service-hub-v47-panel {
    grid-template-columns:1fr;
  }

  .hub-card-v47 {
    min-height:126px;
  }

  .hub-card-v47:nth-of-type(2),
  .hub-card-v47:nth-of-type(5) {
    transform:none;
  }

  .service-hub-v47-foot .lp-wrap {
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
    padding:12px 0;
  }

  .service-hub-v47-foot-label {
    white-space:normal;
  }

  .service-hub-v47-foot-copy {
    text-align:left;
  }
}

.service-hub-v47-panel{transition:transform .28s ease;transform-style:preserve-3d;}