@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--bg-dark:#030712;--bg-dark-accent:#07071e;--primary-indigo:#6366f1;--primary-indigo-rgb:99, 102, 241;--secondary-violet:#8b5cf6;--secondary-violet-rgb:139, 92, 246;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--card-bg:#0f172a73;--card-border:#6366f114;--card-border-hover:#6366f140;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--header-bg:#030712bf;--glow-shadow:0 0 40px #6366f126;--btn-glow-shadow:0 0 25px #6366f166}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61f 0,#0000 50%),radial-gradient(#030712 0,#07071ecc 100%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);background:#6366f133;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6366f166}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-secondary);font-size:16px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#a5b4fc 0%,#c084fc 50%,#67e8f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-accent{background:linear-gradient(135deg, var(--primary-indigo), var(--secondary-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-display);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-indigo), var(--secondary-violet));color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f140}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--secondary-violet), var(--primary-indigo));opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-primary>*{z-index:2;position:relative}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f173}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff14;border-color:#6366f166;transform:translateY(-2px)}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--card-border-hover);box-shadow:var(--glow-shadow)}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0d;width:100%;transition:all .3s;position:fixed;top:0;left:0}.header-scrolled{background:#030712e6;padding:10px 0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--font-display);color:#fff;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary-indigo), var(--secondary-violet));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 15px #6366f166}.logo-icon svg{fill:#fff;width:18px;height:18px}.nav-menu{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.hero-section{text-align:center;padding:180px 0 100px;position:relative;overflow:hidden}.badge-wrapper{margin-bottom:24px;display:inline-block}.badge-new{color:#a5b4fc;letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-new .pulse{background:var(--primary-indigo);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow;box-shadow:0 0 #6366f1b3}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1);box-shadow:0 0 0 6px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}.hero-title{letter-spacing:-.03em;max-width:900px;margin:0 auto 24px;font-size:68px;font-weight:800}.hero-subtitle{max-width:700px;color:var(--text-secondary);margin:0 auto 40px;font-size:20px;font-weight:400;line-height:1.6}.hero-ctas{justify-content:center;gap:16px;margin-bottom:70px;display:flex}.mockup-container{z-index:10;max-width:800px;margin:0 auto;position:relative}.mockup-glow{filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 60%);width:100%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mockup-window{text-align:left;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.mockup-header{background:#0f111a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#10b981}.mockup-title{font-family:var(--font-display);color:var(--text-muted);font-size:13px;font-weight:500}.mockup-body{background:#070913;padding:24px}.mock-candidate-card{background:#0f172a99;border:1px solid #6366f11f;border-radius:10px;transition:all .3s;overflow:hidden}.mock-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mock-card-header-left{align-items:center;gap:12px;display:flex}.mock-avatar{width:40px;height:40px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.mock-info h3{color:#fff;margin-bottom:2px;font-size:16px}.mock-info span{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.mock-card-header-right{align-items:center;gap:12px;display:flex}.mock-score-badge{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.mock-score-badge .score-glow{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #10b981}.mock-card-actions{gap:8px;display:flex}.mock-btn-icon{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mock-btn-icon svg{width:14px;height:14px;fill:var(--text-secondary)}.mock-card-body{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.mock-body-left{flex-direction:column;gap:16px;display:flex}.mock-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.mock-skills-tags{flex-wrap:wrap;gap:6px;display:flex}.mock-skill-tag{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:4px 10px;font-size:12px}.mock-skill-tag.highlight{color:#a5b4fc;background:#6366f114;border-color:#6366f133}.mock-ai-explain{background:#ffffff03;border:1px solid #ffffff0a;border-radius:8px;padding:12px}.mock-ai-explain p{font-size:13px;line-height:1.5}.mock-body-right{flex-direction:column;gap:16px;display:flex}.mock-strengths-gaps{flex-direction:column;gap:12px;display:flex}.mock-list-item{align-items:flex-start;gap:8px;font-size:13px;display:flex}.mock-list-item svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.mock-list-item.strength svg{fill:#10b981}.mock-list-item.gap svg{fill:#f59e0b}.mock-list-item span{color:var(--text-secondary)}.mock-progress-container{flex-direction:column;gap:6px;display:flex}.mock-progress-header{justify-content:space-between;font-size:12px;display:flex}.mock-progress-bar{background:#ffffff0d;border-radius:99px;height:6px;position:relative;overflow:hidden}.mock-progress-fill{background:linear-gradient(90deg, var(--primary-indigo), var(--accent-cyan));border-radius:99px;width:0%;height:100%;transition:width 2s cubic-bezier(.16,1,.3,1)}.proof-strip{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:40px 0}.proof-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:24px;font-size:13px;font-weight:600}.proof-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.proof-stat{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 48px;display:flex}.proof-num{font-family:var(--font-display);background:linear-gradient(135deg,#a5b4fc 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.proof-desc{color:var(--text-secondary);max-width:180px;font-size:13px}.proof-divider{background:#ffffff12;flex-shrink:0;width:1px;height:48px}.mock-pipeline-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mock-pipeline-meta{flex-direction:column;gap:4px;display:flex}.mock-job-title{font-family:var(--font-display);color:#fff;font-size:15px;font-weight:700}.mock-applicant-count{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.mock-pipeline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-stage-chip{font-size:12px;font-weight:600;font-family:var(--font-display);color:var(--text-muted);border:1px solid #ffffff12;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;display:flex}.mock-stage-chip span{background:#ffffff0f;border-radius:99px;padding:1px 7px;font-size:11px}.mock-stage-chip.active{color:#a5b4fc;background:#6366f11f;border-color:#6366f14d}.mock-stage-chip.active span{background:#6366f133}.mock-action-btn{font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;border-radius:6px;padding:5px 12px}.mock-action-btn.advance{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.mock-action-btn.reject{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff12}.section{padding:100px 0;position:relative}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--primary-indigo);margin-bottom:12px;font-size:14px;font-weight:700;display:inline-block}.section-title{color:#fff;margin-bottom:16px;font-size:40px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{padding:32px}.feature-icon{color:#a5b4fc;background:#6366f114;border:1px solid #6366f126;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.feature-icon svg{fill:currentColor;width:24px;height:24px}.feature-card h3{color:#fff;margin-bottom:12px;font-size:20px}.feature-card p{font-size:15px;line-height:1.6}.timeline-container{max-width:900px;margin:0 auto;padding-left:40px;position:relative}.timeline-line{background:linear-gradient(180deg, var(--primary-indigo), #8b5cf61a);width:2px;height:100%;position:absolute;top:0;left:19px}.timeline-step{margin-bottom:60px;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-node{border:2px solid var(--primary-indigo);width:40px;height:40px;font-family:var(--font-display);color:#fff;z-index:2;background:#0f111a;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;top:0;left:-40px;box-shadow:0 0 10px #6366f14d}.timeline-content{padding:30px}.timeline-content h3{color:#fff;margin-bottom:12px;font-size:22px}.timeline-content p{max-width:650px}.pricing-toggle-container{justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.pricing-toggle-label{color:var(--text-secondary);font-size:15px;font-weight:500}.pricing-toggle-label.active{color:#fff}.pricing-switch{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:99px;width:50px;height:28px;padding:3px;transition:background-color .3s;display:flex}.pricing-switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0003}.pricing-switch.active{background:var(--primary-indigo);border-color:var(--primary-indigo)}.pricing-switch.active .pricing-switch-handle{transform:translate(22px)}.pricing-save-badge{color:#34d399;background:#10b98126;border:1px solid #10b98140;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pricing-card{flex-direction:column;padding:40px 32px;display:flex;position:relative}.pricing-card.popular{background:linear-gradient(#0f172a99 0%,#07071e66 100%);border-color:#6366f14d;box-shadow:0 20px 40px #6366f10d}.pricing-popular-badge{background:linear-gradient(135deg, var(--primary-indigo), var(--secondary-violet));color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #6366f14d}.pricing-card-header{margin-bottom:30px}.pricing-card-header h3{color:#fff;margin-bottom:12px;font-size:22px}.pricing-price{color:#fff;align-items:baseline;display:flex}.pricing-amount{font-family:var(--font-display);letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:1}.pricing-period{color:var(--text-muted);margin-left:4px;font-size:15px}.pricing-features-list{flex-direction:column;flex-grow:1;gap:16px;margin:30px 0;list-style:none;display:flex}.pricing-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;display:flex}.pricing-feature-item svg{width:18px;height:18px;fill:var(--primary-indigo);flex-shrink:0}.pricing-feature-item.disabled{color:var(--text-muted);opacity:.6;text-decoration:line-through}.pricing-feature-item.disabled svg{fill:var(--text-muted)}.faq-container{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;transition:all .3s;overflow:hidden}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:24px;display:flex}.faq-question{font-family:var(--font-display);color:#fff;font-size:16px;font-weight:600}.faq-icon-wrapper{background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.faq-icon-wrapper svg{width:12px;height:12px;fill:var(--text-secondary);transition:transform .3s}.faq-body{max-height:0;padding:0 24px;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s;overflow:hidden}.faq-answer{color:var(--text-secondary);padding-bottom:24px;font-size:15px;line-height:1.6}.faq-item.active{border-color:var(--card-border-hover)}.faq-item.active .faq-icon-wrapper{background:var(--primary-indigo);border-color:var(--primary-indigo)}.faq-item.active .faq-icon-wrapper svg{fill:#fff;transform:rotate(180deg)}.faq-item.active .faq-body{max-height:200px}.cta-banner{text-align:center;padding:80px 0;position:relative}.cta-banner-content{padding:60px 40px;position:relative;overflow:hidden}.cta-glow{filter:blur(30px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#6366f126 0%,#0000 60%);width:60%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-banner h2{color:#fff;margin-bottom:16px;font-size:40px}.cta-banner p{max-width:600px;margin:0 auto 32px;font-size:18px}.footer{background:#02040a;border-top:1px solid #ffffff0d;padding:60px 0 30px}.footer-top{justify-content:space-between;margin-bottom:40px;display:flex}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:16px}.footer-links-grid{flex-wrap:wrap;gap:48px 80px;display:flex}.footer-column h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:14px}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-bottom p{color:var(--text-muted);font-size:13px}.footer-socials{gap:16px;display:flex}.footer-social-link{color:var(--text-muted);font-size:18px;transition:color .2s}.footer-social-link:hover{color:#fff}@media (width<=1024px){.hero-title{font-size:52px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pricing-grid .pricing-card:last-child{grid-column:span 2;max-width:50%;margin:0 auto}}@media (width<=768px){.nav-menu{display:none}.mobile-toggle{display:block}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-ctas{flex-direction:column;align-items:center;width:100%;max-width:320px;margin:0 auto 40px}.hero-ctas .btn{width:100%}.mockup-body{padding:16px}.mock-card-body{grid-template-columns:1fr;gap:16px}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid .pricing-card:last-child{grid-column:span 1;max-width:100%}.footer-top{flex-direction:column;gap:40px}.footer-links-grid{flex-wrap:wrap;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}