:root{--purple:#5F4B8B;--purple-dark:#5F4B8B;--ink:#4C5662;--muted:#5E6772;--line:#E4E6E7;--soft:#F6F6F6;--danger:#DD3333;--warm:#FAE0E0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45}a,a:visited,a:hover,a:focus{text-decoration:none!important}
.wrap{width:min(1440px,calc(100% - 48px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar .inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand img{width:410px;max-width:54vw;height:auto;display:block}.claim{font-size:18px;color:#4C5662;text-align:right}
.hero{padding:64px 0 48px;background:radial-gradient(circle at 75% 10%,#F2F1F6 0,transparent 37%)}.grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(560px,.98fr);gap:46px;align-items:center}.eyebrow{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--purple);font-weight:800}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:18px 0 22px;letter-spacing:-.035em}.hero h1 span{color:var(--purple)}.lead{font-size:22px;color:#4C5662;max-width:760px}.licence-note{display:inline-flex;margin-top:20px;padding:10px 14px;border-radius:999px;background:var(--warm);color:var(--danger);font-weight:800;border:1px solid #DD3333}.ipinfo{margin-top:10px;color:#5E6772;font-size:13px}
.product{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;display:block;width:100%}.product img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:0;filter:drop-shadow(0 24px 32px rgba(76,86,98,.20))}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.benefit{border-top:1px solid var(--line);padding:22px 10px 8px}.ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#F2F1F6;color:var(--purple);font-size:22px;margin-bottom:14px}.benefit h3{font-size:18px;margin:0 0 6px}.benefit p{margin:0;color:var(--muted);font-size:15px}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.cta{border-radius:18px;padding:20px 24px;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#fff;color:inherit}.cta.primary{background:linear-gradient(135deg,var(--purple),#5F4B8B);color:#fff;border:0;box-shadow:0 16px 34px rgba(85,49,167,.26)}.cta small{display:block;opacity:.78}.cta strong{font-size:28px;display:block;line-height:1.15}.cta.secondary strong{font-size:22px;color:var(--purple)}
.section{padding:74px 0}.section.alt{background:var(--soft)}.section h2{font-size:38px;letter-spacing:-.02em;margin:0 0 16px}.section-lead{font-size:19px;color:var(--muted);max-width:940px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.card h3{margin:0 0 8px;font-size:21px}.card p{color:var(--muted);margin:0}.included{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.included .item{background:linear-gradient(180deg,#fff,#F2F1F6);border:1px solid #DFDBE8;border-radius:20px;padding:24px}.included strong{display:block;color:var(--purple);font-size:18px;margin-bottom:7px}.included p{margin:0;color:var(--muted)}
.pricebox{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid #DFDBE8;border-radius:24px;padding:30px;background:linear-gradient(135deg,#fff,#F2F1F6)}.price{display:flex;align-items:end;gap:12px}.price strong{font-size:52px;color:var(--purple);line-height:1}.price span{color:var(--muted);padding-bottom:8px}.pricecopy h3{margin:0 0 8px;font-size:24px}.pricecopy p{margin:0;color:var(--muted);max-width:780px}
.closing{padding:64px 0 86px;background:linear-gradient(135deg,#5F4B8B,#5F4B8B);color:#fff}.closing .box{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:40px;margin:0 0 10px}.closing p{font-size:19px;margin:0;opacity:.9}.closing .actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;padding:0 20px;font-weight:800;background:#fff;color:var(--purple)!important}.btn.ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.55)}footer{padding:25px 0;text-align:center;font-size:13px;color:#5E6772}footer a{margin:0 10px;color:#5E6772!important}
@media(max-width:1100px){.grid{grid-template-columns:1fr}.product{max-width:860px;margin-inline:auto}.benefits,.cards,.included{grid-template-columns:repeat(2,1fr)}.claim{display:none}}@media(max-width:700px){.wrap{width:min(100% - 28px,1440px)}.topbar .inner{min-height:72px}.brand img{width:290px;max-width:86vw}.hero{padding-top:36px}.hero h1{font-size:42px}.lead{font-size:18px}.benefits,.cards,.included,.cta-row,.pricebox{grid-template-columns:1fr}.closing .box{display:block}.closing .actions{margin-top:24px}.product{padding:0}.cta strong{font-size:23px}}
.cta-icon-phone{font-size:34px}.cta-icon-arrow{font-size:30px;color:var(--purple)}


/* Verbindliche CI-Farben */
:root{--purple:#5F4B8B;--purple-dark:#5F4B8B;--ink:#4C5662}
.claim,.lead,.pricecopy,.section,.closing,footer{color:#4C5662}
.hero h1 span,.eyebrow,.cta.secondary strong,.included strong,.price strong,.cta-icon-arrow{color:#5F4B8B}
.closing{background:#5F4B8B;color:#fff}
a,a:link,a:visited,a:hover,a:focus,a:active{text-decoration:none!important}

/* v9.2 Lizenzgrafik: volle Spaltenbreite, keine Hintergrundbox, Schatten direkt auf PNG */
.product{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important;width:100%!important;}
.product img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 24px 32px rgba(76,86,98,.22))!important;}

/* v9.7 – 14-Tage-Testphase */
.trial-inline{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid #DFDBE8;border-radius:16px;background:#fff;color:#4C5662!important;box-shadow:0 8px 20px rgba(76,86,98,.08)}
.trial-inline strong{color:#5F4B8B;font-size:18px}.trial-inline span{color:#4C5662}
.trial-section{background:#fff}.trial-box{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:34px;align-items:center;border:1px solid #DFDBE8;border-radius:24px;padding:34px;background:linear-gradient(135deg,#fff,#F6F6F6);box-shadow:0 18px 42px rgba(76,86,98,.10)}
.trial-box h2{color:#4C5662}.trial-points{margin:24px 0 0;padding-left:22px;color:#4C5662}.trial-points li{margin:10px 0}.trial-actions{display:flex;flex-direction:column;gap:12px}.trial-actions .btn{min-height:58px;text-align:center;line-height:1.25}.trial-primary{background:#5F4B8B!important;color:#fff!important}.trial-primary span{font-size:20px}.trial-secondary{border:1px solid #5F4B8B!important;color:#5F4B8B!important;background:#fff!important}.trial-actions small{color:#5E6772;line-height:1.4}
@media(max-width:900px){.trial-box{grid-template-columns:1fr}.trial-inline{align-items:flex-start;flex-direction:column}}


/* CI-Normalisierung gemäß DESIGN.md */
:root{--brand:#5F4B8B!important;--brand-deep:#574F7B!important;--ink:#4C5662!important;--muted:#5E6772!important;--line:#E4E6E7!important;--surface:#FFFFFF!important;--soft:#F6F6F6!important}
body{font-family:"Open Sans",Arial,Helvetica,sans-serif!important;color:#4C5662!important;background:#E7E5EB!important}a,a:link,a:visited,a:hover,a:focus,a:active{text-decoration:none!important}.btn,.cta{border-radius:2px!important}.primary,.cta.primary{background:#5F4B8B!important;color:#FFFFFF!important}.primary:hover,.cta.primary:hover{background:#726199!important}.secondary,.cta.secondary{background:#F6F6F6!important;color:#4C5662!important;border-color:#D2D5D8!important}.card,.panel,.hero-card{border-radius:6px!important;box-shadow:0 1px 2px rgba(76,86,98,.10)!important}.badge.success{background:#81D742!important;color:#FFFFFF!important}.badge.warning{background:#EEEE22!important;color:#000000!important}.badge.danger{background:#DD3333!important;color:#FFFFFF!important}


/* v10.8 – Kopfbereich und Produktzugang */
.topbar .inner{justify-content:flex-start;gap:18px}
.brand{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}
.brand-mark{width:72px!important;height:72px!important;max-width:none!important;display:block}
.claim{font-size:20px!important;line-height:1.25!important;text-align:left!important;font-weight:700;color:#4C5662;max-width:420px}
.app-entry{margin-top:12px}
@media(max-width:700px){.brand-mark{width:58px!important;height:58px!important}.claim{font-size:16px!important}}


/* v10.8 – kompakter Kopf und serverseitiger Freigabestatus */
.topbar .inner{min-height:72px!important;justify-content:flex-start!important;gap:14px!important}
.brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important}
.brand-mark{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important;display:block!important}
.claim{display:block!important;font-size:17px!important;line-height:1.28!important;text-align:left!important;font-weight:600!important;color:#4C5662!important;max-width:360px!important}
.access-state{margin-top:12px;padding:10px 12px;border:1px solid #D2D5D8;border-radius:6px;background:#F6F6F6;color:#4C5662;font-size:13px;line-height:1.4}
.access-state-ok{border-color:#81D742;background:#F3FAEC}
.access-state-locked{border-color:#DD3333;background:#FAE0E0}
.access-state .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:700px){.brand-mark{width:42px!important;height:42px!important}.claim{font-size:14px!important}.topbar .inner{min-height:64px!important}}


/* v10.8 – verkaufsorientierte Einstiegsseite, Login und dezente Animationen */
.topbar .inner{position:relative!important;padding-right:72px!important}.customer-login{margin-left:auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#4C5662!important;border:1px solid #D2D5D8;border-radius:6px;background:#FFFFFF}.customer-login svg{width:26px;height:26px}.customer-login:hover{background:#F2F1F6;color:#5F4B8B!important}
.hero{padding:72px 0 58px!important}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(620px,1.08fr)!important}.product{min-height:650px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.product img{width:100%!important;max-height:700px!important;object-fit:contain!important;filter:drop-shadow(0 20px 28px rgba(76,86,98,.18))!important}.product-meta{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:end;margin:0 4% 12px;padding:14px 16px;background:#FFFFFF;border:1px solid #D2D5D8;border-radius:6px;box-shadow:0 1px 2px rgba(76,86,98,.18);color:#4C5662}.product-meta span{font-size:13px;font-weight:700;color:#5F4B8B}.product-meta strong{font-size:22px;color:#4C5662}.product-meta small{grid-column:1/-1;color:#5E6772}
.reveal-up,.reveal-product,.reveal-section{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.reveal-product{transform:translateY(10px) scale(.985)}.is-visible{opacity:1!important;transform:none!important}.reveal-product.is-visible img{animation:productFloat 7s ease-in-out 1.1s infinite}@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.motion-reduced .reveal-up,.motion-reduced .reveal-product,.motion-reduced .reveal-section{opacity:1;transform:none}.motion-reduced .reveal-product img{animation:none}
footer{background:#E7E5EB!important;color:#5E6772!important}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr!important}.product{min-height:0!important;max-width:900px;margin:auto}.customer-login{margin-left:auto}}
@media(max-width:700px){.topbar .inner{padding-right:0!important}.customer-login{width:42px;height:42px}.product-meta{grid-template-columns:1fr}.product-meta strong{font-size:19px}}

/* Produktseite v10.10: eigenstaendiges Marketinglayout */
:root{--purple:#5F4B8B;--ink:#222a36;--muted:#596575;--line:#e2e5ed}
body{background:#fff!important;color:#222a36!important;font-family:Arial,Helvetica,sans-serif!important}
.topbar{background:#fff!important;border-bottom:1px solid #e3e5ed}.topbar .inner{min-height:83px}.brand img{width:min(330px,55vw)!important}
.hero{background:radial-gradient(ellipse at 80% 24%,#eae5f7 0%,transparent 45%),linear-gradient(140deg,#fbfaff 0%,#f2f3f9 100%)!important;padding:82px 0 95px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr)!important;gap:48px!important}
.hero h1{color:#202537!important;font-size:clamp(40px,4.6vw,68px)!important;letter-spacing:-.045em;line-height:1.08!important}
.hero h1 span{color:#5F4B8B!important}.lead{color:#485363!important;font-size:19px!important;line-height:1.65}
.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.13em}.licence-note{background:#f0eafa!important;color:#554182!important;border:1px solid #d8cdef!important;border-radius:30px!important;font-size:13px!important}
.ipinfo{font-size:13px!important}.access-state{margin-top:14px!important;font-size:12px!important;opacity:.7}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:28px!important;gap:12px!important}.benefit{padding:13px 10px!important}.benefit p{font-size:13px!important}.benefit h3{font-size:16px!important}
.cta-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:26px!important}.cta{min-height:94px!important;padding:18px!important;border-radius:13px!important;box-shadow:0 10px 30px #342b4e12!important}.cta strong{font-size:19px!important}.cta small{font-size:12px!important}.cta.primary{background:#5F4B8B!important}.cta.secondary{background:#fff!important}.cta.secondary strong{color:#493679!important}
.product{filter:none!important}.preview-label{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:30px;border:1px solid #dcd5ec;padding:9px 14px;font-size:12px;font-weight:700;margin-bottom:15px;box-shadow:0 5px 17px #34324b0c}.preview-dot{background:#81d742;width:8px;height:8px;border-radius:50%}.preview-surface{background:#fff;border-radius:18px;border:1px solid #dcddea;box-shadow:0 32px 70px #30245026;overflow:hidden}.preview-head{display:flex;gap:12px;align-items:center;padding:18px 20px;background:#f4f2f7;border-bottom:1px solid #e5e1ed}.preview-head img{object-fit:contain}.preview-head strong{display:block;font-size:14px}.preview-head small{display:block;font-size:11px;color:#737783}.preview-version{margin-left:auto;font-size:12px;background:#e7def8;color:#544084;padding:5px 9px;border-radius:6px}.preview-tabs{display:flex;gap:0;overflow:auto;background:#fff;border-bottom:1px solid #e1e4ea}.preview-tabs span{font-size:12px;white-space:nowrap;padding:15px 14px;color:#606876}.preview-tabs .selected{color:#5F4B8B;font-weight:800;box-shadow:inset 0 -3px #5F4B8B}.preview-work{padding:20px;background:#f8f8fb}.preview-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-kpi div{border:1px solid #e6e4ef;padding:16px 11px;border-radius:10px;background:#fff;min-height:100px}.preview-kpi small{font-size:11px;color:#767c87;display:block;margin-bottom:12px}.preview-kpi strong{font-size:13px;line-height:1.3}.preview-search{background:#fff;border:1px solid #e2e4eb;padding:15px;color:#666d7c;font-size:12px;border-radius:8px;margin:14px 0;display:flex;justify-content:space-between}.preview-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:15px;background:#fff;border:1px solid #ececf2;border-radius:9px;margin:8px 0}.preview-row strong{display:block;font-size:13px}.preview-row small{display:block;color:#77808b;font-size:11px;margin-top:5px}.preview-chip{font-size:10px;white-space:nowrap;background:#edf8e5;color:#40691f;border-radius:5px;padding:7px 9px}.preview-caption{font-size:11px;color:#717380;margin:12px 4px!important;line-height:1.5}.section{background:#fff;color:#222a36!important}.section.alt{background:#f7f7fa}.section h2{color:#25283a}.card{border-radius:12px!important;box-shadow:0 14px 30px #33264b0b!important}.trial-box{border-radius:17px!important}.closing{background:#514075!important;color:#fff!important}.closing h2,.closing p{color:#fff!important}.closing .btn{border-radius:9px!important}footer{background:#fff!important}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr!important}.product{max-width:900px!important}.hero{padding:50px 0}}
@media(max-width:700px){.hero h1{font-size:40px!important}.cta-row{grid-template-columns:1fr!important}.benefits{grid-template-columns:1fr 1fr!important}.preview-work{padding:12px}.preview-kpi{grid-template-columns:1fr!important}.preview-kpi div{min-height:65px}.preview-tabs span{padding:12px 10px}.preview-chip{max-width:105px;white-space:normal;text-align:center}.claim{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 10.11 - Produkthero mit authentischem Original-Icon */
.product-visual{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff 0%,#f0ebf7 55%,#e9edf7 100%);border:1px solid #dcd4ea;border-radius:27px;padding:20px;box-shadow:0 28px 75px rgba(46,30,83,.18);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}

.product-visual-glow{pointer-events:none;position:absolute;inset:-40% -60%;background:conic-gradient(from 50deg,transparent 5%,rgba(217,49,55,.10),transparent 32%,rgba(94,75,139,.12),transparent 62%);animation:soft-glow 18s linear infinite;z-index:-1}
.product-visual-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;position:relative}.product-visual-head img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 12px #38224e24)}.product-visual-head strong{display:block;color:#20253a;font-size:clamp(16px,1.4vw,23px);line-height:1.18}.visual-overline{font-size:10px;font-weight:800;letter-spacing:.15em;color:#65528f;display:block;margin-bottom:6px}.visual-image{width:100%;height:auto;display:block;border-radius:17px;aspect-ratio:1063/642;object-fit:cover;box-shadow:0 16px 30px rgba(32,27,67,.18)}.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#635671;font-size:12px;font-weight:700;margin-top:17px}.visual-bottom span{display:inline-flex;align-items:center;gap:7px}.live-pip{background:#38a96c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3baf6d1b;animation:pip-pulse 2.6s ease-in-out infinite}
@keyframes soft-glow{to{transform:rotate(360deg)}}@keyframes pip-pulse{50%{box-shadow:0 0 0 9px #3baf6d0b}}.hero .cta.primary{transition:transform .25s ease,filter .25s ease!important}.hero .benefit{transition:transform .3s ease}
@media(max-width:700px){.product-visual{padding:12px;border-radius:16px}.product-visual-head img{width:52px;height:52px}.visual-bottom{font-size:10px;flex-wrap:wrap}.visual-image{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.product-visual-glow,.live-pip{animation:none!important}.product-visual:hover,.hero .cta.primary:hover,.hero .benefit:hover{transform:none!important}}


/* Version 10.14: Alle vorherigen inkonsistenten Hero-Regeln werden gezielt überschrieben. */
.topbar .inner{padding-right:0!important;justify-content:flex-start!important;max-width:1440px}
.topbar .customer-login{margin-left:auto!important;flex:0 0 48px}
.topbar .brand-mark,.topbar .brand img{width:44px!important;height:44px!important;max-width:44px!important;object-fit:contain!important}
.topbar .claim{text-align:left!important;font-size:15px!important;line-height:1.3}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;gap:clamp(24px,3vw,60px)!important;align-items:center!important}
.hero .product{min-height:0!important;width:100%!important;min-width:0!important;display:block!important;position:relative;overflow:visible!important}
.product-stage{position:relative;width:100%;min-width:0;padding:clamp(16px,2.4vw,34px) clamp(14px,2vw,28px) 24px;overflow:hidden;border:1px solid #dad6e9;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f4f0fa 60%,#e9e7f5 100%);box-shadow:0 25px 72px rgba(43,27,73,.17);isolation:isolate;transition:transform .45s ease,box-shadow .45s ease}

.showcase{position:absolute;inset:0;overflow:hidden;pointer-events:none}.showcase-orb{position:absolute;display:block;border-radius:50%;filter:blur(3px);opacity:.55;animation:orbMove 11s ease-in-out infinite alternate}.orb-one{width:34%;aspect-ratio:1;background:radial-gradient(circle,#d5c4f2,transparent 70%);right:-7%;top:3%}.orb-two{width:28%;aspect-ratio:1;background:radial-gradient(circle,#ffcad6,transparent 70%);left:-5%;bottom:12%;animation-delay:-4s}
.stage-top,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1;flex-wrap:wrap}
.stage-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #e0d9eb;background:#fff;border-radius:99px;padding:8px 13px;color:#514179;font-size:12px;font-weight:800;letter-spacing:.015em}.pulse-dot{width:7px;height:7px;background:#35a46c;border-radius:50%;box-shadow:0 0 0 4px #35a46c19;animation:pulseHalo 2.8s ease-in-out infinite}.stage-version{font-size:11px;color:#77738b;font-weight:700}
.laptop{position:relative;width:100%;margin:clamp(24px,4vw,58px) auto clamp(17px,2.5vw,32px);animation:laptopRise 1s ease both}
.laptop-lid{position:relative;width:94%;margin:auto;padding:2.5% 2.15% 2.2%;border-radius:18px 18px 5px 5px;background:linear-gradient(145deg,#30313d,#10121d 68%,#404251);border:2px solid #4b4a58;box-shadow:0 12px 27px rgba(18,18,40,.28)}
.laptop-camera{width:5px;height:5px;border-radius:50%;background:#606b87;position:absolute;top:1.15%;left:50%;transform:translateX(-50%)}
.laptop-screen{width:100%;aspect-ratio:2047/1047;overflow:hidden;background:#ececf0;border-radius:2px}
.product .laptop-screen img{display:block!important;max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;filter:none!important;animation:none!important}
.laptop-base{height:clamp(12px,1.9vw,26px);border-radius:2px 2px 50% 50% / 2px 2px 90% 90%;background:linear-gradient(#d9dae2,#858997 48%,#dfe0e4 70%,#7e8291);box-shadow:0 12px 15px rgba(26,25,50,.18);position:relative;z-index:2}.laptop-notch{position:absolute;left:40%;top:0;width:20%;height:40%;border-radius:0 0 11px 11px;background:#a9adba}.laptop-foot{height:7px;width:86%;margin:auto;background:radial-gradient(ellipse,#37324340,transparent 75%)}
.stage-identity{display:flex;align-items:center;gap:12px;min-width:0}.product .stage-identity img{width:45px!important;height:45px!important;max-width:45px!important;filter:none!important;animation:none!important}.stage-identity strong{display:block;color:#252138;font-size:15px;line-height:1.25}.stage-identity small{display:block;color:#706b7f;font-size:12px;margin-top:4px}.stage-corner{color:#6e5c8c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product .preview-caption{text-align:center;margin-top:14px!important}
.hero .benefit{transition:transform .3s ease,background .3s ease}.hero .cta{transition:transform .25s ease,box-shadow .25s ease}.cards .card{transition:transform .35s ease,box-shadow .35s ease}
@keyframes orbMove{from{transform:translate(-10px,-15px) scale(.94)}to{transform:translate(15px,18px) scale(1.12)}}@keyframes pulseHalo{50%{box-shadow:0 0 0 9px #35a46c08}}@keyframes laptopRise{from{opacity:.4;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr!important}.hero .product{max-width:840px!important;margin:auto}}
@media(max-width:700px){.topbar .inner{padding-right:0!important}.topbar .customer-login{flex-basis:42px}.topbar .claim{font-size:12px!important}.hero .product-stage{border-radius:17px;padding:14px 10px 18px}.stage-version{display:none}.stage-corner{display:none}.stage-identity strong{font-size:13px}.hero .laptop{margin:22px auto}.laptop-lid{border-radius:9px 9px 3px 3px}}
@media(prefers-reduced-motion:reduce){.showcase-orb,.pulse-dot,.laptop{animation:none!important}.product-stage:hover,.cards .card:hover,.hero .cta:hover,.hero .benefit:hover{transform:none!important}}

/* Version 10.30: klar erkennbare, automatisch gesteuerte Scrollanimationen. */
html body .reveal-up,html body .reveal-section,html body .reveal-product{opacity:1!important;transform:none!important;filter:none!important;}
html body .premium-hero-image,html body .product.reveal-product .premium-hero-image{animation:none!important;transition:none!important;transform:none!important;filter:none!important;}
html body .premium-hero-image:hover,html body .product:hover .premium-hero-image,html body .product.reveal-product:hover .premium-hero-image,html body .product-stage:hover,html body .hero .benefit:hover,html body .compliance-grid article:hover,html body .cards .card:hover,html body .trial-box:hover,html body .pricebox:hover{transform:none!important;animation:none!important;filter:none!important;box-shadow:inherit;}
/* Fortschrittsanzeige reagiert auf echtes Scrollen, ohne Text zu verstecken. */
#bpm-scroll-progress{position:fixed;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#e53b4f,#6b42b6 65%,#397cde);transform:scaleX(0);transform-origin:left center;z-index:9999;pointer-events:none;box-shadow:0 0 12px #6b42b655;}
/* Dekorative Signallinie: automatisch, nur in sichtbaren Abschnitten. */
.bpm-scroll-accent{position:absolute;top:20px;left:calc(50% - min(595px,45%));height:3px;width:min(120px,20vw);border-radius:99px;background:linear-gradient(90deg,#6245ae,#d85075);pointer-events:none;transform-origin:left center;transform:scaleX(0);opacity:0;}
.bpm-scroll-accent.bpm-active{animation:bpmStroke .95s cubic-bezier(.2,.8,.25,1) forwards;}
@keyframes bpmStroke{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.9}}
@media(prefers-reduced-motion:reduce){#bpm-scroll-progress{display:none}.bpm-scroll-accent,.bpm-scroll-accent.bpm-active{animation:none;transform:scaleX(1);opacity:.7}}