.demo-viewport.svelte-1du1zi4{--demo-bg: #0d0d0d;--demo-surface: #151518;--demo-surface-2: #1a1a1f;--demo-border: #2a2a30;--demo-orange: #ff6b35;--demo-purple: #a78bfa;--demo-blue: #60a5fa;--demo-green: #34d399;--demo-red: #ef4444;--demo-text: #e4e4e7;--demo-text-muted: #71717a;--demo-text-dim: #52525b;--demo-glass: rgba(255,255,255,.03);--demo-glass-border: rgba(255,255,255,.06);position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:var(--demo-bg);color:var(--demo-text);font-family:DM Sans,sans-serif;z-index:9999}.demo-viewport.svelte-1du1zi4 h1,.demo-viewport.svelte-1du1zi4 h2,.demo-viewport.svelte-1du1zi4 h3,.demo-viewport.svelte-1du1zi4 h4{font-family:Space Grotesk,sans-serif}.progress-track.svelte-1du1zi4{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff0d;z-index:100}.progress-bar.svelte-1du1zi4{height:100%;background:linear-gradient(90deg,var(--demo-orange),var(--demo-purple));transition:width .15s linear}.timer.svelte-1du1zi4{position:fixed;top:16px;right:24px;z-index:100;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--demo-text-muted);letter-spacing:1px;opacity:0;transition:opacity .6s}.timer.visible.svelte-1du1zi4{opacity:1}.controls.svelte-1du1zi4{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:12px;align-items:center}.ctrl-btn.svelte-1du1zi4{background:#ffffff0f;border:1px solid var(--demo-glass-border);color:var(--demo-text-muted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;padding:0}.ctrl-btn.svelte-1du1zi4:hover{background:#ffffff1f;color:var(--demo-text)}.scene-dots.svelte-1du1zi4{display:flex;gap:6px;margin:0 12px}.scene-dot.svelte-1du1zi4{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:all .4s;border:none;padding:0;cursor:pointer}.scene-dot.active.svelte-1du1zi4{background:var(--demo-orange);width:20px;border-radius:3px}.start-screen.svelte-1du1zi4{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90;background:var(--demo-bg);transition:opacity .8s,transform .8s}.start-screen.hidden.svelte-1du1zi4{opacity:0;transform:scale(1.05);pointer-events:none}.start-logo.svelte-1du1zi4{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-2px;margin-bottom:8px}.start-logo.svelte-1du1zi4 span:where(.svelte-1du1zi4){color:var(--demo-orange)}.start-sub.svelte-1du1zi4{color:var(--demo-text-muted);font-size:clamp(14px,2vw,18px);margin-bottom:40px;letter-spacing:.5px}.play-btn.svelte-1du1zi4{width:80px;height:80px;border-radius:50%;border:2px solid var(--demo-orange);background:transparent;color:var(--demo-orange);font-size:28px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;position:relative}.play-btn.svelte-1du1zi4:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,107,53,.2);animation:svelte-1du1zi4-pulse-ring 2s infinite}.play-btn.svelte-1du1zi4:hover{background:var(--demo-orange);color:#fff;transform:scale(1.08)}@keyframes svelte-1du1zi4-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.start-hint.svelte-1du1zi4{margin-top:20px;color:var(--demo-text-dim);font-size:12px;letter-spacing:1px;text-transform:uppercase}.demo-viewport .scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .8s,transform .8s;transform:scale(.97)}.demo-viewport .scene.active{opacity:1;pointer-events:auto;transform:scale(1)}.scene-inner.svelte-1du1zi4{width:min(1100px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.scene-tag.svelte-1du1zi4{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--demo-orange);font-weight:600}.scene-headline.svelte-1du1zi4{font-size:clamp(28px,5vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.15;font-family:Space Grotesk,sans-serif}.demo-viewport .hl{color:var(--demo-orange)}.demo-viewport .hl-p{color:var(--demo-purple)}.demo-viewport .hl-b{color:var(--demo-blue)}.demo-viewport .hl-g{color:var(--demo-green)}.scene-body.svelte-1du1zi4{color:var(--demo-text-muted);font-size:clamp(14px,1.8vw,18px);max-width:640px;line-height:1.7}.scene-visual.svelte-1du1zi4{position:relative;width:min(900px,85vw);margin-top:8px}.demo-viewport .glass{background:var(--demo-glass);border:1px solid var(--demo-glass-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px 32px;overflow:hidden}.demo-viewport .glass-sm{border-radius:10px;padding:16px 20px}.encrypt-flow.svelte-1du1zi4{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.demo-viewport .e-block{padding:10px 18px;border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;opacity:0;transform:scale(.8);transition:all .5s}.demo-viewport .e-block.show{opacity:1;transform:scale(1)}.demo-viewport .e-file{background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);color:var(--demo-blue)}.demo-viewport .e-arrow{color:var(--demo-text-dim);font-size:18px;opacity:0;transition:opacity .4s}.demo-viewport .e-arrow.show{opacity:1}.demo-viewport .e-key{background:#ff6b351a;border:1px solid rgba(255,107,53,.2);color:var(--demo-orange)}.demo-viewport .e-cipher{background:#34d3991a;border:1px solid rgba(52,211,153,.2);color:var(--demo-green)}.demo-viewport .e-cloud{background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);color:var(--demo-purple)}.sync-demo.svelte-1du1zi4{display:flex;align-items:stretch;gap:24px;justify-content:center;flex-wrap:wrap}.sync-col.svelte-1du1zi4{flex:1;min-width:180px;max-width:280px}.sync-col.svelte-1du1zi4 h4:where(.svelte-1du1zi4){font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--demo-text-dim);margin-bottom:10px;text-align:center}.demo-viewport .sync-file{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#ffffff05;border:1px solid var(--demo-glass-border);margin-bottom:6px;font-size:12px;opacity:0;transform:translate(-20px);transition:all .4s}.demo-viewport .sync-file.show{opacity:1;transform:translate(0)}.demo-viewport .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.demo-viewport .sync-connector{display:flex;align-items:center;justify-content:center;color:var(--demo-text-dim);font-size:20px;opacity:0;transition:opacity .5s;min-width:40px}.demo-viewport .sync-connector.show{opacity:1}.booster-pills.svelte-1du1zi4{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:700px}.demo-viewport .b-pill{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;opacity:0;transform:translateY(10px);transition:all .4s;border:1px solid}.demo-viewport .b-pill.show{opacity:1;transform:translateY(0)}.stat-row.svelte-1du1zi4{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.demo-viewport .stat-item{text-align:center;opacity:0;transform:translateY(12px);transition:all .5s}.demo-viewport .stat-item.show{opacity:1;transform:translateY(0)}.stat-val.svelte-1du1zi4{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1}.stat-label.svelte-1du1zi4{font-size:11px;color:var(--demo-text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.demo-viewport .cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--demo-orange);color:#fff;border:none;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;opacity:0;transform:translateY(10px);transition:all .5s}.demo-viewport .cta-btn.show{opacity:1;transform:translateY(0)}.demo-viewport .cta-btn:hover{filter:brightness(1.15);transform:translateY(-2px)!important}.glow.svelte-1du1zi4{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.12;transition:all 2s}.glow-1.svelte-1du1zi4{width:500px;height:500px;background:var(--demo-orange);top:-200px;right:-100px}.glow-2.svelte-1du1zi4{width:400px;height:400px;background:var(--demo-purple);bottom:-150px;left:-100px}.demo-viewport .mono{font-family:JetBrains Mono,Fira Code,monospace}@media(max-width:640px){.scene-inner.svelte-1du1zi4{gap:20px}.encrypt-flow.svelte-1du1zi4{gap:8px}.demo-viewport .e-block{padding:8px 12px;font-size:10px}.demo-viewport .e-arrow{font-size:14px}.sync-demo.svelte-1du1zi4{flex-direction:column;align-items:center}.sync-col.svelte-1du1zi4{max-width:100%}.demo-viewport .sync-connector{transform:rotate(90deg)}.controls.svelte-1du1zi4{bottom:16px;gap:8px}.ctrl-btn.svelte-1du1zi4{width:36px;height:36px}.scene-dots.svelte-1du1zi4{margin:0 8px}.stat-row.svelte-1du1zi4{gap:16px}.booster-pills.svelte-1du1zi4{gap:6px}.demo-viewport .b-pill{padding:6px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.play-btn.svelte-1du1zi4:after{animation:none}.demo-viewport .scene{transition:opacity .3s}.demo-viewport .e-block,.demo-viewport .e-arrow,.demo-viewport .sync-file,.demo-viewport .sync-connector,.demo-viewport .b-pill,.demo-viewport .stat-item,.demo-viewport .cta-btn{transition:opacity .2s;transform:none!important}}