@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0a0f1e;--surface:#131829;--surface-2:#1a2035;--border:#252d45;--text:#e8eaf0;--text-muted:#7b84a3;--primary:#003dff;--primary-light:#5468ff;--accent:#00aeff;--accent-dim:#00aeff1a;--primary-dim:#003dff1a;--success:#34d399;--success-dim:#34d3991a;--warning:#fbbf24;--warning-dim:#fbbf241a;--danger:#f87171;--danger-dim:#f871711a;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;overflow:hidden}#app{height:100%}.deck{perspective:1000px;perspective-origin:50%;width:100%;height:100%;position:relative}.slide{opacity:0;visibility:hidden;transform-origin:100%;backface-visibility:hidden;flex-direction:column;justify-content:center;padding:60px 90px;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(40%)rotateY(-35deg)scale(.85)}.slide.active{opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),visibility;transform:translate(0)rotateY(0)scale(1)}.slide.exit-left{opacity:0;transform-origin:0;transform:translate(-40%)rotateY(35deg)scale(.85)}.slide.exit-right{opacity:0;transform-origin:100%;transform:translate(40%)rotateY(-35deg)scale(.85)}.slide.off-left{transform-origin:0;opacity:0;transition:none;transform:translate(-40%)rotateY(35deg)scale(.85)}.slide.off-right{transform-origin:100%;opacity:0;transition:none;transform:translate(40%)rotateY(-35deg)scale(.85)}.slide-label{text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:18px;font-size:13px;font-weight:600}h1{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1}h2{letter-spacing:-1px;margin-bottom:24px;font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.15}h3{margin-bottom:16px;font-size:20px;font-weight:600}.subtitle{color:var(--text-muted);max-width:860px;font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.55}.highlight{color:var(--accent)}@media (width<=900px){.slide{padding:40px 28px}}.annotation-canvas{z-index:150;pointer-events:none;position:fixed;inset:0}.annotation-canvas.active{pointer-events:auto}@media print{.slide{opacity:1;visibility:visible;page-break-after:always;height:auto;min-height:100vh;position:relative;transform:none}}.callout{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;max-width:860px;margin-top:28px;padding:24px 32px;font-size:20px;font-weight:500;line-height:1.6}.callout.primary{border-left-color:var(--primary-light)}.callout.success{border-left-color:var(--success)}.card-grid{gap:16px;margin-top:28px;display:grid}.card-grid.cols-2{grid-template-columns:1fr 1fr}.card-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.card-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.card-grid.cols-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card-has-image{padding:0;overflow:hidden}.card-image{width:100%;height:140px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-has-image:hover .card-image img{transform:scale(1.08)}.card-has-image h4,.card-has-image p,.card-has-image ul{padding-left:24px;padding-right:24px}.card-has-image h4{padding-top:18px}.card-has-image p:last-child,.card-has-image ul:last-child{padding-bottom:22px}.card h4{color:var(--accent);margin-bottom:12px;font-size:16px;font-weight:600}.card p,.card li{color:var(--text-muted);font-size:18px;line-height:1.65}.card ul{padding:0;list-style:none}.card ul li{padding:5px 0 5px 18px;position:relative}.card ul li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:0}.bullet-list{max-width:960px;margin:24px 0 0;padding:0;list-style:none}.bullet-list li{color:var(--text-muted);padding:10px 0 10px 18px;font-size:22px;line-height:1.7;position:relative}.bullet-list li:before{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;top:25px;left:0}.badge{border-radius:20px;margin:3px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-primary{background:var(--primary-dim);color:var(--primary-light)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.steps{max-width:700px;margin-top:24px}.step-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:12px 0;display:flex}.step-item:last-child{border-bottom:none}.step-num-circle{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.step-text{padding-top:6px;font-size:20px;line-height:1.5}.step-text strong{color:var(--text)}.step-text span{color:var(--text-muted)}.section-divider{text-align:center}.section-divider .section-number{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;opacity:.3;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(80px,10vw,140px);font-weight:800;line-height:1}.closing-message{max-width:800px;color:var(--text-muted);margin-top:16px;font-size:clamp(22px,2.8vw,34px);font-weight:600;line-height:1.5}.closing-message strong{color:var(--text)}.benefit-icon{margin-bottom:12px;font-size:28px}.logo-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px;display:grid}.logo-cell{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:12px 8px;font-size:12px;font-weight:600;display:flex}.hub-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin-top:28px;display:grid}.hub-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--text);padding:16px;font-size:14px;font-weight:600;transition:border-color .2s}.hub-item:hover{border-color:var(--accent)}.hub-item .hub-icon{margin-bottom:8px;font-size:24px;display:block}.pimcore-orbit{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.orbit-item{background:var(--accent-dim);border-radius:var(--radius);text-align:center;border:1px solid #00aeff4d;min-width:140px;padding:16px 20px}.orbit-item h4{color:var(--accent);margin-bottom:4px;font-size:16px}.orbit-item p{color:var(--text-muted);font-size:14px}.timeline-table{border-collapse:collapse;width:100%;margin-top:24px}.timeline-table th{background:var(--accent);color:#fff;text-align:center;padding:14px 20px;font-size:15px;font-weight:700}.timeline-table th:first-child{text-align:left}.timeline-table td{border-bottom:1px solid var(--border);color:var(--text-muted);text-align:center;padding:14px 20px;font-size:16px}.timeline-table td:first-child{color:var(--text);text-align:left;font-weight:700}.timeline-table tr:nth-child(2n) td{background:var(--surface)}@media (width<=900px){.card-grid.cols-3,.card-grid.cols-4,.card-grid.cols-5{grid-template-columns:1fr 1fr!important}.logo-grid{grid-template-columns:repeat(4,1fr)}.hub-grid{grid-template-columns:repeat(2,1fr)}}@media print{.nav-bar,.progress-bar,.chapter-indicator{display:none}}.app-loading[data-v-8ecc59a4]{background:var(--bg,#0f1117);justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading__spinner[data-v-8ecc59a4]{border:3px solid var(--border,#1e2030);border-top-color:var(--accent,#00aeff);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-8ecc59a4}@keyframes spin-8ecc59a4{to{transform:rotate(360deg)}}
