.compare-page{background:var(--white);min-height:100vh;overflow-x:hidden}.compare-hero{background:linear-gradient(#f5f3ff 0%,#fff 100%);padding:140px 0 80px;position:relative;overflow:hidden}.compare-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#5b50d60d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#818cf814 0%,#0000 50%);position:absolute;inset:0}.compare-hero-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative}.compare-hero-title{color:var(--gray-900);margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.2}.compare-hero-subtitle{color:#5b50d6;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.compare-hero-description{color:var(--gray-600);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6}.compare-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.why-interviewflowai{background:var(--white);padding:80px 0}.section-title{color:var(--gray-900);text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--gray-600);text-align:center;max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.advantage-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.advantage-card:hover{background:#f5f3ff;border-color:#5b50d6;transform:translateY(-2px);box-shadow:0 4px 12px #5b50d61a}.advantage-icon{color:#fff;background:#5b50d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.advantage-text{color:var(--gray-700);margin:0;font-size:1rem;line-height:1.5}.comparison-table-section{background:#f9fafb;padding:80px 0}.comparison-table-wrapper{max-width:1000px;margin:0 auto;padding:0 1.5rem;overflow-x:auto}.comparison-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000d}.comparison-table thead{color:#fff;background:linear-gradient(135deg,#5b50d6 0%,#7c6fe9 100%)}.comparison-table th{text-align:left;padding:1.25rem;font-size:1rem;font-weight:600}.comparison-table .feature-column{width:40%}.comparison-table .platform-column{text-align:center;width:30%}.comparison-table tbody tr{border-bottom:1px solid #e5e7eb}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:nth-child(2n){background:#f9fafb}.comparison-table td{padding:1.25rem}.feature-cell{color:var(--gray-900);font-size:.95rem;font-weight:500}.platform-cell{text-align:center}.check-icon,.cross-icon{justify-content:center;align-items:center;display:inline-flex}.text-value{color:var(--gray-600);font-size:.875rem;font-weight:500}.interviewflowai-cell .check-icon svg path{stroke:#10b981}.competitor-cell .check-icon svg path{stroke:#6b7280}.compare-cta-section{color:#fff;background:linear-gradient(135deg,#5b50d6 0%,#7c6fe9 100%);padding:80px 0}.compare-cta-content{text-align:center;max-width:800px;margin:0 auto;padding:0 1.5rem}.compare-cta-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.compare-cta-subtitle{opacity:.95;color:#fff;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6}.compare-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button.primary{color:#fff;background:#5b50d6}.cta-button.primary:hover{background:#4a3fb8;transform:translateY(-2px);box-shadow:0 4px 12px #5b50d64d}.cta-button.secondary{color:#5b50d6;background:#fff;border:2px solid #5b50d6}.cta-button.secondary:hover{background:#f5f3ff;transform:translateY(-2px);box-shadow:0 4px 12px #5b50d633}.cta-button.large{padding:1rem 2.5rem;font-size:1.125rem}.compare-cta-section .cta-button.primary{color:#5b50d6;background:#fff}.compare-cta-section .cta-button.primary:hover{background:#f5f3ff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.compare-cta-section .cta-button.secondary{color:#fff;background:0 0;border:2px solid #fff}.compare-cta-section .cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.compare-not-found{text-align:center;padding:120px 1.5rem}.compare-not-found h1{color:var(--gray-900);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.compare-not-found p{color:var(--gray-600);margin-bottom:2rem;font-size:1.125rem}@media (max-width:768px){.compare-hero{padding:100px 0 60px}.compare-hero-title{font-size:2.25rem}.compare-hero-subtitle{font-size:1.25rem}.compare-hero-description{font-size:1rem}.section-title{font-size:2rem}.advantages-grid{grid-template-columns:1fr}.comparison-table-wrapper{overflow-x:auto}.comparison-table{min-width:600px}.compare-cta-title{font-size:2rem}.compare-cta-subtitle{font-size:1rem}.compare-cta-buttons{flex-direction:column}.cta-button{width:100%}}@media (max-width:480px){.compare-hero-title{font-size:1.875rem}.section-title{font-size:1.75rem}.compare-hero-cta{flex-direction:column}.cta-button{width:100%}}