.recruna-page{--primary: #2563eb;--primary-dark: #1d4ed8;--navy: #0f172a;--text: #1e293b;--muted: #64748b;--light: #f8fafc;--soft: #eff6ff;--card: #ffffff;--border: #e2e8f0;--cyan: #06b6d4;--radius: 24px;--shadow: 0 24px 70px rgba(15, 23, 42, .12);background:var(--light);color:var(--text);line-height:1.6}.recruna-page *{box-sizing:border-box;margin:0;padding:0}.recruna-page a{color:inherit;text-decoration:none}.recruna-page img{max-width:100%;display:block}.recruna-page .container{width:min(1180px,92%);margin:0 auto}.recruna-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.2s ease;cursor:pointer;white-space:nowrap}.recruna-page .btn-primary{background:var(--primary);color:#fff;box-shadow:0 16px 34px #2563eb40}.recruna-page .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.recruna-page .btn-light{background:#fff;border-color:var(--border);color:var(--navy)}.recruna-page .hero{position:relative;overflow:hidden;padding:88px 0 92px;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.12),transparent 32%),radial-gradient(circle at 90% 18%,rgba(6,182,212,.13),transparent 34%),linear-gradient(180deg,#fff,#f8fafc)}.recruna-page .hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.recruna-page .badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#dbeafe;color:var(--primary-dark);font-size:13px;font-weight:600;margin-bottom:22px}.recruna-page h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--navy);margin-bottom:24px}.recruna-page .hero-highlight{color:#ea580c}.recruna-page .hero-text p{color:var(--muted);font-size:1.125rem;max-width:610px;margin-bottom:30px}.recruna-page .hero-actions,.recruna-page .hero-tags{display:flex;flex-wrap:wrap;gap:14px}.recruna-page .hero-actions{margin-bottom:30px}.recruna-page .hero-tags span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);color:#334155;font-size:13px;font-weight:800}.recruna-page .hero-visual{position:relative;min-height:540px}.recruna-page .mockup{position:absolute;background:#fff;border:1px solid var(--border);border-radius:24px;padding:10px;box-shadow:var(--shadow);overflow:hidden}.recruna-page .mockup img{border-radius:16px;border:1px solid var(--border)}.recruna-page .mockup-main{right:0;top:22px;width:82%;z-index:2}.recruna-page .mockup-jobs{left:0;bottom:18px;width:54%;z-index:3}.recruna-page .mockup-career{right:12px;bottom:-12px;width:48%;z-index:4}.recruna-page .floating-kpi{position:absolute;left:4px;top:42px;z-index:5;width:210px;padding:18px;border-radius:22px;background:#0f172af2;color:#fff;box-shadow:0 22px 50px #0f172a38}.recruna-page .floating-kpi strong{display:block;font-size:28px;line-height:1;margin-bottom:6px}.recruna-page .floating-kpi span{color:#cbd5e1;font-size:13px}.recruna-page section{padding:88px 0}.recruna-page .section-head{max-width:760px;margin-bottom:42px}.recruna-page .section-head.center{text-align:center;margin-left:auto;margin-right:auto}.recruna-page .eyebrow{color:var(--primary);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.1em;margin-bottom:10px}.recruna-page h2{color:var(--navy);font-size:clamp(1.875rem,3.5vw,2.5rem);line-height:1.2;letter-spacing:-.01em;font-weight:600;margin-bottom:14px}.recruna-page .section-head p{color:var(--muted);font-size:1rem}.recruna-page .platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recruna-page .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 12px 35px #0f172a0b}.recruna-page .icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-weight:900;margin-bottom:16px}.recruna-page .card h3{font-size:1.25rem;letter-spacing:0;font-weight:600;color:var(--navy);margin-bottom:8px}.recruna-page .card p{color:var(--muted);font-size:15px}.recruna-page .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.recruna-page .feature-list{display:grid;gap:14px;margin-top:28px}.recruna-page .feature-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff}.recruna-page .check{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:var(--primary);font-weight:900;font-size:13px}.recruna-page .feature-item b{display:block;color:var(--navy);margin-bottom:2px}.recruna-page .feature-item span{color:var(--muted);font-size:14px}.recruna-page .screenshot-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:12px;box-shadow:var(--shadow)}.recruna-page .screenshot-card img{border:1px solid var(--border);border-radius:18px}.recruna-page .dark-section{background:radial-gradient(circle at 12% 20%,rgba(37,99,235,.28),transparent 34%),radial-gradient(circle at 88% 18%,rgba(6,182,212,.22),transparent 32%),var(--navy);color:#fff}.recruna-page .dark-section h2,.recruna-page .dark-section .card h3{color:#fff}.recruna-page .dark-section .section-head p,.recruna-page .dark-section .card p,.recruna-page .dark-section .feature-item span{color:#cbd5e1}.recruna-page .dark-section .card,.recruna-page .dark-section .feature-item{background:#fff1;border-color:#ffffff1f;box-shadow:none}.recruna-page .dark-section .feature-item b{color:#fff}.recruna-page .candidate-section{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.recruna-page .full-showcase{margin-top:38px}.recruna-page .kgm-carousel{margin-top:38px;position:relative;height:560px;display:flex;align-items:center;justify-content:center}.recruna-page .kgm-preview{position:absolute;width:42%;max-width:440px;border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:0 12px 35px #0f172a1f;opacity:.85;z-index:1;background:#fff}.recruna-page .kgm-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.recruna-page .kgm-preview-left{left:5%;transform:translateY(12px) scale(.9);animation:kgmPreviewLeftIn .35s ease}.recruna-page .kgm-preview-right{right:5%;transform:translateY(12px) scale(.9);animation:kgmPreviewRightIn .35s ease}.recruna-page .kgm-main{width:min(78%,920px);z-index:3}.recruna-page .kgm-main img{width:100%;-o-object-fit:cover;object-fit:cover;animation:kgmMainIn .4s ease}.recruna-page .kgm-arrow{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:auto;border:0;background:transparent;color:var(--navy);font-size:64px;font-weight:700;line-height:1;cursor:pointer;z-index:4;transition:transform .2s ease,color .2s ease}.recruna-page .kgm-arrow:hover{transform:translateY(-50%) scale(1.05);color:var(--primary)}.recruna-page .kgm-arrow-left{left:1%}.recruna-page .kgm-arrow-right{right:1%}@keyframes kgmMainIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kgmPreviewLeftIn{0%{opacity:0;transform:translate(-30px) translateY(18px) scale(.84)}to{opacity:.85;transform:translateY(12px) scale(.9)}}@keyframes kgmPreviewRightIn{0%{opacity:0;transform:translate(30px) translateY(18px) scale(.84)}to{opacity:.85;transform:translateY(12px) scale(.9)}}.recruna-page .career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.recruna-page .career-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.recruna-page .career-card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 16px 36px #0f172a1f}.recruna-page .career-card.active{border-color:#3b82f6;box-shadow:0 16px 36px #3b82f638}.recruna-page .ai-engine{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:36px}.recruna-page .ai-pill{padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:#ffffff0f;text-align:center}.recruna-page .ai-pill strong{display:block;margin-bottom:6px;color:#fff}.recruna-page .ai-pill span{color:#cbd5e1;font-size:13px}.recruna-page .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:step}.recruna-page .step{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px}.recruna-page .step:before{counter-increment:step;content:counter(step);width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.recruna-page .step h3{color:var(--navy);font-size:17px;margin-bottom:7px}.recruna-page .step p{color:var(--muted);font-size:14px}.recruna-page .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recruna-page .cta{padding:96px 0}.recruna-page .cta-box{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary),#0f172a);color:#fff;border-radius:36px;padding:62px;text-align:center;box-shadow:0 30px 80px #2563eb47}.recruna-page .cta-box:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-100px;background:#ffffff21}.recruna-page .cta-box h2{color:#fff;position:relative;z-index:2}.recruna-page .cta-box p{color:#dbeafe;max-width:720px;margin:0 auto 28px;font-size:18px;position:relative;z-index:2}.recruna-page .cta-box .btn{position:relative;z-index:2;background:#fff;color:var(--primary)}@media (max-width: 1050px){.recruna-page .hero-grid,.recruna-page .split{grid-template-columns:1fr}.recruna-page .hero-visual{min-height:520px}.recruna-page .platform-grid,.recruna-page .career-grid,.recruna-page .audience-grid,.recruna-page .ai-engine,.recruna-page .steps{grid-template-columns:repeat(2,1fr)}.recruna-page .kgm-carousel{height:460px}.recruna-page .kgm-main{width:min(78%,760px)}.recruna-page .kgm-preview{width:38%}}@media (max-width: 700px){.recruna-page .hero{padding-top:54px}.recruna-page .hero-visual{min-height:auto;display:grid;gap:14px}.recruna-page .mockup,.recruna-page .floating-kpi{position:static;width:100%}.recruna-page .platform-grid,.recruna-page .career-grid,.recruna-page .audience-grid,.recruna-page .ai-engine,.recruna-page .steps{grid-template-columns:1fr}.recruna-page .kgm-carousel{height:auto;display:grid;gap:12px}.recruna-page .kgm-main,.recruna-page .kgm-preview{position:static;width:100%;max-width:none;transform:none;opacity:1}.recruna-page .kgm-arrow{position:static;transform:none;justify-self:center;font-size:46px}.recruna-page .kgm-arrow:hover{transform:scale(1.05)}.recruna-page .cta-box{padding:42px 22px}}