/* =====================================================================
   BOOST SIGNATURE JOURNEY
   Loader → Hero-Signal → Leistungsbühne → Projektaufbau → Arbeiten-Portal
   ===================================================================== */

body.boost-loading{overflow:hidden}

/* Signature Loader */
.boost-loader{--load:#3150ff;position:fixed;z-index:10000;inset:0;overflow:hidden;background:#03050a;color:#fff;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;transition:visibility 0s linear 1.05s}
.boost-loader::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(49,80,255,.24),transparent 30%),linear-gradient(115deg,transparent 44%,rgba(49,80,255,.08) 50%,transparent 56%);animation:boostLoaderPulse 1.5s ease-in-out infinite}
.boost-loader__grid{position:absolute;inset:-25%;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:clamp(46px,6vw,92px) clamp(46px,6vw,92px);transform:perspective(700px) rotateX(64deg) translateY(30%);transform-origin:center bottom}
.boost-loader__head,.boost-loader__foot{position:absolute;z-index:4;left:clamp(20px,4vw,62px);right:clamp(20px,4vw,62px);display:flex;align-items:center;justify-content:space-between;font-size:clamp(8px,.65vw,11px);letter-spacing:.16em}.boost-loader__head{top:clamp(22px,4vw,56px);padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.22)}.boost-loader__foot{bottom:clamp(24px,4vw,58px)}
.boost-loader__foot>i{position:absolute;left:54px;right:150px;height:1px;background:rgba(255,255,255,.18);overflow:hidden}.boost-loader__foot b{display:block;width:100%;height:100%;background:var(--load);box-shadow:0 0 22px var(--load);transform:scaleX(0);transform-origin:left;animation:boostLoadBar 1.55s cubic-bezier(.16,1,.3,1) forwards}
.boost-loader__signal{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-8deg)}.boost-loader__signal i{position:absolute;width:min(76vw,1120px);height:1px;background:linear-gradient(90deg,transparent,var(--load),transparent);box-shadow:0 0 34px rgba(49,80,255,.9);animation:boostSignal 1.2s cubic-bezier(.16,1,.3,1) both}.boost-loader__signal i:nth-child(2){transform:rotate(90deg);width:min(42vw,660px);animation-delay:.12s}.boost-loader__signal i:nth-child(3){width:min(24vw,350px);transform:rotate(45deg);animation-delay:.2s}
.boost-loader__core{position:absolute;z-index:3;inset:0;display:grid;place-content:center;text-align:center}.boost-loader__core small{color:#7f94ff;font-size:9px;letter-spacing:.32em;margin-bottom:22px}.boost-loader__core strong{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;font-weight:900;line-height:.74;letter-spacing:-.075em}.boost-loader__core strong span:first-child{font-size:clamp(86px,18vw,270px);animation:boostWordIn .9s cubic-bezier(.16,1,.3,1) both}.boost-loader__core strong span:last-child{font-size:clamp(22px,4vw,62px);letter-spacing:.32em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.8);animation:boostWordIn .9s cubic-bezier(.16,1,.3,1) .12s both}.boost-loader__core p{margin-top:42px;font-size:8px;letter-spacing:.24em;color:rgba(255,255,255,.62)}.boost-loader__core p i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--load);box-shadow:0 0 14px var(--load);animation:boostBlink .7s steps(2) infinite}
.boost-loader.is-leaving{pointer-events:none;visibility:hidden}.boost-loader.is-leaving .boost-loader__core{animation:boostLoaderCoreOut .75s cubic-bezier(.77,0,.18,1) both}.boost-loader.is-leaving .boost-loader__grid{animation:boostGridOut .85s cubic-bezier(.77,0,.18,1) both}.boost-loader.is-leaving::after{content:"";position:absolute;z-index:8;left:0;right:0;top:50%;height:2px;background:var(--load);box-shadow:0 0 35px var(--load);animation:boostExitLine 1s cubic-bezier(.77,0,.18,1) both}

/* Hero continuation */
.hero-signal-line{position:absolute;z-index:6;left:0;right:0;top:50%;height:1px;background:rgba(49,80,255,.14);transform:scaleX(0);transform-origin:left}.boost-loaded .hero-signal-line{animation:heroSignalIn 1.15s cubic-bezier(.16,1,.3,1) .05s forwards}.hero-signal-line i{position:absolute;right:23%;top:-4px;width:9px;height:9px;border-radius:50%;background:#3150ff;box-shadow:0 0 0 7px rgba(49,80,255,.1),0 0 26px #3150ff}.hero-coordinate{position:absolute;z-index:3;right:3.4vw;top:22%;font:8px/1 ui-monospace,monospace;letter-spacing:.18em;color:var(--muted);writing-mode:vertical-rl}.boost-loaded .hero-title .line{will-change:transform}.hero::after{content:"";position:absolute;z-index:1;width:clamp(300px,45vw,720px);aspect-ratio:1;right:-14%;top:17%;border-radius:50%;background:radial-gradient(circle,rgba(49,80,255,.18),rgba(49,80,255,.04) 38%,transparent 68%);filter:blur(8px);transform:translate3d(calc(var(--mx,0) * -12px),calc(var(--my,0) * -12px + var(--hero-scroll,0) * 80px),0);pointer-events:none}.boost-loaded .brief{box-shadow:0 36px 110px -62px rgba(49,80,255,.8)}

/* Scrollgesteuerte Leistungsbühne */
.service-experience{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(0,1.12fr);gap:clamp(28px,5vw,78px);align-items:start;margin-top:58px}.service-experience .service-stack{margin-top:0}.service-experience .service-card{position:relative;top:auto!important;min-height:72vh;grid-template-columns:1fr;gap:38px;padding:clamp(32px,5vw,68px);align-content:space-between;opacity:.38;transform:scale(.975);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.service-experience .service-card.is-service-active{opacity:1;transform:scale(1);box-shadow:0 42px 100px -62px rgba(18,22,45,.7)}.service-experience .service-card__title h3{margin-top:clamp(32px,10vh,110px)}
.service-visual{--service-accent:#3150ff;position:sticky;top:106px;height:calc(100vh - 132px);min-height:580px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#070912;color:#fff;box-shadow:0 36px 90px -55px #000}.service-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.service-visual::after{content:"";position:absolute;width:66%;aspect-ratio:1;border:1px solid rgba(72,98,255,.34);border-radius:50%;left:18%;top:25%;box-shadow:0 0 80px rgba(49,80,255,.1);animation:serviceOrbit 12s linear infinite}.service-visual__top,.service-visual__foot{position:absolute;z-index:8;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font:8px/1 ui-monospace,monospace;letter-spacing:.14em;color:rgba(255,255,255,.62)}.service-visual__top{top:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.16)}.service-visual__top b{font-weight:500;color:#91a0ff}.service-visual__foot{bottom:22px}.service-visual__foot>i{position:absolute;left:125px;right:54px;height:1px;background:rgba(255,255,255,.16)}.service-visual__foot b{display:block;width:33.333%;height:100%;background:var(--service-accent);box-shadow:0 0 13px var(--service-accent);transition:transform .55s ease;transform-origin:left}.service-visual[data-service="02"] .service-visual__foot b{transform:translateX(100%)}.service-visual[data-service="03"] .service-visual__foot b{transform:translateX(200%)}
.service-scene{position:absolute;z-index:3;inset:72px 24px 58px;display:grid;place-items:center;opacity:0;transform:translateY(35px) scale(.95);transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}.service-visual[data-service="01"] .service-scene--web,.service-visual[data-service="02"] .service-scene--brand,.service-visual[data-service="03"] .service-scene--content{opacity:1;transform:none}.service-scene>strong{position:absolute;left:2px;bottom:8%;font-size:clamp(42px,5vw,76px);line-height:.82;letter-spacing:-.065em}.scene-browser{position:absolute;right:1%;top:18%;width:80%;height:50%;border:1px solid rgba(255,255,255,.5);border-radius:10px;background:rgba(5,8,18,.72);box-shadow:18px 22px 0 rgba(49,80,255,.18)}.scene-browser>i{position:relative;display:inline-block;width:5px;height:5px;margin:11px 0 0 5px;border-radius:50%;background:#7589ff}.scene-browser b,.scene-browser em{position:absolute;left:10%;right:10%;display:block}.scene-browser b{top:26%;height:24%;background:linear-gradient(90deg,#3150ff 0 57%,rgba(255,255,255,.12) 57%)}.scene-browser em{top:59%;height:6%;border-top:5px solid rgba(255,255,255,.78);border-bottom:5px solid rgba(255,255,255,.18)}
.scene-mark{position:absolute;top:18%;width:58%;aspect-ratio:1}.scene-mark i{position:absolute;inset:0;border:2px solid #7e91ff;transform:rotate(45deg);animation:brandMorph 5s ease-in-out infinite}.scene-mark i+ i{inset:18%;border-radius:50%;border-color:#fff;animation-delay:-1.5s}.scene-swatches{position:absolute;right:0;bottom:11%;display:flex;gap:7px}.scene-swatches i{width:30px;aspect-ratio:1;border-radius:50%;background:#3150ff}.scene-swatches i:nth-child(2){background:#ff6a45}.scene-swatches i:nth-child(3){background:#f4eedf}.scene-reel{position:absolute;right:5%;top:8%;height:73%;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:radial-gradient(circle at 70% 30%,#3150ff,transparent 22%),linear-gradient(150deg,#181c2e,#05060a);overflow:hidden}.scene-reel i{position:absolute;width:140%;height:1px;left:-20%;top:52%;background:#fff;box-shadow:0 0 26px #6076ff;transform:rotate(-24deg);animation:reelSweep 2.2s ease-in-out infinite}.scene-reel b,.scene-reel em{position:absolute;font:7px/1 ui-monospace,monospace;letter-spacing:.1em}.scene-reel b{left:12px;top:12px}.scene-reel em{right:12px;bottom:12px;color:#91a0ff}

/* Animierter Ablauf */
.process-build{margin-top:32px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 24px 60px -42px rgba(49,80,255,.65)}.process-build__bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid var(--line)}.process-build__bar i{width:5px;height:5px;border-radius:50%;background:var(--muted)}.process-build__bar span{margin:auto;font:7px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.process-build__canvas{position:relative;height:210px;padding:18px;background:linear-gradient(145deg,rgba(49,80,255,.04),transparent)}.process-build__canvas span{position:absolute;display:block;border-radius:3px;transition:all .65s cubic-bezier(.16,1,.3,1)}.build-nav{left:18px;right:18px;top:18px;height:7px;border-top:1px dashed var(--muted);opacity:.45}.build-title{left:18px;top:56px;width:45%;height:28px;border:1px dashed var(--muted)}.build-copy{left:18px;top:96px;width:34%;height:18px;border-top:2px solid var(--muted);border-bottom:2px solid var(--muted);opacity:.5}.build-button{left:18px;top:130px;width:22%;height:22px;border:1px dashed var(--muted)}.build-media{right:18px;top:48px;width:42%;height:108px;border:1px dashed var(--muted);background:transparent}.build-live{right:10px!important;top:9px!important;font:6px/1 ui-monospace,monospace;color:#fff;background:#22a866;padding:5px 7px;opacity:0;transform:scale(.6)}.process-build__label{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line);font:7px/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.process-build__label b{color:var(--accent-solid)}
#ablauf[data-process-stage="2"] .build-title,#ablauf[data-process-stage="2"] .build-button{border-style:solid;border-color:#3150ff;background:rgba(49,80,255,.1)}#ablauf[data-process-stage="2"] .build-media{border-style:solid;border-color:#3150ff;background:linear-gradient(135deg,rgba(49,80,255,.15),transparent)}#ablauf[data-process-stage="3"] .build-title{border:0;background:var(--ink);height:33px}#ablauf[data-process-stage="3"] .build-copy{border-color:var(--ink);opacity:.7}#ablauf[data-process-stage="3"] .build-button{border:0;background:#3150ff}#ablauf[data-process-stage="3"] .build-media{border:0;background:radial-gradient(circle at 65% 30%,#6479ff,transparent 23%),linear-gradient(145deg,#171b2d,#05060a);box-shadow:12px 12px 0 rgba(49,80,255,.13)}#ablauf[data-process-stage="4"] .process-build__canvas{background:#f7f5ef}#ablauf[data-process-stage="4"] .build-title{border:0;background:#151515;height:33px}#ablauf[data-process-stage="4"] .build-copy{border-color:#555}#ablauf[data-process-stage="4"] .build-button{border:0;background:#3150ff}#ablauf[data-process-stage="4"] .build-media{border:0;background:radial-gradient(circle at 65% 30%,#6479ff,transparent 23%),linear-gradient(145deg,#171b2d,#05060a)}#ablauf[data-process-stage="4"] .build-live{opacity:1;transform:scale(1)}

/* Portal in die Arbeiten */
.boost-portal{--portal-progress:0;height:320vh;position:relative;background:#05060a;color:#fff}.boost-portal__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,rgba(49,80,255,calc(.08 + var(--portal-progress) * .24)),transparent 45%),#05060a}.boost-portal__pin::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:7vw 7vw;transform:perspective(800px) rotateX(calc(64deg - var(--portal-progress) * 40deg)) scale(calc(1 + var(--portal-progress) * .8));transform-origin:center bottom}.boost-portal__signal{position:absolute;z-index:5;inset:0;display:grid;place-items:center;pointer-events:none}.boost-portal__signal i{display:block;width:calc(var(--portal-progress) * 100%);height:1px;background:#3150ff;box-shadow:0 0 30px #3150ff}.boost-portal__copy{position:absolute;z-index:4;left:max(5vw,24px);top:50%;transform:translateY(calc(-50% - var(--portal-progress) * 70px));opacity:calc(1 - var(--portal-progress) * 1.5);max-width:760px}.boost-portal__copy .eyebrow{color:#91a0ff}.boost-portal__copy h2{font-size:clamp(56px,8.5vw,132px);line-height:.82;letter-spacing:-.075em;margin:24px 0}.boost-portal__copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62)}.boost-portal__copy p{font-size:clamp(15px,1.4vw,21px);color:rgba(255,255,255,.6)}
.boost-portal__window{position:absolute;z-index:3;width:min(82vw,1180px);height:min(72vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:calc(28px - var(--portal-progress) * 25px);background:#111522;box-shadow:0 0 calc(20px + var(--portal-progress) * 100px) rgba(49,80,255,.38);transform:perspective(1000px) translateZ(0) scale(calc(.2 + var(--portal-progress) * 1.18)) rotateX(calc(8deg - var(--portal-progress) * 8deg));opacity:calc(.15 + var(--portal-progress) * 1.4)}.portal-chrome{height:40px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#090b11;border-bottom:1px solid rgba(255,255,255,.14)}.portal-chrome span{width:6px;height:6px;border-radius:50%;background:#3150ff}.portal-chrome b{margin-left:auto;font:7px/1 ui-monospace,monospace;letter-spacing:.14em;color:rgba(255,255,255,.55)}.portal-worlds{height:calc(100% - 40px);display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.portal-worlds figure{position:relative;margin:0;overflow:hidden}.portal-worlds img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.7);transform:scale(calc(1.15 - var(--portal-progress) * .08))}.portal-worlds figcaption{position:absolute;left:20px;bottom:18px;font:9px/1 ui-monospace,monospace;letter-spacing:.2em}.boost-portal__window>strong{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:clamp(56px,9vw,130px);line-height:.78;letter-spacing:-.07em;text-shadow:0 4px 40px #000;opacity:calc(1 - var(--portal-progress) * 1.35)}.boost-portal__progress{position:absolute;z-index:8;left:max(5vw,24px);right:max(5vw,24px);bottom:28px;display:flex;align-items:center;gap:18px;font:8px/1 ui-monospace,monospace;letter-spacing:.16em;color:rgba(255,255,255,.58)}.boost-portal__progress i{flex:1;height:1px;background:rgba(255,255,255,.18)}.boost-portal__progress b{display:block;width:100%;height:100%;background:#3150ff;box-shadow:0 0 14px #3150ff;transform:scaleX(var(--portal-progress));transform-origin:left}

@keyframes boostLoadBar{to{transform:scaleX(1)}}@keyframes boostSignal{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}@keyframes boostWordIn{from{opacity:0;transform:translateY(80px) skewY(8deg)}to{opacity:1;transform:none}}@keyframes boostBlink{50%{opacity:.25}}@keyframes boostLoaderPulse{50%{opacity:.6}}@keyframes boostLoaderCoreOut{to{opacity:0;transform:scale(1.35);filter:blur(12px)}}@keyframes boostGridOut{to{opacity:0;transform:perspective(700px) rotateX(30deg) scale(2)}}@keyframes boostExitLine{0%{transform:scaleX(.05)}60%{transform:scaleX(1)}100%{transform:scaleX(1) scaleY(600);opacity:0}}@keyframes heroSignalIn{to{transform:scaleX(1)}}@keyframes serviceOrbit{to{transform:rotate(360deg)}}@keyframes brandMorph{50%{border-radius:50%;transform:rotate(135deg) scale(.76)}}@keyframes reelSweep{50%{top:28%;transform:rotate(18deg)}}

/* Die gefüllte Portalzeile vermeidet unruhige Doppelkonturen bei kleinen Buchstaben. */
.boost-portal__copy h2 em{color:#f5f3ee;-webkit-text-stroke:0;text-shadow:0 10px 38px rgba(49,80,255,.22)}

@media (max-width:900px){
  .boost-loader__foot>i{left:42px;right:128px}.boost-loader__core strong span:last-child{letter-spacing:.2em}.hero-coordinate{display:none}.service-experience{grid-template-columns:1fr;gap:24px}.service-visual{position:relative;top:auto;height:62vh;min-height:460px}.service-experience .service-card{min-height:0;opacity:1;transform:none}.process-build{max-width:520px}.boost-portal{height:230vh}.boost-portal__window{width:90vw;height:58vh}.boost-portal__copy{right:24px}.portal-worlds figure:nth-child(3){display:none}.portal-worlds{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.service-visual{height:520px}.service-scene>strong{font-size:48px}.scene-browser{width:88%}.boost-portal__copy h2{font-size:52px}.boost-portal__window{height:52vh}.portal-worlds figure:nth-child(2){display:none}.portal-worlds{grid-template-columns:1fr}.boost-loader__head span:last-child,.boost-loader__foot span:last-child{display:none}.boost-loader__foot>i{right:0}}

@media (prefers-reduced-motion:reduce){
  body.boost-loading{overflow:auto}.boost-loader{animation:none;transition:opacity .15s linear,visibility 0s linear .15s}.boost-loader__grid,.boost-loader::before,.boost-loader__signal i,.boost-loader__core strong span,.boost-loader__core p i,.boost-loader__foot b,.service-visual::after,.scene-mark i,.scene-reel i{animation:none!important}.boost-loader.is-leaving{opacity:0}.boost-loader.is-leaving::after{display:none}.hero-signal-line{transform:scaleX(1)!important;animation:none!important}.service-experience .service-card{opacity:1;transform:none;transition:none}.service-scene{transition:none}.boost-portal{height:auto;min-height:100vh}.boost-portal__pin{position:relative;min-height:100vh}.boost-portal__pin::before{transform:none}.boost-portal__copy{position:relative;transform:none;opacity:1;margin:-46vh 24px 0}.boost-portal__window{transform:none;opacity:.35}.boost-portal__progress b{transform:scaleX(1)}
}