:root{--ink: #09090b;--ink-soft: #27272a;--ink-muted: #3f3f46;--surface: #f8fafc;--white: #ffffff;--accent: #2563eb;--accent-glow: #3b82f6;--accent-soft: #eff6ff;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--border: #e4e7ed;--border-dark: #c9ced8;--shadow-sm: 0 1px 3px rgba(13,15,18,.08), 0 1px 2px rgba(13,15,18,.04);--shadow-md: 0 4px 16px rgba(13,15,18,.1), 0 2px 6px rgba(13,15,18,.06);--shadow-lg: 0 20px 60px rgba(13,15,18,.12), 0 8px 24px rgba(13,15,18,.08);--shadow-xl: 0 40px 100px rgba(13,15,18,.16);--r: 12px;--r-sm: 8px;--r-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(228,231,237,.7)}.nav-logo{font-family:DM Sans,sans-serif;font-weight:600;font-size:18px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{text-decoration:none;font-size:14px;font-weight:500;color:var(--ink-soft);transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:var(--r-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:all .18s ease}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{color:var(--ink);background:var(--surface)}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-glow);transform:translateY(-1px);box-shadow:0 8px 24px #2563eb40}.btn-accent{background:var(--accent);color:var(--white)}.btn-accent:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 24px #2563eb59}.btn-lg{padding:14px 28px;font-size:15px;border-radius:var(--r)}.btn-outline{background:transparent;border:1.5px solid var(--border-dark);color:var(--ink-soft)}.btn-outline:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}@keyframes orb-float{0%,to{transform:translateY(0) scale(1);opacity:.55}33%{transform:translateY(-28px) scale(1.04);opacity:.7}66%{transform:translateY(14px) scale(.97);opacity:.45}}@keyframes orb-drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(24px,-18px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}@keyframes ring-pulse{0%{transform:translate(-50%,-50%) scale(.7);opacity:.45}70%{transform:translate(-50%,-50%) scale(1.35);opacity:0}to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@keyframes beam-scan{0%{opacity:0;transform:scaleX(0) translate(-50%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:scaleX(1) translate(50%)}}@keyframes particle-up{0%{transform:translateY(0) opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-120px);opacity:0}}@keyframes grid-shimmer{0%,to{opacity:.06}50%{opacity:.13}}.hero-abstract{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-abstract>*{position:absolute}.ha-orb{border-radius:50%;filter:blur(60px);animation:orb-float 7s ease-in-out infinite,orb-drift 18s linear infinite}.ha-orb-1{width:420px;height:420px;top:-120px;left:-80px;background:radial-gradient(circle,rgba(37,99,235,.22) 0%,transparent 70%);animation-duration:8s,22s}.ha-orb-2{width:320px;height:320px;top:60px;right:-60px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);animation-duration:11s,28s;animation-delay:-4s,-8s}.ha-orb-3{width:240px;height:240px;bottom:-60px;left:30%;background:radial-gradient(circle,rgba(13,148,136,.14) 0%,transparent 70%);animation-duration:14s,32s;animation-delay:-7s,-14s}.ha-grid{inset:0;background-image:radial-gradient(circle,rgba(37,99,235,.35) 1px,transparent 1px);background-size:36px 36px;animation:grid-shimmer 6s ease-in-out infinite}.ha-ring{width:500px;height:500px;top:50%;left:50%;border-radius:50%;border:1px solid rgba(37,99,235,.25);animation:ring-pulse 4s cubic-bezier(.4,0,.6,1) infinite}.ha-ring-2{width:700px;height:700px;animation-delay:1.3s;border-color:#6366f126}.ha-ring-3{width:900px;height:900px;animation-delay:2.6s;border-color:#2563eb14}.ha-particle{width:4px;height:4px;border-radius:50%;background:#60a5fab3;animation:particle-up 6s ease-in-out infinite}.hero{padding-top:120px;padding-bottom:80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(37,99,235,.07) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--accent-soft);border:1px solid rgba(37,99,235,.2);border-radius:100px;font-size:12.5px;font-weight:500;color:var(--accent);margin-bottom:32px;animation:fadeUp .6s ease both}.hero-badge-dot{width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-badge-dot svg{width:11px;height:11px;fill:#fff}h1.hero-title{font-family:"Instrument Serif",serif;font-size:clamp(48px,6vw,78px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);max-width:840px;margin:0 auto 24px;animation:fadeUp .6s .1s ease both}h1.hero-title em{font-style:italic;color:var(--accent)}.hero-sub{font-size:18px;color:var(--ink-muted);max-width:520px;margin:0 auto 40px;font-weight:400;line-height:1.65;animation:fadeUp .6s .2s ease both}.hero-cta{display:flex;gap:12px;justify-content:center;align-items:center;animation:fadeUp .6s .3s ease both;flex-wrap:wrap}.hero-email-form{display:flex;gap:8px;align-items:center;width:100%;max-width:520px;margin:0 auto;animation:fadeUp .6s .3s ease both}@media(max-width:600px){.hero-email-form{flex-direction:column}.hero-email-form button{width:100%;justify-content:center}}.hero-trust{margin-top:56px;animation:fadeUp .6s .4s ease both}.hero-trust-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-weight:500;margin-bottom:20px}.hero-logos{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.hero-logo-item{font-size:14px;font-weight:600;color:var(--border-dark);letter-spacing:-.01em}.preview-section{padding:0 48px 80px;animation:fadeUp .7s .45s ease both}.preview-wrap{max-width:1100px;margin:0 auto;position:relative}.preview-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at 50% 60%,rgba(37,99,235,.12) 0%,transparent 70%);pointer-events:none;border-radius:32px}.preview-card{background:var(--white);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.preview-topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:12px}.preview-dots{display:flex;gap:6px}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot:nth-child(1){background:#ff5f57}.preview-dot:nth-child(2){background:#febc2e}.preview-dot:nth-child(3){background:#28c840}.preview-url{flex:1;background:var(--white);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:12px;color:var(--ink-muted);max-width:320px}.preview-body{display:grid;grid-template-columns:200px 1fr;min-height:420px}.preview-sidebar{border-right:1px solid var(--border);padding:20px 0;background:#fafbfc}.preview-sidebar-logo{padding:0 16px 16px;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--border);margin-bottom:12px;display:flex;align-items:center;gap:6px}.preview-sidebar-logo span{width:7px;height:7px;background:#2563eb33;border-radius:50%}.preview-nav-item{padding:8px 16px;font-size:12.5px;color:var(--ink-muted);display:flex;align-items:center;gap:8px;cursor:pointer}.preview-nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:500}.preview-nav-item svg{width:14px;height:14px;flex-shrink:0}.preview-main{padding:20px;overflow:hidden}.preview-main-title{font-size:16px;font-weight:600;margin-bottom:4px}.preview-main-sub{font-size:11.5px;color:var(--ink-muted);margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;box-shadow:var(--shadow-sm)}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:4px}.stat-val{font-size:22px;font-weight:700;color:var(--ink);line-height:1}.stat-delta{font-size:10.5px;margin-top:4px;display:flex;align-items:center;gap:2px}.stat-delta.up{color:var(--green)}.stat-delta.down{color:var(--red)}.preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px;box-shadow:var(--shadow-sm)}.mini-card-title{font-size:12px;font-weight:600;margin-bottom:10px}.funnel-bar{margin-bottom:7px}.funnel-bar-label{font-size:10px;color:var(--ink-muted);margin-bottom:3px;display:flex;justify-content:space-between}.funnel-track{height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.funnel-fill{height:100%;border-radius:3px;transition:width 1s ease}.risk-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:11px}.risk-item:last-child{border-bottom:none}.risk-name{font-weight:500}.risk-dept{color:var(--ink-muted);font-size:10px}.risk-badge{padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600}.risk-high{background:#fef2f2;color:#dc2626}.risk-medium{background:#fffbeb;color:#d97706}.stats-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:48px;display:grid;grid-template-columns:repeat(4,1fr)}.stat-block{text-align:center;padding:0 20px;border-right:1px solid var(--border)}.stat-block:last-child{border-right:none}.stat-num{font-family:"Instrument Serif",serif;font-size:48px;color:var(--ink);line-height:1;margin-bottom:8px}.stat-desc{font-size:13px;color:var(--ink-soft);font-weight:400}.section{padding:96px 48px;max-width:1200px;margin:0 auto}.section-label{display:inline-block;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--accent);margin-bottom:16px}h2.section-title{font-family:"Instrument Serif",serif;font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px;max-width:600px}h2.section-title em{font-style:italic;color:var(--accent)}.section-sub{font-size:16px;color:var(--ink-muted);max-width:500px;margin-bottom:56px;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.feature-cell{background:var(--white);padding:36px 32px;transition:background .2s}.feature-cell:hover{background:var(--surface)}.feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:22px}.feature-icon.blue{background:#eff6ff}.feature-icon.green{background:#f0fdf4}.feature-icon.amber{background:#fffbeb}.feature-icon.purple{background:#faf5ff}.feature-icon.rose{background:#fff1f2}.feature-icon.teal{background:#f0fdfa}.feature-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--ink)}.feature-desc{font-size:14px;color:var(--ink-muted);line-height:1.6}.pipeline-section{background:var(--surface);padding:96px 48px}.pipeline-inner{max-width:1100px;margin:0 auto}.pipeline-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:48px}.pipeline-stages:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--accent) 0%,rgba(37,99,235,.2) 100%)}.pipeline-stage{text-align:center;padding:0 8px;position:relative}.pipeline-stage-dot{width:56px;height:56px;border-radius:50%;background:var(--white);border:2px solid var(--border);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;z-index:1;transition:all .2s}.pipeline-stage:hover .pipeline-stage-dot{border-color:var(--accent);box-shadow:0 0 0 6px #2563eb1a}.pipeline-stage.active .pipeline-stage-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 20px #2563eb59}.pipeline-stage-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:4px}.pipeline-stage-count{font-size:11px;color:var(--ink-muted)}.pipeline-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.pipeline-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.pipeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pipeline-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.pipeline-card-name{font-size:13px;font-weight:600}.pipeline-card-role{font-size:11px;color:var(--ink-muted)}.ai-match{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:600}.ai-match.high{background:#f0fdf4;color:#16a34a}.ai-match.med{background:#eff6ff;color:var(--accent)}.payroll-section{padding:96px 48px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.payroll-visual{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--r-lg);padding:32px;position:relative;overflow:hidden}.payroll-visual:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%);pointer-events:none}.payroll-visual-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:8px}.payroll-visual-amount{font-family:"Instrument Serif",serif;font-size:52px;color:var(--ink);line-height:1;margin-bottom:4px}.payroll-visual-sub{font-size:13px;color:var(--ink-soft);margin-bottom:28px}.payroll-bar-row{margin-bottom:14px}.payroll-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.payroll-bar-label{font-size:12px;color:var(--ink-soft)}.payroll-bar-val{font-size:12px;font-weight:600;color:var(--ink)}.payroll-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.payroll-fill{height:100%;border-radius:3px}.payroll-employees{margin-top:28px;border-top:1px solid var(--border);padding-top:20px}.payroll-emp{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.payroll-emp-info{display:flex;align-items:center;gap:10px}.payroll-emp-name{font-size:13px;color:var(--ink);font-weight:500}.payroll-emp-dept{font-size:11px;color:var(--ink-soft)}.payroll-emp-amount{font-size:14px;font-weight:700;color:var(--ink)}.payroll-content h2{margin-bottom:16px}.payroll-feature{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.payroll-feature-icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--r-sm);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:18px}.payroll-feature-title{font-size:15px;font-weight:600;margin-bottom:3px}.payroll-feature-desc{font-size:13px;color:var(--ink-muted);line-height:1.5}.testimonials-section{background:var(--surface);padding:96px 48px}.testimonials-inner{max-width:1100px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.testimonial-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:box-shadow .2s,transform .2s}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.testimonial-quote{font-family:"Instrument Serif",serif;font-size:17px;line-height:1.55;color:var(--ink);margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author-name{font-size:13px;font-weight:600}.testimonial-author-role{font-size:12px;color:var(--ink-muted)}.stars{color:#f59e0b;font-size:12px;margin-bottom:14px}.cta-section{padding:96px 48px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.cta-card{max-width:680px;margin:0 auto;background:var(--accent-soft);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:72px 56px;position:relative;overflow:hidden;box-shadow:0 12px 48px #2563eb0f}.cta-card:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 65%)}.cta-card:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 65%)}.cta-card h2{font-family:"Instrument Serif",serif;font-size:clamp(32px,4vw,46px);color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;position:relative;z-index:1}.cta-card h2 em{font-style:italic;color:#60a5fa}.cta-card p{font-size:16px;color:var(--ink-soft);margin-bottom:36px;position:relative;z-index:1}.cta-actions{display:flex;gap:12px;justify-content:center;position:relative;z-index:1;flex-wrap:wrap}.btn-white{background:var(--white);color:var(--ink);font-weight:600}.btn-white:hover{background:var(--surface);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost-white{background:transparent;border:1.5px solid rgba(0,0,0,.15);color:var(--ink-soft)}.btn-ghost-white:hover{border-color:var(--ink);color:var(--ink)}footer{border-top:1px solid var(--border);padding:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.footer-brand{font-size:16px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:8px}.footer-brand span{width:7px;height:7px;background:var(--accent);border-radius:50%}.footer-copy{font-size:13px;color:var(--ink-muted)}.footer-links{display:flex;gap:24px}.footer-links a{text-decoration:none;font-size:13px;color:var(--ink-muted);transition:color .2s}.footer-links a:hover{color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){nav{padding:0 24px}.nav-links{display:none}.hero{padding:100px 24px 60px}.preview-section{padding:0 24px 60px}.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.stats-bar{grid-template-columns:repeat(2,1fr);padding:48px 24px;gap:32px}.stat-block{border-right:none}.section{padding:64px 24px}.features-grid{grid-template-columns:1fr}.pipeline-section{padding:64px 24px}.pipeline-stages{grid-template-columns:repeat(3,1fr)}.pipeline-stages:before{display:none}.pipeline-cards{grid-template-columns:repeat(2,1fr)}.payroll-section{grid-template-columns:1fr;padding:64px 24px;gap:40px}.testimonials-section{padding:64px 24px}.testimonials-grid{grid-template-columns:1fr}.cta-section{padding:64px 24px}.cta-card{padding:48px 32px}footer{grid-template-columns:1fr;padding:32px 24px}.preview-row{grid-template-columns:1fr}}