.landing-page-root{--primary: #7c3aed;--primary-hover: #6d28d9;--primary-dark: #5b21b6;--primary-light: #ede9fe;--primary-soft: #f5f0ff;--primary-glow: rgba(124, 58, 237, .22);--dark: #090514;--dark-surface: #130b24;--dark-border: rgba(255, 255, 255, .1);--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--bg-lavender: #f8f5ff;--bg-lavender-soft: #faf7ff;--border-purple: #e9d5ff;--white: #ffffff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px -4px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px -12px rgba(124, 58, 237, .12);--shadow-xl: 0 30px 60px -15px rgba(15, 23, 42, .15);--shadow-purple: 0 12px 32px -8px rgba(124, 58, 237, .35);--font-sans: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--font-heading: "Gate", "Gabarito", "Outfit", sans-serif;font-family:var(--font-body);color:var(--slate-700);background-color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.landing-page-root *,.landing-page-root *:before,.landing-page-root *:after{box-sizing:border-box}.landing-page-root h1,.landing-page-root h2,.landing-page-root h3,.landing-page-root h4,.landing-page-root h5,.landing-page-root h6,.landing-page-root p,.landing-page-root ul,.landing-page-root ol{margin:0;padding:0}.landing-page-root h1,.landing-page-root h2,.landing-page-root h3,.landing-page-root h4,.landing-page-root h5,.landing-page-root h6,.landing-page-root .hero-headline,.landing-page-root .section-title,.landing-page-root .bento-card h3,.landing-page-root .why-card h3,.landing-page-root .pricing-card h3,.landing-page-root .testi-name,.landing-page-root .process-card h3,.landing-page-root .ess-card-content h3,.landing-page-root .cta-banner h2{font-family:var(--font-heading);color:var(--slate-900);line-height:1.2;font-weight:700;letter-spacing:-.02em}.landing-page-root a{color:inherit;text-decoration:none;transition:all .2s ease}.landing-page-root button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.landing-page-root ul{list-style:none}.landing-page-root .container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.landing-page-root .text-purple{color:var(--primary)!important}.landing-page-root .bg-purple{background-color:var(--primary)!important}.landing-page-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;min-height:48px}.landing-page-root .btn-primary{background-color:var(--primary);color:var(--white);box-shadow:var(--shadow-purple)}.landing-page-root .btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 16px 36px -6px #7c3aed73}.landing-page-root .btn-secondary{background-color:var(--white);color:var(--slate-900);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm)}.landing-page-root .btn-secondary:hover{background-color:var(--slate-50);border-color:var(--slate-300);color:var(--primary);transform:translateY(-2px)}.landing-page-root .btn-dark{background-color:var(--slate-900);color:var(--white)}.landing-page-root .btn-dark:hover{background-color:#1e1b4b;transform:translateY(-2px)}.landing-page-root .btn-outline-purple{background-color:var(--white);color:var(--primary);border:1.5px solid var(--border-purple);box-shadow:var(--shadow-sm)}.landing-page-root .btn-outline-purple:hover{background-color:var(--primary-soft);border-color:var(--primary);transform:translateY(-2px)}.landing-page-root .btn-sm{padding:9px 18px;font-size:.875rem;min-height:40px;border-radius:var(--radius-sm)}.pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--primary-soft);border:1px solid var(--border-purple);border-radius:var(--radius-full);color:var(--primary-dark);font-size:.85rem;font-weight:600;margin-bottom:20px}.section-header{text-align:center;max-width:720px;margin:0 auto 60px}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f3ebff;border:1px solid #e9d5ff;border-radius:9999px;color:#7c3aed;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.section-eyebrow-1{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid #7c3aed;border-radius:9999px;color:#7c3aed;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.section-title{font-size:2.5rem;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--slate-600)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:all .3s ease}.site-header.scrolled{background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px 0;border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0f172a08}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;flex-direction:column}.logo-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;line-height:1}.logo-text span.brand-black{color:var(--slate-900)}.logo-text span.brand-purple{color:var(--primary);margin-left:2px}.logo-sub{font-size:.68rem;color:var(--slate-500);font-weight:500;margin-top:3px;letter-spacing:.01em}.nav-menu{display:flex;align-items:center;gap:32px}.nav-link{font-size:.95rem;font-weight:500;color:var(--slate-700);display:flex;align-items:center;gap:4px}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:18px}.login-link{font-size:.95rem;font-weight:600;color:var(--slate-800)}.login-link:hover{color:var(--primary)}.mobile-toggle{display:none;font-size:1.5rem;color:var(--slate-900)}.hero-section{padding:150px 0 60px;background:linear-gradient(135deg,#fff,#f8f5ff,#f1e8ff);position:relative;overflow:hidden}.hero-bg-glow{position:absolute;top:-120px;right:-100px;width:700px;height:700px;background:radial-gradient(circle,#7c3aed29,#fff0 70%);border-radius:50%;pointer-events:none;z-index:1}.hero-ring-bg{position:absolute;top:100px;right:50px;width:650px;height:650px;border:1px dashed rgba(124,58,237,.12);border-radius:50%;pointer-events:none;z-index:1}.hero-dot-grid{position:absolute;top:80px;left:20px;width:180px;height:180px;background-image:radial-gradient(var(--border-purple) 1.5px,transparent 1.5px);background-size:16px 16px;opacity:.5;pointer-events:none;z-index:1}.hero-grid{display:grid;grid-template-columns:41% 59%;gap:40px;align-items:center;position:relative;z-index:2}.hero-content{padding-right:10px}.hero-headline{font-size:3.5rem;font-weight:800;line-height:1.12;margin-bottom:20px;letter-spacing:-.03em}.hero-subtitle{font-size:1.15rem;color:var(--slate-600);margin-bottom:28px;line-height:1.6}.hero-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:32px}.benefit-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--slate-800)}.benefit-icon{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);border:1px solid var(--border-purple);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-ctas{display:flex;align-items:center;gap:16px;margin-bottom:36px}.trust-row{display:flex;align-items:center;gap:18px;font-size:.8rem;color:var(--slate-500);font-weight:600}.trust-pill{display:flex;align-items:center;gap:6px}.trust-pill svg{color:var(--primary)}.hero-visual{position:relative;perspective:1000px}.dashboard-frame{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-purple);box-shadow:0 30px 70px -15px #0f172a2e,0 0 40px #7c3aed1a;overflow:hidden;position:relative;transform:rotateY(-2.5deg) rotateX(1.5deg);transition:transform .5s cubic-bezier(.16,1,.3,1);width:100%}.dashboard-frame:hover{transform:rotateY(0) rotateX(0) translateY(-4px)}.frame-bar{background:#f8fafc;border-bottom:1px solid var(--slate-200);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.frame-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.frame-url{font-size:.75rem;color:var(--slate-500);font-weight:600;background:#fff;padding:3px 14px;border-radius:12px;border:1px solid var(--slate-200)}.frame-img-wrap{width:100%;background:#f8fafc;overflow:hidden;display:block}.actual-dashboard-img{width:100%;height:auto;object-fit:contain;display:block;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.floating-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-purple);border-radius:var(--radius-md);padding:12px 16px;box-shadow:0 16px 36px #7c3aed24;z-index:10;animation:floatSlow 6s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-card-1{top:24px;right:-16px;width:175px;animation-delay:0s}.float-card-2{bottom:30px;left:-24px;width:185px;animation-delay:1.5s}.float-card-3{bottom:90px;right:40px;width:165px;animation-delay:3s}.card-title{font-size:.72rem;color:var(--slate-500);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.card-val{font-size:1.2rem;font-weight:800;color:var(--slate-900);line-height:1.2;margin-top:2px}.card-flex{display:flex;align-items:center;justify-content:space-between}.card-sub-lbl{font-size:.7rem;color:var(--slate-500);font-weight:600}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:.7rem}.lbl-muted{color:var(--slate-500);font-weight:500}.positive-badge{background:#dcfce7;color:#15803d;font-weight:700;padding:1px 6px;border-radius:8px;font-size:.68rem}.card-header-icon{display:flex;align-items:center;gap:6px}.card-sub-text{font-size:.7rem;color:#10b981;font-weight:600;margin-top:2px}.mobile-mockup-frame{position:absolute;bottom:-20px;right:-20px;width:200px;background:#fff;border-radius:26px;border:5px solid var(--slate-900);box-shadow:0 24px 50px #0f172a47;z-index:12;overflow:hidden;animation:floatSlow 7s ease-in-out infinite .5s}.mobile-top-bar{background:#f8fafc;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.6rem;font-weight:700;color:var(--slate-700);border-bottom:1px solid var(--slate-200)}.mobile-notch{width:40px;height:10px;background:var(--slate-900);border-radius:0 0 6px 6px}.mobile-body{padding:12px;background:#fff}.mobile-user-greeting{display:flex;align-items:center;gap:8px;margin-bottom:10px}.user-avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--white);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.m-tile{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-sm);padding:6px;font-size:.65rem;font-weight:600;color:var(--slate-800);text-align:center}.mobile-leave-card{background:var(--primary-soft);border:1px solid var(--border-purple);border-radius:var(--radius-sm);padding:8px}.hero-metrics-bar{margin-top:60px;padding-top:36px;border-top:1px solid var(--border-purple);display:flex;align-items:center;justify-content:space-around;position:relative;z-index:2}.metric-block{text-align:center}.metric-number{font-size:2.25rem;font-weight:800;color:var(--slate-900);line-height:1;margin-bottom:4px}.metric-label{font-size:.875rem;color:var(--slate-500);font-weight:500}.metric-divider{width:1px;height:40px;background:var(--slate-200)}.trust-section{padding:60px 0;background:var(--white);border-bottom:1px solid var(--slate-100)}.trust-heading{text-align:center;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:30px}.client-logos{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:32px;filter:grayscale(100%);opacity:.65}.client-logo{font-family:var(--font-heading);font-weight:800;font-size:1.3rem;color:var(--slate-800);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.features-section{padding:110px 0;background:var(--white)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bento-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.bento-card:hover{transform:translateY(-4px);border-color:var(--border-purple);box-shadow:var(--shadow-lg);background:var(--white)}.bento-card.span-2{grid-column:span 2}.bento-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.bento-card h3{font-size:1.35rem;margin-bottom:10px}.bento-card p{color:var(--slate-600);font-size:.95rem;margin-bottom:24px}.bento-preview-img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);display:block}.showcase-section{padding:110px 0;background:var(--bg-lavender-soft);border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.check-list{margin:28px 0 36px;display:flex;flex-direction:column;gap:14px}.check-item{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--slate-800)}.check-item svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.feature-screenshot-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-purple);box-shadow:var(--shadow-xl);overflow:hidden}.feature-screenshot-card img{width:100%;height:auto;display:block}.attendance-section{padding:110px 0;background:var(--bg-lavender)}.payroll-section{padding:80px 0;background:var(--dark);color:var(--white);position:relative;overflow:hidden}.payroll-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,#7c3aed38,#09051400 70%);pointer-events:none}.payroll-section h2{color:var(--white)}.payroll-section p{color:var(--slate-400)}.ess-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f8f5ff 40%,#fff);position:relative;overflow:hidden}.ess-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f3ebff;border:1px solid #e9d5ff;border-radius:9999px;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.ess-layout-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;margin-top:50px}.ess-cards-list{display:flex;flex-direction:column;gap:18px}.ess-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:22px 24px;box-shadow:0 8px 25px -8px #0f172a0d;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;gap:18px;position:relative;cursor:pointer}.ess-feature-card:hover,.ess-feature-card.active{transform:translateY(-4px);border-color:#7c3aed;box-shadow:0 16px 36px -10px #7c3aed29;background:#fff}.ess-card-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ess-card-content h3{font-size:1.1rem;font-weight:700;color:var(--slate-900);margin-bottom:6px}.ess-card-content p{font-size:.86rem;color:var(--slate-600);line-height:1.5;margin-bottom:12px}.ess-tags-row{display:flex;flex-wrap:wrap;gap:6px}.ess-tag-pill{font-size:.72rem;font-weight:600;color:var(--primary);background:#f3ebff;border:1px solid #e9d5ff;padding:3px 10px;border-radius:12px}.ess-showcase-frame{background:linear-gradient(135deg,#fff,#f8f5ff);border:1px solid #e9d5ff;border-radius:24px;padding:24px;box-shadow:0 25px 60px -15px #7c3aed24;position:relative}.ess-app-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.ess-user-info{display:flex;align-items:center;gap:12px}.ess-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #7c3aed40}.ess-actions-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.ess-act-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 8px;text-align:center;font-size:.72rem;font-weight:700;color:var(--slate-800);transition:all .2s ease;box-shadow:var(--shadow-sm)}.ess-act-btn:hover{border-color:#7c3aed;color:#7c3aed;transform:translateY(-2px)}.ess-widgets-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ess-widget-card,.ess-feed-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:var(--shadow-sm)}.ess-feed-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:.76rem}.ess-feed-item:last-child{border-bottom:none}.ess-mobile-floating{position:absolute;bottom:-20px;right:-15px;width:175px;background:#0f172a;border-radius:20px;padding:10px;box-shadow:0 20px 40px #0f172a4d;border:3px solid #1e293b;color:#fff;z-index:5}.ess-stats-banner{display:flex;align-items:center;justify-content:space-around;background:linear-gradient(135deg,#f8f5ff,#f1e8ff);border:1px solid #e9d5ff;border-radius:16px;padding:18px 24px;margin-top:50px}.ess-stat-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;color:var(--slate-800)}.lifecycle-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f8f5ff 40%,#fff);position:relative;overflow:hidden}.process-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f3ebff;border:1px solid #e9d5ff;border-radius:9999px;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.timeline-slider-wrapper{position:relative;margin-top:40px;margin-bottom:70px}.slider-controls-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.slider-arrow-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--border-purple);color:var(--primary);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .25s ease}.slider-arrow-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-purple);transform:translateY(-2px)}.process-scroll-container{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:20px 0 10px}.process-scroll-container::-webkit-scrollbar{display:none}.process-flex-track{display:flex;gap:20px;min-width:max-content}.process-card-wrap{width:230px;display:flex;flex-direction:column;align-items:center}.step-header-box{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;margin-bottom:20px}.step-line-segment{position:absolute;top:19px;left:50%;right:-50%;height:2px;background:#c084fc;z-index:1}.process-card-wrap:last-child .step-line-segment{display:none}.step-arrow-mark{position:absolute;right:-10px;top:10px;color:#7c3aed;font-weight:800;font-size:.85rem;z-index:2;background:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.step-number-pill{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #7c3aed;color:#7c3aed;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c3aed26;z-index:3;position:relative}.step-stem-line{width:2px;height:16px;background:#7c3aed;margin-top:2px;position:relative}.step-stem-line:after{content:"";position:absolute;bottom:-4px;left:-3px;width:8px;height:8px;border-radius:50%;border:1.5px solid #7c3aed;background:#fff}.process-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:24px 20px;box-shadow:0 10px 30px -10px #0f172a0f;transition:all .35s cubic-bezier(.16,1,.3,1);width:100%;height:100%;display:flex;flex-direction:column;text-align:left}.process-card:hover{transform:translateY(-6px);border-color:#7c3aed;box-shadow:0 20px 40px -12px #7c3aed2e}.card-icon-bg{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.bg-tint-purple{background:#f3ebff;color:#7c3aed}.bg-tint-lavender{background:#ede9fe;color:#6d28d9}.bg-tint-blue{background:#e0f2fe;color:#0284c7}.bg-tint-mint{background:#dcfce7;color:#059669}.bg-tint-yellow{background:#fef3c7;color:#d97706}.bg-tint-orange{background:#ffedd5;color:#ea580c}.bg-tint-pink{background:#fce7f3;color:#db2777}.process-card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--slate-900)}.process-card p{font-size:.825rem;color:var(--slate-600);line-height:1.45;margin-bottom:16px;flex-grow:1}.process-bullets{padding-top:12px;border-top:1px solid var(--slate-100);display:flex;flex-direction:column;gap:6px}.process-bullet-item{font-size:.76rem;font-weight:600;color:var(--slate-700);display:flex;align-items:center;gap:6px}.process-bullet-item:before{content:"•";color:var(--primary);font-weight:800;font-size:.9rem}.lower-banner{background:linear-gradient(135deg,#f8f5ff,#f1e8ff);border:1px solid var(--border-purple);border-radius:var(--radius-xl);padding:50px 40px;box-shadow:0 20px 50px -10px #7c3aed1f}.lower-grid{display:grid;grid-template-columns:38% 62%;gap:36px;align-items:center}.banner-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(124,58,237,.15)}.b-feat-item{text-align:center;padding:0 4px;position:relative}.b-feat-item:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:#7c3aed2e}.b-feat-icon{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border-purple);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:var(--shadow-sm)}.b-feat-text{font-size:.78rem;font-weight:700;color:var(--slate-800);line-height:1.25}.banner-dash-frame{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-purple);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;display:grid;grid-template-columns:180px 1fr}.banner-dash-sidebar{background:var(--dark);color:#94a3b8;padding:16px 12px}.banner-dash-main{background:#f8fafc;padding:16px;display:flex;flex-direction:column;gap:12px}.banner-mobile-overlay{position:absolute;bottom:-15px;right:-15px;width:190px;background:#fff;border-radius:22px;border:4px solid var(--slate-900);box-shadow:0 20px 40px #0f172a40;z-index:5;overflow:hidden}.analytics-section{padding:110px 0;background:var(--white)}.recruitment-section{padding:110px 0;background:var(--bg-lavender-soft)}.integrations-section{padding:100px 0;background:var(--slate-50);text-align:center}.orbit-grid{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:40px}.int-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:20px 28px;display:flex;align-items:center;gap:12px;font-weight:600;color:var(--slate-800);box-shadow:var(--shadow-sm);transition:all .3s ease}.int-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.solutions-section{padding:110px 0;background:var(--white)}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.solution-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:32px 24px;transition:all .3s ease}.solution-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.why-section{padding:110px 0;background:var(--dark);color:var(--white)}.why-section h2{color:var(--white)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.why-card{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.why-card:hover{border-color:var(--primary);transform:translateY(-4px)}.why-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#7c3aed33;color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.why-card h3{color:var(--white);font-size:1.25rem;margin-bottom:10px}.why-card p{color:var(--slate-400);font-size:.925rem}.testimonials-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f8f5ff,#fff);position:relative;overflow:hidden}.testi-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f3ebff;border:1px solid #e9d5ff;border-radius:9999px;color:#7c3aed;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.testi-wall-wrapper{position:relative;margin-top:50px;margin-bottom:50px}.testi-wall-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;height:640px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%)}.testi-column{display:flex;flex-direction:column;overflow:hidden}.testi-track{display:flex;flex-direction:column;gap:24px;will-change:transform}.scroll-up{animation:marqueeScrollUp 38s linear infinite}.scroll-down{animation:marqueeScrollDown 42s linear infinite}.scroll-up-fast{animation:marqueeScrollUp 36s linear infinite}.testi-wall-container:hover .testi-track,.testi-column:hover .testi-track,.testi-card-wrap:hover{animation-play-state:paused!important}@keyframes marqueeScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes marqueeScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.testi-card-wrap{width:100%}.testi-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;box-shadow:0 10px 30px -10px #0f172a0d;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;justify-content:space-between}.testi-card:hover{transform:translateY(-4px);border-color:#c084fc;box-shadow:0 20px 40px -12px #7c3aed29}.testi-card-featured{border:1px solid #d8b4fe;box-shadow:0 14px 35px -10px #7c3aed1f;padding:30px}.quote-watermark{position:absolute;top:14px;right:20px;font-size:3.2rem;line-height:1;font-family:Georgia,serif;color:#7c3aed;opacity:.12;pointer-events:none}.testi-rating{color:#f59e0b;font-size:.95rem;margin-bottom:14px;letter-spacing:2px}.testi-text{font-size:.935rem;color:#334155;line-height:1.6;margin-bottom:22px;font-weight:450}.testi-user{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #f1f5f9}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f3ebff,#e9d5ff);color:#7c3aed;font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 4px 10px #7c3aed1f;flex-shrink:0}.testi-name{font-weight:700;font-size:.925rem;color:#0f172a;line-height:1.25}.testi-role{font-size:.78rem;color:#64748b;margin-top:2px}.testi-company{color:#7c3aed;font-weight:600}.testi-cta-wrap{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}.testi-sec-link{font-size:.95rem;font-weight:700;color:#7c3aed;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.testi-sec-link:hover{color:#6d28d9;transform:translate(3px)}@media(max-width:1024px){.testi-wall-container{grid-template-columns:repeat(2,1fr);height:580px}.testi-column:nth-child(3){display:none}}@media(max-width:768px){.testi-wall-container{grid-template-columns:1fr;height:520px}.testi-column:nth-child(2){display:none}.testi-cta-wrap{flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){.testi-track{animation:none!important;transform:none!important}.testi-wall-container{height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none}}.pricing-section{padding:110px 0;background:var(--bg-lavender)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:50px}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--slate-300);transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.save-badge{background:#dcfce7;color:#15803d;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center}.pricing-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:40px 32px;position:relative}.pricing-card.featured{border:2px solid var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.04)}.popular-tag{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 16px;border-radius:var(--radius-full);letter-spacing:.05em}.price-amount{font-size:3rem;font-weight:800;color:var(--slate-900);margin:20px 0 10px}.price-amount span{font-size:1rem;color:var(--slate-500);font-weight:500}.plan-features{margin:28px 0;display:flex;flex-direction:column;gap:12px;font-size:.925rem}.faq-section{padding:110px 0;background:var(--white)}.faq-container{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--slate-200);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;transition:all .3s ease}.faq-question{width:100%;padding:20px 24px;text-align:left;font-size:1.1rem;font-weight:600;color:var(--slate-900);display:flex;justify-content:space-between;align-items:center}.faq-question svg{transition:transform .3s ease;color:var(--primary)}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(0,1,0,1);padding:0 24px;color:var(--slate-600);font-size:.975rem}.faq-item.active .faq-answer{max-height:300px;padding-bottom:20px;transition:max-height .35s ease-in-out}.cta-section{padding:100px 0;background:var(--white)}.cta-banner{background:linear-gradient(135deg,#090514,#1e1b4b 60%,#4c1d95);border-radius:var(--radius-xl);padding:80px 60px;color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 60px #7c3aed40}.cta-banner h2{color:var(--white);font-size:3rem;margin-bottom:16px}.cta-banner p{color:#d8b4fe;font-size:1.2rem;max-width:600px;margin:0 auto 36px}.site-footer{background:var(--dark);color:#94a3b8;padding:80px 0 30px;border-top:1px solid var(--dark-border)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px;margin-bottom:60px}.footer-brand p{margin-top:14px;font-size:.9rem;max-width:280px}.footer-col h4{color:var(--white);font-size:.95rem;font-weight:700;margin-bottom:20px}.footer-col ul{display:flex;flex-direction:column;gap:12px;font-size:.9rem}.footer-col a:hover{color:var(--white)}.footer-bottom{padding-top:30px;border-top:1px solid var(--dark-border);display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#090514bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-box{background:var(--white);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:500px;position:relative;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 25px 50px -12px #00000040}.modal-overlay.active .modal-box{transform:translateY(0)}.modal-close{position:absolute;top:20px;right:20px;font-size:1.5rem;color:var(--slate-400)}.form-group{margin-bottom:18px;text-align:left}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--slate-800);margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--slate-200);border-radius:var(--radius-md);font-size:.95rem}.form-input:focus{border-color:var(--primary);outline:none}.mobile-nav-drawer{position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid #e9d5ff;box-shadow:0 20px 40px #0f172a26;padding:20px 24px;display:flex;flex-direction:column;gap:16px;z-index:999;transform:translateY(-120%);opacity:0;pointer-events:none;transition:all .3s ease}.mobile-nav-drawer.active{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-link{font-size:1rem;font-weight:600;color:var(--slate-800);padding:8px 0;border-bottom:1px solid #f1f5f9;text-decoration:none}@media(max-width:1200px){.hero-grid{grid-template-columns:45% 55%;gap:24px}.hero-headline{font-size:2.85rem}.float-card-1{right:0}.float-card-2{left:-10px}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{padding-right:0;max-width:700px;margin:0 auto}.hero-headline{font-size:2.75rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-benefit-grid{max-width:500px;margin:0 auto 32px;text-align:left}.hero-ctas,.trust-row{justify-content:center}.bento-grid,.solutions-grid,.testi-grid,.pricing-grid,.why-grid,.two-col-grid{grid-template-columns:repeat(2,1fr)}.bento-card.span-2{grid-column:span 2}.pricing-card.featured{transform:scale(1)}.workflow-stepper{flex-wrap:wrap;gap:20px;justify-content:center}.workflow-stepper:before{display:none}.footer-grid{grid-template-columns:1fr 1fr}.dashboard-frame{transform:none!important}.ess-layout-grid{grid-template-columns:1fr;gap:32px}.ess-mobile-floating{display:none}.ess-showcase-frame{padding:20px;border-radius:20px}}@media(max-width:768px){.nav-menu{display:none}.mobile-toggle{display:block}.hero-section{padding-top:120px}.hero-headline{font-size:2.25rem}.hero-benefit-grid,.bento-grid,.solutions-grid,.testi-grid,.pricing-grid,.why-grid,.ess-grid,.two-col-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}.hero-metrics-bar{grid-template-columns:1fr 1fr;gap:20px;flex-wrap:wrap}.metric-divider{display:none}.hero-ctas{flex-direction:column;align-items:stretch}.cta-banner{padding:40px 24px}.cta-banner h2{font-size:2rem}.footer-grid{grid-template-columns:1fr}.float-card-1,.float-card-3{display:none}.float-card-2{bottom:-10px;left:10px}.mobile-mockup-frame{display:none}.ess-section{padding:80px 0}.ess-feature-card{padding:16px 14px;gap:14px;border-radius:16px}.ess-card-icon{width:44px;height:44px;border-radius:12px}.ess-card-content h3{font-size:1.05rem}.ess-card-content p{font-size:.82rem}.ess-actions-nav{grid-template-columns:repeat(2,1fr);gap:8px}.ess-widgets-grid{grid-template-columns:1fr;gap:12px}.ess-stats-banner{flex-direction:column;gap:14px;align-items:flex-start;padding:16px 20px;margin-top:36px}.ess-stat-item{font-size:.85rem}}@media(max-width:480px){.hero-headline{font-size:2rem}.trust-row{flex-wrap:wrap;justify-content:center;gap:12px}.ess-feature-card{flex-direction:column;align-items:flex-start;gap:10px}.ess-app-header{flex-direction:column;align-items:flex-start;gap:8px}.ess-showcase-frame{padding:14px;border-radius:16px}.ess-act-btn{padding:8px 4px;font-size:.68rem}.ess-tag-pill{font-size:.68rem;padding:2px 7px}}.landing-page-root .mobile-sticky-bar{display:none}@media(max-width:768px){.landing-page-root .header-actions .btn-primary,.landing-page-root .header-actions .btn-sm{display:none!important}.landing-page-root .mobile-sticky-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #e9d5ff;padding:12px 16px;z-index:1000;box-shadow:0 -10px 25px #0f172a1a}.landing-page-root .mobile-sticky-bar .btn-full{width:100%;padding:14px 20px;font-size:1rem;font-weight:700;border-radius:14px;box-shadow:0 8px 20px #7c3aed4d}.landing-page-root{padding-bottom:74px}}