:root{--primary:#d4a853;--primary-dark:#b8923f;--secondary:#3d4f5f;--secondary-dark:#2d3e4d;--bg-primary:#fdfcfb;--text-primary:#1a1a1a;--text-secondary:#6b7280;--mod-nonprofit:#a3ad7a;--mod-hr:#c9a9a6;--mod-compliance:#7b9aaf;--mod-finance:#8fae8b;--mod-vendors:#c9b896;--mod-procurement:#b8a06a;--mod-trade:#6b9ac4;--mod-contracts:#a89eb0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}.video-container{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:22px;display:flex;position:relative}.scene{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:absolute;top:0;left:0}.scene.active{opacity:1;visibility:visible}.scene-logo{background:linear-gradient(135deg, var(--bg-primary) 0%, #f5f3f0 100%)}.logo-container{opacity:0;flex-direction:column;align-items:center;gap:24px;animation:1.5s .5s forwards logoReveal;display:flex;transform:scale(.9)}.logo{filter:drop-shadow(0 20px 40px #d4a8534d);width:min(120px,20vw);height:min(120px,20vw)}.logo img{object-fit:contain;width:100%;height:100%}.logo-text{color:var(--secondary);letter-spacing:-2px;font-size:clamp(32px,8vw,56px);font-weight:700}.tagline{color:var(--text-secondary);opacity:0;text-align:center;padding:0 16px;font-size:clamp(14px,3vw,20px);font-weight:400;animation:1s 1.5s forwards fadeInUp}.light-rays{background:radial-gradient(circle,#d4a85326 0%,#0000 70%);border-radius:50%;width:min(400px,80vw);height:min(400px,80vw);animation:3s ease-in-out infinite pulse;position:absolute}.particles{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:5s ease-in-out infinite particleFloat;position:absolute;bottom:-20px}.particle:first-child{background:#d4a85366;width:12px;height:12px;animation-duration:6s;animation-delay:0s;left:5%}.particle:nth-child(2){background:#3d4f5f40;width:8px;height:8px;animation-duration:5s;animation-delay:.3s;left:15%}.particle:nth-child(3){background:#d4a85359;width:10px;height:10px;animation-duration:5.5s;animation-delay:.6s;left:25%}.particle:nth-child(4){background:#3d4f5f33;width:7px;height:7px;animation-duration:4.5s;animation-delay:.9s;left:35%}.particle:nth-child(5){background:#d4a8534d;width:11px;height:11px;animation-duration:5s;animation-delay:1.2s;left:45%}.particle:nth-child(6){background:#3d4f5f38;width:9px;height:9px;animation-duration:5.5s;animation-delay:1.5s;left:55%}.particle:nth-child(7){background:#d4a85361;width:8px;height:8px;animation-duration:6s;animation-delay:1.8s;left:65%}.particle:nth-child(8){background:#d4a85352;width:12px;height:12px;animation-duration:5s;animation-delay:2.1s;left:75%}.particle:nth-child(9){background:#3d4f5f33;width:9px;height:9px;animation-duration:5.5s;animation-delay:2.4s;left:85%}.particle:nth-child(10){background:#d4a85359;width:10px;height:10px;animation-duration:4.5s;animation-delay:2.7s;left:92%}.particle:nth-child(11){background:#d4a8534d;width:7px;height:7px;animation-duration:5s;animation-delay:3s;left:8%}.particle:nth-child(12){background:#3d4f5f2e;width:8px;height:8px;animation-duration:5.5s;animation-delay:3.3s;left:40%}.scene-hook,.scene-group-header{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);padding:24px}.hook-text,.group-header-text{color:#fff;text-align:center;opacity:0;max-width:90%;font-size:clamp(24px,5vw,42px);font-weight:600;line-height:1.3;transform:translateY(30px)}.scene-hook.active .hook-text,.scene-group-header.active .group-header-text{animation:1s .3s forwards fadeInUp}.group-header-subtext{display:none}.hook-subtext{color:#fffc;opacity:0;text-align:center;margin-top:16px;padding:0 16px;font-size:clamp(14px,2.5vw,20px);transform:translateY(20px)}.scene-hook.active .hook-subtext{animation:1s .8s forwards fadeInUp}.group-category{color:var(--primary);text-transform:uppercase;letter-spacing:3px;opacity:0;margin-bottom:12px;font-size:clamp(10px,1.8vw,14px);font-weight:500}.scene-group-header.active .group-category{animation:.6s .1s forwards fadeIn}.scene-screenshot{background:var(--bg-primary);padding:16px}.screenshot-wrapper{opacity:0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;height:100%;padding:8px 12px 24px;display:flex;position:relative;transform:scale(.95)translateY(10px)}.scene-screenshot.active .screenshot-wrapper{animation:1s .2s forwards screenshotReveal}.screenshot{object-fit:contain;border-radius:8px;flex:0 auto;width:auto;max-width:92%;height:auto;min-height:0;max-height:100%;box-shadow:0 20px 40px #0000001f,0 0 0 1px #0000000d}.screenshot-label{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;opacity:0;text-align:center;flex:none;padding:0 12px;font-size:clamp(9px,2vw,14px);font-weight:500}.scene-screenshot.active .screenshot-label{animation:.8s forwards fadeIn}.screenshot-title{color:var(--secondary);white-space:normal;opacity:0;text-align:center;flex:none;padding:0 12px;font-size:clamp(12px,3vw,24px);font-weight:600;line-height:1.2}.scene-screenshot.active .screenshot-title{animation:.8s .5s forwards fadeInUp}.screenshot-subtitle{display:none}.scene-modules{background:linear-gradient(135deg, #f8f7f5 0%, var(--bg-primary) 100%);padding:24px}.modules-title{color:var(--secondary);opacity:0;text-align:center;margin-bottom:24px;padding:0 16px;font-size:clamp(18px,4vw,28px);font-weight:600}.scene-modules.active .modules-title{animation:.8s forwards fadeIn}.modules-grid{flex-wrap:wrap;justify-content:center;gap:12px;max-width:90%;padding:0 16px;display:flex}.module-badge{color:var(--text-primary);opacity:0;white-space:nowrap;background:#fff;border-radius:50px;padding:10px 20px;font-size:clamp(12px,2vw,16px);font-weight:500;transform:translateY(20px);box-shadow:0 4px 20px #00000014}.scene-modules.active .module-badge{animation:.6s forwards fadeInUp;animation-delay:var(--d,.2s)}.module-badge .dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.modules-group-label{text-align:center;width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;opacity:0;margin-top:12px;margin-bottom:-4px;font-size:clamp(10px,1.6vw,12px);font-weight:500}.scene-modules.active .modules-group-label{animation:.6s .6s forwards fadeIn}.scene-trust{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);padding:24px}.trust-content{flex-direction:column;align-items:center;gap:20px;max-width:90%;display:flex}.trust-icon{opacity:0;width:56px;height:56px}.scene-trust.active .trust-icon{animation:.8s .2s forwards logoReveal}.trust-title{color:#fff;text-align:center;opacity:0;font-size:clamp(24px,5vw,42px);font-weight:600;transform:translateY(20px)}.scene-trust.active .trust-title{animation:1s .3s forwards fadeInUp}.trust-subtext{color:#fffc;text-align:center;opacity:0;font-size:clamp(14px,2.5vw,20px);transform:translateY(20px)}.scene-trust.active .trust-subtext{animation:1s .7s forwards fadeInUp}.trust-badges{opacity:0;gap:32px;margin-top:8px;display:flex}.scene-trust.active .trust-badges{animation:.8s 1.1s forwards fadeInUp}.trust-badge{flex-direction:column;align-items:center;gap:8px;display:flex}.trust-badge-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.trust-badge-icon svg{width:100%;height:100%}.trust-badge-label{color:#ffffffb3;text-align:center;white-space:nowrap;font-size:clamp(10px,1.5vw,13px);font-weight:500}.scene-value{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);padding:24px}.value-content{flex-direction:column;align-items:center;gap:16px;max-width:90%;display:flex}.value-icon{opacity:0;width:48px;height:48px}.scene-value.active .value-icon{animation:.8s .2s forwards logoReveal}.value-title{color:#fff;text-align:center;opacity:0;font-size:clamp(24px,5vw,42px);font-weight:600;transform:translateY(20px)}.scene-value.active .value-title{animation:1s .3s forwards fadeInUp}.value-subtext{color:#fffc;text-align:center;opacity:0;max-width:85%;font-size:clamp(14px,2.5vw,20px);transform:translateY(20px)}.scene-value.active .value-subtext{animation:1s .7s forwards fadeInUp}.value-pills{opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.scene-value.active .value-pills{animation:.8s 1s forwards fadeInUp}.value-pill{color:#ffffffd9;white-space:nowrap;background:#d4a8531a;border:1px solid #d4a85366;border-radius:20px;padding:6px 16px;font-size:clamp(10px,1.8vw,14px);font-weight:500}.scene-closing{background:linear-gradient(135deg, var(--bg-primary) 0%, #f5f3f0 100%);padding:24px}.closing-content{flex-direction:column;align-items:center;gap:16px;display:flex}.closing-logo{opacity:0;width:min(100px,18vw);height:min(100px,18vw);transform:scale(.8)}.scene-closing.active .closing-logo{animation:1s .3s forwards logoReveal}.closing-logo img{object-fit:contain;width:100%;height:100%}.closing-text{color:var(--secondary);opacity:0;font-size:clamp(36px,10vw,56px);font-weight:700}.scene-closing.active .closing-text{animation:1s .6s forwards fadeIn}.closing-offer{color:var(--primary);letter-spacing:3px;text-transform:uppercase;opacity:0;font-size:clamp(14px,3vw,22px);font-weight:500;position:relative}.scene-closing.active .closing-offer{animation:1s 1s forwards fadeInUp}.closing-offer:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:2px;animation:2s ease-in-out infinite shimmer;position:absolute;bottom:-6px;left:0}.closing-note{color:var(--text-secondary);text-align:center;opacity:0;padding:0 16px;font-size:clamp(12px,2.2vw,16px)}.scene-closing.active .closing-note{animation:1s 1.3s forwards fadeInUp}.closing-cta{background:var(--primary);color:#fff;opacity:0;border-radius:10px;margin-top:8px;padding:12px 28px;font-size:clamp(13px,2.2vw,17px);font-weight:600;text-decoration:none;box-shadow:0 10px 30px #d4a85359}.closing-cta:hover,.closing-cta:focus-visible{background:var(--primary-dark)}.scene-closing.active .closing-cta{animation:1s 1.6s forwards fadeInUp}@keyframes logoReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes screenshotReveal{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes particleFloat{0%{opacity:0;bottom:-20px;transform:scale(.5)}10%{opacity:.7}50%{opacity:.5;transform:scale(1)}90%{opacity:.7}to{opacity:0;bottom:100%;transform:scale(.5)}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.nav-dots{z-index:101;background:0 0;gap:5px;padding:0;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.nav-dot{cursor:pointer;background:#3d4f5f33;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:all .3s}.nav-dot:hover{background:#3d4f5f73}.nav-dot.active{background:#3d4f5f99}.progress-bar{background:var(--secondary);z-index:100;width:0%;height:4px;transition:width .1s linear;position:fixed;bottom:0;left:0}.progress-bar.paused{animation:1.5s ease-in-out infinite progressPulse}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.4}}.scene-screenshot,.scene-mobile{cursor:zoom-in}.scene-mobile{background:var(--bg-primary);padding:16px}.mobile-showcase{opacity:0;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(24px,5vw,60px);padding:28px 12px;display:flex;transform:scale(.95)translateY(10px)}.scene-mobile.active .mobile-showcase{animation:1s .2s forwards screenshotReveal}.mobile-label{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;opacity:0;text-align:center;padding:0 12px;font-size:clamp(9px,2vw,14px);font-weight:500;position:absolute;top:30px;left:0;right:0}.scene-mobile.active .mobile-label{animation:.8s forwards fadeIn}.mobile-title{color:var(--secondary);white-space:normal;opacity:0;text-align:center;padding:0 12px;font-size:clamp(12px,3vw,24px);font-weight:600;line-height:1.2;position:absolute;bottom:20px;left:0;right:0}.scene-mobile.active .mobile-title{animation:.8s .5s forwards fadeInUp}.mobile-subtitle{display:none}.mobile-device{flex-direction:column;align-items:center;gap:10px;display:flex}.mobile-device img{object-fit:cover;background:#e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000001f,0 0 0 1px #0000000d}.mobile-device.tablet img{aspect-ratio:16/10;width:clamp(240px,40vw,480px)}.mobile-device.phone img{aspect-ratio:9/19.5;width:clamp(120px,18vw,200px)}.mobile-device-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:clamp(10px,1.6vw,13px);font-weight:500}@media (width<=600px){.mobile-showcase{flex-direction:column;align-items:center;gap:20px}.mobile-device.tablet img{width:85vw}.mobile-device.phone img{width:35vw}}@media (prefers-reduced-motion:reduce){.scene{transition:opacity .3s,visibility .3s}.logo-container,.tagline,.hook-text,.hook-subtext,.group-header-text,.group-category,.screenshot-wrapper,.screenshot-label,.screenshot-title,.screenshot-subtitle,.modules-title,.module-badge,.modules-group-label,.trust-icon,.trust-title,.trust-subtext,.trust-badges,.closing-logo,.closing-text,.closing-offer,.mobile-showcase,.mobile-label,.mobile-title{animation:.3s forwards fadeIn!important;transform:none!important}.light-rays{animation:none!important}}