/* =========================================================
   cloudnetz – Home
   Startseite, Hero-Slider, Quick-Links und Multistreaming-Teaser
   Aus style-v38.css modularisiert.
   ========================================================= */

/* Startseite 2026: visuelle Produktgeschichte */
.home-v2-live-dot,.footer-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.8);animation:homeV2Pulse 2.2s ease-in-out infinite}
.home-v2{overflow:hidden}.home-v2 .section{padding:105px 0}.home-v2-hero{position:relative;padding:105px 0 82px;isolation:isolate}.home-v2-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(15px);pointer-events:none}.home-v2-glow-a{width:620px;height:620px;right:-120px;top:-110px;background:radial-gradient(circle,rgba(0,191,243,.13),transparent 67%)}.home-v2-glow-b{width:420px;height:420px;left:-240px;bottom:-120px;background:radial-gradient(circle,rgba(124,58,237,.1),transparent 68%)}.home-v2-hero-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(520px,1.17fr);align-items:center;gap:72px}.home-v2-hero-copy h1{margin:18px 0 22px;font-size:clamp(3.5rem,6.4vw,6.5rem);line-height:.91;letter-spacing:-.065em}.home-v2-hero-copy>p{max-width:590px;margin:0;color:var(--muted);font-size:clamp(1.04rem,1.35vw,1.23rem);line-height:1.65}.home-v2-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:10px}.home-v2-hero-copy .cta-row{justify-content:flex-start;margin-top:30px}.home-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.home-v2-stats div{padding:13px 14px;border-left:1px solid var(--border)}.home-v2-stats strong,.home-v2-stats span{display:block}.home-v2-stats strong{font-size:1.15rem;color:var(--text)}.home-v2-stats span{margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.3}
.portal-hero-window,.portal-showcase-shell{position:relative;border:1px solid rgba(87,154,202,.25);border-radius:24px;background:#071426;box-shadow:0 38px 90px rgba(0,0,0,.36),0 0 0 8px rgba(9,33,53,.26);color:#e7f2ff}.portal-hero-window{transform:perspective(1400px) rotateY(-5deg) rotateX(1deg);animation:homeV2Float 8s ease-in-out infinite}.portal-window-bar{display:flex;align-items:center;gap:14px;height:42px;padding:0 15px;border-bottom:1px solid #16324c;background:#091a2d;border-radius:23px 23px 0 0}.portal-window-dots{display:flex;gap:6px}.portal-window-dots span{width:7px;height:7px;border-radius:50%;background:#284761}.portal-window-dots span:first-child{background:#fb7185}.portal-window-dots span:nth-child(2){background:#fbbf24}.portal-window-dots span:nth-child(3){background:#34d399}.portal-window-address{flex:1;overflow:hidden;padding:5px 12px;border:1px solid #183957;border-radius:8px;color:#6f8ba4;background:#06111f;font-size:.63rem;white-space:nowrap;text-overflow:ellipsis}.portal-window-lock{color:#4d718e}.portal-hero-body{display:grid;grid-template-columns:52px 1fr 150px;min-height:385px}.portal-mini-nav,.portal-demo-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 11px;border-right:1px solid #16324c;background:#081625}.portal-mini-brand{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#04111d;background:linear-gradient(135deg,#22d3ee,#38bdf8);font-size:.68rem;font-weight:950}.portal-mini-nav i,.portal-demo-sidebar i{width:21px;height:7px;border-radius:5px;background:#183957}.portal-mini-nav i.active,.portal-demo-sidebar i.active{background:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,.3)}.portal-stream-canvas{padding:18px}.portal-stream-top,.portal-control-row{display:flex;align-items:center;justify-content:space-between}.portal-stream-top{margin-bottom:10px;color:#7895af;font-size:.67rem}.portal-live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(251,113,133,.25);border-radius:7px;color:#fda4af;background:rgba(251,113,133,.08);font-size:.62rem;font-weight:900;letter-spacing:.08em}.portal-live-badge i{width:6px;height:6px;border-radius:50%;background:#fb7185;box-shadow:0 0 9px #fb7185}.portal-stream-scene,.studio-preview{position:relative;overflow:hidden;min-height:245px;border:1px solid #1d3e59;border-radius:15px;background:linear-gradient(180deg,#16253b 0%,#315a72 58%,#0b1725 59%)}.portal-scene-sun{position:absolute;width:75px;height:75px;right:15%;top:18%;border-radius:50%;background:radial-gradient(circle,#fee2a2,#fb7185 50%,transparent 52%);filter:blur(.3px)}.portal-scene-horizon{position:absolute;inset:auto -10% 0;height:42%;background:linear-gradient(150deg,transparent 0 22%,#122438 23% 48%,#0a1827 49%);clip-path:polygon(0 100%,0 65%,18% 15%,31% 64%,48% 7%,63% 63%,78% 22%,100% 70%,100% 100%)}.portal-scene-copy{position:absolute;left:18px;bottom:18px;z-index:2}.portal-scene-copy small,.portal-scene-copy strong{display:block}.portal-scene-copy small{color:#7dd3fc;font-size:.55rem;font-weight:900;letter-spacing:.16em}.portal-scene-copy strong{margin-top:4px;font-size:1rem}.portal-branding-chip{position:absolute;right:12px;bottom:12px;z-index:2;padding:5px 7px;border-radius:6px;color:#052033;background:rgba(255,255,255,.78);font-size:.48rem;font-weight:950}.portal-control-row{gap:10px;margin-top:12px}.portal-control-row button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #23445f;border-radius:9px;color:#9ab2c7;background:#0a1c2e}.portal-control-row div:nth-child(2){flex:1}.portal-control-row span,.portal-control-row strong{display:block}.portal-control-row span{color:#6986a0;font-size:.55rem}.portal-control-row strong{margin-top:2px;font-size:.63rem}.portal-signal{display:flex;align-items:end;gap:2px;height:17px}.portal-signal i{width:3px;border-radius:2px;background:#34d399}.portal-signal i:nth-child(1){height:5px}.portal-signal i:nth-child(2){height:8px}.portal-signal i:nth-child(3){height:12px}.portal-signal i:nth-child(4){height:16px}.portal-output-list{padding:18px 13px;border-left:1px solid #16324c;background:#081625}.portal-output-list p{display:flex;justify-content:space-between;margin:0 0 13px;color:#829cb3;font-size:.65rem}.portal-output-list p span{color:#6ee7b7}.portal-output-list>div{display:grid;grid-template-columns:29px 1fr 7px;align-items:center;gap:8px;margin-bottom:9px;padding:9px 7px;border:1px solid #173650;border-radius:10px;background:#0a1b2e}.portal-output-list b{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#7dd3fc;background:#0b2a42;font-size:.65rem}.portal-output-list span,.portal-output-list small{display:block}.portal-output-list span{font-size:.59rem}.portal-output-list small{margin-top:2px;color:#58738b;font-size:.49rem}.portal-output-list i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.65)}.portal-float-card{position:absolute;padding:11px 14px;border:1px solid rgba(91,160,207,.28);border-radius:13px;background:rgba(7,20,38,.92);box-shadow:0 18px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.portal-float-card span,.portal-float-card strong,.portal-float-card small{display:block}.portal-float-card span{color:#718ba3;font-size:.57rem}.portal-float-card strong{margin-top:3px;font-size:.82rem}.portal-float-card-a{left:-36px;bottom:52px}.portal-float-card-a i{position:absolute;right:11px;top:13px;width:7px;height:7px;border-radius:50%;background:#34d399}.portal-float-card-b{right:-27px;top:80px}.portal-float-card-b small{margin-top:2px;color:#6ee7b7;font-size:.55rem}
.section-title.compact{max-width:730px;margin:0 auto 35px}.section-title.compact h2{margin-top:10px}.showcase-switcher{display:flex;justify-content:center;gap:7px;margin-bottom:18px}.showcase-switcher button{padding:9px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}.showcase-switcher button.is-active{color:#00131d;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 25px var(--accent-soft)}.portal-showcase-shell{max-width:1060px;margin:auto;overflow:hidden}.portal-showcase-panel{display:none;grid-template-columns:58px 1fr;min-height:490px}.portal-showcase-panel.is-active{display:grid;animation:homeV2Panel .55s ease}.portal-demo-sidebar{gap:24px;padding-top:18px}.portal-demo-sidebar i{width:24px;height:8px}.portal-demo-content{min-width:0;padding:27px;background:linear-gradient(150deg,#09192b,#071426)}.portal-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-demo-heading small{color:#38bdf8;font-size:.55rem;font-weight:900;letter-spacing:.15em}.portal-demo-heading h3{margin:4px 0 0;font-size:1.35rem}.portal-demo-heading>span{padding:7px 11px;border:1px solid #21415c;border-radius:9px;color:#8eabc2;font-size:.65rem}.portal-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.portal-demo-grid article{min-height:150px;padding:16px;border:1px solid #183957;border-radius:15px;background:linear-gradient(180deg,#0c2035,#09182a)}.portal-demo-grid small,.portal-demo-grid strong{display:block}.portal-demo-grid small{color:#6f8ba3;font-size:.62rem}.portal-demo-grid strong{margin-top:17px;font-size:.85rem}.portal-demo-grid strong.emerald{color:#6ee7b7}.portal-demo-grid strong.sky{color:#7dd3fc}.portal-demo-grid strong.violet{color:#c4b5fd}.portal-demo-grid strong.amber{color:#fde68a}.portal-spark{display:flex;align-items:end;gap:5px;height:46px;margin-top:13px}.portal-spark i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#38bdf8,#0c4a6e)}.portal-spark i:nth-child(1){height:28%}.portal-spark i:nth-child(2){height:48%}.portal-spark i:nth-child(3){height:38%}.portal-spark i:nth-child(4){height:72%}.portal-spark i:nth-child(5){height:90%}.studio-demo{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:22px}.studio-preview{min-height:335px}.studio-preview b,.studio-preview>span{position:absolute;z-index:3}.studio-preview b{left:20px;bottom:20px;font-size:1.1rem}.studio-preview>span{right:16px;top:16px;padding:6px 9px;border-radius:7px;color:#071426;background:#fff;font-size:.55rem;font-weight:900}.studio-scenes{display:grid;gap:9px}.studio-scenes div{display:grid;grid-template-columns:67px 1fr;align-items:center;gap:10px;padding:8px;border:1px solid #183957;border-radius:12px;color:#6f8ba3;background:#081625;font-size:.61rem}.studio-scenes div.active{color:#d9efff;border-color:#38bdf8;background:#0a253a}.studio-scenes i{height:52px;border-radius:8px;background:linear-gradient(145deg,#163650,#091726)}.finance-demo{margin-top:26px}.finance-chart{position:relative;height:230px;padding:10px 0 25px 42px;border-left:1px solid #183957;border-bottom:1px solid #183957;background:linear-gradient(rgba(39,79,109,.14) 1px,transparent 1px);background-size:100% 33.33%}.finance-chart svg{width:100%;height:100%;overflow:visible}.finance-chart .fill{fill:url(#chartFill)}.finance-chart .line{fill:none;stroke:#22d3ee;stroke-width:3}.finance-axis{position:absolute;left:-37px;inset-block:0;display:flex;flex-direction:column;justify-content:space-between;color:#56748c;font-size:.52rem}.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.finance-kpis article{padding:13px;border:1px solid #183957;border-radius:12px;background:#081625}.finance-kpis small,.finance-kpis strong{display:block}.finance-kpis small{color:#69869e;font-size:.58rem}.finance-kpis strong{margin-top:5px;color:#6ee7b7;font-size:.9rem}.portal-privacy-note{text-align:center;margin:18px 0 0;color:var(--muted);font-size:.68rem}
.home-v2-flow{background:linear-gradient(180deg,transparent,var(--surface-2),transparent)}.home-v2-flow-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(560px,1.3fr);align-items:center;gap:80px}.home-v2-flow h2{margin:12px 0 18px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04}.home-v2-flow p{max-width:560px;color:var(--muted);line-height:1.7}.text-link{display:inline-flex;gap:8px;margin-top:20px;color:var(--accent);font-weight:800;text-decoration:none}.text-link:hover span{transform:translateX(4px)}.flow-visual-v2{position:relative;display:grid;grid-template-columns:110px 1fr 120px 1fr 105px;align-items:center;min-height:260px;padding:34px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 50% 50%,var(--accent-soft),transparent 42%),var(--surface);box-shadow:var(--shadow)}.flow-node{position:relative;z-index:2;display:grid;place-items:center;align-content:center;width:110px;height:110px;border:1px solid var(--border);border-radius:30px;background:var(--surface-2);box-shadow:0 20px 40px rgba(0,0,0,.13)}.flow-node span{font-size:1.15rem;font-weight:950}.flow-node small{margin-top:5px;color:var(--muted);font-size:.58rem}.flow-node.cloud{width:120px;height:120px;color:#00131d;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 20px 44px var(--accent-soft)}.flow-track{position:relative;height:1px;background:color-mix(in srgb,var(--accent) 45%,var(--border))}.flow-track i{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent);animation:homeV2Flow 2.4s linear infinite}.flow-track i:nth-child(2){animation-delay:1.15s}.flow-targets{display:grid;gap:8px}.flow-targets span{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--accent);background:var(--surface-2);font-size:.72rem;font-weight:900}.flow-backup{position:absolute;left:50%;bottom:19px;display:flex;align-items:center;gap:7px;transform:translateX(-50%);color:#34d399;font-size:.65rem}.flow-backup i{font-style:normal;animation:homeV2Rotate 4s linear infinite}
.home-v2-irl{position:relative;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-2) 78%,transparent),transparent)}
.home-v2-irl::before{position:absolute;inset:8% auto auto 50%;width:min(76vw,1080px);height:420px;content:"";transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.11),transparent 68%);filter:blur(28px);pointer-events:none}
.irl-heading{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);align-items:end;gap:80px;margin-bottom:42px}.irl-heading .eyebrow{display:inline-flex;align-items:center;gap:9px}.irl-heading h2{max-width:820px;margin:12px 0 0;font-size:clamp(2.6rem,5.2vw,5.35rem);line-height:.98;letter-spacing:-.055em}.irl-heading>p{margin:0 0 7px;color:var(--muted);font-size:1.02rem;line-height:1.75}
.irl-story-grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(245px,1fr));gap:16px}.irl-photo{position:relative;overflow:hidden;margin:0;border:1px solid rgba(80,157,207,.25);border-radius:25px;background:#071426;box-shadow:var(--shadow)}.irl-photo::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 45%,rgba(3,12,23,.78))}.irl-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,.61,.36,1)}.irl-photo:hover img{transform:scale(1.025)}.irl-photo-city{grid-column:span 7;grid-row:span 2;min-height:610px}.irl-photo-outdoor{grid-column:span 5;min-height:285px}.irl-photo figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.irl-photo figcaption span,.irl-photo figcaption strong{display:block}.irl-photo figcaption span{color:#a7dff4;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.irl-photo figcaption span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#fb7185;box-shadow:0 0 10px #fb7185;animation:homeV2Pulse 2s ease-in-out infinite}.irl-photo figcaption strong{margin-top:6px;font-size:1.2rem}.irl-signal-card{position:absolute;z-index:3;top:20px;right:20px;display:grid;grid-template-columns:auto auto;align-items:end;gap:4px 13px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;background:rgba(4,17,30,.76);box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.irl-signal-card>span{color:#9fb8c9;font-size:.58rem;text-transform:uppercase}.irl-signal-card>strong{grid-column:1/-1;color:#fde68a;font-size:.72rem}.irl-signal-card>div{display:flex;align-items:end;gap:2px;height:15px}.irl-signal-card i{display:block;width:3px;border-radius:3px;background:#fbbf24}.irl-signal-card i:nth-child(1){height:4px}.irl-signal-card i:nth-child(2){height:7px}.irl-signal-card i:nth-child(3){height:10px;opacity:.35}.irl-signal-card i:nth-child(4){height:14px;opacity:.2}
.irl-continuity{grid-column:span 5;min-height:310px;padding:22px;border:1px solid rgba(80,157,207,.25);border-radius:25px;color:#e7f2ff;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.16),transparent 45%),#071426;box-shadow:var(--shadow)}.irl-continuity-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.irl-continuity-head>span{color:#89a7bd;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.irl-continuity-head>strong{display:flex;align-items:center;gap:6px;color:#6ee7b7;font-size:.63rem}.irl-continuity-head>strong i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 9px #34d399}.irl-state-list{display:grid;gap:8px}.irl-state-list article{display:grid;grid-template-columns:27px 1fr 28px;align-items:center;gap:10px;padding:10px;border:1px solid #173650;border-radius:12px;background:#091b2d}.irl-state-list article>span{color:#54748d;font-size:.54rem;font-weight:900}.irl-state-list small,.irl-state-list strong{display:block}.irl-state-list small{color:#6d899f;font-size:.53rem}.irl-state-list strong{margin-top:2px;font-size:.66rem}.irl-state-list article>i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;font-size:.65rem;font-style:normal}.irl-state-list .is-warning>i{color:#fbbf24;background:rgba(251,191,36,.1)}.irl-state-list .is-active{border-color:rgba(56,189,248,.42);background:#0a263b}.irl-state-list .is-active>i{color:#7dd3fc;background:rgba(56,189,248,.12);animation:homeV2Rotate 4s linear infinite}.irl-state-list .is-ready>i{color:#6ee7b7;background:rgba(52,211,153,.1)}.irl-continuity>p{margin:14px 2px 0;color:#7895aa;font-size:.66rem;line-height:1.55}
.irl-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.irl-feature-row article{display:flex;gap:13px;min-height:158px;padding:20px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(155deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.irl-feature-row article>span{display:grid;flex:0 0 31px;height:31px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:.6rem;font-weight:900}.irl-feature-row h3{margin:3px 0 8px;font-size:.92rem}.irl-feature-row p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}.irl-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:16px;padding:16px 19px;border:1px solid color-mix(in srgb,#fbbf24 25%,var(--border));border-radius:17px;background:color-mix(in srgb,#fbbf24 5%,var(--surface))}.irl-note>span{color:#fbbf24;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.irl-note p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.irl-note a{color:var(--text);font-size:.75rem;font-weight:850;text-decoration:none;white-space:nowrap}.irl-note a i{margin-left:5px;color:var(--accent);font-style:normal}
.benefit-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-grid-v2 article{position:relative;min-height:230px;padding:26px;border:1px solid var(--border);border-radius:23px;background:linear-gradient(160deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease}.benefit-grid-v2 article:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.benefit-grid-v2 article>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:var(--accent);background:var(--accent-soft);font-size:1.2rem;font-weight:900}.benefit-grid-v2 h3{margin:32px 0 9px;font-size:1.18rem}.benefit-grid-v2 p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.home-v2-cta-card{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:50px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:30px;background:radial-gradient(circle at 75% 50%,var(--accent-soft),transparent 22rem),linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.home-v2-cta-card h2{margin:9px 0;font-size:clamp(2rem,4vw,3.4rem)}.home-v2-cta-card p{margin:0;color:var(--muted)}.footer-grid-editorial{grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(130px,.7fr))}.footer-live-dot{display:inline-block;margin-right:7px}.home-v2 [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.61,.36,1)}.home-v2 [data-reveal].is-visible{opacity:1;transform:none}
@keyframes homeV2Float{0%,100%{transform:perspective(1400px) rotateY(-5deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg) translateY(-10px)}}@keyframes homeV2Pulse{50%{opacity:.45;box-shadow:0 0 5px rgba(52,211,153,.4)}}@keyframes homeV2Panel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes homeV2Flow{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}@keyframes homeV2Rotate{to{transform:rotate(360deg)}}
@media(max-width:1050px){.home-v2-hero-grid,.home-v2-flow-grid{grid-template-columns:1fr;gap:55px}.portal-hero-window{max-width:760px;margin:auto;transform:none;animation:none}.home-v2-hero-copy{text-align:center}.home-v2-hero-copy>p{margin-inline:auto}.home-v2-hero-copy .cta-row{justify-content:center}.irl-heading{grid-template-columns:1fr;gap:20px}.irl-heading>p{max-width:760px}.irl-feature-row,.benefit-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.home-v2-hero{padding-top:75px}.home-v2 .section{padding:78px 0}.portal-hero-body{grid-template-columns:46px 1fr}.portal-output-list{display:none}.portal-float-card{display:none}.portal-showcase-panel{grid-template-columns:45px 1fr;min-height:410px}.portal-demo-content{padding:19px}.portal-demo-grid{grid-template-columns:repeat(2,1fr)}.portal-demo-grid article:nth-child(n+5){display:none}.studio-demo{grid-template-columns:1fr}.studio-scenes{grid-template-columns:repeat(2,1fr)}.home-v2-flow-grid{gap:38px}.flow-visual-v2{grid-template-columns:85px 1fr 90px 1fr 70px;padding:22px}.flow-node{width:85px;height:85px;border-radius:23px}.flow-node.cloud{width:90px;height:90px}.irl-story-grid{grid-template-columns:1fr;grid-template-rows:auto}.irl-photo-city,.irl-photo-outdoor,.irl-continuity{grid-column:1;grid-row:auto}.irl-photo-city{min-height:480px}.irl-photo-outdoor{min-height:300px}.irl-note{grid-template-columns:1fr}.irl-note a{justify-self:start}.home-v2-cta-card{display:block;padding:35px}.home-v2-cta-card .cta-row{justify-content:flex-start;margin-top:25px}.footer-grid-editorial{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-v2-hero-copy h1{font-size:3.15rem}.home-v2-stats{grid-template-columns:1fr}.home-v2-stats div{display:flex;align-items:center;justify-content:space-between}.portal-hero-window{margin-inline:-10px}.portal-hero-body{grid-template-columns:1fr}.portal-mini-nav,.portal-demo-sidebar{display:none}.portal-stream-canvas{padding:12px}.portal-stream-scene{min-height:200px}.showcase-switcher{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.showcase-switcher button{white-space:nowrap}.portal-showcase-panel{grid-template-columns:1fr;min-height:390px}.portal-demo-grid{grid-template-columns:1fr 1fr}.portal-demo-grid article{min-height:125px;padding:12px}.studio-scenes{display:none}.finance-kpis{grid-template-columns:1fr}.finance-kpis article:nth-child(2){display:none}.flow-visual-v2{grid-template-columns:70px 1fr 74px 1fr 54px;min-height:200px;padding:15px}.flow-node{width:70px;height:70px;border-radius:18px}.flow-node.cloud{width:74px;height:74px}.flow-targets span{width:29px;height:29px}.irl-heading h2{font-size:2.65rem}.irl-photo-city{min-height:390px}.irl-photo-outdoor{min-height:245px}.irl-photo figcaption{left:17px;right:17px;bottom:16px}.irl-signal-card{top:12px;right:12px}.irl-continuity{padding:16px}.irl-continuity-head{align-items:flex-start;flex-direction:column}.irl-feature-row,.benefit-grid-v2{grid-template-columns:1fr}.irl-feature-row article{min-height:0}.benefit-grid-v2 article{min-height:190px}.footer-grid-editorial{grid-template-columns:1fr}.home-v2-cta-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.portal-hero-window,.home-v2-live-dot,.footer-live-dot,.flow-track i,.flow-backup i,.irl-photo figcaption span i,.irl-state-list .is-active>i{animation:none!important}.irl-photo img{transition:none}.home-v2 [data-reveal]{opacity:1;transform:none}}

.hero {
      padding: 110px 0 82px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .hero-slider {
      min-height: 640px;
      display: grid;
      align-items: center;
    }

    .slides {
      position: relative;
      min-height: 450px;
      display: grid;
      align-items: center;
    }

    .slide {
      grid-area: 1 / 1;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      filter: blur(2px);
      transition:
        opacity 1.35s cubic-bezier(.22,.61,.36,1),
        transform 1.35s cubic-bezier(.22,.61,.36,1),
        filter 1.15s ease,
        visibility 1.35s ease;
      pointer-events: none;
      will-change: opacity, transform, filter;
    }

    .slide.is-active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      filter: blur(0);
      pointer-events: auto;
    }

    .slider-nav {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 12px;
    }

    .slider-dot {
      width: 9px;
      height: 9px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      background: var(--border);
      transition: width .55s cubic-bezier(.22,.61,.36,1), background .55s ease, box-shadow .55s ease;
    }

    .slider-dot.is-active {
      width: 30px;
      background: linear-gradient(90deg, var(--accent), var(--accent-2));
      box-shadow: 0 0 14px var(--accent-soft);
    }

    .hero-orbit {
      position: absolute;
      border: 1px solid rgba(0,191,243,.11);
      border-radius: 50%;
      pointer-events: none;
      opacity: .7;
    }

    .hero-orbit::before,
    .hero-orbit::after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 18px var(--accent);
    }

    .hero-orbit-a {
      width: 430px;
      height: 430px;
      left: -180px;
      top: 80px;
      animation: orbitFloatA 18s ease-in-out infinite alternate;
    }

    .hero-orbit-a::before { right: 55px; top: 46px; }
    .hero-orbit-a::after { right: 14px; bottom: 120px; }

    .hero-orbit-b {
      width: 520px;
      height: 520px;
      right: -230px;
      top: 15px;
      animation: orbitFloatB 22s ease-in-out infinite alternate;
    }

    .hero-orbit-b::before { left: 76px; top: 54px; }
    .hero-orbit-b::after { left: 18px; bottom: 150px; }

    @keyframes orbitFloatA {
      from { transform: rotate(-8deg) translateY(0); }
      to   { transform: rotate(8deg) translateY(20px); }
    }

    @keyframes orbitFloatB {
      from { transform: rotate(7deg) translateY(8px); }
      to   { transform: rotate(-7deg) translateY(-16px); }
    }

/* Startseite: interne Navigationskarten */
.quick-links {
  padding-top: 42px;
}
.quick-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.quick-link-card {
  display: grid;
  grid-template-columns: 54px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 24px;
  color: var(--text);
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, var(--surface), var(--surface-2));
  box-shadow: var(--shadow);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.quick-link-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
}
.quick-link-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--accent);
  background: var(--accent-soft);
  font-size: 1.25rem;
  font-weight: 800;
}
.quick-link-content {
  display: grid;
  gap: 5px;
}
.quick-link-content strong {
  font-size: 1.08rem;
}
.quick-link-content > span {
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.4;
}
.quick-link-arrow {
  color: var(--accent);
  font-size: 1.25rem;
  transition: transform .25s ease;
}
.quick-link-card:hover .quick-link-arrow {
  transform: translateX(4px);
}
@media (max-width: 900px) {
  .quick-link-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Home Multistreaming Teaser
   ========================================================= */
.home-flow-section {
  padding-top: 18px;
}

.home-flow-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  align-items: center;
  gap: 54px;
  padding: 42px 46px;
  border: 1px solid var(--border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 50%, var(--accent-soft), transparent 19rem),
    linear-gradient(180deg, var(--surface), var(--surface-2));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.home-flow-copy {
  max-width: 620px;
}

.home-flow-copy h2 {
  margin: 10px 0 16px;
}

.home-flow-copy p {
  margin: 0 0 24px;
  color: var(--muted);
  line-height: 1.7;
}

.home-flow-visual {
  display: grid;
  grid-template-columns: 92px 1fr 104px 1fr 82px;
  align-items: center;
  min-height: 190px;
}

.home-flow-source,
.home-flow-center {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
}

.home-flow-source {
  color: var(--muted);
  font-size: .78rem;
}

.home-flow-play {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 18px;
  color: var(--accent);
  background: var(--surface);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.home-flow-center {
  width: 104px;
  height: 104px;
  border-radius: 30px;
  color: #00131d;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:
    0 16px 36px rgba(0,0,0,.12),
    0 0 40px color-mix(in srgb, var(--accent) 16%, transparent);
}

.home-flow-center > span {
  font-weight: 900;
  letter-spacing: .04em;
}

.home-flow-center small {
  font-size: .68rem;
  font-weight: 800;
}

.home-flow-line {
  position: relative;
  height: 1px;
  background: color-mix(in srgb, var(--accent) 44%, var(--border));
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 16%, transparent);
}

.home-flow-dot {
  position: absolute;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-2);
  box-shadow: 0 0 16px var(--accent);
}

.home-flow-dot-a {
  left: 0;
  animation: homeFlowForward 2.4s linear infinite;
}

.home-flow-dot-b {
  left: 0;
  animation: homeFlowForward 2.4s linear .7s infinite;
}

.home-flow-destinations {
  display: grid;
  justify-items: center;
  gap: 13px;
}

.home-flow-destinations span {
  width: 22px;
  height: 22px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: var(--surface);
  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);
}

@keyframes homeFlowForward {
  0%   { left: 0; opacity: 0; }
  12%  { opacity: 1; }
  88%  { opacity: 1; }
  100% { left: calc(100% - 8px); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .home-flow-dot {
    animation: none !important;
    left: calc(50% - 4px);
    opacity: .7;
  }
}

@media (max-width: 900px) {
  .home-flow-card {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .home-flow-visual {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }
}

@media (max-width: 560px) {
  .home-flow-card {
    padding: 30px 22px;
  }

  .home-flow-visual {
    grid-template-columns: 64px 1fr 82px 1fr 54px;
    min-height: 150px;
  }

  .home-flow-center {
    width: 82px;
    height: 82px;
    border-radius: 24px;
  }

  .home-flow-play {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .home-flow-source > span:last-child {
    display: none;
  }

  .home-flow-destinations span {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 820px) {
  .hero { padding-top: 78px; }
  .hero-slider { min-height: 590px; }
  .slides { min-height: 430px; }
  .hero-orbit-a { left: -300px; }
  .hero-orbit-b { right: -330px; }
}