:root{--accent:#ec7404;--accent-hover:#ff8519;--accent-subtle:#ec740426;--accent-glow:#ec740440;--accent-light:#ff9a3c;--bg:#2d323b;--bg-primary:#2d323b;--bg-light:#363c47;--bg-elevated:#3a414d;--bg-card:#454d5c;--text:#f8f8fa;--text-primary:#f8f8fa;--text-secondary:#f8f8fad9;--text-muted:#f8f8fab3;--muted:#f8f8fab3;--border:#ffffff1f;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--section-pad:clamp(80px, 12vh, 160px);--content-pad:clamp(20px, 5vw, 120px);--content-max:1200px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--ease:cubic-bezier(.4, 0, .2, 1)}.skip-to-content{z-index:10000;background:var(--accent);color:#fff;border-radius:var(--radius);transition:top .2s var(--ease);padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-to-content:focus{outline-offset:2px;outline:2px solid #fff;top:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}html,body{max-width:100%}html{scroll-behavior:smooth;overflow-x:hidden}body{background:linear-gradient(165deg, #3a424f 0%, var(--bg) 40%, #252a32 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body.menu-open{width:100%;height:100%;position:fixed;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-weight:700;line-height:1.2}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px;font-size:13px;font-weight:600;display:inline-block}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:18px}.nav{z-index:1000;padding:20px var(--content-pad);transition:background .3s var(--ease);background:linear-gradient(#12151af2,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#12151af2}.nav-logo{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:800;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:color .2s var(--ease);font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-external{align-items:center;gap:4px;display:inline-flex}.nav-external svg{opacity:.6;transition:opacity .2s var(--ease)}.nav-external:hover svg{opacity:1}.nav-cta{background:var(--accent);border-radius:var(--radius);transition:all .2s var(--ease);padding:10px 20px;font-weight:600;color:#fff!important}.nav-cta:hover{background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.nav--landing{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#12151af2}.nav-back{color:var(--text-secondary);transition:color .2s var(--ease);font-size:14px;font-weight:500;text-decoration:none}.nav-back:hover{color:var(--accent)}.nav-mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-mobile-toggle span{background:var(--text);width:24px;height:2px;transition:all .3s var(--ease);border-radius:2px}.btn{border-radius:var(--radius);cursor:pointer;transition:all .3s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #ff8519 100%);color:#fff;box-shadow:0 4px 16px #ec740433}.btn-primary:hover{background:linear-gradient(135deg, #ff8519 0%, var(--accent) 100%);box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text);background:#ffffff08;border:1px solid #ffffff1f}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-lg{padding:18px 40px;font-size:18px}.hero{min-height:100vh;padding:var(--section-pad) var(--content-pad);flex-direction:column;justify-content:center;align-items:center;padding-top:120px;padding-bottom:120px;display:flex;position:relative;overflow:hidden}.wave-section-wrapper{position:relative}.flowing-waves-container{display:none}@media (width>=769px){.flowing-waves-container{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}}.flowing-wave{pointer-events:none;height:100%;position:absolute;top:0;right:0}.flowing-wave--1{clip-path:url(#waveClip1);z-index:2;transform-origin:100%;background:#ec74041f;width:45%;animation:10s ease-in-out infinite flowingWave1}.flowing-wave--2{clip-path:url(#waveClip2);z-index:1;transform-origin:100%;background:#ec740414;width:50%;animation:12s ease-in-out infinite flowingWave2}.flowing-wave--3{clip-path:url(#waveClip3);z-index:0;transform-origin:100%;background:#ec74040d;width:55%;animation:14s ease-in-out infinite flowingWave3}@keyframes flowingWave1{0%,to{transform:translate(0)scaleX(1)}50%{transform:translate(-15px)scaleX(1.03)}}@keyframes flowingWave2{0%,to{transform:translate(0)scaleX(1)}50%{transform:translate(-20px)scaleX(1.04)}}@keyframes flowingWave3{0%,to{transform:translate(0)scaleX(1)}50%{transform:translate(-25px)scaleX(1.05)}}.hero:before,.hero:after{display:none}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-text{opacity:0;animation:fadeInUp 1s var(--ease) .2s forwards;margin-top:-60px;transform:translateY(30px)}.hero-badge{background:var(--accent-subtle);color:var(--accent);border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.hero-headline{letter-spacing:-.3px;color:var(--text-secondary);margin-bottom:12px;font-size:clamp(22px,3vw,32px);font-weight:500;line-height:1.3;display:block}.hero-typewriter{border-right:2px solid var(--accent);min-width:180px;padding-right:4px;font-weight:600;animation:.7s step-end infinite typewriterBlink;display:inline;color:#fff!important}@keyframes typewriterBlink{50%{border-color:#0000}}.hero-rotator{vertical-align:bottom;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-width:280px;height:1.4em;margin-left:6px;padding:0 12px;display:inline-block;position:relative;overflow:hidden}.hero-rotator-track{flex-direction:column;animation:12.5s ease-in-out infinite rotateWords;display:flex}.hero-rotator-word{color:#fff;align-items:center;height:1.4em;font-weight:700;display:flex}@keyframes rotateWords{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-20%)}40%,56%{transform:translateY(-40%)}60%,76%{transform:translateY(-60%)}80%,96%{transform:translateY(-80%)}to{transform:translateY(0)}}.hero-punchline{color:#fff;letter-spacing:-.5px;margin-bottom:32px;font-size:clamp(38px,6vw,56px);font-weight:800;line-height:1.2}.hero-punchline span,.hero-headline span{color:var(--accent)}.hero-subline{color:var(--text-secondary);max-width:480px;margin-bottom:40px;font-size:clamp(18px,2.5vw,28px);font-weight:500;line-height:1.4}.hero-subline-small{opacity:.8;letter-spacing:.05em;margin-top:.3em;font-size:.7em;display:block}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-hint{color:var(--text-secondary);opacity:.7;padding-left:4px;font-size:13px}.hero-persona-toggle{bottom:40px;left:var(--content-pad);opacity:0;animation:personaSlideIn .8s var(--ease) 1s forwards;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;display:flex;position:absolute;right:auto}@keyframes personaSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}80%{transform:translateY(2px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.persona-toggle-hint{color:var(--text-secondary);opacity:.7;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.persona-toggle-row{align-items:center;gap:10px;display:flex}.persona-toggle-label{color:var(--text-secondary);font-size:12px;font-weight:500}.persona-toggle-switch{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;padding:3px;display:flex;position:relative}.persona-toggle-switch input[type=radio]{opacity:0;pointer-events:none;position:absolute}.persona-toggle-option{z-index:2;color:var(--text-secondary);cursor:pointer;transition:color .3s var(--ease);user-select:none;padding:8px 18px;font-size:12px;font-weight:500;position:relative}.persona-toggle-option:hover,.persona-toggle-switch input[type=radio]:checked+.persona-toggle-option{color:var(--text)}.persona-toggle-slider{width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .35s var(--ease), width .35s var(--ease);z-index:1;background:#ffffff1f;border-radius:50px;position:absolute;top:4px;left:4px}.persona-toggle-switch[data-options="3"] .persona-toggle-slider{width:calc(33.333% - 3px)}.persona-toggle-switch input#persona-umsetzer:checked~.persona-toggle-slider{transform:translate(100%)}[data-persona]{transition:opacity .4s var(--ease), transform .4s var(--ease), filter .4s var(--ease), border-color .4s var(--ease)}body.persona-entscheider #story-epost{border-color:#ec74044d;order:1!important}body.persona-entscheider #story-auftraege{border-color:#ec74044d;order:2!important}body.persona-entscheider #story-drexl{border-color:#ec74044d;order:3!important}body.persona-entscheider #story-placeholder{order:4!important}body.persona-entscheider #story-qm{opacity:.7;filter:grayscale(10%);order:10!important}body.persona-entscheider #story-wva{opacity:.7;filter:grayscale(10%);order:11!important}body.persona-umsetzer #story-epost{border-color:#ec74044d;order:1!important}body.persona-umsetzer #story-qm{border-color:#ec74044d;order:2!important}body.persona-umsetzer #story-drexl{border-color:#ec74044d;order:3!important}body.persona-umsetzer #story-placeholder{order:4!important}body.persona-umsetzer #story-auftraege{opacity:.7;filter:grayscale(10%);order:10!important}body.persona-umsetzer #story-wva{opacity:.7;filter:grayscale(10%);order:11!important}#story-epost{order:1}#story-auftraege{order:2}#story-drexl{order:3}#story-placeholder{order:4}#story-qm{order:10}#story-wva{order:11}body.persona-entscheider .story-card[data-persona=entscheider]{border-color:#ec74044d;order:1!important}body.persona-entscheider .story-card[data-persona=beide]{order:10!important}body.persona-entscheider .story-card[data-persona=umsetzer]{opacity:.7;filter:grayscale(10%);order:99!important}body.persona-umsetzer .story-card[data-persona=umsetzer]{border-color:#ec74044d;order:1!important}body.persona-umsetzer .story-card[data-persona=beide]{order:10!important}body.persona-umsetzer .story-card[data-persona=entscheider]{opacity:.7;filter:grayscale(10%);order:99!important}.hero-visual{opacity:0;animation:fadeInRight 1s var(--ease) .4s forwards;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-left:50px;display:flex;transform:translate(30px)}.hero-hub-diagram{width:450px;height:450px;position:relative}.hero-hub-center{background:linear-gradient(135deg, var(--accent) 0%, #d35400 100%);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ec740480,0 0 80px #ec740440}.hero-hub-center-text{color:#fff;letter-spacing:.5px;font-size:30px;font-weight:700}.hero-hub-dot{color:#1e232de6}.hero-hub-lines{display:none}.hero-hub-node{z-index:5;cursor:default;backdrop-filter:blur(10px);background:#1e232de6;border:2px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:150px;height:150px;transition:all .4s;display:flex;position:absolute}.hero-hub-node:hover{z-index:8;transform:scale(1.08)}.hero-hub-node-label{letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:700}.hero-hub-node-action{color:var(--text-muted);text-align:center;padding:0 10px;font-size:12px;font-weight:500;line-height:1.3}.hero-hub-node--mensch{top:-5%;left:50%;transform:translate(-50%)}.hero-hub-node--mensch:hover{transform:translate(-50%)scale(1.08)}.hero-hub-node--ki{top:18%;right:-5%}.hero-hub-node--systeme{bottom:8%;right:8%}.hero-hub-node--daten{bottom:8%;left:8%}.hero-hub-node--prozesse{border-color:#16a34a;top:18%;left:-5%;box-shadow:0 0 30px #16a34a33}.hero-hub-node--prozesse .hero-hub-node-label{color:#22c55e}.hero-hub-node--prozesse:hover{box-shadow:0 0 40px #16a34a66}.hero-hub-node--daten{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf633}.hero-hub-node--daten .hero-hub-node-label{color:#a78bfa}.hero-hub-node--daten:hover{box-shadow:0 0 40px #8b5cf666}.hero-hub-node--ki{border-color:#00b4d8;box-shadow:0 0 30px #00b4d833}.hero-hub-node--ki .hero-hub-node-label{color:#00d4ff}.hero-hub-node--ki:hover{box-shadow:0 0 40px #00b4d866}.hero-hub-node--mensch{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2433}.hero-hub-node--mensch .hero-hub-node-label{color:#fcd34d}.hero-hub-node--mensch:hover{box-shadow:0 0 40px #fbbf2466}.hero-hub-node--systeme{border-color:#3b82f6;box-shadow:0 0 30px #3b82f633}.hero-hub-node--systeme .hero-hub-node-label{color:#60a5fa}.hero-hub-node--systeme:hover{box-shadow:0 0 40px #3b82f666}.hero-tagline-wrapper{width:100%;max-width:var(--content-max);padding:0 var(--content-pad);flex-direction:column;align-items:center;margin:40px auto 0;display:flex}.hero-hub-tagline{color:#ffffffe6;text-align:center;backdrop-filter:blur(10px);background:#1e232db3;border:1px solid #ffffff1f;border-radius:16px;max-width:700px;margin:0;padding:20px 40px;font-size:15px;font-weight:400;line-height:1.7}.hero-hub-tagline p{margin:0}.hero-hub-steps{color:#fff9;letter-spacing:.02em;border-top:1px solid #ffffff1a;margin-top:14px;padding-top:14px;font-size:13px;display:block}.hero-hub-badges{flex-wrap:nowrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.hero-hub-badge{color:#ffffffd9;white-space:nowrap;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff26;border-radius:20px;padding:8px 18px;font-size:13px;transition:all .2s}.hero-hub-badge:hover{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 100%);border-color:#ffffff40;transform:translateY(-1px)}@media (width<=1024px){.hero-hub-diagram{width:380px;height:380px}.hero-hub-center{width:320px;height:320px}.hero-hub-center-text{font-size:16px}.hero-hub-node{width:110px;height:110px}.hero-hub-node-label{font-size:11px}.hero-hub-node-action{font-size:10px}}@media (width<=768px){.hero-hub-diagram{width:300px;height:300px}.hero-hub-center{width:250px;height:250px}.hero-hub-center-text{font-size:18px}.hero-hub-node{width:100px;height:100px}.hero-hub-node--mensch{top:-2%}.hero-hub-node--ki{top:20%;right:-2%}.hero-hub-node--systeme{bottom:10%;right:10%}.hero-hub-node--daten{bottom:10%;left:10%}.hero-hub-node--prozesse{top:20%;left:-2%}.hero-hub-node-label{letter-spacing:.3px;font-size:10px}.hero-hub-node-action{font-size:9px}.hero-hub-tagline{padding:16px;font-size:15px}.hero-hub-badges{flex-wrap:wrap;gap:10px}}.workspace-mock{border-radius:var(--radius-xl);aspect-ratio:4/3;background:#414958fa;border:1px solid #ffffff26;grid-template-rows:48px 1fr;grid-template-columns:56px 1fr 200px;gap:10px;max-width:600px;padding:16px;display:grid;box-shadow:0 30px 80px #0003,0 0 0 1px #ffffff0d}.mock-sidebar{background:var(--accent);border-radius:var(--radius-lg);flex-direction:column;grid-row:1/-1;gap:8px;padding:12px 8px;display:flex}.mock-sidebar-icon{border-radius:var(--radius);background:#fff3;width:40px;height:40px}.mock-sidebar-icon:first-child{background:#ffffff59;position:relative}.mock-sidebar-icon:first-child:after{content:"";background:#fff;border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mock-topbar{border-radius:var(--radius);background:#505a69fa;grid-column:2/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.mock-topbar-item{background:#ffffff47;border-radius:5px;height:10px}.mock-main{border-radius:var(--radius-lg);background:#485262fa;flex-direction:column;gap:10px;padding:16px;display:flex;overflow:hidden}.mock-row{border-radius:var(--radius);opacity:0;animation:rowSlideIn .5s var(--ease) forwards;background:#555f70fa;align-items:center;gap:12px;padding:12px 16px;display:flex;transform:translateY(10px)}.mock-row:first-child{animation-delay:.8s}.mock-row:nth-child(2){animation-delay:.9s}.mock-row:nth-child(3){animation-delay:1s}.mock-row:nth-child(4){animation-delay:1.1s}.mock-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.mock-row:first-child .mock-dot{background:var(--accent)}.mock-row:nth-child(3) .mock-dot{background:var(--success)}.mock-text{background:#ffffff52;border-radius:4px;height:8px}.mock-panel{border-radius:var(--radius-lg);background:#505a69fa;flex-direction:column;gap:12px;padding:16px;display:flex}.mock-panel-header{background:#ffffff47;border-radius:5px;width:60%;height:10px}.mock-panel-card{background:var(--bg-elevated);border-radius:var(--radius);padding:12px}.mock-panel-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mock-panel-row:last-child{margin-bottom:0}.mock-avatar{background:linear-gradient(135deg, var(--accent-subtle), #ffffff0d);border-radius:50%;width:24px;height:24px}.mock-progress{background:#ffffff0d;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.mock-progress-bar{background:var(--accent);width:0%;height:100%;animation:progressFill 2s var(--ease) 1.5s forwards;border-radius:2px}.feature{min-height:100vh;padding:var(--section-pad) var(--content-pad);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.feature-bg{opacity:.4;filter:blur(1px);width:100%;height:100%;position:absolute;top:0;left:0}.feature-bg-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:16px;width:100%;height:100%;padding:40px;display:grid}.feature-bg-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);opacity:0;animation:cardFadeIn 1s var(--ease) forwards}.feature-bg-card:first-child{animation-delay:.1s}.feature-bg-card:nth-child(2){animation-delay:.2s}.feature-bg-card:nth-child(3){animation-delay:.3s}.feature-bg-card:nth-child(4){animation-delay:.4s}.feature-bg-card:nth-child(5){animation-delay:.5s}.feature-bg-card:nth-child(6){animation-delay:.6s}.feature-bg-card:nth-child(7){animation-delay:.7s}.feature-bg-card:nth-child(8){animation-delay:.8s}.feature-bg-card:nth-child(9){animation-delay:.9s}.feature-bg-card:nth-child(10){animation-delay:1s}.feature-bg-card:nth-child(11){animation-delay:1.1s}.feature-bg-card:nth-child(12){animation-delay:1.2s}.feature-overlay{pointer-events:none;background:radial-gradient(#0a0c0f4d 0%,#0a0c0fd9 70%);width:100%;height:100%;position:absolute;top:0;left:0}.feature-content{z-index:2;text-align:center;max-width:800px;position:relative}.feature-headline{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.15}.feature-headline span{color:var(--accent)}.feature-subline{color:var(--text-secondary);max-width:560px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px)}.feature-line{background:var(--accent);border-radius:2px;width:80px;height:4px;margin:0 auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-badge{border:1px solid var(--border);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);background:#ffffff0d;border-radius:50px;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.section-badge--accent{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.section-title{letter-spacing:-1px;color:var(--text);margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:clamp(16px,2vw,18px)}.stories-catalog{z-index:1;padding:var(--section-pad) 0;background:linear-gradient(180deg, var(--bg) 0%, #14161b 100%);position:relative;overflow:hidden}.stories-catalog-header{text-align:center;margin-bottom:40px}.stories-filter{padding:0 var(--content-pad);flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.filter-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease);white-space:nowrap;background:0 0;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:500}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-tab[data-filter=mensch]:hover{color:#fcd34d;border-color:#fcd34d}.filter-tab[data-filter=mensch].active{background:linear-gradient(135deg,#fbbf24 0%,#fcd34d 100%);border-color:#fcd34d}.filter-tab[data-filter=prozesse]:hover{color:#22c55e;border-color:#22c55e}.filter-tab[data-filter=prozesse].active{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border-color:#22c55e}.filter-tab[data-filter=daten]:hover{color:#a78bfa;border-color:#a78bfa}.filter-tab[data-filter=daten].active{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border-color:#a78bfa}.filter-tab[data-filter=ki]:hover{color:#00d4ff;border-color:#00d4ff}.filter-tab[data-filter=ki].active{background:linear-gradient(135deg,#00b4d8 0%,#00d4ff 100%);border-color:#00d4ff}.filter-tab[data-filter=systeme]:hover{color:#60a5fa;border-color:#60a5fa}.filter-tab[data-filter=systeme].active{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-color:#60a5fa}.stories-scroll-wrapper{background:#0000004d;border:1px solid #ffffff14;border-radius:24px;margin:0 48px;padding:16px 0;position:relative;box-shadow:inset 0 2px 20px #0006}@media (width<=768px){.stories-scroll-wrapper{border-radius:14px;margin:0 16px}}.stories-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;gap:24px;padding:20px 24px 40px;display:flex;overflow-x:auto}.stories-scroll:after{content:"";flex:0 0 var(--content-pad);min-width:var(--content-pad)}.stories-scroll::-webkit-scrollbar{height:6px}.stories-scroll::-webkit-scrollbar-track{background:var(--border);border-radius:3px}.stories-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.story-card{border:1px solid var(--border);min-width:340px;color:inherit;transition:all .3s var(--ease);scroll-snap-align:start;background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-radius:20px;flex-direction:column;flex:0 0 340px;padding:28px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.story-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.story-card:hover{border-color:#ec740466;transform:translateY(-6px);box-shadow:0 24px 48px #00000059}.story-card:hover:before{opacity:1}.story-card-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#ec740426;border-radius:20px;align-self:flex-start;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.story-card-badge--mensch{color:#fcd34d;background:#fbbf2426}.story-card-badge--prozesse{color:#22c55e;background:#16a34a26}.story-card-badge--daten{color:#a78bfa;background:#8b5cf626}.story-card-badge--ki{color:#00d4ff;background:#00b4d826}.story-card-badge--systeme{color:#60a5fa;background:#3b82f626}.story-card-image{border-radius:20px 20px 0 0;height:120px;margin:-28px -24px 16px;position:relative;overflow:hidden}.story-card-image img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .4s var(--ease), filter .4s var(--ease)}.story-card:hover .story-card-image img{filter:saturate();transform:scale(1.05)}.story-card-image:after{content:"";background:linear-gradient(to top, var(--bg-card) 0%, transparent 100%);pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.story-card-logo{align-items:center;height:36px;margin-bottom:16px;display:flex;overflow:visible}.story-card-logo img{object-fit:contain;object-position:left center;filter:brightness(0)invert();opacity:.9;width:auto;max-width:160px;height:100%}.story-card-title{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.3}.story-card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.6}.story-card-kpi{text-align:center;background:#ec74041a;border:1px solid #ec740433;border-radius:12px;margin-bottom:16px;padding:14px}.story-card-kpi .kpi-number{color:var(--accent);margin-bottom:2px;font-size:24px;font-weight:800;display:block}.story-card-kpi .kpi-label{color:var(--text-secondary);font-size:12px}.story-card-link{color:var(--accent);font-size:14px;font-weight:600;transition:transform .2s;display:inline-block}.story-card:hover .story-card-link{transform:translate(4px)}.story-card--placeholder{text-align:center;background:linear-gradient(135deg,#ec740414 0%,#ec740405 100%);border:2px dashed #ec74044d;justify-content:center;align-items:center}.story-card--placeholder:hover{border-color:var(--accent);border-style:solid}.placeholder-icon{margin-bottom:16px;font-size:48px}.story-card--placeholder .story-card-title{margin-bottom:8px}.story-card--placeholder .story-card-desc{flex-grow:0;margin-bottom:20px}.btn-sm{padding:10px 20px;font-size:14px}.story-card--more{border:1px dashed var(--border);text-align:center;background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);justify-content:center;align-items:center}.story-card--more:hover{border-style:solid;border-color:var(--accent)}.more-icon{color:var(--accent);opacity:.8;margin-bottom:16px;transition:all .3s}.story-card--more:hover .more-icon{opacity:1;transform:scale(1.1)}.story-card--more .story-card-title{margin-bottom:8px}.story-card--more .story-card-desc{flex-grow:0;margin-bottom:16px}@media (width<=768px){.story-card{flex:0 0 300px;min-width:300px;padding:24px 20px}.filter-tab{padding:8px 16px;font-size:13px}.stories-filter{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}}.solutions{padding:var(--section-pad) 0;background:var(--bg);position:relative}.solutions-header{text-align:center;margin-bottom:60px}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.solution-card{border:1px solid var(--border);transition:all .4s var(--ease);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-radius:20px;padding:36px 28px;position:relative;overflow:hidden}.solution-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light));transform-origin:0;height:3px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.solution-card:hover{border-color:#ec74044d;transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 0 1px #ec74041a}.solution-card:hover:before{transform:scaleX(1)}.solution-card:hover .solution-card-icon{transform:scale(1.15)rotate(-5deg)}.solution-card-icon{transition:transform .4s var(--ease);margin-bottom:20px;font-size:42px;display:block}.solution-card h3{color:var(--text);margin-bottom:12px;font-size:20px;font-weight:600}.solution-card p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.6}.solution-tag{background:var(--accent-subtle);text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.ecosystem{padding:var(--section-pad) 0;background:var(--bg-primary);z-index:1;padding-bottom:40px;position:relative;overflow:visible}.ecosystem-header{text-align:center;margin-bottom:60px}.ecosystem-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.ecosystem-diagram{aspect-ratio:1;width:100%;max-width:450px;margin:0 auto;position:relative}.ecosystem-lines{display:none}.ecosystem-hub{background:linear-gradient(135deg, var(--accent), #d35400);cursor:pointer;z-index:1;width:380px;height:380px;transition:all .4s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ec740480,0 0 80px #ec740440}.ecosystem-hub:hover,.ecosystem-hub.active{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 60px #ec7404b3,0 0 120px #ec740459}.ecosystem-hub-text{color:#fff;letter-spacing:.5px;font-size:30px;font-weight:700}.ecosystem-hub-dot{color:#1e232de6}.ecosystem-node{border:2px solid var(--border);cursor:pointer;z-index:5;width:130px;height:130px;transition:all .4s var(--ease);backdrop-filter:blur(10px);background:#1e232de6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute}.ecosystem-node:before{content:"";z-index:-1;transition:all .4s var(--ease);background:0 0;border-radius:50%;position:absolute;inset:-2px}.ecosystem-node:hover,.ecosystem-node.active{z-index:8;border-width:3px}.ecosystem-node.active{background:linear-gradient(145deg,#1e232df2,#141920f2)}.ecosystem-node-icon{font-size:32px}.ecosystem-node-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ecosystem-node--mensch{border-color:#fbbf24;top:-5%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #fbbf2433}.ecosystem-node--mensch .ecosystem-node-label{color:#fcd34d}.ecosystem-node--mensch:hover,.ecosystem-node--mensch.active{border-color:#fbbf24;transform:translate(-50%)scale(1.08);box-shadow:0 0 50px #fbbf2480}.ecosystem-node--mensch:hover:before,.ecosystem-node--mensch.active:before{box-shadow:0 0 50px #fbbf2499,0 0 80px #fbbf244d}.ecosystem-node--ki{border-color:#00b4d8;top:18%;right:-2%;transform:none;box-shadow:0 0 30px #00b4d833}.ecosystem-node--ki .ecosystem-node-label{color:#00d4ff}.ecosystem-node--ki:hover,.ecosystem-node--ki.active{border-color:#00b4d8;transform:scale(1.08);box-shadow:0 0 50px #00b4d880}.ecosystem-node--ki:hover:before,.ecosystem-node--ki.active:before{box-shadow:0 0 50px #00b4d899,0 0 80px #00b4d84d}.ecosystem-node--systeme{border-color:#3b82f6;bottom:5%;right:8%;transform:none;box-shadow:0 0 30px #3b82f633}.ecosystem-node--systeme .ecosystem-node-label{color:#60a5fa}.ecosystem-node--systeme:hover,.ecosystem-node--systeme.active{border-color:#3b82f6;transform:scale(1.08);box-shadow:0 0 50px #3b82f680}.ecosystem-node--systeme:hover:before,.ecosystem-node--systeme.active:before{box-shadow:0 0 50px #3b82f699,0 0 80px #3b82f64d}.ecosystem-node--daten{border-color:#8b5cf6;bottom:5%;left:8%;transform:none;box-shadow:0 0 30px #8b5cf633}.ecosystem-node--daten .ecosystem-node-label{color:#a78bfa}.ecosystem-node--daten:hover,.ecosystem-node--daten.active{border-color:#8b5cf6;transform:scale(1.08);box-shadow:0 0 50px #8b5cf680}.ecosystem-node--daten:hover:before,.ecosystem-node--daten.active:before{box-shadow:0 0 50px #8b5cf699,0 0 80px #8b5cf64d}.ecosystem-node--prozesse{border-color:#16a34a;top:18%;left:-2%;transform:none;box-shadow:0 0 30px #16a34a33}.ecosystem-node--prozesse .ecosystem-node-label{color:#22c55e}.ecosystem-node--prozesse:hover,.ecosystem-node--prozesse.active{border-color:#16a34a;transform:scale(1.08);box-shadow:0 0 50px #16a34a80}.ecosystem-node--prozesse:hover:before,.ecosystem-node--prozesse.active:before{box-shadow:0 0 50px #16a34a99,0 0 80px #16a34a4d}.ecosystem-features{min-height:300px}.ecosystem-feature-panel{animation:fadeInUp .4s var(--ease);display:none}.ecosystem-feature-panel.active{display:block}.ecosystem-feature-title{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:700}.ecosystem-feature-desc{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.5}.ecosystem-feature-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ecosystem-feature-list li{color:var(--text-secondary);padding-bottom:12px;padding-left:28px;font-size:16px;line-height:1.5;transition:opacity .3s;position:relative}.ecosystem-feature-list li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;transition:opacity .3s;position:absolute;top:8px;left:0}.ecosystem-feature-list li.fade-1{opacity:.7}.ecosystem-feature-list li.fade-2{opacity:.5}.ecosystem-feature-list li.fade-3{opacity:.3}.ecosystem-feature-list li.fade-4{opacity:.15}.ecosystem-feature-list li.fade-1:before{opacity:.7}.ecosystem-feature-list li.fade-2:before{opacity:.5}.ecosystem-feature-list li.fade-3:before{opacity:.3}.ecosystem-feature-list li.fade-4:before{opacity:.15}.feature-video-link{width:18px;height:18px;color:var(--accent);vertical-align:middle;background:#ec740426;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:8px;text-decoration:none;transition:all .2s;display:inline-flex}.feature-video-link:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.ecosystem-feature-list-wrapper{scrollbar-width:thin;scrollbar-color:#ec740480 transparent;max-height:280px;position:relative;overflow-y:auto}.ecosystem-feature-list-wrapper::-webkit-scrollbar{width:6px}.ecosystem-feature-list-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.ecosystem-feature-list-wrapper::-webkit-scrollbar-thumb{background:#ec740480;border-radius:3px}.ecosystem-feature-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent)}.ecosystem-action-bar{border-top:1px solid #ffffff26;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;display:flex}.action-link{text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:140px;max-width:200px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.action-link--video{background:var(--accent);color:#fff;box-shadow:0 2px 8px #ec74044d}.action-link--video:hover{background:#d46a00;transform:translateY(-1px);box-shadow:0 4px 12px #ec740466}.action-link--docs{color:var(--text-secondary);border:1px solid var(--border);box-shadow:none;background:0 0}.action-link--docs:hover{color:var(--text);border-color:var(--text-muted);box-shadow:none;background:#ffffff0d;transform:translateY(-1px)}.action-link svg{fill:currentColor;width:22px;height:22px}@media (width<=1024px){.ecosystem-content{grid-template-columns:1fr;gap:40px}.ecosystem-diagram{max-width:380px}.ecosystem-hub{width:320px;height:320px}.ecosystem-hub-text{font-size:16px}.ecosystem-node{width:110px;height:110px}.ecosystem-node-icon{font-size:28px}.ecosystem-node-label{font-size:11px}.ecosystem-features{text-align:center}.ecosystem-feature-list{text-align:left;max-width:400px;margin:0 auto}}@media (width<=768px){.ecosystem-diagram{max-width:300px}.ecosystem-hub{width:250px;height:250px}.ecosystem-hub-text{font-size:18px}.ecosystem-node{width:100px;height:100px}.ecosystem-node-icon{font-size:24px}.ecosystem-node-label{letter-spacing:.3px;font-size:10px}.ecosystem-node--mensch{top:-2%}.ecosystem-node--ki{top:20%;right:-2%}.ecosystem-node--systeme{bottom:10%;right:10%}.ecosystem-node--daten{bottom:10%;left:10%}.ecosystem-node--prozesse{top:20%;left:-2%}}.kpi-bar{background:linear-gradient(135deg, var(--accent) 0%, #d35400 50%, #c0392b 100%);padding:32px 0;position:relative;overflow:hidden}.kpi-bar__bg{pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.kpi-bar__inner{z-index:1;max-width:1100px;padding:0 var(--content-pad);justify-content:center;align-items:center;gap:0;margin:0 auto;display:flex;position:relative}.kpi-bar__item{text-align:center;flex:1;padding:8px 16px}.kpi-bar__number{color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 12px #00000026;margin-bottom:4px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1;display:block}.kpi-bar__label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.kpi-bar__source{color:#ffffff8c;font-size:11px;font-style:italic;font-weight:400;display:block}.kpi-bar__divider{background:#fff3;flex-shrink:0;width:1px;height:48px}@media (width<=768px){.kpi-bar{padding:16px 0}.kpi-bar__inner{gap:0;padding:0 8px}.kpi-bar__divider{height:36px}.kpi-bar__item{padding:4px}.kpi-bar__number{letter-spacing:-1px;font-size:22px}.kpi-bar__label{letter-spacing:.3px;font-size:9px}.kpi-bar__source{font-size:8px}}.social-proof{padding:var(--section-pad) 0;background:linear-gradient(135deg, var(--accent) 0%, #d35400 50%, #c0392b 100%);position:relative;overflow:hidden}.social-proof-bg{pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%),radial-gradient(circle at 40% 40%,#0000001a 0%,#0000 30%);position:absolute;inset:0}.social-proof .container{z-index:1;position:relative}.kpi-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px;display:grid}.kpi-item{padding:20px}.kpi-number{color:#fff;letter-spacing:-2px;text-shadow:0 2px 20px #0003;margin-bottom:8px;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1;display:block}.kpi-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500}.testimonial{text-align:center;max-width:800px;margin:0 auto}.testimonial-quote{color:#fff;margin:0 0 32px;padding:0 20px;font-size:clamp(18px,2.5vw,24px);font-style:italic;font-weight:500;line-height:1.6;position:relative}.testimonial-quote:before{content:"\"";color:#fff3;font-family:Georgia,serif;font-size:80px;line-height:1;position:absolute;top:-20px;left:-10px}.testimonial-author{justify-content:center;align-items:center;gap:16px;display:flex}.testimonial-logo{filter:brightness(0)invert();opacity:.9;width:auto;height:80px}.testimonial-info{text-align:left}.testimonial-info strong{color:#fff;font-size:16px;font-weight:600;display:block}.testimonial-info span{color:#ffffffbf;font-size:13px}.feature-statement{padding:var(--section-pad) 0;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.feature-statement-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.feature-statement .feature-bg-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:20px;height:100%;padding:40px;display:grid}.feature-statement .feature-bg-card{opacity:0;animation:cardFadeIn 1s var(--ease) forwards;background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);border:1px solid #ffffff0a;border-radius:16px}.feature-statement-overlay{pointer-events:none;background:radial-gradient(#0a0c0f4d 0%,#0a0c0fd9 70%);width:100%;height:100%;position:absolute;top:0;left:0}.feature-statement-content{z-index:2;text-align:center;max-width:800px;padding:0 24px;position:relative}.feature-statement-headline{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.15}.feature-statement-headline span{color:var(--accent)}.feature-statement-subline{color:var(--text-secondary);max-width:560px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px)}.feature-statement-line{background:var(--accent);border-radius:2px;width:80px;height:4px;margin:0 auto}@media (width<=1024px){.problems-grid,.solutions-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (width<=768px){.problems-grid{grid-template-columns:1fr;gap:16px}.problem-card{padding:24px 20px}.solutions-grid{grid-template-columns:1fr;gap:16px}.solution-card{padding:28px 24px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:20px}.kpi-item{padding:10px}.kpi-number{font-size:32px}.testimonial-quote{padding:0;font-size:16px}.testimonial-quote:before{display:none}.testimonial-author{text-align:center;flex-direction:column}.testimonial-info{text-align:center}.feature-statement{min-height:400px}}.trusted{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);z-index:10;padding:60px 0;position:relative;overflow:hidden}.trusted-label{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--muted);min-height:1.5em;margin-bottom:40px;font-size:13px;font-weight:600;position:relative}.persona-text{transition:opacity .3s var(--ease), transform .3s var(--ease)}.persona-text[data-persona=umsetzer]{opacity:0;display:none}.persona-text[data-persona=entscheider]{opacity:1;display:inline}body.persona-umsetzer .persona-text[data-persona=entscheider]{opacity:0;display:none}body.persona-umsetzer .persona-text[data-persona=umsetzer]{opacity:1;display:inline}.logo-carousel{align-items:center;display:flex;position:relative;overflow:hidden}.logo-carousel:before,.logo-carousel:after{content:"";z-index:10;pointer-events:none;width:35%;position:absolute;top:0;bottom:0}.logo-carousel:before{background:linear-gradient(to right, var(--bg) 0%, var(--bg) 30%, transparent 100%);left:0}.logo-carousel:after{background:linear-gradient(to left, var(--bg) 0%, var(--bg) 30%, transparent 100%);right:0}.logo-track{align-items:center;gap:100px;padding:50px 0;animation:30s linear infinite logoScroll;display:flex}.logo-track:hover{animation-play-state:paused}.logo-item{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;min-height:80px;text-decoration:none;transition:all .3s;display:flex}.logo-item img{object-fit:contain;opacity:.8;filter:grayscale()brightness(3.2)contrast(.9);width:auto;max-width:260px;height:80px;transition:all .8s cubic-bezier(.4,0,.2,1)}.logo-item:hover img{opacity:1;filter:grayscale(0%)brightness()drop-shadow(0 0 25px #ec7404b3);transform:scale(1.15)}.logo-item.spotlight img{opacity:1;filter:grayscale(0%)brightness(1.05)drop-shadow(0 0 20px #ec7404cc)drop-shadow(0 4px 15px #0000004d);transform:scale(1.5)}.logo-item--invert img{filter:grayscale()brightness(0)invert();opacity:.7}.logo-item--invert:hover img,.logo-item--invert.spotlight img{filter:brightness(0)invert()drop-shadow(0 0 20px #ec7404cc)drop-shadow(0 4px 15px #0000004d);opacity:1;transform:scale(1.5)}.logo-item--large img{height:80px}.logo-item--color img{filter:none;opacity:.7}.logo-item--color:hover img,.logo-item--color.spotlight img{filter:drop-shadow(0 0 20px #ec7404cc)drop-shadow(0 4px 15px #0000004d);opacity:1}.logo-item--bg{background:#fff;border-radius:10px;padding:8px 14px}.logo-item--bg img{filter:none;opacity:1}.testimonial-section{background:linear-gradient(180deg, var(--bg) 0%, #1e2128 100%);padding:80px 0}.testimonial-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px;display:grid;position:relative;overflow:hidden}.testimonial-card:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-light) 100%);width:4px;height:100%;position:absolute;top:0;left:0}.testimonial-card-content{flex:1}.testimonial-card-quote{color:var(--text);border-left:3px solid var(--accent);margin:0 0 28px;padding-left:24px;font-size:clamp(18px,2vw,22px);font-style:italic;font-weight:500;line-height:1.6;position:relative}.testimonial-card-author{align-items:center;gap:16px;display:flex}.testimonial-card-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:80px;height:80px}.testimonial-card-logo-wrapper{background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;display:flex}.testimonial-card-logo{object-fit:contain;width:auto;height:32px}.testimonial-card-info strong{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600;display:block}.testimonial-card-info span{color:var(--text-secondary);font-size:13px}.testimonial-card-highlight{text-align:center;background:var(--accent-subtle);border:1px solid #ec740433;border-radius:16px;padding:32px 40px}.testimonial-highlight-number{color:var(--accent);letter-spacing:-2px;margin-bottom:8px;font-size:42px;font-weight:800;line-height:1;display:block}.testimonial-highlight-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:13px}.trust-badges{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0}.trust-badges-grid{flex-wrap:nowrap;justify-content:center;gap:24px;display:flex}.trust-badge{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;transition:all .3s;display:flex}.trust-badge:hover{border-color:var(--accent);transform:translateY(-2px)}.trust-badge-icon{font-size:24px}.trust-badge-text{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}@media (width<=1024px){.testimonial-card{grid-template-columns:1fr;padding:32px}.testimonial-card-highlight{justify-self:start}}@media (width<=768px){.testimonial-section{padding:60px 0}.testimonial-card{padding:24px}.testimonial-card-quote{padding-left:16px}.testimonial-card-highlight{width:100%;padding:24px 32px}.testimonial-card-author{flex-wrap:wrap}.testimonial-card-logo-wrapper{justify-content:flex-start;width:100%}.trust-badges-grid{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px}.trust-badge{flex:none;padding:10px 14px}.trust-badge-text{font-size:12px}}.explainer-player{padding:var(--section-pad) 0;position:relative;overflow:hidden}.explainer-player__header{text-align:center;padding:0 var(--content-pad);margin-bottom:40px}.explainer-player__title{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(28px,4vw,48px);font-weight:700}.explainer-player__subtitle{color:var(--text-muted);font-size:clamp(16px,2vw,20px)}.explainer-player__container{max-width:1400px;margin:0 auto;padding:0 24px}.explainer-player__frame{aspect-ratio:21/9;background:linear-gradient(135deg,#0a0c0f 0%,#12151a 100%);border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a}.explainer-player__overlay{z-index:10;cursor:pointer;background:#0a0c0fb3;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.explainer-player__overlay:hover{background:#0a0c0f80}.explainer-player__overlay.hidden{opacity:0;pointer-events:none;transition:opacity .5s}.explainer-player__preview{z-index:-1;position:absolute;inset:0}.explainer-player__preview img{object-fit:cover;width:100%;height:100%}.explainer-player__play-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;transition:transform .3s;display:flex}.explainer-player__play-btn:hover{transform:scale(1.1)}.explainer-player__play-icon{filter:drop-shadow(0 10px 40px #ec740480);width:100px;height:100px;transition:filter .3s}.explainer-player__play-btn:hover .explainer-player__play-icon{filter:drop-shadow(0 15px 60px #ec7404b3)}.explainer-player__play-text{color:#fff;text-shadow:0 2px 10px #00000080;font-size:18px;font-weight:600}.explainer-player__iframe{opacity:0;border:none;width:100%;height:100%;transition:opacity .5s}.explainer-player__iframe.loaded{opacity:1}.explainer-player__caption{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.explainer-player__caption-sep{opacity:.3}@media (width<=768px){.explainer-player__frame{border-radius:12px}.explainer-player__play-icon{width:70px;height:70px}.explainer-player__play-text{font-size:14px}}.explainer-player__video{background:#0a0c0f;border-radius:12px;width:100%}.explainer-player__frame--mobile{aspect-ratio:auto;display:none}@media (width<=768px){.explainer-player__frame--desktop{display:none}.explainer-player__frame--mobile{aspect-ratio:auto;display:block}}.explainer-player__frame--mobile.is-fullscreen{display:block!important}body.video-fullscreen .nav{display:none!important}.explainer-player__video:-webkit-full-screen{object-fit:contain;background:#000;width:100%;height:100%}.explainer-player__video:fullscreen{object-fit:contain;background:#000;width:100%;height:100%}.showcase{padding:var(--section-pad) 0;position:relative;overflow:hidden}.showcase-header{text-align:center;padding:0 var(--content-pad);margin-bottom:40px}.showcase-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:700}.showcase-tabs{padding:0 var(--content-pad);justify-content:center;gap:8px;margin-bottom:32px;display:flex}.showcase-tab{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:8px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.showcase-tab:hover{background:#ffffff0f}.showcase-tab--prozesse{border-color:#16a34a4d}.showcase-tab--prozesse:hover{border-color:#16a34a80}.showcase-tab--prozesse.active{background:#16a34a26;border-color:#16a34a}.showcase-tab--prozesse .showcase-tab-progress{background:#16a34a}.showcase-tab--daten{border-color:#8b5cf64d}.showcase-tab--daten:hover{border-color:#8b5cf680}.showcase-tab--daten.active{background:#8b5cf626;border-color:#8b5cf6}.showcase-tab--daten .showcase-tab-progress{background:#8b5cf6}.showcase-tab--mensch{border-color:#fbbf244d}.showcase-tab--mensch:hover{border-color:#fbbf2480}.showcase-tab--mensch.active{background:#fbbf2426;border-color:#fbbf24}.showcase-tab--mensch .showcase-tab-progress{background:#fbbf24}.showcase-tab--ki{border-color:#00b4d84d}.showcase-tab--ki:hover{border-color:#00b4d880}.showcase-tab--ki.active{background:#00b4d826;border-color:#00b4d8}.showcase-tab--ki .showcase-tab-progress{background:#00b4d8}.showcase-tab--systeme{border-color:#3b82f64d}.showcase-tab--systeme:hover{border-color:#3b82f680}.showcase-tab--systeme.active{background:#3b82f626;border-color:#3b82f6}.showcase-tab--systeme .showcase-tab-progress{background:#3b82f6}.showcase-tab-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;transition:color .3s}.showcase-tab.active .showcase-tab-label{color:#fff}.showcase-tab-progress{border-radius:0 0 8px 8px;width:0%;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.showcase-tab.active .showcase-tab-progress{animation:5s linear forwards tabProgress}@keyframes tabProgress{0%{width:0%}to{width:100%}}.showcase-display{max-width:900px;padding:0 var(--content-pad);margin:0 auto}.showcase-browser{background:#2d2d3cf2;border-radius:8px;overflow:hidden;box-shadow:0 15px 40px #00000040,0 0 0 1px #ffffff1a}.showcase-browser-header{background:#323241f2;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:5px 10px;display:flex}.showcase-browser-dots{gap:4px;display:flex}.showcase-browser-dots span{opacity:.8;border-radius:50%;width:6px;height:6px}.showcase-browser-dots span:first-child{background:#ff5f57}.showcase-browser-dots span:nth-child(2){background:#ffbd2e}.showcase-browser-dots span:nth-child(3){background:#28ca41}.showcase-browser-url{color:#ffffff80;background:#00000026;border:1px solid #ffffff0f;border-radius:3px;flex:1;padding:4px 8px;font-family:monospace;font-size:10px}.showcase-browser-content{background:#1a1a24;padding:6px;line-height:0;position:relative}.showcase-browser-content img{aspect-ratio:16/9;object-fit:contain;background:#0a0c0f;border-radius:2px;width:100%;transition:opacity .4s;display:block}.showcase-browser-content img.loading{opacity:.5}.showcase-caption{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:0 20px;display:flex}.showcase-caption-title{color:#ffffffe6;font-size:15px;font-weight:600}.showcase-caption-sep{color:#ffffff4d}.showcase-caption-desc{color:#ffffff80;font-size:15px}@media (width<=768px){.showcase-tabs{flex-wrap:wrap;gap:6px}.showcase-tab{min-width:60px;padding:6px 12px}.showcase-tab-label{font-size:11px}}.arch-section{padding:var(--section-pad) var(--content-pad);background:linear-gradient(180deg, var(--bg) 0%, #0d0f14 50%, var(--bg) 100%);overflow:hidden}.arch-header{text-align:center;margin-bottom:24px}.arch-toggle-wrap{justify-content:center;margin-bottom:48px;display:flex}.arch-toggle{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:40px;align-items:center;gap:12px;padding:6px 8px;transition:border-color .3s;display:flex;position:relative}.arch-toggle:hover{border-color:var(--accent)}.arch-toggle-label{color:var(--text-secondary);z-index:1;user-select:none;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.arch-toggle-label:first-child{color:#fff;background:var(--accent)}.arch-toggle[aria-pressed=true] .arch-toggle-label:first-child{color:var(--text-secondary);background:0 0}.arch-toggle[aria-pressed=true] .arch-toggle-label:last-child{color:#fff;background:var(--accent)}.arch-toggle-knob{display:none}.arch-diagram{grid-template-rows:auto 28px auto 28px auto;grid-template-columns:140px 1fr;gap:0 20px;max-width:960px;margin:0 auto;display:grid;position:relative}.arch-sidebar{grid-area:1/1/6;display:flex}.arch-sidebar-card{text-align:center;background:#ec74040f;border:1px solid #ec740433;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px 16px;display:flex;position:relative;overflow:hidden}.arch-sidebar-card:before{content:"";background:var(--accent);opacity:.8;border-radius:16px 0 0 16px;width:3px;position:absolute;top:0;bottom:0;left:0}.arch-sidebar-card:after{content:"";border-right:2px dashed #ec740433;width:1px;height:70%;position:absolute;top:15%;right:-20px}.arch-sidebar-icon{font-size:28px}.arch-sidebar-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.arch-sidebar-sub{color:var(--text-secondary);margin:0;font-size:11px}.arch-block{backdrop-filter:blur(8px);border-radius:16px;grid-column:2;padding:20px 24px;transition:all .4s;position:relative}.arch-block--zugriff{background:#fbbf240a;border:1px solid #fbbf2426;grid-row:1}.arch-block--logik{background:#16a34a0a;border:1px solid #16a34a26;grid-row:3}.arch-block--daten{background:#3b82f60a;border:1px solid #3b82f626;grid-row:5}.arch-block-label{text-transform:uppercase;letter-spacing:1.5px;border-radius:6px;margin-bottom:16px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.arch-block--zugriff .arch-block-label{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.arch-block--logik .arch-block-label{color:#22c55e;background:#16a34a1a;border:1px solid #16a34a33}.arch-block--daten .arch-block-label{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.arch-nodes{justify-content:center;gap:12px;display:flex}.arch-node{cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;padding:12px 16px;transition:all .3s;display:flex}.arch-node:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.arch-node-icon{flex-shrink:0;font-size:22px}.arch-block--zugriff .arch-node{background:#fbbf240f;border-color:#fbbf242e}.arch-block--daten .arch-node{background:#3b82f60f;border-color:#3b82f62e}.arch-node--engine{background:#16a34a0f;border-color:#16a34a33}.arch-node--ki{background:#00b4d80f;border-color:#00b4d833}.arch-node--struktur{background:#8b5cf60f;border-color:#8b5cf633}.arch-node-label{color:var(--text);font-size:13px;font-weight:600}.arch-details{opacity:0;flex-wrap:wrap;justify-content:center;gap:5px;max-height:0;margin-top:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s,margin .4s;display:flex;overflow:hidden}.arch-diagram.detail .arch-details{opacity:1;max-height:200px;margin-top:10px}.arch-pill{color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .3s;display:inline-block}.arch-diagram.detail .arch-pill--zugriff{color:#fbbf24;border-color:#fbbf244d}.arch-diagram.detail .arch-pill--engine{color:#22c55e;border-color:#16a34a4d}.arch-diagram.detail .arch-pill--ki{color:#00d4ff;border-color:#00b4d84d}.arch-diagram.detail .arch-pill--struktur{color:#a78bfa;border-color:#8b5cf64d}.arch-diagram.detail .arch-pill--daten{color:#60a5fa;border-color:#3b82f64d}.arch-diagram.detail .arch-pill--rechte{color:var(--accent);border-color:#ec74044d}.arch-connector{background:linear-gradient(#ffffff26,#ffffff0d);grid-column:2;justify-self:center;width:2px;height:28px;position:relative}.arch-block--zugriff+.arch-connector{grid-row:2}.arch-block--logik+.arch-connector{grid-row:4}.arch-connector:after{content:"";border:4px solid #0000;border-top-color:#ffffff1f;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.arch-diagram.detail .arch-connector{background:linear-gradient(180deg, var(--accent), #ec74041a);animation:2s ease-in-out infinite connectorPulse}@keyframes connectorPulse{0%,to{opacity:.5}50%{opacity:1}}.arch-footnote{text-align:center;color:var(--text-muted);margin-top:40px;font-size:14px;font-style:italic}@media (width<=768px){.arch-diagram{flex-direction:column;gap:12px;display:flex}.arch-sidebar{order:-1;width:100%}.arch-sidebar-card{text-align:left;flex-direction:row;padding:16px 20px}.arch-sidebar-card:before{border-radius:16px 16px 0 0;width:auto;height:3px;inset:0 0 auto}.arch-sidebar-card:after{display:none}.arch-sidebar-icon{font-size:22px}.arch-nodes{flex-direction:column;align-items:center;gap:12px}.arch-node{text-align:left;flex-direction:row;gap:12px;max-width:100%}.arch-node-icon{flex-shrink:0;width:44px;height:44px;font-size:20px}.arch-node .arch-details{justify-content:flex-start}.arch-connector{height:20px;margin:0 auto}.arch-block{padding:16px}.arch-toggle-label{padding:6px 12px;font-size:12px}}.press-section{padding:60px var(--content-pad) 80px;background:0 0;position:relative}.press-label{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:32px;font-size:.8rem}.press-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.press-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;padding:28px 24px 24px;text-decoration:none;transition:border-color .3s,background .3s;display:flex}.press-card:hover{background:#ffffff0d;border-color:#ffffff26}.press-card__source{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.press-card__title{color:var(--text);margin:0 0 12px;font-size:1rem;font-weight:600;line-height:1.5}.press-card__excerpt{color:var(--text-secondary);flex:1;margin:0;font-size:.875rem;line-height:1.6}.press-card__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.press-card__date{color:var(--text-muted);font-size:.75rem}.press-card__link{color:var(--accent);font-size:.8rem;font-weight:500;transition:opacity .2s}.press-card:hover .press-card__link{opacity:.8}@media (width<=768px){.press-grid{grid-template-columns:1fr;gap:16px}.press-section{padding:40px var(--content-pad) 60px}}.usecases-library{padding:var(--section-pad) var(--content-pad);z-index:3;background:0 0;position:relative;overflow:hidden}.usecases-library .container{z-index:1;position:relative}.usecases-header{text-align:center;margin-bottom:40px}.usecases-header .section-title{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.usecases-controls{max-width:1000px;margin:0 auto 48px}.usecases-search{max-width:500px;margin:0 auto 24px;position:relative}.usecases-search input{width:100%;color:var(--text-primary);transition:all .3s var(--ease);background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;padding:16px 20px 16px 50px;font-size:16px}.usecases-search input:focus{border-color:var(--accent);background:#ffffff1f;outline:none;box-shadow:0 0 0 3px #ec740433}.usecases-search input::placeholder{color:var(--text-muted)}.usecases-search-icon{opacity:.6;font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.usecases-filters{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.usecase-filter{color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.usecase-filter:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.usecase-filter.active{background:var(--filter-color,var(--accent));color:#fff;box-shadow:0 4px 15px color-mix(in srgb, var(--filter-color,var(--accent)) 40%, transparent);border-color:#0000}.usecase-filter-icon{font-size:16px}.usecases-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.usecase-card{border:1px solid var(--border);border-left:4px solid var(--card-color);border-radius:var(--radius-lg);transition:all .3s var(--ease);background:#2a2f38;flex-direction:column;padding:24px;display:flex;position:relative}.usecase-card:hover{border-color:var(--card-color);box-shadow:0 12px 40px #0003, 0 0 30px color-mix(in srgb, var(--card-color) 20%, transparent);transform:translateY(-4px)}.usecase-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.usecase-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.usecase-card-icon{margin-bottom:12px;font-size:28px}.usecase-card-title{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.3}.usecase-card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.5}.usecase-card-link{color:var(--accent);transition:all .2s var(--ease);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.usecase-card-link:hover{color:var(--accent-hover);transform:translate(4px)}.usecase-card-pillars{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:12px;display:flex}.usecase-card-pillars-label{color:var(--text-muted);margin-right:4px;font-size:11px}.usecase-pillar{color:var(--text-secondary);background:#ffffff0f;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.usecase-pillar--mensch{color:#fcd34d;background:#fbbf2426}.usecase-pillar--prozesse{color:#22c55e;background:#16a34a26}.usecase-pillar--daten{color:#a78bfa;background:#8b5cf626}.usecase-pillar--ki{color:#00d4ff;background:#00b4d826}.usecase-pillar--systeme{color:#60a5fa;background:#3b82f626}.usecase-pillar--automatisiert{color:#22c55e;background:#16a34a26}.usecase-pillar--freigabe{color:#fcd34d;background:#fbbf2426}.usecase-pillar--auswertung{color:#a78bfa;background:#8b5cf626}.usecase-pillar--integration{color:#60a5fa;background:#3b82f626}.usecase-pillar--ki-gestuetzt{color:#00d4ff;background:#00b4d826}.usecase-status-badge{letter-spacing:.3px;z-index:2;white-space:nowrap;border-radius:50px;padding:3px 12px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:16px;box-shadow:0 2px 8px #0000004d}.usecase-status-badge--beliebt{color:#fbbf24;background:#2a2f38;border:1px solid #fbbf2466}.usecase-status-badge--schnell-startklar{color:#22c55e;background:#2a2f38;border:1px solid #16a34a66}.usecase-status-badge--kmu{color:#60a5fa;background:#2a2f38;border:1px solid #3b82f666}.usecases-highlights{margin-bottom:40px}.usecases-highlights__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600}.usecases-highlights__grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=600px){.usecases-highlights__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.usecases-highlights__grid{grid-template-columns:repeat(4,1fr)}}.usecases-highlight-card{border:1px solid #ec740433;border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text);transition:all .25s var(--ease);background:#ffffff0f;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;display:flex}.usecases-highlight-card:hover{border-color:#ec740466;border-left-color:var(--accent);background:#ec74041a;transform:translateY(-2px)}.usecases-highlight-card__icon{flex-shrink:0;font-size:28px}.usecases-highlight-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}.usecases-highlight-card__text strong{color:var(--text);font-size:15px;font-weight:600}.usecases-highlight-card__text span{color:var(--text-secondary);font-size:13px;line-height:1.4}.usecases-highlight-card__arrow{color:var(--accent);opacity:0;transition:all .25s var(--ease);flex-shrink:0;margin-left:auto;font-size:18px;transform:translate(-4px)}.usecases-highlight-card:hover .usecases-highlight-card__arrow{opacity:1;transform:translate(0)}.usecase-card.hidden{display:none!important}.usecases-showmore{text-align:center;margin-top:32px}.usecases-showmore.hidden{display:none}.showmore-count{opacity:.7;margin-left:8px}.usecases-empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.usecases-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.usecases-empty a{color:var(--accent);text-decoration:underline}.usecases-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:56px;padding-top:40px}.usecases-footer p{color:var(--text-secondary);margin-bottom:20px;font-size:18px}.usecases-footer strong{color:var(--text-primary)}@media (width<=1024px){.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.usecases-filters{display:none}.usecases-grid{grid-template-columns:1fr;gap:16px}.usecase-card-title{padding-right:0}.usecase-card-badge{align-self:flex-start;margin-bottom:12px;position:static}}.pricing{padding:var(--section-pad) var(--content-pad) var(--section-pad);position:relative;overflow:hidden}.pricing-header{text-align:center;margin-bottom:48px;padding-top:0}.pricing-philosophy{max-width:900px;margin:0 auto 64px;padding-top:3rem}.philosophy-quote{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;align-items:stretch;gap:2.5rem;padding:2.5rem;display:flex}.philosophy-content{flex-direction:column;flex:1;display:flex}.philosophy-quote blockquote{color:var(--text-muted);flex:1;margin:0 0 1.5rem;font-size:1rem;font-style:italic;line-height:1.75}.philosophy-author{border-top:1px solid #ffffff1a;flex-direction:column;gap:.25rem;padding-top:1rem;display:flex}.philosophy-author .author-name{color:var(--text);font-size:1rem;font-weight:700}.philosophy-author .author-role{color:var(--text-muted);font-size:.85rem}.philosophy-image{flex-shrink:0;width:180px}.philosophy-image img{object-fit:cover;object-position:70% center;border-radius:calc(var(--radius-lg) - .5rem);width:100%;height:100%;box-shadow:0 8px 32px #0000004d}.pricing-model{text-align:center;max-width:900px;margin:0 auto 60px}.pricing-model-formula{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.pricing-model-formula strong{color:var(--text-primary);font-weight:600}.pricing-model-formula span{color:var(--text-muted);font-size:14px}.pricing-model-metrics{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px 24px;display:grid}.pricing-metric{flex-direction:column;gap:4px;display:flex}.pricing-metric strong{color:var(--text-primary);font-size:14px;font-weight:600}.pricing-metric span{color:var(--text-secondary);font-size:13px;line-height:1.4}.pricing-metric em{color:var(--text-muted);font-style:normal}@media (width<=768px){.pricing-model-metrics{grid-template-columns:repeat(2,1fr)}}.pricing-faq{max-width:1000px;margin:80px auto}.pricing-faq-title{text-align:center;color:var(--text);margin-bottom:32px;font-size:24px;font-weight:700}.faq-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;display:grid}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.faq-item summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13px;font-weight:600;list-style:none;display:flex}.faq-item summary:hover{color:var(--accent)}.faq-item summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:16px;transition:transform .2s}.faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--text-secondary);margin:0;padding:0 18px 14px;font-size:13px;line-height:1.5}.faq-item[open]{border-color:var(--accent)}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.pricing-personas{max-width:1100px;margin:80px auto}.personas-title{text-align:center;color:var(--text);margin-bottom:12px;font-size:24px;font-weight:700}.personas-subtitle{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:15px}.personas-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:16px;max-width:1200px;margin:0 auto;display:grid}.persona-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease);flex-direction:column;padding:24px 20px;display:flex;position:relative}.persona-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.persona-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:#ec74041a;border-radius:50px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px}.persona-card h4{color:var(--text);margin-top:8px;margin-bottom:4px;font-size:16px;font-weight:700}.persona-size{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.persona-tasks{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:20px;padding-bottom:20px;display:flex}.persona-tasks span,.persona-benefits span{color:var(--text-secondary);padding-left:16px;font-size:12px;line-height:1.4;position:relative}.persona-tasks span:before,.persona-benefits span:before{content:"✓";color:var(--accent);font-size:10px;position:absolute;left:0}.persona-benefits{border-bottom:1px solid var(--border);flex-direction:column;flex:1;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.persona-roi{gap:12px;margin-bottom:12px;display:flex}.roi-item{text-align:center;border-radius:var(--radius);background:#ffffff05;flex:1;padding:10px 8px}.roi-item--wide{flex:none;width:100%;padding:16px}.roi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;display:block}.roi-value{color:var(--text);font-size:16px;font-weight:700}.roi-item--wide .roi-value{margin-bottom:4px;font-size:15px}.roi-item--wide .roi-label{text-transform:none;font-size:11px}.roi-price{color:var(--accent)}.persona-conclusion{color:var(--text-secondary);text-align:center;margin-top:auto;padding-top:8px;font-size:12px}.persona-cta{text-align:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all .2s var(--ease);background:0 0;margin-top:16px;padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none;display:block}.persona-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.persona-card--large{grid-column:span 1}.pricing-details{max-width:1200px;margin:0 auto}.pricing-details-title{text-align:center;color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.pricing-details-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:40px;font-size:15px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.pricing-card{background:linear-gradient(145deg, var(--bg-elevated) 0%, #1e232acc 100%);border-radius:var(--radius-lg);transition:all .3s var(--ease);border:1px solid #ffffff0f;flex-direction:column;padding:32px 28px;display:flex;position:relative}.pricing-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.pricing-card.popular{background:linear-gradient(145deg, #282d37e6 0%, var(--bg-elevated) 100%);border-color:#3b82f6;transform:scale(1.02);box-shadow:0 0 40px #3b82f626}.pricing-card.popular:hover{transform:scale(1.02)translateY(-8px);box-shadow:0 0 60px #3b82f633,0 20px 60px #0000004d}.pricing-popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:50px;padding:6px 20px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #3b82f64d}.pricing-card-header{border-bottom:1px solid var(--border);text-align:center;margin-bottom:20px;padding-bottom:20px}.pricing-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:-8px;font-size:10px;font-weight:600;display:inline-block}.pricing-plan{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:18px;font-weight:600}.pricing-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:2px;display:flex}.pricing-amount{color:var(--text);letter-spacing:-2px;font-size:48px;font-weight:800;line-height:1}.pricing-period{color:var(--text-secondary);font-size:16px}.pricing-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.pricing-included{margin-bottom:20px}.pricing-included-label{color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.pricing-card-base{flex:1}.pricing-card-usage{border-top:1px dashed var(--border);background:#ffffff05;margin:0 -28px 16px;padding:16px 28px}.pricing-card-usage--free{border-top-color:var(--border);text-align:center;background:#ffffff05}.pricing-usage-note{color:var(--text-secondary);font-size:13px}.pricing-usage-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.pricing-usage-list{flex-direction:column;gap:4px;list-style:none;display:flex}.pricing-usage-list li{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.pricing-usage-list li span{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.pricing-features{margin-bottom:0;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:flex-start;gap:8px;padding:5px 0;font-size:13px;line-height:1.4;display:flex}.pricing-features li:before{content:"✓";color:#10b981;font-size:12px;font-weight:600}.pricing-features li.feature-divider{background:var(--border);height:1px;margin:8px 0;padding:0}.pricing-features li.feature-divider:before{display:none}.pricing-features .check-icon{color:#10b981;width:16px;min-width:16px;height:16px;margin-top:1px}.feature-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.pricing-overage{border-radius:var(--radius);background:#ffffff08;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.pricing-overage-label{color:var(--text-secondary);font-size:12px}.pricing-overage-price{color:var(--accent);font-size:14px;font-weight:600}.pricing-units-explainer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;max-width:1000px;margin:0 auto 48px;padding:32px 40px}.pricing-units-explainer h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.units-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:15px}.units-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.units-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.units-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.unit-item{text-align:center;border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff0a;padding:16px 8px}.unit-value{color:var(--accent);margin-bottom:4px;font-size:24px;font-weight:800;display:block}.unit-label{color:var(--text-secondary);font-size:11px;line-height:1.3}.units-note{color:var(--text-secondary);border-radius:var(--radius);background:#ec740414;padding:12px 20px;font-size:14px;display:inline-block}.units-note strong{color:var(--text)}.pricing-btn{text-align:center;border-radius:var(--radius);width:100%;transition:all .2s var(--ease);background:var(--bg-card);color:var(--text);border:1px solid var(--border);margin-top:auto;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;display:block}.pricing-btn:hover{background:var(--bg);border-color:#fff3;transform:translateY(-2px)}.pricing-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.pricing-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow)}.pricing-btn-blue{color:#fff;background:#3b82f6;border-color:#3b82f6}.pricing-btn-blue:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 8px 24px #3b82f666}.pricing-btn--free{color:#fff;background:#22c55e;border-color:#22c55e;animation:2s ease-in-out infinite pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 20px 8px #22c55e33}}.pricing-btn--free:hover{background:#16a34a;border-color:#16a34a;animation:none;box-shadow:0 8px 24px #22c55e66}.pricing-explainer{max-width:1100px;margin:0 auto 48px}.pricing-explainer h3{text-align:center;color:var(--text);margin-bottom:32px;font-size:24px;font-weight:700}.pricing-explainer-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.pricing-explainer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pricing-explainer-grid{grid-template-columns:1fr}}.explainer-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:24px}.pricing-card--free{background:linear-gradient(145deg,#10b98114 0%,#1e232acc 100%);border-color:#10b9814d}.pricing-card--free:hover{border-color:#10b98180}.pricing-card--free .pricing-plan{color:#10b981}.pricing-signup-hint{border-radius:var(--radius);text-align:center;background:#10b9811a;margin-bottom:16px;padding:10px 14px}.pricing-signup-hint span{color:#10b981;font-size:12px;font-weight:500}.pricing-examples{max-width:1000px;margin:0 auto}.pricing-examples>h3{text-align:center;color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.pricing-examples-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:15px}.examples-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=768px){.examples-grid{grid-template-columns:repeat(2,1fr)}}.example-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);padding:24px}.example-card:hover{border-color:#ec74044d;transform:translateY(-4px)}.example-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.example-icon{font-size:24px}.example-type{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.example-card h4{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.example-card>p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.example-result{border-radius:var(--radius);background:#ec74041a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.example-price{color:var(--accent);font-size:24px;font-weight:800}.example-plan{color:var(--text-secondary);font-size:12px}.examples-cta{text-align:center;background:var(--bg-card);border-radius:var(--radius);padding:20px}.examples-cta p{color:var(--text-secondary);font-size:15px}.examples-cta a{color:var(--accent);font-weight:600;text-decoration:none}.examples-cta a:hover{text-decoration:underline}@media (width<=1024px){.personas-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:none}.philosophy-quote{flex-direction:column-reverse;gap:1.5rem;padding:1.5rem}.philosophy-image{width:120px;height:150px;margin:0 auto}.philosophy-content{text-align:center}.philosophy-author{align-items:center}.philosophy-quote blockquote{font-size:.95rem}}@media (width<=768px){.personas-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-header{margin-bottom:32px}.pricing-header .section-title{font-size:1.3rem;line-height:1.35}.pricing-header__sub{font-size:13px;line-height:1.5}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:24px 20px}.pricing-card.popular{transform:none}.pricing-card.popular:hover,.pricing-card:hover{transform:translateY(-4px)}.pricing-amount{letter-spacing:-1px;font-size:36px}.pricing-plan{font-size:15px}.pricing-card-header{margin-bottom:16px;padding-bottom:16px}.pricing-features li{padding:4px 0;font-size:12px}.pricing-card-usage{margin:0 -20px;padding:14px 20px}.pricing-btn{margin-top:24px;padding:12px 20px;font-size:14px}.pricing-usage-hint{margin-top:12px;padding:8px 12px}.pricing-usage-hint span{font-size:11px}.pricing-popular-badge{padding:5px 16px;font-size:11px;top:-10px}.pricing-detail-link{margin-top:24px}.pricing-detail-link a{font-size:13px}.pricing-philosophy{margin-bottom:48px;padding-top:2rem}.philosophy-quote{gap:1rem;padding:1.25rem}.philosophy-quote blockquote{font-size:.88rem}.philosophy-image{width:100px;height:120px}.pricing-faq{margin:48px auto}.pricing-faq-title{margin-bottom:24px;font-size:20px}.faq-item summary{padding:12px 14px;font-size:12px}.faq-item p{padding:0 14px 12px;font-size:12px}.pricing-personas{margin:48px auto}.personas-title{font-size:20px}.personas-subtitle{margin-bottom:24px;font-size:13px}.pricing-examples>h3{font-size:20px}.pricing-examples-subtitle{font-size:13px}.pricing-explainer h3{margin-bottom:24px;font-size:20px}}.pricing-header__sub{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:16px;line-height:1.6}.pricing-target{color:var(--text-secondary);margin-top:4px;font-size:14px;line-height:1.5}.pricing-usage-hint{border-radius:var(--radius);text-align:center;background:#ec74040f;margin-top:16px;padding:10px 14px}.pricing-usage-hint span{color:var(--text-secondary);font-size:12px;font-style:italic}.pricing-detail-link{text-align:center;margin-top:32px}.pricing-detail-link a{color:var(--accent);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.pricing-detail-link a:hover{color:var(--accent-hover);text-decoration:underline}.pricing-calculator{max-width:1100px;margin:64px auto 0;padding:0 24px}.pricing-calculator__title{text-align:center;color:var(--text);margin-bottom:8px;font-size:clamp(24px,3vw,32px);font-weight:700}.pricing-calculator__subtitle{text-align:center;color:var(--text-secondary);margin-bottom:40px;font-size:16px}.pricing-calculator__body{grid-template-columns:1fr 360px;align-items:start;gap:40px;display:grid}.pricing-calculator__inputs{flex-direction:column;gap:32px;display:flex}.calc-group{flex-direction:column;gap:12px;display:flex}.calc-label{justify-content:space-between;align-items:center;display:flex}.calc-label-text{color:var(--text);font-size:15px;font-weight:600}.calc-label-value{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-size:28px;font-weight:800}.calc-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent) 0%, #ffffff1a 0%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #ec740466}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #ec740480}.calc-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #ec740466}.calc-slider-legend{color:var(--text-muted);justify-content:space-between;margin-top:-4px;font-size:11px;display:flex}.calc-radio-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calc-radio{cursor:pointer}.calc-radio input{opacity:0;pointer-events:none;position:absolute}.calc-radio__box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.calc-radio input:checked+.calc-radio__box{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#ec740414}.calc-radio__box:hover{border-color:#ffffff26}.calc-radio__icon{font-size:18px;line-height:1}.calc-radio__title{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.calc-radio__desc{color:var(--text-muted);font-size:12px;line-height:1.4}.calc-toggle-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:0;display:flex;overflow:hidden}.calc-toggle{cursor:pointer;flex:1;position:relative}.calc-toggle input{opacity:0;pointer-events:none;position:absolute}.calc-toggle__btn{text-align:center;color:var(--text-secondary);transition:all .2s var(--ease);border-right:1px solid var(--border);padding:12px 16px;font-size:14px;font-weight:500;display:block}.calc-toggle:last-child .calc-toggle__btn{border-right:none}.calc-toggle input:checked+.calc-toggle__btn{background:var(--accent);color:#fff;font-weight:600}.calc-toggle__btn:hover{background:#ffffff0a}.calc-toggle input:checked+.calc-toggle__btn:hover{background:var(--accent-hover)}.pricing-calculator__result{position:sticky;top:100px}.calc-result-card{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(145deg,#1e232af2 0%,#14181ef2 100%);border:1px solid #ec740440;padding:32px 28px;box-shadow:0 20px 60px #0000004d,0 0 40px #ec740414}.calc-result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:13px;font-weight:600;display:block}.calc-result-range{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin-bottom:20px;display:flex}.calc-result-amount{color:var(--accent);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:42px;font-weight:800;line-height:1}.calc-result-sep{color:var(--text-muted);font-size:28px;font-weight:300}.calc-result-currency{color:var(--text-secondary);font-size:16px;font-weight:500}.calc-result-plan{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:15px;display:flex}.calc-result-plan strong{border-radius:50px;padding:4px 14px;font-size:14px;font-weight:700}.calc-plan--free{background:#22c55e26;color:#22c55e!important}.calc-plan--starter{background:#ec740426;color:var(--accent)!important}.calc-plan--business{background:#3b82f626;color:#60a5fa!important}.calc-plan--enterprise{background:#8b5cf626;color:#a78bfa!important}.calc-result-breakdown{border-radius:var(--radius);background:#ffffff08;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.calc-breakdown-item{justify-content:space-between;font-size:13px;display:flex}.calc-breakdown-label{color:var(--text-muted)}.calc-breakdown-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.calc-result-cta{margin-bottom:16px}.calc-result-note{color:var(--text-muted);font-size:11px;line-height:1.5}.calc-result-savings{border-radius:var(--radius);color:#6ee7b7;background:#10b98114;border:1px solid #10b98133;align-items:center;gap:.5rem;margin-top:.75rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.calc-savings-icon{font-size:1rem}.calc-savings-text strong{color:#10b981;font-weight:600}.calc-savings-roi{color:#10b981;white-space:nowrap;background:#10b98126;border-radius:20px;margin-left:auto;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.calc-keymessages{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;display:grid}.calc-keymessage{align-items:flex-start;gap:.75rem;display:flex}.calc-keymessage__icon{flex-shrink:0;margin-top:.1rem;font-size:1.3rem}.calc-keymessage strong{color:var(--text);margin-bottom:.25rem;font-size:.85rem;display:block}.calc-keymessage p{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}@media (width<=1024px){.calc-keymessages{grid-template-columns:1fr;gap:1rem}.pricing-calculator__body{grid-template-columns:1fr}.pricing-calculator__result{position:static}.calc-result-card{max-width:400px;margin:0 auto}}@media (width<=768px){.calc-radio-group{grid-template-columns:1fr}.calc-result-amount{font-size:32px}.pricing-calculator{margin-top:48px;padding:0 16px}.pricing-calculator__title{font-size:20px}.pricing-calculator__subtitle{margin-bottom:28px;font-size:14px}.pricing-calculator__body{gap:28px}.calc-label-value{font-size:24px}.calc-radio__box{padding:12px 14px}.calc-radio__title{font-size:13px}.calc-radio__desc{font-size:11px}.calc-result-card{max-width:100%;padding:24px 20px}.calc-result-range{gap:6px}.calc-result-savings{flex-wrap:wrap;padding:.5rem .7rem;font-size:.75rem}.calc-savings-roi{margin-top:.25rem;margin-left:0}.calc-breakdown-item{font-size:12px}.calc-result-note{font-size:10px}}.calc-assumptions{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;max-width:800px;margin:2rem auto 0;overflow:hidden}.calc-assumptions summary{cursor:pointer;color:var(--text-muted);user-select:none;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.85rem;font-weight:500;transition:color .2s;display:flex}.calc-assumptions summary:hover{color:var(--text)}.calc-assumptions summary::marker,.calc-assumptions summary::-webkit-details-marker{display:none}.calc-assumptions summary:before{content:"▸";transition:transform .2s;display:inline-block}.calc-assumptions[open] summary:before{transform:rotate(90deg)}.calc-assumptions__body{padding:0 1.25rem 1.25rem}.calc-assumptions__body p{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;line-height:1.6}.calc-assumptions__table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.78rem}.calc-assumptions__table th,.calc-assumptions__table td{text-align:right;border-bottom:1px solid #ffffff0f;padding:.4rem .65rem}.calc-assumptions__table th:first-child,.calc-assumptions__table td:first-child{text-align:left;color:var(--text-muted)}.calc-assumptions__table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:500}.calc-assumptions__table td{color:var(--text);font-variant-numeric:tabular-nums}@media (width<=768px){.calc-assumptions{border-left:none;border-right:none;border-radius:0;margin-left:-16px;margin-right:-16px}.calc-assumptions__body{-webkit-overflow-scrolling:touch;padding:0 1rem 1rem;overflow-x:auto}.calc-assumptions__body p{font-size:.75rem}.calc-assumptions__table{min-width:440px;font-size:.68rem}.calc-assumptions__table th,.calc-assumptions__table td{white-space:nowrap;padding:.35rem .4rem}}.cta-final{padding:var(--section-pad) 0;background:linear-gradient(135deg,#ec740414 0%,#ec740405 100%);position:relative;overflow:hidden}.cta-final-bg{display:none}.cta-final-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.cta-final-content{z-index:1;position:relative}.section-badge--light{color:var(--accent);background:#ffffff1a;border-color:#fff3}.cta-final-headline{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2}.cta-final-subline{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.cta-final-benefits{margin:0;padding:0;list-style:none}.cta-final-benefits li{color:var(--text);align-items:center;gap:8px;padding:8px 0;font-size:16px;display:flex}.cta-final-form{z-index:1;min-height:480px;position:relative}.contact-form{border:1px solid var(--border);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border-radius:24px;padding:40px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0000004d;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.form-group textarea{resize:vertical;min-height:100px}.btn-full{width:100%;padding:16px 32px;font-size:16px}.form-privacy{color:var(--muted);text-align:center;margin-top:16px;font-size:12px}.form-privacy a{color:var(--text-secondary);text-decoration:underline}.btn-loading{align-items:center;gap:8px;display:inline-flex}.btn-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-success{text-align:center;padding:40px 20px}.contact-success-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.contact-success h3{color:var(--text);margin-bottom:8px;font-size:24px}.contact-success>p{color:var(--text-secondary);margin-bottom:32px}.contact-error{text-align:center;padding:40px 20px}.contact-error-icon{margin-bottom:16px;font-size:48px}.contact-error h3{color:var(--text);margin-bottom:12px;font-size:24px}.contact-error>p{color:var(--text-secondary);margin-bottom:16px}.contact-error-fallback{margin-bottom:24px}.contact-error-fallback a{color:var(--accent);text-decoration:none}.contact-error-fallback a:hover{text-decoration:underline}.contact-process-demo{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff08;margin-top:24px;padding:32px}.process-demo-label{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.mini-bpmn{justify-content:center;align-items:flex-start;gap:0;padding:24px 0;display:flex}@media (width<=768px){.mini-bpmn{flex-direction:column;align-items:center;padding:16px 0}.bpmn-connector{align-self:center;width:3px;height:24px;margin-top:0}.bpmn-connector:after{inset:auto auto -5px 50%;transform:translate(-50%)rotate(90deg)}}.bpmn-node{opacity:.4;flex-direction:column;align-items:center;gap:12px;transition:all .4s;display:flex}.bpmn-node.active{opacity:1}.bpmn-node span{color:var(--text-secondary);text-align:center;max-width:90px;min-height:32px;font-size:12px;line-height:1.3}.bpmn-circle{border:3px solid var(--border);background:0 0;border-radius:50%;width:40px;height:40px;transition:all .4s}.bpmn-node.active .bpmn-circle{background:#22c55e33;border-color:#22c55e}.bpmn-circle--end{border-width:5px}.bpmn-box{border:2px solid var(--border);background:var(--bg-card);border-radius:8px;justify-content:center;align-items:center;width:56px;height:40px;font-size:20px;transition:all .4s;display:flex}.bpmn-node.active .bpmn-box{background:#22c55e26;border-color:#22c55e}.bpmn-box--user{border-radius:8px}.bpmn-node.waiting .bpmn-box{border-color:var(--accent);animation:1.2s ease-in-out infinite bpmn-blink}@keyframes bpmn-blink{0%,to{background:var(--bg-card);box-shadow:0 0 #ec740466}50%{background:#ec74041a;box-shadow:0 0 20px 4px #ec74044d}}.bpmn-connector{background:var(--border);align-self:flex-start;width:40px;height:3px;margin-top:18px;transition:all .4s;position:relative}.bpmn-connector:after{content:"";border:6px solid #0000;border-left-color:var(--border);transition:all .4s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.bpmn-connector.active{background:#22c55e}.bpmn-connector.active:after{border-left-color:#22c55e}.process-demo-hint{color:var(--accent);margin-top:24px;font-size:14px;font-weight:500}@media (width<=1024px){.cta-final-grid{grid-template-columns:1fr;gap:48px}.cta-final-bg{clip-path:none;opacity:.5;width:100%;height:50%}}@media (width<=768px){.contact-form{padding:24px}.form-group input,.form-group textarea{padding:12px 14px}}.cta{padding:var(--section-pad) var(--content-pad);text-align:center;background:linear-gradient(#0000 0%,#ec740408 50%,#0000 100%);position:relative}.cta:before{content:"";background:linear-gradient(#0000,#ec74044d,#0000);width:1px;height:120px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-content{max-width:600px;margin:0 auto}.cta-headline{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:700}.cta-subline{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.story-hero{padding:160px var(--content-pad) 80px;background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg) 100%);text-align:center;position:relative}.story-hero--ki{background:linear-gradient(135deg, #0c3d5e 0%, var(--bg) 100%)}.story-hero--prozess{background:linear-gradient(135deg, #2d4a3e 0%, var(--bg) 100%)}.story-hero--daten{background:linear-gradient(135deg, #3d3a2d 0%, var(--bg) 100%)}.story-hero--dokumente{background:linear-gradient(135deg, #2d3a4a 0%, var(--bg) 100%)}.story-hero--datenmanagement{background:linear-gradient(135deg, #4a2d6b 0%, var(--bg) 100%)}.story-hero__background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.story-hero__bg-image{object-fit:cover;opacity:.5;width:100%;height:100%}.story-hero--ki .story-hero__bg-image{opacity:.7}.story-hero__overlay{background:linear-gradient(135deg,#4a2d6be0 0%,#0a0c0feb 100%);width:100%;height:100%;position:absolute;top:0;left:0}.story-hero--datenmanagement .story-hero__bg-image{opacity:.3}.story-hero--datenmanagement .story-hero__overlay{background:linear-gradient(135deg,#4a2d6b33 0%,#3c235a66 35%,#321e4b99 65%,#0a0c0fe0 100%)}.story-hero--ki .story-hero__overlay{background:linear-gradient(135deg,#003c5040 0%,#005a788c 35%,#004664bf 65%,#0a1423eb 100%)}.story-hero--drexl-ziegler .story-hero__bg-image{opacity:.7}.story-hero--drexl-ziegler .story-hero__overlay{background:linear-gradient(135deg,#003c5040 0%,#005a788c 35%,#004664bf 65%,#0a1423eb 100%)}.story-hero--wva .story-hero__bg-image{opacity:.65}.story-hero--wva .story-hero__overlay{background:linear-gradient(135deg,#4a2d6b59 0%,#3c235a99 35%,#321e4bbf 65%,#0a0c0feb 100%)}.story-hero--sension-epost .story-hero__bg-image{opacity:.5;filter:invert()hue-rotate(180deg)saturate(.6)}.story-hero--sension-epost .story-hero__overlay{background:linear-gradient(135deg,#0f3c2899 0%,#145032bf 35%,#0f3223d9 65%,#0a0f0cf2 100%)}.story-hero--sension-auftraege .story-hero__bg-image{opacity:.6;object-position:center center;object-fit:cover}.story-hero--sension-auftraege .story-hero__overlay{background:linear-gradient(135deg,#0f3c28a6 0%,#145032cc 35%,#0f3223e0 65%,#0a0f0cf5 100%)}.story-hero--sension-auftraege .story-hero__company-logo{max-width:400px;max-height:120px;padding:20px 32px}.story-hero__container{z-index:1;max-width:900px;margin:0 auto;position:relative}.story-hero__back{color:var(--muted);transition:color .2s var(--ease);margin-bottom:20px;font-size:14px;text-decoration:none;display:block}.story-hero__back:hover{color:var(--accent)}.story-hero__badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.story-hero--ki .story-hero__badge{background:linear-gradient(135deg,#00b4d8 0%,#00d4ff 100%)}.story-hero--prozess .story-hero__badge{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)}.story-hero__title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.15}.story-hero__subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:clamp(18px,2.5vw,24px)}.story-hero__company{text-decoration:none;display:inline-block}.story-hero__company-logo{object-fit:contain;border-radius:var(--radius);max-width:280px;max-height:80px;transition:transform .2s var(--ease);background:#fff;padding:16px 24px;box-shadow:0 4px 16px #0003}.story-hero__company:hover .story-hero__company-logo{transform:translateY(-2px)}.story-hero--sension-epost .story-hero__company-logo{max-width:400px;max-height:120px;padding:20px 32px}.story-quote-section{padding:80px var(--content-pad) 100px;background:linear-gradient(180deg, var(--bg) 0%, var(--bg) 60%, var(--bg) 100%);justify-content:center;display:flex;position:relative}.story-quote-section:after{content:"";background:linear-gradient(180deg, transparent, var(--bg));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.story-quote--highlight{text-align:center;background:0 0;border:none;max-width:900px;margin:0 auto;padding:0}.story-quote--highlight p{color:var(--text);margin-bottom:24px;font-size:clamp(18px,2.5vw,24px);font-style:italic;line-height:1.7}.story-quote--highlight footer{flex-direction:column;gap:4px;display:flex}.story-quote--highlight strong{color:var(--accent);font-size:16px;font-weight:600}.story-quote--ki .story-quote--highlight strong,.story-quote-section--ki .story-quote--highlight strong{color:#00d4ff}.story-quote--prozess .story-quote--highlight strong,.story-quote-section--prozess .story-quote--highlight strong{color:#22c55e}.story-quote--datenmanagement .story-quote--highlight strong,.story-quote-section--datenmanagement .story-quote--highlight strong{color:#a78bfa}.story-quote--highlight span{color:var(--muted);font-size:14px}.story-quote--with-image{text-align:left;align-items:center;gap:40px;max-width:900px;margin:0 auto;display:flex}.story-quote__image{flex-shrink:0}.story-quote__image img{border-radius:var(--radius);object-fit:cover;border:3px solid var(--accent);width:180px;height:240px;box-shadow:0 8px 32px #0000004d}.story-quote__content{flex:1}.story-quote--with-image p{text-align:left}.story-quote--with-image footer{justify-content:flex-start}@media (width<=768px){.story-quote--with-image{text-align:center;flex-direction:column;align-items:center;gap:24px}.story-quote__image img{width:120px;height:150px}.story-quote--with-image p,.story-quote--with-image footer{text-align:center;justify-content:center}}.story-kpis{padding:20px var(--content-pad) 80px;background:var(--bg)}.story-kpi-grid{gap:24px;max-width:1000px;margin:0 auto;display:grid}.story-kpi-grid--3{grid-template-columns:repeat(3,1fr)}.story-kpi-grid--4{grid-template-columns:repeat(4,1fr)}.story-kpi-grid--5{grid-template-columns:repeat(5,1fr)}@media (width<=768px){.story-kpi-grid--3,.story-kpi-grid--4,.story-kpi-grid--5{grid-template-columns:repeat(2,1fr)}}.story-kpi{background:var(--bg-elevated);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);transition:transform .2s var(--ease);padding:28px 24px}.story-kpi:hover{transform:translateY(-4px)}.story-kpi__value{color:var(--accent);margin-bottom:8px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.2}.story-kpis--ki .story-kpi__value{color:#00d4ff}.story-kpis--prozess .story-kpi__value{color:#22c55e}.story-kpis--datenmanagement .story-kpi__value{color:#a78bfa}.story-kpi__label{color:var(--text-muted);font-size:14px;font-weight:500;line-height:1.4}.story-challenge{width:100%;padding:80px var(--content-pad);background:linear-gradient(180deg, var(--bg) 0%, #1a1520 50%, #15121a 100%);position:relative;overflow:hidden}.story-challenge--ki{background:linear-gradient(180deg, var(--bg) 0%, #0a1a25 50%, #081520 100%)}.story-challenge--prozess{background:linear-gradient(180deg, var(--bg) 0%, #0a1a15 50%, #081512 100%)}.story-challenge--datenmanagement{background:linear-gradient(180deg, var(--bg) 0%, #120a1a 50%, #0f0815 100%)}.story-challenge__bubbles{display:none}.story-challenge__content{z-index:1;max-width:900px;margin:0 auto;position:relative}.story-solution{width:100%;padding:80px var(--content-pad);background:linear-gradient(135deg,#2d1a40 0%,#3a2255 50%,#4a2d6b 100%);position:relative;overflow:hidden}.story-solution--ki{background:linear-gradient(135deg,#041525 0%,#0a2540 40%,#0c3d5e 100%)}.story-solution--ki .story-solution__bubble{background:radial-gradient(circle at 30% 30%,#00d4ff59,#00b4d81a)}.story-solution--ki .story-solution__item{background:#00b4d814;border-color:#00d4ff33}.story-solution--ki .story-solution__item:hover{background:#00b4d826;border-color:#00d4ff66;box-shadow:0 8px 32px #00b4d833}.story-solution--ki .story-solution__divider span{color:#00d4ff;background:linear-gradient(135deg,#0a2540,#0c3d5e)}.story-solution--ki .story-solution__divider:before,.story-solution--ki .story-solution__divider:after{background:linear-gradient(90deg,#0000,#00d4ff66,#0000)}.story-solution--prozess{background:linear-gradient(135deg,#041510 0%,#0a2518 40%,#0d3520 100%)}.story-solution--prozess .story-solution__bubble{background:radial-gradient(circle at 30% 30%,#22c55e59,#16a34a1a)}.story-solution--prozess .story-solution__item{background:#16a34a14;border-color:#22c55e33}.story-solution--prozess .story-solution__item:hover{background:#16a34a26;border-color:#22c55e66;box-shadow:0 8px 32px #16a34a33}.story-solution--prozess .story-solution__divider span{color:#22c55e;background:linear-gradient(135deg,#0a2518,#0d3520)}.story-solution--prozess .story-solution__divider:before,.story-solution--prozess .story-solution__divider:after{background:linear-gradient(90deg,#0000,#22c55e66,#0000)}.story-solution--datenmanagement{background:linear-gradient(135deg,#1a0f28 0%,#251540 40%,#301a50 100%)}.story-solution--datenmanagement .story-solution__bubble{background:radial-gradient(circle at 30% 30%,#8b5cf659,#7c3aed1a)}.story-solution--datenmanagement .story-solution__item{background:#8b5cf614;border-color:#8b5cf633}.story-solution--datenmanagement .story-solution__item:hover{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 8px 32px #8b5cf633}.story-solution--datenmanagement .story-solution__divider span{color:#a78bfa;background:linear-gradient(135deg,#1a0f28,#251540)}.story-solution--datenmanagement .story-solution__divider:before,.story-solution--datenmanagement .story-solution__divider:after{background:linear-gradient(90deg,#0000,#8b5cf666,#0000)}.story-solution--datenmanagement .story-step__number{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);box-shadow:0 4px 20px #8b5cf64d}.story-solution--datenmanagement .story-step__list li:before{color:#a78bfa;background:#8b5cf633}.story-solution--datenmanagement .story-step__visual--icon{background:#8b5cf614;border-color:#8b5cf633}.story-solution__bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-solution__bubble{filter:blur(1px);background:radial-gradient(circle at 30% 30%,#ec740466,#ec74041a);border-radius:50%;position:absolute}.story-solution__bubble--1{width:300px;height:300px;animation:8s ease-in-out infinite bubbleFloat1;top:-100px;right:10%}.story-solution__bubble--2{width:200px;height:200px;animation:10s ease-in-out infinite bubbleFloat2;bottom:-50px;left:5%}.story-solution__bubble--3{width:150px;height:150px;animation:7s ease-in-out infinite bubbleFloat3;top:30%;left:15%}.story-solution__bubble--4{width:100px;height:100px;animation:9s ease-in-out infinite bubbleFloat4;top:20%;right:25%}.story-solution__bubble--5{width:180px;height:180px;animation:11s ease-in-out infinite bubbleFloat5;bottom:10%;right:5%}@keyframes bubbleFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,40px)scale(1.1)}}@keyframes bubbleFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}}@keyframes bubbleFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,25px)scale(.9)}}@keyframes bubbleFloat4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,-20px)scale(1.2)}}@keyframes bubbleFloat5{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-35px,20px)scale(1.05)}}.story-solution__content{z-index:1;max-width:1100px;margin:0 auto;position:relative}.story-solution__content h2{color:#fff;text-align:center;letter-spacing:-.5px;margin-bottom:24px;font-size:clamp(28px,4vw,40px);font-weight:700}.story-solution__content>p{color:#ffffffd9;text-align:center;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.8}.story-solution__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.story-solution__grid{grid-template-columns:1fr}}.story-solution__item{backdrop-filter:blur(10px);border-radius:var(--radius-lg);transition:transform .2s var(--ease), background .2s var(--ease);background:#ffffff14;border:1px solid #ffffff1f;padding:28px}.story-solution__item:hover{background:#ffffff1f;transform:translateY(-4px)}.story-solution__icon{margin-bottom:16px;font-size:32px}.story-solution__title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.story-solution__desc{color:#ffffffbf;margin:0;font-size:15px;line-height:1.6}.story-solution__data-model{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:40px 0 50px;display:flex}.story-solution__data-item{backdrop-filter:blur(10px);border-radius:var(--radius-lg);text-align:center;min-width:140px;transition:transform .2s var(--ease), background .2s var(--ease);background:#ffffff1a;border:1px solid #ffffff26;padding:24px 20px}.story-solution__data-item:hover{background:#ffffff26;transform:translateY(-4px)}.story-solution__data-icon{margin-bottom:12px;font-size:32px}.story-solution__data-label{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.story-solution__data-desc{color:#fff9;font-size:12px;line-height:1.4}.story-solution__data-connector{color:var(--accent);font-size:24px;font-weight:700}@media (width<=1024px){.story-solution__data-model{gap:16px}.story-solution__data-connector{display:none}.story-solution__data-item{min-width:calc(50% - 16px)}}@media (width<=768px){.story-solution__data-item{min-width:100%}}.story-solution__divider{align-items:center;gap:24px;margin:50px 0 40px;display:flex}.story-solution__divider:before,.story-solution__divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);flex:1;height:1px}.story-solution__divider span{color:#fff;white-space:nowrap;font-size:clamp(20px,3vw,28px);font-weight:700}.story-challenge__content h2{color:#fff;letter-spacing:-.5px;margin-bottom:24px;font-size:clamp(28px,4vw,40px);font-weight:700}.story-challenge__content p{color:#ffffffd9;margin-bottom:20px;font-size:18px;line-height:1.8}.story-challenge__list{gap:16px;margin:32px 0;padding:0;list-style:none;display:grid}.story-challenge__list li{color:#ffffffe6;border-radius:var(--radius-md);border-left:3px solid var(--accent);backdrop-filter:blur(10px);background:#ffffff0d;padding:16px 20px 16px 52px;font-size:17px;line-height:1.6;position:relative}.story-challenge__list li:before{content:"✕";color:#ff6b6b;font-size:16px;font-weight:700;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.story-process-old{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;margin:40px 0;padding:32px}.story-process-old__title{text-transform:uppercase;letter-spacing:2px;color:#fff6;text-align:center;margin-bottom:20px;font-size:12px;font-weight:600}.story-process-old__container{border-radius:var(--radius-lg);background:#ffffff0a;border:2px solid #ffffff1a;margin-bottom:20px;padding:24px 16px}.story-process-old__flow{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex;overflow-x:auto}.story-process-old__step{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100px;height:90px;padding:16px 14px;transition:all .3s;display:flex}.story-process-old__step:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)}.story-process-old__icon{font-size:32px;line-height:1}.story-process-old__label{color:#ffffffb3;text-align:center;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600;line-height:1.3}.story-process-old__arrow{color:#ffffff40;flex-shrink:0;font-size:24px;font-weight:700}.story-process-old__costs{background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:18px 24px;display:flex}.story-process-old__costs-label{text-transform:uppercase;letter-spacing:1px;color:#ff6b6b;font-size:15px;font-weight:700}.story-process-old__costs-item{color:#ffffffbf;align-items:center;gap:6px;font-size:15px;display:flex}@media (width<=768px){.story-process-old{padding:20px 12px}.story-process-old__container{padding:16px 8px}.story-process-old__flow{justify-content:flex-start;gap:8px}.story-process-old__step{min-width:70px;padding:12px 10px}.story-process-old__icon{font-size:24px}.story-process-old__label{font-size:9px}.story-process-old__arrow{font-size:18px}.story-process-old__costs{gap:12px;padding:12px 14px}.story-process-old__costs-label{text-align:center;width:100%;font-size:11px}.story-process-old__costs-item{font-size:11px}}.story-content{padding:80px var(--content-pad);background:var(--bg)}.container--narrow{max-width:800px;margin:0 auto}.story-section h2{letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(24px,3vw,32px);font-weight:700}.story-list{margin:24px 0;padding:0;list-style:none}.story-list li{color:var(--text-secondary);margin-bottom:12px;padding-left:28px;font-size:16px;line-height:1.7;position:relative}.story-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:8px}.story-list--checkmarks li:before{content:"✓";left:0}.story-list--numbered{counter-reset:step}.story-list--numbered li:before{counter-increment:step;content:counter(step);background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;left:0}.story-highlight-box{background:var(--accent-subtle);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin:32px 0;padding:24px}.story-highlight-box p{color:var(--text);margin:0;font-size:16px}.story-cta{background:var(--bg-elevated);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);margin-top:48px;padding:48px}.story-cta h3{margin-bottom:12px;font-size:24px;font-weight:700}.story-cta p{color:var(--text-secondary);max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:16px}.story-cta__buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.story-data-model{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:40px 0;padding:32px;display:flex}.story-data-model__item{text-align:center;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);min-width:140px;transition:all .3s var(--ease);padding:20px}.story-data-model__item:hover{border-color:var(--accent);transform:translateY(-4px)}.story-data-model__icon{margin-bottom:8px;font-size:32px}.story-data-model__label{margin-bottom:4px;font-size:14px;font-weight:600}.story-data-model__desc{color:var(--text-secondary);font-size:12px}.story-data-model__connector{color:var(--accent);font-size:20px;font-weight:700}.story-features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:32px 0;display:grid}.story-feature{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s var(--ease);padding:24px}.story-feature:hover{border-color:var(--accent)}.story-feature__icon{margin-bottom:12px;font-size:28px}.story-feature__title{margin-bottom:8px;font-size:16px;font-weight:600}.story-feature__desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.story-highlight-box--accent{background:linear-gradient(135deg,#4a2d6b26 0%,#4a2d6b0d 100%);border-left-color:#7c4dff}.story-quote--founder{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);margin:40px 0;padding:32px}.story-quote--founder p{margin-bottom:20px;font-size:18px;font-style:italic;line-height:1.7}.story-quote--founder footer{flex-direction:column;gap:4px;display:flex}.story-quote--founder strong{color:var(--accent)}.story-quote--founder span{color:var(--text-secondary);font-size:14px}.story-showcase{background:linear-gradient(180deg, var(--bg) 0%, #12101a 30%, #1a1525 70%, #201830 100%);width:100%;padding:100px 0}.story-showcase__header{text-align:center;padding:0 var(--content-pad);margin-bottom:80px}.story-showcase__header h2{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700}.story-showcase__header p{color:#ffffffb3;max-width:500px;margin:0 auto;font-size:18px}.story-showcase__hero-image{max-width:1200px;padding:0 var(--content-pad);margin:0 auto 60px}.story-showcase__hero-image img{border-radius:16px;width:100%;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a}.story-showcase__dual{max-width:1200px;padding:0 var(--content-pad) 80px;grid-template-columns:1fr 1fr;gap:40px;margin:0 auto;display:grid}.story-showcase__dual-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:32px}.story-showcase__dual-item h3{color:#fff;margin-bottom:12px;font-size:clamp(20px,2.5vw,26px);font-weight:700;line-height:1.2}.story-showcase__dual-item>p{color:#ffffffbf;margin-bottom:20px;font-size:16px;line-height:1.7}.story-showcase__dual-item .story-showcase__features{margin-bottom:0}.story-showcase__dual-item .story-showcase__features li{padding:6px 0 6px 24px;font-size:14px}.story-showcase__dual-item .story-showcase__features li:before{width:16px;height:16px;font-size:10px}@media (width<=1024px){.story-showcase__dual{grid-template-columns:1fr;gap:24px}.story-showcase__dual-item{padding:24px}}.story-showcase__item{padding:60px var(--content-pad);grid-template-columns:1fr 1.3fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto 60px;display:grid}.story-showcase__item--reverse{grid-template-columns:1.3fr 1fr}.story-showcase__item--reverse .story-showcase__text{order:2}.story-showcase__item--reverse .story-showcase__browser{order:1}.story-showcase__text{padding-right:20px}.story-showcase__item--reverse .story-showcase__text{padding-left:20px;padding-right:0}.story-showcase__badge{color:#b794d4;text-transform:uppercase;letter-spacing:.5px;background:#4a2d6b80;border:1px solid #4a2d6bcc;border-radius:50px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.story-showcase__badge--highlight{border-color:var(--accent);color:var(--accent);background:#ec740433}.story-showcase__badge--ki{color:#00d4ff;background:#00b4d826;border-color:#00d4ff80}.story-showcase--ki{background:linear-gradient(180deg, var(--bg) 0%, #0a1520 30%, #0c1a28 70%, #0a1a28 100%)}.story-showcase--prozess{background:linear-gradient(180deg, var(--bg) 0%, #0a1510 30%, #0c1a14 70%, #0a1a14 100%)}.story-showcase__badge--prozess{color:#22c55e;background:#16a34a26;border-color:#22c55e80}.story-showcase__text h3{color:#fff;margin-bottom:16px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}.story-showcase__text>p{color:#fffc;margin-bottom:24px;font-size:17px;line-height:1.7}.story-showcase__features{margin:0 0 24px;padding:0;list-style:none}.story-showcase__features li{color:#ffffffbf;padding:8px 0 8px 28px;font-size:15px;line-height:1.5;position:relative}.story-showcase__features li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.story-showcase__teaser{border-radius:var(--radius-md);border-left:3px solid var(--accent);background:#ec74041a;align-items:center;gap:12px;padding:16px;display:flex}.story-showcase__teaser span{font-size:24px}.story-showcase__teaser p{color:#ffffffe6;margin:0;font-size:14px;font-weight:500}.story-showcase__browser{transition:transform .4s var(--ease), box-shadow .4s var(--ease);background:#1e1e2e;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #00000080,0 10px 30px #0000004d,0 0 0 1px #ffffff0d}.story-showcase__browser:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 35px 100px #0009,0 15px 40px #0006,0 0 0 1px #ffffff14}.story-showcase__browser-header{background:#2a2a3e;border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:12px 16px;display:flex}.story-showcase__browser-dots{gap:6px;display:flex}.story-showcase__browser-dots span{border-radius:50%;width:12px;height:12px}.story-showcase__browser-dots span:first-child{background:#ff5f57}.story-showcase__browser-dots span:nth-child(2){background:#ffbd2e}.story-showcase__browser-dots span:nth-child(3){background:#28ca41}.story-showcase__browser-url{color:#ffffff80;background:#1e1e2e;border-radius:6px;flex:1;padding:6px 12px;font-family:monospace;font-size:12px}.story-showcase__browser-content{background:#fff;line-height:0}.story-showcase__browser-content img{width:100%;height:auto;display:block}@media (width<=1024px){.story-showcase__item,.story-showcase__item--reverse{grid-template-columns:1fr;gap:40px}.story-showcase__item--reverse .story-showcase__text,.story-showcase__item--reverse .story-showcase__browser{order:unset}.story-showcase__text{text-align:center;padding:0!important}.story-showcase__features{text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.story-showcase__teaser{text-align:left;justify-content:center}.story-showcase__badge{display:inline-block}}@media (width<=768px){.story-showcase{padding:60px 0}.story-showcase__header{margin-bottom:50px}.story-showcase__item{padding:30px var(--content-pad);margin-bottom:40px}.story-showcase__browser-header{padding:10px 12px}.story-showcase__browser-dots span{width:10px;height:10px}}.story-screenshots-section{width:100%;padding:80px var(--content-pad);background:linear-gradient(180deg, var(--bg) 0%, #1a1520 50%, #201828 100%)}.story-screenshots-section h2{text-align:center;color:#fff;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700}.story-screenshots-section>p{text-align:center;color:#ffffffb3;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:18px}.story-screenshots{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.story-screenshot{border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;overflow:hidden}.story-screenshot:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0006}.story-screenshot img{width:100%;height:auto;display:block}.story-screenshot--placeholder .story-screenshot__placeholder{text-align:center;background:linear-gradient(135deg,#4a2d6b4d 0%,#2d1a404d 100%);flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:80px 32px;display:flex}.story-screenshot__placeholder span{margin-bottom:20px;font-size:64px;display:block}.story-screenshot__placeholder p{color:#fffc;font-size:16px;font-weight:500}.story-list--problems{padding:0;list-style:none}.story-list--problems li{color:var(--text-secondary);margin-bottom:12px;padding-left:28px;position:relative}.story-list--problems li:before{content:"✗";color:#ff6b6b;font-weight:700;position:absolute;left:0}.story-finale{padding:80px var(--content-pad) 100px;background:linear-gradient(180deg, #201830 0%, var(--bg) 30%, var(--bg) 100%)}.story-finale__cta{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#ec740426 0%,#ec74040d 100%);border:1px solid #ec74044d;max-width:900px;margin:0 auto 80px;padding:48px}.story-finale__cta-content h3{color:var(--text);margin-bottom:16px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.3}.story-finale__cta-content p{color:var(--text-secondary);max-width:650px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.7}.story-finale__buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.story-finale__dual{grid-template-columns:1fr 1fr;gap:32px;max-width:1100px;margin:0 auto 80px;display:grid}@media (width<=1024px){.story-finale__dual{grid-template-columns:1fr;max-width:500px}}.story-finale__contact,.story-finale__import{border-radius:var(--radius-lg);text-align:center;transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;align-items:center;padding:48px 36px;display:flex;position:relative;overflow:hidden}.story-finale__contact:hover,.story-finale__import:hover{transform:translateY(-6px)}.story-finale__contact{border:2px solid var(--accent);background:linear-gradient(135deg,#2a1a0a 0%,#1a1210 100%);box-shadow:0 0 40px #ec740433,0 20px 60px #0006}.story-finale__contact:before{content:"";background:linear-gradient(90deg, var(--accent), #ff8c00, var(--accent));height:4px;position:absolute;top:0;left:0;right:0}.story-finale__contact:hover{box-shadow:0 0 60px #ec740459,0 25px 80px #00000080}.story-finale__import{background:linear-gradient(135deg,#1a0a2a 0%,#12101a 100%);border:2px solid #8b5cf6;box-shadow:0 0 40px #8b5cf640,0 20px 60px #0006}.story-finale--ki .story-finale__import{background:linear-gradient(135deg,#041520 0%,#0a1a28 100%);border:2px solid #00b4d8;box-shadow:0 0 40px #00b4d840,0 20px 60px #0006}.story-finale--ki .story-finale__import:before{background:linear-gradient(90deg,#00b4d8,#00d4ff,#00b4d8)}.story-finale--ki .story-finale__import:hover{box-shadow:0 0 60px #00b4d866,0 25px 80px #00000080}.story-finale--ki .story-finale__import-btn{background:linear-gradient(135deg,#00b4d8 0%,#00d4ff 100%)!important}.story-finale--ki{background:linear-gradient(180deg, #0a1a28 0%, var(--bg) 30%, var(--bg) 100%)}.story-finale--ki .story-finale__import-btn:hover{box-shadow:0 12px 32px #00b4d880}.story-finale--prozess .story-finale__import{background:linear-gradient(135deg,#041510 0%,#0a1a14 100%);border:2px solid #16a34a;box-shadow:0 0 40px #16a34a40,0 20px 60px #0006}.story-finale--prozess .story-finale__import:before{background:linear-gradient(90deg,#16a34a,#22c55e,#16a34a)}.story-finale--prozess .story-finale__import:hover{box-shadow:0 0 60px #16a34a66,0 25px 80px #00000080}.story-finale--prozess .story-finale__import-btn{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important}.story-finale--prozess .story-finale__import-btn:hover{box-shadow:0 12px 32px #16a34a80}.story-finale--prozess{background:linear-gradient(180deg, #0a1a14 0%, var(--bg) 30%, var(--bg) 100%)}.story-finale--datenmanagement .story-finale__import{background:linear-gradient(135deg,#1a0a2e 0%,#150a24 100%);border:2px solid #8b5cf6;box-shadow:0 0 40px #8b5cf640,0 20px 60px #0006}.story-finale--datenmanagement .story-finale__import:before{background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed)}.story-finale--datenmanagement .story-finale__import:hover{box-shadow:0 0 60px #8b5cf666,0 25px 80px #00000080}.story-finale--datenmanagement .story-finale__import-btn{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)!important}.story-finale--datenmanagement .story-finale__import-btn:hover{box-shadow:0 12px 32px #8b5cf680}.story-finale--datenmanagement{background:linear-gradient(180deg, #150a24 0%, var(--bg) 30%, var(--bg) 100%)}.story-finale__import:before{content:"";background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6);height:4px;position:absolute;top:0;left:0;right:0}.story-finale__import:hover{box-shadow:0 0 60px #8b5cf666,0 25px 80px #00000080}.story-finale__contact-icon,.story-finale__import-icon{filter:drop-shadow(0 4px 12px #00000080);margin-bottom:24px;font-size:56px}.story-finale__contact h3,.story-finale__import h3{color:#fff;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3}.story-finale__contact p,.story-finale__import p{color:#fffc;flex-grow:1;margin-bottom:28px;font-size:16px;line-height:1.7}.story-finale__contact .btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #ff8c00 100%);padding:16px 32px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #ec740466}.story-finale__contact .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ec740480}.story-finale__import-btn{width:100%;max-width:280px;transition:all .3s var(--ease);box-shadow:0 8px 24px #8b5cf666;color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)!important;border:none!important;padding:16px 32px!important;font-size:16px!important;font-weight:600!important}.story-finale__import-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.story-finale__import-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b4a91 0%,#8b6aaa 100%)!important}.story-finale__import-hint{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:50px;margin-top:16px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.story-before-after{background:linear-gradient(#0a0c0f 0%,#12151a 100%);padding:80px 0}.story-before-after--ki{background:linear-gradient(#061018 0%,#0a1a28 100%)}.story-before-after--ki .story-before-after__item{background:#00b4d80d;border-color:#00d4ff26}.story-before-after__header{text-align:center;margin-bottom:60px}.story-before-after__header h2{color:#fff;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.story-before-after__header p{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.1rem}.story-before-after__item{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;max-width:1000px;margin:0 auto 40px;padding:24px}.story-before-after__item:last-child{margin-bottom:0}.story-before-after__item img{border-radius:12px;width:100%;height:auto;display:block}.story-before-after__caption{text-align:center;color:#fff9;margin-top:16px;font-size:.95rem;font-style:italic}.story-showcase__browser-content--svg{background:#fff;padding:20px}.story-showcase__browser-content--svg img{object-fit:contain;max-height:200px}.story-showcase__browser--wide{width:100%;max-width:1200px;margin:0 auto}.story-showcase__item{padding:0 var(--content-pad) 60px;justify-content:center;display:flex}.story-steps{padding:40px var(--content-pad) 80px}.story-solution .story-steps{padding-top:0}.story-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto 60px;padding:40px;display:grid;position:relative}.story-step--reverse{grid-template-columns:auto 1fr 1fr}.story-step--reverse .story-step__content{order:2}.story-step--reverse .story-step__visual{order:1}.story-step__number{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:800;display:flex;box-shadow:0 4px 20px #22c55e4d}.story-step__content h3{color:#fff;margin-bottom:16px;font-size:clamp(20px,2.5vw,26px);font-weight:700}.story-step__list{margin:0;padding:0;list-style:none}.story-step__list li{color:#fffc;padding:8px 0 8px 28px;font-size:15px;line-height:1.6;position:relative}.story-step__list li:before{content:"✓";color:#22c55e;background:#22c55e33;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:8px;left:0}.story-step__visual{justify-content:center;align-items:center;display:flex}.story-step__browser{background:var(--surface);border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.story-step__browser-header{background:#1e232df2;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:10px 14px;display:flex}.story-step__browser-dots{gap:6px;display:flex}.story-step__browser-dots span{background:#ff5f57;border-radius:50%;width:10px;height:10px}.story-step__browser-dots span:nth-child(2){background:#febc2e}.story-step__browser-dots span:nth-child(3){background:#28c840}.story-step__browser-url{color:#ffffff80;background:#ffffff0d;border-radius:4px;flex:1;padding:5px 10px;font-size:11px}.story-step__browser-content{background:#1a1f2e}.story-step__browser-content img{width:100%;display:block}.story-step__svg{background:#fff;border-radius:12px;max-width:100%;height:auto;max-height:200px;padding:20px}.story-step__visual--icon{background:#22c55e14;border:1px solid #22c55e33;border-radius:16px;flex-direction:column;gap:16px;padding:40px}.story-step__icon-large{font-size:80px;line-height:1}.story-step__icon-label{color:#ffffffb3;text-align:center;font-size:14px;font-weight:600}@media (width<=1024px){.story-step{grid-template-columns:1fr;gap:24px;padding:24px}.story-step__number{width:50px;height:50px;margin:0 auto;font-size:24px}.story-step--reverse .story-step__content,.story-step--reverse .story-step__visual{order:unset}.story-step__content{text-align:center}.story-step__list li{text-align:left}.story-step__browser{max-width:100%}.story-step__icon-large{font-size:60px}}.story-finale__related{max-width:1200px;margin:0 auto}.story-finale__related h2{text-align:center;color:var(--text);margin-bottom:40px;font-size:clamp(24px,3vw,32px);font-weight:700}.story-finale__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.story-finale__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.story-finale__card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s var(--ease);flex-direction:column;padding:28px;text-decoration:none;display:flex}.story-finale__card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.story-finale__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-self:flex-start;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}.story-finale__badge--prozess{color:#6dc98a;background:#2d5a3d4d}.story-finale__badge--daten{color:#d4b896;background:#8b73554d}.story-finale__badge--ki{color:#00d4ff;background:#00b4d840}.story-finale__badge--datenmanagement{color:#a78bfa;background:#8b5cf640}.story-finale__card h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.4}.story-finale__card p{color:var(--text-muted);margin-top:auto;font-size:14px}@media (width<=768px){.story-finale{padding:60px var(--content-pad) 80px}.story-finale__cta{margin-bottom:60px;padding:32px 24px}}.story-related{padding:80px var(--content-pad);background:var(--bg-light)}.story-related__title{text-align:center;margin-bottom:40px;font-size:24px;font-weight:700}.story-related__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.story-related__card{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);transition:all .3s var(--ease);padding:24px;text-decoration:none}.story-related__card:hover{border-color:var(--accent);transform:translateY(-4px)}.story-related__badge{background:var(--accent-subtle);color:var(--accent);border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.story-related__card h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.4}.story-related__card p{color:var(--muted);font-size:14px}.stories-page-hero{padding:160px var(--content-pad) 60px;text-align:center;background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%)}.stories-page-hero__title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:700}.stories-page-hero__subtitle{color:var(--text-secondary);font-size:18px}.stories-page-grid{padding:60px var(--content-pad) 100px;background:var(--bg)}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.story-card-large{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s var(--ease);flex-direction:column;padding:32px;text-decoration:none;display:flex}.story-card-large:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.story-card-large__badge{background:var(--accent-subtle);color:var(--accent);border-radius:50px;width:fit-content;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.story-card-large__logo{margin-bottom:20px}.story-card-large__logo img{object-fit:contain;filter:brightness(0)invert();opacity:.7;max-width:140px;max-height:36px}.story-card-large__title{color:var(--text);margin-bottom:12px;font-size:22px;font-weight:700;line-height:1.35}.story-card-large__desc{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:15px;line-height:1.6}.story-card-large__kpis{border-top:1px solid var(--border);gap:24px;margin-bottom:24px;padding-top:20px;display:flex}.story-card-large__kpi{flex-direction:column;gap:4px;display:flex}.story-card-large__kpi .kpi-value{color:var(--accent);font-size:20px;font-weight:700}.story-card-large__kpi .kpi-label{color:var(--muted);font-size:13px}.story-card-large__link{color:var(--accent);font-size:14px;font-weight:600}.story-card-large:hover .story-card-large__link{text-decoration:underline}.stories-page-cta{text-align:center;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:600px;margin:80px auto 0;padding:48px}.stories-page-cta h2{margin-bottom:12px;font-size:24px;font-weight:700}.stories-page-cta p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.usecase-section-label{text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);background:#ec74041a;border:1px solid #ec740433;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.usecase-hero--personal~* .usecase-section-label,.usecase-steps--personal .usecase-section-label,.usecase-showcase--personal .usecase-section-label,.usecase-benefits--personal .usecase-section-label,.usecase-flexible--personal .usecase-section-label,.usecase-audience--personal .usecase-section-label{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.usecase-happy-zone{position:relative;overflow:hidden}.usecase-happy-zone--personal{background:linear-gradient(#3d2a10 0%,#3a2812 10%,#382610 30%,#352510 50%,#32230e 70%,#2f210c 85%,#2a1e0a 100%)}.usecase-happy-zone--finanzen{background:linear-gradient(#0f2a1a 0%,#0e2818 10%,#0d2616 30%,#0c2414 50%,#0b2212 70%,#0a2010 85%,#091e0e 100%)}.usecase-happy-zone--projekte{background:linear-gradient(#0f1a2d 0%,#0e192b 10%,#0d1829 30%,#0c1727 50%,#0b1625 70%,#0a1523 85%,#091420 100%)}.usecase-happy-zone__bubbles{pointer-events:none;z-index:0;position:absolute;inset:0}.usecase-happy-zone__bubble{border-radius:50%;animation:12s ease-in-out infinite floatBubble;position:absolute}.usecase-happy-zone--personal .usecase-happy-zone__bubble{background:radial-gradient(circle,#fbbf2459 0%,#f59e0b26 40%,#0000 70%)}.usecase-happy-zone__bubble--1{width:400px;height:400px;animation-delay:0s;top:2%;right:-100px}.usecase-happy-zone__bubble--2{width:300px;height:300px;animation-delay:-3s;top:8%;left:-80px}.usecase-happy-zone__bubble--3{width:250px;height:250px;animation-delay:-6s;top:25%;right:5%}.usecase-happy-zone__bubble--4{width:200px;height:200px;animation-delay:-2s;top:35%;left:3%}.usecase-happy-zone__bubble--5{width:350px;height:350px;animation-delay:-8s;top:50%;right:-50px}.usecase-happy-zone__bubble--6{width:280px;height:280px;animation-delay:-4s;top:60%;left:-60px}.usecase-happy-zone__bubble--7{width:220px;height:220px;animation-delay:-10s;top:75%;right:10%}.usecase-happy-zone__bubble--8{width:180px;height:180px;animation-delay:-5s;top:85%;left:5%}@keyframes floatBubble{0%,to{opacity:.8;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(15px,-25px)scale(1.05)}50%{opacity:.9;transform:translate(-10px,-15px)scale(.95)}75%{opacity:1;transform:translate(20px,10px)scale(1.02)}}.usecase-happy-zone .usecase-solution,.usecase-happy-zone .usecase-steps,.usecase-happy-zone .usecase-showcase,.usecase-happy-zone .usecase-benefits,.usecase-happy-zone .usecase-flexible,.usecase-happy-zone .usecase-audience,.usecase-happy-zone .usecase-finale{z-index:1;position:relative;background:0 0!important}.usecase-hero{padding:calc(80px + 80px) var(--content-pad) 100px;text-align:center;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.usecase-hero__background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.usecase-hero__bg-image{object-fit:cover;opacity:.4;width:100%;height:100%}.usecase-hero__overlay{background:linear-gradient(135deg,#b46432b3 0%,#0a0c0feb 100%);width:100%;height:100%;position:absolute;top:0;left:0}.usecase-hero--personal{background:linear-gradient(135deg, #4a3520 0%, var(--bg) 100%)}.usecase-hero--personal .usecase-hero__bg-image{opacity:.5}.usecase-hero--personal .usecase-hero__overlay{background:linear-gradient(135deg,#b4643266 0%,#8c502899 35%,#643c1ebf 65%,#0a0c0feb 100%)}.usecase-hero--personal .usecase-hero__badge{color:#fff;background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);border:none}.usecase-hero--personal .usecase-section-label{color:#f59e0b}.usecase-hero--finanzen{background:linear-gradient(135deg, #1a3d2a 0%, var(--bg) 100%)}.usecase-hero--finanzen .usecase-hero__overlay{background:linear-gradient(135deg,#2d5a3d66 0%,#1e462d99 35%,#14321ebf 65%,#0a0c0feb 100%)}.usecase-hero--finanzen .usecase-hero__badge{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border:none}.usecase-hero--finanzen .usecase-section-label{color:#22c55e}.usecase-hero--finanzen~* .usecase-section-label,.usecase-steps--finanzen .usecase-section-label,.usecase-showcase--finanzen .usecase-section-label,.usecase-benefits--finanzen .usecase-section-label{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.usecase-hero--projekte{background:linear-gradient(135deg, #1a2d4a 0%, var(--bg) 100%)}.usecase-hero--projekte .usecase-hero__overlay{background:linear-gradient(135deg,#3d5a8066 0%,#28416499 35%,#192d4bbf 65%,#0a0c0feb 100%)}.usecase-hero--projekte .usecase-hero__badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border:none}.usecase-hero--projekte .usecase-section-label{color:#60a5fa}.usecase-hero--projekte~* .usecase-section-label,.usecase-steps--projekte .usecase-section-label,.usecase-showcase--projekte .usecase-section-label,.usecase-benefits--projekte .usecase-section-label{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa4d}.usecase-hero__container{z-index:1;max-width:800px;margin:0 auto;position:relative}.usecase-hero__back{color:#ffffffb3;margin-bottom:24px;font-size:14px;transition:color .2s;display:inline-block}.usecase-hero__back:hover{color:#fff}.usecase-hero__badge{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.usecase-hero__title{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.15}.usecase-hero__subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.usecase-hero__pillars{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.usecase-pillar{border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.usecase-pillar--mensch{color:#fcd34d;background:#fbbf2426;border:1px solid #fbbf244d}.usecase-pillar--prozesse{color:#22c55e;background:#16a34a26;border:1px solid #16a34a4d}.usecase-pillar--daten{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.usecase-pillar--ki{color:#00d4ff;background:#00b4d826;border:1px solid #00b4d84d}.usecase-pillar--systeme{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.usecase-pillar--automatisiert{color:#22c55e;background:#16a34a26;border:1px solid #16a34a4d}.usecase-pillar--freigabe{color:#fcd34d;background:#fbbf2426;border:1px solid #fbbf244d}.usecase-pillar--auswertung{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.usecase-pillar--integration{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.usecase-pillar--ki-gestuetzt{color:#00d4ff;background:#00b4d826;border:1px solid #00b4d84d}.usecase-problem{padding:80px var(--content-pad);background:linear-gradient(#1a1d22 0%,#22262d 100%)}.usecase-problem__content{max-width:700px;margin:0 auto}.usecase-problem h2{color:var(--text-secondary);margin-bottom:32px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-problem__list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:0;list-style:none;display:grid}.usecase-problem__list li{border-radius:var(--radius-md);color:var(--text-muted);background:#64647814;border:1px solid #9696aa26;align-items:center;gap:12px;padding:16px 20px;font-size:15px;display:flex}.usecase-solution{padding:80px var(--content-pad);background:linear-gradient(135deg,#1a0a2a 0%,#0a0c1a 50%,#12151a 100%);position:relative;overflow:hidden}.usecase-hero--personal~.usecase-problem+.usecase-solution,.usecase-solution--personal{background:linear-gradient(135deg,#3d2a10 0%,#2a1f0a 30%,#1f1a08 60%,#18140a 100%)}.usecase-solution--personal .usecase-solution__bubble{filter:blur(1px);background:radial-gradient(circle,#f59e0b80 0%,#fbbf2433 50%,#0000 70%)}.usecase-solution--personal .usecase-solution__bubble--1{background:radial-gradient(circle,#fbbf2473 0%,#f59e0b33 40%,#0000 70%);width:400px;height:400px;top:-100px;right:-50px}.usecase-solution--personal .usecase-solution__bubble--2{background:radial-gradient(circle,#d9770680 0%,#f59e0b26 50%,#0000 70%);width:300px;height:300px;bottom:10%;left:-80px}.usecase-solution--personal .usecase-solution__bubble--3{background:radial-gradient(circle,#fbbf2466 0%,#0000 60%);width:250px;height:250px;top:30%;right:5%}.usecase-solution--personal .usecase-solution__item{background:linear-gradient(135deg,#d9770666 0%,#f59e0b40 100%);border:2px solid #fbbf2480;box-shadow:0 4px 20px #f59e0b26}.usecase-solution--personal .usecase-solution__item:hover{background:linear-gradient(135deg,#d977068c 0%,#f59e0b59 100%);border-color:#fbbf24cc;transform:translateY(-6px);box-shadow:0 8px 32px #f59e0b4d}.usecase-solution--personal .usecase-solution__icon{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;display:flex;box-shadow:0 4px 15px #f59e0b66}.usecase-solution__bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.usecase-solution__bubble{background:radial-gradient(circle,#ec740440 0%,#0000 70%);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.usecase-solution__bubble--1{width:300px;height:300px;animation-delay:0s;top:-50px;right:-100px}.usecase-solution__bubble--2{width:200px;height:200px;animation-delay:-2s;bottom:20%;left:-50px}.usecase-solution__bubble--3{width:150px;height:150px;animation-delay:-4s;top:40%;right:10%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.05)}}.usecase-solution__content{z-index:1;max-width:900px;margin:0 auto;position:relative}.usecase-solution h2{text-align:center;margin-bottom:40px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-solution__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.usecase-solution__item{border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;padding:28px 24px;transition:transform .3s,border-color .3s}.usecase-solution__item:hover{border-color:#ec74044d;transform:translateY(-4px)}.usecase-solution__icon{margin-bottom:16px;font-size:32px}.usecase-solution__item h3{margin-bottom:8px;font-size:17px;font-weight:600}.usecase-solution__item p{color:var(--text-secondary);font-size:14px;line-height:1.5}.usecase-steps{padding:80px var(--content-pad);background:linear-gradient(#1c1810 0%,#1a1814 100%)}.usecase-steps--personal{background:linear-gradient(#3d3018 0%,#352a14 100%)}.usecase-steps--personal .usecase-step{border-bottom-color:#fbbf2426}.usecase-steps .container{max-width:700px;margin:0 auto}.usecase-steps h2{text-align:center;margin-bottom:48px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-steps__list{flex-direction:column;gap:0;display:flex}.usecase-step{border-bottom:1px solid var(--border);gap:24px;padding:28px 0;display:flex}.usecase-step:last-child{border-bottom:none}.usecase-step__number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.usecase-steps--personal .usecase-step__number{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);box-shadow:0 4px 15px #f59e0b4d}.usecase-step__content h4{margin-bottom:6px;font-size:17px;font-weight:600}.usecase-step__content p{color:var(--text-secondary);font-size:15px;line-height:1.6}.usecase-showcase{padding:80px var(--content-pad);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-secondary) 100%)}.usecase-showcase--personal{background:linear-gradient(#352a14 0%,#3d3018 100%)}.usecase-showcase__header{text-align:center;margin-bottom:48px}.usecase-showcase__header h2{font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-showcase__item{max-width:900px;margin:0 auto}.usecase-showcase__browser{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden;box-shadow:0 20px 60px #0000004d}.usecase-showcase__browser-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.usecase-showcase__browser-dots{gap:6px;display:flex}.usecase-showcase__browser-dots span{background:var(--border);border-radius:50%;width:10px;height:10px}.usecase-showcase__browser-dots span:first-child{background:#ff5f57}.usecase-showcase__browser-dots span:nth-child(2){background:#ffbd2e}.usecase-showcase__browser-dots span:nth-child(3){background:#28ca42}.usecase-showcase__browser-url{color:var(--text-muted);background:#ffffff0d;border-radius:6px;flex:1;padding:6px 12px;font-family:SF Mono,monospace;font-size:13px}.usecase-showcase__browser-content img{width:100%;height:auto;display:block}.usecase-benefits{padding:80px var(--content-pad);background:var(--bg-secondary)}.usecase-benefits--personal{background:linear-gradient(#3d3018 0%,#453820 100%)}.usecase-benefits .container{max-width:900px;margin:0 auto}.usecase-benefits h2{text-align:center;margin-bottom:48px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-benefits__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.usecase-benefit{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s}.usecase-benefit:hover{border-color:var(--accent);transform:translateY(-4px)}.usecase-benefits--personal .usecase-benefit{background:#3c321eb3;border:1px solid #fbbf2440}.usecase-benefits--personal .usecase-benefit:hover{background:#463c23cc;border-color:#fbbf2499;box-shadow:0 8px 30px #f59e0b40}.usecase-benefit__icon{margin-bottom:16px;font-size:28px}.usecase-benefit h3{margin-bottom:8px;font-size:17px;font-weight:600}.usecase-benefit p{color:var(--text-secondary);font-size:14px;line-height:1.6}.usecase-flexible{padding:80px var(--content-pad);background:var(--bg)}.usecase-flexible--personal{background:linear-gradient(#453820 0%,#3d3018 100%)}.usecase-flexible .container{text-align:center;max-width:700px;margin:0 auto}.usecase-flexible h2{margin-bottom:16px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-flexible__intro{color:var(--text-secondary);margin-bottom:40px;font-size:16px}.usecase-flexible__list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.usecase-flexible__item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;padding:10px 18px;transition:border-color .2s,background .2s;display:inline-block}.usecase-flexible--personal .usecase-flexible__item{color:#ffffffe6;background:#463c2399;border:1px solid #fbbf244d}.usecase-flexible--personal .usecase-flexible__item:hover{background:#504628cc;border-color:#fbbf2499}.usecase-flexible__item{color:var(--text-secondary);font-size:14px}.usecase-audience{padding:80px var(--content-pad);background:var(--bg-secondary)}.usecase-audience--personal{background:linear-gradient(#3d3018 0%,#352a14 100%)}.usecase-audience .container{text-align:center;max-width:800px;margin:0 auto}.usecase-audience h2{margin-bottom:32px;font-size:clamp(24px,4vw,32px);font-weight:700}.usecase-audience__tags{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.usecase-audience__tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 20px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s}.usecase-audience--personal .usecase-audience__tag{color:#ffffffe6;background:#463c2399;border:1px solid #fbbf2440}.usecase-audience--personal .usecase-audience__tag:hover{background:#504628b3;border-color:#fbbf2480}.usecase-finale{padding:100px var(--content-pad);background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg) 100%)}.usecase-finale--personal{background:linear-gradient(#352a14 0%,#2a2010 100%)}.usecase-finale__dual{grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto;display:grid}@media (width<=1024px){.usecase-finale__dual{grid-template-columns:1fr;max-width:480px}}.usecase-finale__contact,.usecase-finale__service{border-radius:var(--radius-lg);flex-direction:column;padding:40px 32px;transition:transform .3s,box-shadow .3s;display:flex}.usecase-finale__contact:hover,.usecase-finale__service:hover{transform:translateY(-6px)}.usecase-finale__icon{margin-bottom:20px;font-size:36px}.usecase-finale__contact h3,.usecase-finale__service h3{margin-bottom:12px;font-size:20px;font-weight:700}.usecase-finale__contact p,.usecase-finale__service>p{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.usecase-finale__contact{border:2px solid var(--accent);text-align:center;background:linear-gradient(135deg,#2a1a0a 0%,#1a1210 100%);box-shadow:0 0 40px #ec740426}.usecase-finale__contact:hover{box-shadow:0 0 60px #ec740440}.usecase-finale__service{background:linear-gradient(135deg,#0a1520 0%,#12151a 100%);border:2px solid #3b82f6;box-shadow:0 0 40px #3b82f626}.usecase-finale__service:hover{box-shadow:0 0 60px #3b82f640}.usecase-finale--personal .usecase-finale__service{background:linear-gradient(135deg,#1a1508 0%,#12150a 100%);border:2px solid #d97706;box-shadow:0 0 40px #d9770626}.usecase-finale--personal .usecase-finale__service:hover{box-shadow:0 0 60px #d9770640}.usecase-finale__import{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#0a1520 0%,#12151a 100%);border:2px solid #3b82f6;padding:40px;position:relative;box-shadow:0 0 40px #3b82f626}.usecase-finale--personal .usecase-finale__import{background:linear-gradient(135deg,#d9770626 0%,#f59e0b14 100%);border:2px solid #fbbf2480;box-shadow:0 0 40px #d9770626}.usecase-finale__import h3{margin-bottom:8px;font-size:1.5rem}.usecase-finale__import>p{color:var(--text-secondary);margin-bottom:24px}.usecase-import-box{margin-top:20px}.usecase-import-options{gap:12px;margin-bottom:16px;display:flex}.usecase-import-option{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;flex:1;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.usecase-import-option input[type=radio]{display:none}.usecase-import-option:hover{background:#ffffff0d;border-color:#fff3}.usecase-import-option.active{background:#3b82f61a;border-color:#3b82f6}.usecase-finale--personal .usecase-import-option.active{background:#f59e0b26;border-color:#f59e0b}.usecase-import-option-label{text-align:left}.usecase-import-option-title{color:var(--text-primary);font-size:14px;font-weight:600}.usecase-import-option-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.usecase-import-slug{margin-bottom:16px;display:none}.usecase-import-slug.visible{display:block}.usecase-import-slug-wrapper{border-radius:var(--radius-md);background:#0000004d;border:1px solid #ffffff1a;align-items:stretch;display:flex;overflow:hidden}.usecase-import-slug-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:14px}.usecase-import-slug-input::placeholder{color:var(--text-muted)}.usecase-import-slug-suffix{color:var(--text-secondary);background:#ffffff0d;border-left:1px solid #ffffff1a;align-items:center;padding:0 16px;font-size:14px;display:flex}.usecase-import-remember{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.usecase-import-remember input[type=checkbox]{accent-color:#f59e0b}.usecase-import-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.usecase-import-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.usecase-finale--personal .usecase-import-btn{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.usecase-finale--personal .usecase-import-btn:hover{box-shadow:0 8px 24px #f59e0b4d}.usecase-finale__includes{text-align:left;margin:0 0 28px;padding:0;list-style:none}.usecase-finale__includes li{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:8px 0 8px 28px;font-size:14px;position:relative}.usecase-finale__includes li:last-child{border-bottom:none}.usecase-finale__includes li:before{content:"✓";color:#22c55e;font-weight:600;position:absolute;left:0}.usecase-finale__pricing{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:center;gap:24px;margin-bottom:20px;padding:20px 0;display:flex}.usecase-finale__price{text-align:center}.usecase-finale__price-amount{color:var(--text);font-size:28px;font-weight:700;line-height:1;display:block}.usecase-finale__price-period{color:var(--text-muted);font-size:14px}.usecase-finale__price-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-top:6px;font-size:12px;font-weight:600;display:block}.usecase-finale__price--optional{opacity:.85;padding-left:24px;position:relative}.usecase-finale__price--optional:before{content:"";background:#ffffff26;width:1px;height:40px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.usecase-finale__managed-info{color:var(--text-muted);margin-bottom:24px;font-size:13px;font-style:italic}.usecase-problem,.usecase-solution,.usecase-steps,.usecase-showcase,.usecase-benefits,.usecase-flexible,.usecase-audience,.usecase-finale__dual{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.usecase-problem.visible,.usecase-solution.visible,.usecase-steps.visible,.usecase-showcase.visible,.usecase-benefits.visible,.usecase-flexible.visible,.usecase-audience.visible,.usecase-finale__dual.visible{opacity:1;transform:translateY(0)}.mobile-sticky-cta{display:none}@media (width<=767px){.mobile-sticky-cta{z-index:999;padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0c0fd9;border-top:1px solid #ffffff0f;justify-content:center;transition:transform .3s,opacity .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.mobile-sticky-cta--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-sticky-cta__btn{background:linear-gradient(135deg, var(--accent) 0%, #ff8519 100%);color:#fff;border-radius:var(--radius);letter-spacing:.01em;justify-content:center;align-items:center;width:100%;max-width:320px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}}.footer{z-index:1;background:linear-gradient(180deg, var(--bg) 0%, #14171c 100%);padding:80px var(--content-pad) 40px;border-top:1px solid var(--border);position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;display:grid}.footer-brand{max-width:280px}.footer-logo{color:var(--text);margin-bottom:12px;font-size:28px;font-weight:800}.footer-logo span{color:var(--accent)}.footer-tagline{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.footer-social{gap:12px;display:flex}.footer-social a{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all .3s var(--ease);justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.footer-column h4,.footer-column-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:20px;font-size:14px;font-weight:700}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{margin-bottom:12px}.footer-column a{color:var(--text-secondary);transition:all .2s var(--ease);font-size:15px;text-decoration:none;display:inline-block}.footer-column a:hover{color:var(--accent);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.footer-copy{color:var(--muted);font-size:14px}.footer-badges{gap:16px;display:flex}.footer-badge{color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);padding:6px 12px;font-size:13px}.privacy-toast{z-index:9999;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:20px;left:auto;right:20px;transform:translateY(80px)}.privacy-toast--visible{opacity:1;transform:translateY(0)}.privacy-toast__content{backdrop-filter:blur(12px);border:1px solid var(--border);background:#12151ae6;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;display:flex;box-shadow:0 8px 24px #0003}.privacy-toast__points{gap:12px;display:flex}.privacy-toast__points span{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.privacy-toast__points span:before{content:"✓";color:#22c55e;font-size:13px;font-weight:700}@media (width<=768px){.privacy-toast{bottom:12px;right:12px}.privacy-toast__points{gap:8px}.privacy-toast__points span{font-size:11px}}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{text-align:center;grid-column:1/-1;max-width:100%}.footer-social{justify-content:center}.footer-column{text-align:center}.footer-column a:hover{transform:none}}@media (width<=768px){.footer{padding:60px var(--content-pad) 32px}.footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.footer-bottom{text-align:center;flex-direction:column}.footer-badges{flex-wrap:wrap;justify-content:center}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease);padding:24px}.card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.card-title{margin-bottom:8px;font-size:18px;font-weight:700}.card-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.form-group{margin-bottom:20px}.form-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);transition:all .2s var(--ease);padding:14px 16px;font-family:inherit;font-size:15px}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-textarea{resize:vertical;min-height:120px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent{color:var(--accent)}.text-muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.container{width:100%;max-width:1200px;padding:0 var(--content-pad);margin:0 auto}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}@keyframes rowSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes progressFill{to{width:65%}}@keyframes cardFadeIn{to{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideIn{0%{opacity:0;transform:translate(100vw)scale(.85)}to{opacity:1;box-shadow:0 40px 100px #0009, 0 0 0 2px var(--accent), 0 0 80px -20px var(--accent-glow);transform:translate(0)scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-100vw)scale(.85)}}@keyframes flashPop{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.animate-on-scroll{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text{order:1}.hero-subline{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:2;margin-left:0}.workspace-mock{max-width:500px;margin:0 auto}.nav-links{gap:20px}.nav-links a{font-size:14px}.nav-links{display:none}.nav-links--open{z-index:999!important;background:linear-gradient(165deg,#3a424f 0%,#12151a 40%,#252a32 100%)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:100dvh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.nav-links--open a{color:#ffffffd9!important;transition:all .3s var(--ease)!important;letter-spacing:-.3px!important;padding:14px 24px!important;font-size:22px!important;font-weight:600!important;text-decoration:none!important;position:relative!important}.nav-links--open a:hover{color:var(--accent)!important}.nav-links--open a:after{content:""!important;background:linear-gradient(90deg, var(--accent) 0%, #ff9500 100%)!important;height:2px!important;transition:transform .3s var(--ease)!important;position:absolute!important;bottom:8px!important;left:24px!important;right:24px!important;transform:scaleX(0)!important}.nav-links--open a:hover:after{transform:scaleX(1)!important}.nav-links--open .nav-cta{background:linear-gradient(135deg, var(--accent) 0%, #ff8519 100%)!important;color:#fff!important;border-radius:50px!important;margin-top:24px!important;padding:16px 40px!important;font-size:16px!important;box-shadow:0 8px 32px #ec740466!important}.nav-links--open .nav-cta:after{display:none!important}.nav-mobile-toggle{z-index:1001;display:flex;position:relative}.nav-mobile-toggle--open span:first-child{background:var(--accent);transform:rotate(45deg)translate(5px,5px)}.nav-mobile-toggle--open span:nth-child(2){opacity:0}.nav-mobile-toggle--open span:nth-child(3){background:var(--accent);transform:rotate(-45deg)translate(5px,-5px)}.hero{padding-top:160px}.workspace-mock{aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:1fr}.mock-sidebar,.mock-panel{display:none}.mock-topbar{grid-column:1}.mock-main{min-height:200px}.feature-bg-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr)}.btn{width:auto;min-width:0;padding:14px 24px}.hero-actions{flex-direction:column;align-items:center;width:100%;padding:0 20px}.showcase-stage{height:350px}.showcase-item{width:90vw;max-width:90vw}.showcase-item-title{font-size:16px}.showcase-item-desc{font-size:12px}}@media (width<=768px){.pricing-info{text-align:center;flex-direction:column}.trusted{padding:50px 0}.logo-track{gap:80px}.logo-item img{max-width:260px;height:100px}.hero-hint{text-align:center;width:100%;padding-left:0}.hero-hub-steps{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-hub-step-arrow{display:none}.hero-hub-step{white-space:nowrap}.hero-persona-toggle{border-radius:var(--radius);background:#0003;flex-direction:column;gap:10px;margin-top:30px;padding:20px;position:relative;bottom:auto;left:auto;transform:none}.persona-toggle-option{padding:8px 18px;font-size:13px}.hero-badge{padding:6px 12px;font-size:12px}.feature-bg-grid{grid-template-columns:1fr;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.landing-hero{min-height:auto;padding:140px var(--content-pad) var(--section-pad)}.landing-hero .hero-content{text-align:center;grid-template-columns:1fr;max-width:900px}.landing-hero .hero-subline{max-width:600px;margin-left:auto;margin-right:auto}.landing-hero .hero-actions{justify-content:center}.story-hero{padding:140px var(--content-pad) 80px;text-align:center}.story-badge{background:var(--accent-subtle);color:var(--accent);text-transform:uppercase;letter-spacing:1px;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.story-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:800}.story-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:20px}.story-content{max-width:800px;padding:0 var(--content-pad);margin:0 auto}.story-section{margin-bottom:60px}.story-section h2{color:var(--accent);margin-bottom:20px;font-size:28px;font-weight:700}.story-section p{color:var(--text-secondary);margin-bottom:16px;font-size:17px;line-height:1.8}.story-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:40px 0;display:grid}.story-kpi{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:24px}.story-kpi-value{color:var(--accent);margin-bottom:8px;font-size:42px;font-weight:800}.story-kpi-label{color:var(--text-secondary);font-size:14px}.story-quote{background:var(--bg-elevated);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin:40px 0;padding:24px 32px}.story-quote blockquote{color:var(--text);margin-bottom:12px;font-size:18px;font-style:italic;line-height:1.7}.story-quote cite{color:var(--text-secondary);font-size:14px;font-style:normal}.legal-page{padding:140px var(--content-pad) var(--section-pad);max-width:800px;margin:0 auto}.legal-page h1{margin-bottom:40px;font-size:clamp(32px,4vw,48px);font-weight:800}.legal-page h2{color:var(--accent);margin-top:40px;margin-bottom:16px;font-size:24px;font-weight:700}.legal-page h3{margin-top:24px;margin-bottom:12px;font-size:18px;font-weight:600}.legal-page p{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.8}.legal-page ul,.legal-page ol{margin-bottom:16px;margin-left:24px}.legal-page li{color:var(--text-secondary);margin-bottom:8px;font-size:16px;line-height:1.8}.legal-page a{color:var(--accent);text-decoration:underline}.legal-page a:hover{color:var(--accent-hover)}.hero-activity-counter{opacity:0;animation:personaSlideIn .8s var(--ease) .3s forwards;z-index:5;flex-direction:column;align-items:center;gap:2px;margin-bottom:32px;display:flex}.activity-counter{flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.activity-counter__number{font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--accent) 0%, #ff9500 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1}.activity-counter__label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.bpmn-showcase{padding:var(--section-pad) 0}.bpmn-showcase>.container{max-width:1400px;position:relative}.bpmn-showcase__header{text-align:center;margin-bottom:48px}.bpmn-showcase__header .section-subtitle{max-width:700px;margin:0 auto}.bpmn-showcase__canvas{background:#f5f4f1;border:1px solid #e5e3de;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.bpmn-showcase__toolbar{background:#2a2a2e;border-bottom:1px solid #3a3a3e;align-items:center;gap:12px;padding:10px 16px;display:flex}.bpmn-showcase__toolbar-dots{gap:6px;display:flex}.bpmn-showcase__toolbar-dots span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.bpmn-showcase__toolbar-dots span:first-child{background:#ef4444}.bpmn-showcase__toolbar-dots span:nth-child(2){background:#eab308}.bpmn-showcase__toolbar-dots span:nth-child(3){background:#22c55e}.bpmn-showcase__filename{color:var(--text-muted);flex:1;font-family:SF Mono,Fira Code,monospace;font-size:13px}.bpmn-showcase__toolbar-status{color:#22c55e;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.bpmn-showcase__status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #22c55e80}.bpmn-showcase__diagram{-webkit-overflow-scrolling:touch;background:#f5f4f1;padding:16px 16px 4px;overflow-x:auto}.bpmn-showcase__diagram svg{filter:drop-shadow(0 2px 6px #0000001a);width:100%;min-width:600px;height:auto;display:block}.bpmn-showcase__diagram svg text.djs-label{font-size:11px!important}.bpmn-showcase__diagram [data-element-id].bpmn-task-clickable{cursor:pointer}.bpmn-showcase__diagram [data-element-id].bpmn-task-clickable .djs-outline{pointer-events:none;transition:stroke .2s,stroke-width .2s}.bpmn-showcase__diagram [data-element-id].bpmn-task-clickable:hover .djs-outline{stroke:#ec740459;stroke-width:2px}.bpmn-showcase__diagram [data-element-id].bpmn-task-active .djs-outline{stroke:#ec7404!important;stroke-width:2.5px!important}.bpmn-showcase__prompt{text-align:center;color:var(--text-muted);margin-top:12px;margin-bottom:0;font-size:14px;transition:opacity .3s}.bpmn-showcase__prompt.hidden{opacity:0;pointer-events:none}.bpmn-showcase__layout{grid-template:"left center right""bottom bottom bottom"/160px 1fr 160px;align-items:start;gap:10px;display:grid;position:relative}.bpmn-showcase__side--left{flex-direction:column;grid-area:left;gap:6px;padding-top:24px;display:flex}.bpmn-showcase__center{grid-area:center;min-width:0}.bpmn-showcase__side--right{flex-direction:column;grid-area:right;gap:6px;padding-top:24px;display:flex}.bpmn-showcase__bottom-row{flex-wrap:wrap;grid-area:bottom;justify-content:center;gap:6px;display:flex}.bpmn-mini-card{cursor:pointer;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bpmn-mini-card:hover{background:#ec74040d;border-color:#ec740440;transform:translateY(-1px)}.bpmn-mini-card.active{z-index:2;background:linear-gradient(135deg,#ec74042e 0%,#ec740414 100%);border-color:#ec7404;transform:scale(1.03);box-shadow:0 0 20px #ec740459,0 0 40px #ec740426,inset 0 1px #ffffff1a}@keyframes cardGlow{0%,to{box-shadow:0 0 20px #ec740459,0 0 40px #ec740426,inset 0 1px #ffffff1a}50%{box-shadow:0 0 28px #ec740473,0 0 56px #ec740433,inset 0 1px #ffffff1f}}.bpmn-mini-card.active{animation:2.5s ease-in-out infinite cardGlow}.bpmn-mini-card__icon{flex-shrink:0;margin-top:1px;font-size:18px;line-height:1;transition:transform .35s}.bpmn-mini-card.active .bpmn-mini-card__icon{transform:scale(1.15)}.bpmn-mini-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.bpmn-mini-card__title{color:var(--text-primary,#f4f4f5);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;transition:color .25s;overflow:hidden}.bpmn-mini-card.active .bpmn-mini-card__title{color:#fff}.bpmn-mini-card__type{letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:600}.bpmn-mini-card__type--service{color:#ec7404}.bpmn-mini-card__type--user{color:#f59e0b}.bpmn-mini-card__type--sub{color:#a78bfa}.bpmn-mini-card__type--task{color:#d4d4d8}.bpmn-mini-card__type--data{color:#8b5cf6}.bpmn-mini-card__type--event{color:#22c55e}.bpmn-mini-card__type--gateway{color:#f59e0b}.bpmn-mini-card__desc{opacity:0;color:#ffffffb3;max-height:0;margin-top:0;font-size:10.5px;line-height:1.4;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s 50ms,margin-top .35s;display:block;overflow:hidden}.bpmn-mini-card.active .bpmn-mini-card__desc{opacity:1;max-height:60px;margin-top:4px}.bpmn-showcase__detail{max-height:0;margin-top:0;transition:max-height .4s,margin .4s;overflow:hidden}.bpmn-showcase__detail.open{max-height:500px;margin-top:12px}.bpmn-showcase__detail-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:28px 32px;display:none}.bpmn-showcase__detail-card.active{animation:.35s bpmnFadeIn;display:block}@keyframes bpmnFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bpmn-showcase__detail-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.bpmn-showcase__detail-icon{flex-shrink:0;font-size:28px;line-height:1}.bpmn-showcase__detail-header h3{color:var(--text-primary,#f4f4f5);margin:0 0 4px;font-size:18px;font-weight:600}.bpmn-showcase__detail-type{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.bpmn-showcase__detail-type--service{color:#ec7404;background:#ec740426}.bpmn-showcase__detail-type--user{color:#f59e0b;background:#ec740426}.bpmn-showcase__detail-type--sub{color:#a78bfa;background:#8b5cf626}.bpmn-showcase__detail-type--task{color:#d4d4d8;background:#a1a1aa26}.bpmn-showcase__detail-type--data{color:#8b5cf6;background:#8b5cf626}.bpmn-showcase__detail-type--event{color:#22c55e;background:#22c55e26}.bpmn-showcase__detail-type--gateway{color:#f59e0b;background:#f59e0b26}.bpmn-showcase__detail-card p{color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.bpmn-showcase__detail-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bpmn-showcase__detail-card ul li{color:var(--text-secondary);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.bpmn-showcase__detail-card ul li:before{content:"→";color:#ec7404;font-weight:600;position:absolute;left:0}.bpmn-showcase__docs-link{text-align:center;margin-top:24px}.bpmn-showcase__docs-link a{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .2s}.bpmn-showcase__docs-link a:hover{color:#ec7404}@media (width<=900px){.bpmn-showcase{overflow-x:hidden}.bpmn-showcase>.container{box-sizing:border-box;max-width:100%;padding:0 12px}.bpmn-showcase__layout{flex-direction:column;gap:12px;display:flex}.bpmn-showcase__center{order:1;width:100%;min-width:0}.bpmn-showcase__side--left,.bpmn-showcase__side--right,.bpmn-showcase__bottom-row{display:none}.bpmn-showcase__canvas{box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden}.bpmn-showcase__diagram{-webkit-overflow-scrolling:touch;padding:12px;overflow:auto hidden}.bpmn-showcase__diagram svg{-webkit-text-size-adjust:none;text-size-adjust:none;min-width:760px}.bpmn-showcase__diagram svg text.djs-label{font-size:10px!important}.bpmn-showcase__detail-card{padding:20px 24px}}.bpmn-showcase__carousel{display:none}@media (width<=900px){.bpmn-showcase__carousel{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:8px 16px 4px;display:flex;overflow-x:auto}.bpmn-showcase__carousel::-webkit-scrollbar{display:none}.bpmn-showcase__carousel .bpmn-mini-card{scroll-snap-align:center;backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;flex:none;gap:8px;width:150px;padding:10px 12px}.bpmn-showcase__carousel .bpmn-mini-card__icon{font-size:16px}.bpmn-showcase__carousel .bpmn-mini-card__title{font-size:11px}.bpmn-showcase__carousel .bpmn-mini-card__type{font-size:9px}.bpmn-showcase__carousel .bpmn-mini-card__desc{font-size:10px}.bpmn-showcase__carousel .bpmn-mini-card.active{width:180px;transform:scale(1.04)}.bpmn-showcase__carousel-wrap{margin-top:8px;position:relative}.bpmn-showcase__carousel-dots{justify-content:center;gap:6px;padding:8px 0 0;display:flex}.bpmn-showcase__carousel-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:all .3s}.bpmn-showcase__carousel-dot.active{background:#ec7404;transform:scale(1.3)}}@media (width<=600px){.bpmn-showcase__toolbar{padding:8px 12px}.bpmn-showcase__filename,.bpmn-showcase__toolbar-status{font-size:11px}.bpmn-showcase__diagram svg{min-width:680px}.bpmn-showcase__diagram svg text.djs-label{font-size:10px!important}.bpmn-showcase__carousel .bpmn-mini-card{width:140px}.bpmn-showcase__carousel .bpmn-mini-card.active{width:170px}.bpmn-showcase__detail-card{padding:16px 20px}.bpmn-showcase__detail-header{flex-direction:column;gap:8px}}