.shift-landing-page{color:#fff;min-height:100vh;font-family:var(--font-light,"Outfit", -apple-system, BlinkMacSystemFont, sans-serif);background-color:#071338;background-image:radial-gradient(at 0 0,rgba(20,50,130,.45) 0,transparent 50%),radial-gradient(at 100% 10%,rgba(240,195,22,.12) 0,transparent 40%),radial-gradient(rgba(12,33,102,.6) 0,transparent 60%),radial-gradient(at 100% 90%,rgba(26,70,180,.35) 0,transparent 50%);position:relative;overflow-x:hidden}.landing-ambient-glow{-webkit-filter:blur(120px);filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-1{background:rgba(30,80,220,.25);width:550px;height:550px;top:5%;left:-10%}.glow-2{background:rgba(240,195,22,.15);width:600px;height:600px;top:30%;right:-5%}.glow-3{background:rgba(14,45,140,.3);width:700px;height:500px;bottom:10%;left:20%}.landing-container{z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.landing-navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:rgba(7,19,56,.88);border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;box-shadow:0 10px 30px rgba(0,0,0,.35)}.landing-nav-container{justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:0 auto;padding:14px 28px;display:flex}.landing-nav-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.landing-brand-logo-container{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.landing-brand-icon{object-fit:contain;-webkit-filter:drop-shadow(0 2px 8px rgba(240,195,22,.4));filter:drop-shadow(0 2px 8px rgba(240,195,22,.4));width:32px;height:32px;transition:transform .25s}.landing-brand-logo-container:hover .landing-brand-icon{transform:scale(1.08)rotate(3deg)}.landing-brand-text{font-family:var(--font-bold,"Outfit", sans-serif);letter-spacing:-.5px;color:#fff;white-space:nowrap;font-size:22px;font-weight:800}.landing-brand-highlight{color:#f0c316}.landing-status-badge{color:#4ade80;letter-spacing:.3px;white-space:nowrap;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;font-size:11.5px;font-weight:600;display:flex}.landing-pulse-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulseBeacon;box-shadow:0 0 8px #22c55e}@keyframes pulseBeacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.landing-nav-links{flex-shrink:1;align-items:center;gap:max(14px,min(1.8vw,26px));display:flex}.landing-nav-links a{color:#cbd5e1;letter-spacing:.2px;white-space:nowrap;flex-shrink:0;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s}.landing-nav-links a:hover{color:#f0c316;transform:translateY(-1px)}.landing-nav-actions{flex-shrink:0}.landing-login-btn{color:#071338;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f0c316 0%,#eab308 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px rgba(240,195,22,.35)}.landing-login-btn:hover{-webkit-filter:brightness(1.08);filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 25px rgba(240,195,22,.55)}@media (max-width:1220px){.landing-status-badge{display:none}}@media (max-width:960px){.landing-nav-links{display:none}}.landing-hero{z-index:2;max-width:1360px;margin:0 auto;padding:70px 28px 40px;position:relative}.landing-hero-content{text-align:center;max-width:980px;margin:0 auto 50px}.landing-hero-pill{color:#fcd34d;letter-spacing:.4px;background:rgba(240,195,22,.1);border:1px solid rgba(240,195,22,.35);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.landing-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:22px;font-size:max(34px,min(4.5vw,56px));font-weight:800;line-height:1.15}.text-gradient-gold{background:linear-gradient(135deg,#f0c316 20%,#f80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-subtitle{color:#94a3b8;max-width:860px;margin:0 auto 36px;font-size:max(16px,min(1.8vw,19px));font-weight:300;line-height:1.6}.landing-hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:36px;display:flex}.landing-cta-primary{color:#071338;cursor:pointer;background:linear-gradient(135deg,#f0c316 0%,#d97706 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 25px rgba(240,195,22,.4)}.landing-cta-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 35px rgba(240,195,22,.6)}.landing-cta-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;align-items:center;gap:10px;padding:14px 26px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-cta-secondary:hover{color:#f0c316;background:rgba(255,255,255,.15);border-color:rgba(240,195,22,.4);transform:translateY(-2px)}.landing-cta-tertiary{color:#fcd34d;background:rgba(240,195,22,.06);border:1px dashed rgba(240,195,22,.4);border-radius:10px;align-items:center;padding:12px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-cta-tertiary:hover{color:#fff;background:rgba(240,195,22,.15);border-color:#f0c316;transform:translateY(-2px)}.landing-hero-trust{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.trust-item{color:#cbd5e1;align-items:center;gap:8px;font-size:12.5px;display:flex}.trust-check{color:#22c55e;font-weight:700}.hero-stats-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(12,28,76,.65);border:1px solid rgba(255,255,255,.12);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 32px;display:grid;box-shadow:0 20px 50px rgba(0,0,0,.4)}.hero-stat-card{border-right:1px solid rgba(255,255,255,.08);padding:6px 16px}.hero-stat-card:last-child{border-right:none}.hero-stat-num{margin-bottom:4px;font-size:32px;font-weight:800;line-height:1.1}.hero-stat-label{color:#fff;margin-bottom:2px;font-size:13.5px;font-weight:700}.hero-stat-sub{color:#94a3b8;font-size:11.5px}.text-gold{color:#f0c316}.text-green{color:#4ade80}.text-blue{color:#60a5fa}.landing-showcase-section{z-index:2;padding:80px 0;position:relative}.section-head{text-align:center;max-width:820px;margin:0 auto 40px}.section-eyebrow{color:#f0c316;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;font-size:12.5px;font-weight:700}.section-title{color:#fff;margin-bottom:16px;font-size:max(28px,min(3.5vw,44px));font-weight:800;line-height:1.2}.section-desc{color:#94a3b8;font-size:16px;line-height:1.6}.showcase-tabs-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.showcase-nav-btn{color:#cbd5e1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex}.showcase-nav-btn:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px)}.showcase-nav-btn.active{color:#f0c316;background:rgba(240,195,22,.16);border-color:rgba(240,195,22,.6);box-shadow:0 4px 20px rgba(240,195,22,.2)}.nav-btn-icon{font-size:16px}.showcase-display-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:rgba(12,28,76,.85);border:1px solid rgba(255,255,255,.16);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.7)}.showcase-window-header{background:rgba(6,17,50,.95);border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.window-dots{gap:7px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.window-title-tab{color:#cbd5e1;font-family:monospace;font-size:12.5px;font-weight:600}.window-status-pill{color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:flex}.pulse-mini{background:#22c55e;border-radius:50%;width:6px;height:6px}.showcase-body{padding:36px}.showcase-grid-content{grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;display:grid}.showcase-image-wrapper{background:rgba(6,17,50,.9);border:1px solid rgba(255,255,255,.12);border-radius:16px;justify-content:center;align-items:center;max-height:480px;display:flex;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.5)}.showcase-screenshot{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.showcase-screenshot:hover{transform:scale(1.02)}.showcase-text-details{padding:10px 0}.detail-tag{color:#f0c316;text-transform:uppercase;background:rgba(240,195,22,.12);border:1px solid rgba(240,195,22,.3);border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.showcase-text-details h3{color:#fff;margin-bottom:14px;font-size:26px;font-weight:800}.showcase-text-details p{color:#94a3b8;margin-bottom:20px;font-size:14.5px;line-height:1.6}.feature-bullets{margin:0 0 28px;padding:0;list-style:none}.feature-bullets li{color:#cbd5e1;margin-bottom:12px;padding-left:24px;font-size:13.5px;line-height:1.5;position:relative}.feature-bullets li:before{content:"✓";color:#f0c316;font-weight:700;position:absolute;top:0;left:0}.showcase-cta-btn{color:#071338;cursor:pointer;background:linear-gradient(135deg,#f0c316 0%,#d97706 100%);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s}.showcase-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,195,22,.4)}.landing-modules-section{z-index:2;background:radial-gradient(circle at 80% 20%,rgba(240,195,22,.04) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(12,33,102,.3) 0%,transparent 60%),#050e2a;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:100px 0 90px;position:relative}.modules-interactive-wrapper{grid-template-columns:340px 1fr;align-items:flex-start;gap:32px;margin-top:40px;display:grid}.modules-sidebar-nav{flex-direction:column;gap:8px;max-height:820px;padding-right:8px;display:flex;overflow-y:auto}.modules-sidebar-nav::-webkit-scrollbar{width:5px}.modules-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}.module-nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:rgba(12,28,76,.45);border:1px solid rgba(255,255,255,.08);border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:all .22s;display:flex}.module-nav-item:hover{color:#fff;background:rgba(12,28,76,.8);border-color:rgba(240,195,22,.3);transform:translate(4px)}.module-nav-item.active{color:#fff;background:linear-gradient(135deg,rgba(240,195,22,.16) 0%,rgba(12,28,76,.9) 100%);border-color:#f0c316;box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 0 0 1px rgba(240,195,22,.3)}.module-nav-icon{flex-shrink:0;font-size:22px}.module-nav-info{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.module-nav-title{letter-spacing:-.2px;font-size:14px;font-weight:700}.module-nav-tag{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.module-nav-item.active .module-nav-tag{color:#f0c316}.module-nav-arrow{color:rgba(255,255,255,.3);font-size:16px;transition:transform .2s}.module-nav-item.active .module-nav-arrow{color:#f0c316;transform:translate(2px)}.module-active-display{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:rgba(7,19,56,.78);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:36px;box-shadow:0 25px 70px rgba(0,0,0,.6)}.module-display-header{border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.module-badge-tag{color:#f0c316;text-transform:uppercase;background:rgba(240,195,22,.12);border:1px solid rgba(240,195,22,.3);border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.module-header-meta h3{color:#fff;margin:0;font-size:24px;font-weight:800}.module-try-btn{color:#071338;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f0c316 0%,#eab308 100%);border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 18px rgba(240,195,22,.35)}.module-try-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(240,195,22,.5)}.module-display-summary{color:#cbd5e1;margin-bottom:24px;font-size:15px;line-height:1.6}.module-feature-checklist{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;margin-bottom:28px;padding:18px 22px}.module-feature-checklist h4{text-transform:uppercase;letter-spacing:.5px;color:#f0c316;margin:0 0 14px;font-size:13px;font-weight:700}.checklist-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.checklist-item{color:#e2e8f0;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.check-bullet{color:#4ade80;flex-shrink:0;font-size:14px;font-weight:800}.module-screenshot-frame{background:rgba(6,17,50,.95);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 15px 45px rgba(0,0,0,.5)}.screenshot-window-bar{background:rgba(4,12,38,.9);border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.screenshot-title{color:#94a3b8;font-family:monospace;font-size:12px}.screenshot-status{color:#4ade80;font-size:11px;font-weight:600}.module-live-image{object-fit:cover;object-position:top;width:100%;height:auto;max-height:440px;display:block}.landing-reports-section{z-index:2;background:rgba(4,12,38,.85);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:100px 0;position:relative}.reports-interactive-tabs{align-items:center;gap:10px;margin-bottom:24px;padding:8px 4px 16px;display:flex;overflow-x:auto}.reports-interactive-tabs::-webkit-scrollbar{height:5px}.reports-interactive-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}.report-tab-button{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:rgba(12,28,76,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .22s;display:inline-flex}.report-tab-button:hover{color:#fff;background:rgba(12,28,76,.95);border-color:rgba(240,195,22,.35);transform:translateY(-1px)}.report-tab-button.active{color:#fff;background:linear-gradient(135deg,rgba(240,195,22,.2) 0%,rgba(12,28,76,.95) 100%);border-color:#f0c316;box-shadow:0 4px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(240,195,22,.3)}.report-tab-badge{color:#f0c316;text-transform:uppercase;background:rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.report-tab-button.active .report-tab-badge{color:#071338;background:#f0c316}.report-viewer-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:rgba(7,19,56,.85);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.6)}.report-viewer-header{border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;display:flex}.report-legal-pill{color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:20px;align-items:center;gap:8px;margin-bottom:10px;padding:4px 12px;font-size:11.5px;display:inline-flex}.report-viewer-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}.report-viewer-desc{color:#94a3b8;max-width:780px;margin:0;font-size:14px;line-height:1.5}.report-export-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.report-btn-export{cursor:pointer;white-space:nowrap;border:1px solid rgba(255,255,255,.15);border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.report-btn-export.excel{color:#4ade80;background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.35)}.report-btn-export.excel:hover{background:rgba(34,197,94,.25);transform:translateY(-1px)}.report-btn-export.pdf{color:#f87171;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35)}.report-btn-export.pdf:hover{background:rgba(239,68,68,.25);transform:translateY(-1px)}.report-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.report-stat-box{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px}.report-stat-val{margin-bottom:4px;font-size:22px;font-weight:800}.report-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.report-table-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.report-search-field{background:rgba(4,12,38,.8);border:1px solid rgba(255,255,255,.12);border-radius:10px;align-items:center;gap:10px;width:360px;max-width:100%;padding:8px 14px;display:flex}.report-search-field input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:13px}.report-search-field input::-webkit-input-placeholder{color:#64748b}.report-search-field input::-moz-placeholder{color:#64748b}.report-search-field input::-ms-input-placeholder{color:#64748b}.report-search-field input::placeholder{color:#64748b}.report-table-tag{color:#94a3b8;font-size:12px}.report-table-scroll{background:rgba(4,12,38,.7);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px;overflow-x:auto}.report-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.report-data-table th{color:#f0c316;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:rgba(6,17,50,.95);border-bottom:1px solid rgba(255,255,255,.12);padding:12px 16px;font-size:11.5px;font-weight:700}.report-data-table td{color:#cbd5e1;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 16px}.report-data-table tr:hover td{background:rgba(255,255,255,.02)}.report-data-table code{color:#f0c316;background:rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11.5px}.report-viewer-footer{color:#94a3b8;border-top:1px solid rgba(255,255,255,.06);align-items:center;gap:8px;padding-top:16px;font-size:12px;display:flex}.pill-green{color:#4ade80;background:rgba(34,197,94,.15);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.pill-yellow{color:#fde047;background:rgba(234,179,8,.15);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.pill-red{color:#f87171;background:rgba(239,68,68,.15);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.pill-blue{color:#60a5fa;background:rgba(59,130,246,.15);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}@media (max-width:1100px){.modules-interactive-wrapper{grid-template-columns:1fr}.modules-sidebar-nav{flex-direction:row;max-height:none;padding-bottom:8px;overflow-x:auto}.module-nav-item{min-width:240px}.checklist-grid{grid-template-columns:1fr}.report-stats-grid{grid-template-columns:1fr 1fr}}.landing-mobile-section{z-index:2;padding:90px 0;position:relative}.mobile-section-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.mobile-interactive-nav{flex-direction:column;gap:12px;margin:32px 0;display:flex}.mobile-tab-btn{color:#fff;text-align:left;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .25s;display:flex}.mobile-tab-btn:hover{background:rgba(255,255,255,.08);transform:translate(4px)}.mobile-tab-btn.active{background:rgba(240,195,22,.12);border-color:rgba(240,195,22,.5);box-shadow:0 4px 20px rgba(240,195,22,.15)}.tab-icon{font-size:24px}.mobile-tab-btn strong{color:#fff;font-size:15px;display:block}.mobile-tab-btn.active strong{color:#f0c316}.mobile-tab-btn small{color:#94a3b8;font-size:12px}.mobile-pwa-badge-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mobile-download-cta{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;box-shadow:0 4px 15px rgba(34,197,94,.35)}.mobile-download-cta:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(34,197,94,.5)}.mobile-open-link{color:#f0c316;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.mobile-open-link:hover{text-decoration:underline;transform:translate(2px)}.mobile-section-interactive-phone{justify-content:center;display:flex}.spotlight-phone-frame{background:#141a29;border:4px solid rgba(255,255,255,.2);border-radius:46px;width:320px;padding:12px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.8),0 0 30px rgba(240,195,22,.25)}.spotlight-island{z-index:10;background:#000;border-radius:14px;width:90px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.spotlight-screen-canvas{background:#071338;border-radius:36px;min-height:480px;padding:38px 16px 24px}.spotlight-app-bar{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.animate-fade-in{animation:.3s ease-in-out fadeInTab}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spotlight-video-tab{flex-direction:column;align-items:center;gap:12px;display:flex}.spotlight-video-wrapper{background:#000;border:1px solid rgba(255,255,255,.12);border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.5)}.spotlight-video-player{object-fit:cover;width:100%;height:auto;max-height:330px;display:block}.spotlight-video-caption{text-align:center;padding:0 4px}.spotlight-video-caption strong{color:#fff;margin-bottom:2px;font-size:13px;display:block}.spotlight-video-caption p{color:#94a3b8;margin:0;font-size:11px}.spotlight-header-card{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px;padding:12px}.tag-live{color:#4ade80;letter-spacing:.5px;font-size:10px;font-weight:700}.spotlight-header-card h4{color:#fff;margin:4px 0 2px;font-size:13.5px}.spotlight-header-card p{color:#94a3b8;font-size:10.5px}.spotlight-clock-circle{justify-content:center;margin-bottom:24px;display:flex}.circle-inner{background:radial-gradient(circle,#0c2166 0%,#071338 100%);border:3px solid #f0c316;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;box-shadow:0 0 30px rgba(240,195,22,.3)}.clock-symbol{margin-bottom:4px;font-size:24px}.clock-now{color:#fff;margin-bottom:8px;font-size:14px;font-weight:800}.circle-action-btn{color:#071338;cursor:pointer;background:#f0c316;border:none;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:800;transition:all .2s}.circle-action-btn.clocked-out{color:#fff;background:#ef4444}.spotlight-stats-row{text-align:center;background:rgba(255,255,255,.03);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.spotlight-stats-row small{color:#94a3b8;font-size:9px;display:block}.spotlight-stats-row strong{color:#fff;font-size:13px}.payslip-item-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:12px;padding:14px}.payslip-item-card.muted{opacity:.6}.payslip-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pill-paid{color:#4ade80;background:rgba(34,197,94,.2);border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.payslip-amount{color:#f0c316;margin-bottom:8px;font-size:18px;font-weight:800}.payslip-breakdown{color:#94a3b8;border-top:1px solid rgba(255,255,255,.06);margin-bottom:10px;padding-top:6px;font-size:10px}.payslip-breakdown div{justify-content:space-between;margin-bottom:3px;display:flex}.payslip-download-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:6px;width:100%;padding:6px;font-size:10.5px;font-weight:600}.leave-balance-card{text-align:center;background:rgba(240,195,22,.1);border:1px solid rgba(240,195,22,.3);border-radius:12px;margin-bottom:14px;padding:14px}.leave-balance-card h4{color:#cbd5e1;margin-bottom:4px;font-size:12px}.leave-days-display{color:#f0c316;font-size:28px;font-weight:800}.leave-days-display span{color:#cbd5e1;font-size:11px;font-weight:400}.leave-accrual-note{color:#94a3b8;margin-top:4px;font-size:9px}.leave-type-list{background:rgba(255,255,255,.04);border-radius:10px;margin-bottom:14px;padding:8px 12px}.leave-type-row{color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.04);justify-content:space-between;padding:6px 0;font-size:11px;display:flex}.leave-type-row:last-child{border-bottom:none}.apply-leave-btn{color:#071338;cursor:pointer;background:#f0c316;border:none;border-radius:8px;width:100%;padding:8px;font-size:11.5px;font-weight:700}.sign-doc-info{background:rgba(255,255,255,.05);border-radius:8px;margin-bottom:12px;padding:10px;font-size:11px}.sign-doc-info strong{color:#fff;display:block}.sign-doc-info p{color:#94a3b8;margin:2px 0 0;font-size:9.5px}.sign-pad-preview{text-align:center;background:rgba(2,8,28,.8);border:1px dashed rgba(240,195,22,.4);border-radius:10px;margin-bottom:14px;padding:24px 12px}.signature-scribble{color:#f0c316;margin-bottom:6px;font-family:Brush Script MT,cursive,sans-serif;font-size:26px;transform:rotate(-3deg)}.sign-line{background:rgba(255,255,255,.15);height:1px;margin:0 20px 6px}.sign-pad-preview small{color:#64748b;font-size:8.5px}.sign-confirm-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;width:100%;padding:8px;font-size:11.5px;font-weight:700}.landing-cta-banner{z-index:2;padding:60px 0 90px;position:relative}.cta-box{background:linear-gradient(135deg,rgba(14,45,140,.9) 0%,rgba(7,19,56,.95) 100%);border:1px solid rgba(240,195,22,.3);border-radius:24px;justify-content:space-between;align-items:center;gap:32px;padding:48px;display:flex}.cta-text h2{color:#fff;margin-bottom:8px;font-size:28px;font-weight:800}.cta-text p{color:#cbd5e1;font-size:15px}.landing-footer{z-index:2;background:#030a21;border-top:1px solid rgba(255,255,255,.08);padding:70px 0 30px;position:relative}.landing-footer-top{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:50px;display:grid}.footer-brand p{color:#94a3b8;max-width:320px;margin-bottom:16px;font-size:13.5px;line-height:1.6}.footer-status-tag{color:#4ade80;align-items:center;gap:8px;font-size:11px;display:inline-flex}.footer-links-column h4{color:#fff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;font-size:13px;font-weight:700}.footer-links-column a,.footer-links-column span{color:#94a3b8;margin-bottom:10px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.footer-links-column a:hover{color:#f0c316}.landing-footer-bottom{color:#64748b;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:12px;display:flex}.footer-legal-links{align-items:center;gap:12px;display:flex}.footer-legal-links a{color:#64748b;text-decoration:none}.footer-legal-links a:hover{color:#cbd5e1}@media (max-width:1024px){.hero-stats-banner{grid-template-columns:1fr 1fr}.showcase-grid-content,.mobile-section-grid{grid-template-columns:1fr}.landing-footer-top{grid-template-columns:1fr 1fr}.landing-nav-links{display:none}}@media (max-width:640px){.landing-hero{padding:40px 16px}.hero-stats-banner{grid-template-columns:1fr}.cta-box{text-align:center;flex-direction:column;padding:30px 20px}.landing-footer-top{grid-template-columns:1fr}}.landing-integrations-section{z-index:2;background:rgba(6,17,50,.6);border-top:1px solid rgba(255,255,255,.08);padding:90px 0;position:relative}.integrations-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;display:grid}.integration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(12,28,76,.75);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;transition:all .3s}.integration-card:hover{border-color:rgba(240,195,22,.4);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.4)}.integration-logo-badge{color:#f0c316;letter-spacing:.5px;background:linear-gradient(135deg,rgba(240,195,22,.15) 0%,rgba(217,119,6,.15) 100%);border:1px solid rgba(240,195,22,.3);border-radius:8px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.integration-card h4{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.integration-card p{color:#94a3b8;margin-bottom:18px;font-size:13.5px;line-height:1.5}.integration-features{color:#cbd5e1;border-top:1px solid rgba(255,255,255,.08);flex-direction:column;gap:8px;padding-top:14px;font-size:12.5px;display:flex}.integrations-banner-row{background:rgba(12,28,76,.6);border:1px solid rgba(240,195,22,.25);border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 28px;display:flex}.banner-badge-icon{font-size:32px}.banner-badge-text{flex:1}.banner-badge-text strong{color:#fff;margin-bottom:4px;font-size:15px;display:block}.banner-badge-text p{color:#94a3b8;margin:0;font-size:13px}.landing-security-section{z-index:2;background:rgba(3,10,32,.8);border-top:1px solid rgba(255,255,255,.08);padding:90px 0;position:relative}.security-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:36px;display:grid}.security-pillar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(12,28,76,.72);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s}.security-pillar-card:hover{border-color:rgba(240,195,22,.4);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5)}.pillar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pillar-icon{font-size:30px}.pillar-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-gold{color:#f0c316;background:rgba(240,195,22,.15);border:1px solid rgba(240,195,22,.4)}.badge-green{color:#00c853;background:rgba(0,200,83,.15);border:1px solid rgba(0,200,83,.4)}.badge-blue{color:#00d2ff;background:rgba(0,210,255,.15);border:1px solid rgba(0,210,255,.4)}.security-pillar-card h4{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.security-pillar-card p{color:#94a3b8;margin-bottom:20px;font-size:13.5px;line-height:1.6}.pillar-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pillar-list li{color:#cbd5e1;padding-left:22px;font-size:13px;line-height:1.4;position:relative}.pillar-list li:before{content:"🛡️";font-size:12px;position:absolute;top:0;left:0}.security-specs-bar{background:rgba(12,28,76,.6);border:1px solid rgba(255,255,255,.1);border-radius:16px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;padding:24px;display:flex}.spec-item{text-align:center;flex-direction:column;align-items:center;display:flex}.spec-item strong{color:#f0c316;margin-bottom:4px;font-size:20px;font-weight:800}.spec-item span{color:#94a3b8;font-size:12px}.spec-divider{background:rgba(255,255,255,.1);width:1px;height:36px}@media (max-width:768px){.spec-divider{display:none}}