/* SCOPED COMPARE HUB PAGE STYLES – Market Scout Style */
.scv-compare-hub {
background-color: #0f172a;
color: #e2e8f0;
font-family: “Poppins”, sans-serif;
line-height: 1.6;
overflow-x: hidden;
–teal: #268599;
–teal-light: #618480;
–coral: #e8885e;
–navy: #0f172a;
–navy-card: #1e293b;
–border: rgba(255, 255, 255, 0.1);
}
.scv-compare-hub h1,
.scv-compare-hub h2,
.scv-compare-hub h3,
.scv-compare-hub h4 {
color: #ffffff !important;
font-family: “Playfair Display”, serif;
margin-top: 0;
}
.scv-compare-hub p,
.scv-compare-hub li {
color: #cbd5e1 !important;
margin-bottom: 24px;
}
.scv-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
/* HERO SECTION */
.scv-compare-hero {
padding: 100px 0 80px;
text-align: center;
background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 70%);
position: relative;
}
.scv-compare-hero::before {
content: “”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
linear-gradient(rgba(38, 133, 153, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(38, 133, 153, 0.1) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
}
.scv-badge-compare {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
padding: 6px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.scv-compare-hero h1 {
font-size: clamp(38px, 5vw, 60px);
line-height: 1.1;
margin-bottom: 24px;
}
.scv-text-highlight {
color: var(–teal-light) !important;
position: relative;
display: inline-block;
}
.scv-text-highlight::after {
content: “”;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: rgba(38, 133, 153, 0.3);
z-index: -1;
transform: rotate(-2deg);
}
.scv-compare-hero p {
font-size: 18px;
max-width: 700px;
margin: 0 auto 40px;
}
/* CTA BUTTON */
.btn-compare {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 50%, var(–coral) 100%);
color: white !important;
padding: 16px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(38, 133, 153, 0.3);
}
.btn-compare:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(38, 133, 153, 0.4);
color: white !important;
}
/* STATS BAR */
.stats-bar {
display: flex;
justify-content: center;
gap: 60px;
margin: 60px 0;
padding: 30px;
background: var(–navy-card);
border-radius: 16px;
border: 1px solid var(–border);
flex-wrap: wrap;
}
.stat-item {
text-align: center;
}
.stat-num {
font-size: 36px;
font-weight: 700;
color: var(–teal-light) !important;
display: block;
line-height: 1;
}
.stat-label {
font-size: 14px;
color: #94a3b8 !important;
margin-top: 5px;
}
/* COMPARISON CARDS GRID */
.compare-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin: 60px 0;
}
.compare-card {
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 16px;
padding: 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.compare-card:hover {
transform: translateY(-5px);
border-color: rgba(38, 133, 153, 0.5);
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.compare-card::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, var(–teal) 0%, var(–coral) 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.compare-card:hover::before {
opacity: 1;
}
.compare-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.compare-logos {
display: flex;
align-items: center;
}
.logo-box {
width: 50px;
height: 50px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: white;
}
.logo-scv {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
z-index: 2;
}
.logo-competitor {
background: #64748b;
margin-left: -15px;
z-index: 1;
}
.vs-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(–coral);
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.compare-title {
font-size: 18px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 5px;
font-family: “Poppins”, sans-serif;
}
.compare-subtitle {
font-size: 13px;
color: #94a3b8 !important;
}
.compare-highlights {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.highlight-tag {
font-size: 11px;
padding: 4px 10px;
border-radius: 20px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.compare-cta {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(–teal-light) !important;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: color 0.3s ease;
}
.compare-cta:hover {
color: var(–coral) !important;
}
/* WHY COMPARE SECTION */
.why-compare {
padding: 80px 0;
background: rgba(255,255,255,0.02);
margin: 60px 0;
border-radius: 20px;
}
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}
.why-card {
text-align: center;
padding: 30px;
}
.why-icon {
width: 60px;
height: 60px;
background: rgba(38, 133, 153, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
color: var(–teal-light);
}
.why-card h3 {
font-size: 18px;
margin-bottom: 10px;
font-family: “Poppins”, sans-serif;
}
/* POPULAR COMPARISONS */
.popular-section {
margin: 80px 0;
}
.popular-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.popular-item {
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
}
.popular-item:hover {
border-color: var(–teal);
transform: translateX(5px);
}
.popular-num {
width: 32px;
height: 32px;
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: white;
flex-shrink: 0;
}
.popular-text {
flex: 1;
}
.popular-title {
font-size: 15px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 2px;
}
.popular-views {
font-size: 12px;
color: #94a3b8 !important;
}
.popular-arrow {
color: var(–teal-light);
transition: transform 0.3s ease;
}
.popular-item:hover .popular-arrow {
transform: translateX(5px);
}
/* FAQ */
.compare-faq {
background: rgba(255,255,255,0.02);
border-radius: 20px;
padding: 40px;
margin: 80px 0;
border: 1px solid rgba(255,255,255,0.05);
}
/* FINAL CTA */
.final-cta-section {
text-align: center;
padding: 80px 0;
background: radial-gradient(circle at 50% 100%, #1e293b 0%, #0f172a 70%);
border-radius: 20px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.stats-bar { flex-direction: column; gap: 30px; }
.compare-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr; }
.popular-list { grid-template-columns: 1fr; }
}
🔍 Centre de comparaison
Trouvez votre créateur de CV idéal
Comparaisons honnêtes et détaillées pour vous aider à choisir le meilleur créateur de CV selon vos besoins. Découvrez comment StylingCV se positionne face à la concurrence.
Essayez StylingCV gratuitementComparaisons en face à face
S
R
VS
StylingCV vs Resume.io
Duel de modèles premium
Score ATS
Modèles
Tarifs
Comparez les fonctionnalités, modèles et tarifs entre deux créateurs de CV populaires.
Lire la comparaison complèteS
C
VS
StylingCV vs Canva
Design vs optimisation ATS
Design
ATS
Facilité d’utilisation
Beau design ou succès à l’embauche : qu’est-ce qui compte le plus pour votre CV ?
Lire la comparaison complèteS
Z
VS
StylingCV vs Zety
Bataille des fonctionnalités et des prix
Rédaction IA
Coût
Support
Deux créateurs riches en fonctionnalités : découvrez lequel offre le meilleur rapport qualité/prix pour les chercheurs d’emploi.
Lire la comparaison complèteS
N
VS
StylingCV vs Novoresume
Comparaison des designs modernes
Modèles
Export
Fonctionnalités
Les deux proposent des modèles modernes : voyez lequel se démarque en fonctionnalités et valeur.
Lire la comparaison complèteS
I
VS
StylingCV vs Indeed
Jobboard vs créateur dédié
Gratuit
Qualité
Options
Un créateur de CV gratuit sur un jobboard suffit-il ou faut-il plus ?
Lire la comparaison complèteS
L
VS
StylingCV vs LinkedIn
Export de profil vs créateur de CV
Import
Format
ATS
Export PDF LinkedIn ou CV dédié : lequel vous aide à décrocher un emploi ?
Lire la comparaison complètePourquoi nos comparaisons comptent
Analyse impartiale
Nous testons chaque fonctionnalité nous-mêmes et rapportons honnêtement — y compris là où les concurrents excellent.
Données réelles
Nos comparaisons incluent de vrais résultats de tests ATS, pas seulement des arguments marketing.
Coûts réels
Nous révélons les frais cachés, pièges d’abonnement et le vrai coût de chaque service.
Mises à jour régulières
Les créateurs de CV évoluent vite. Nous mettons à jour nos comparaisons pour rester précis.
Questions fréquentes
Comment testez-vous les créateurs de CV ?
Nous créons de vrais CV avec chaque créateur, les testons sur des systèmes ATS réels, comparons la qualité des modèles, évaluons la facilité d’utilisation et calculons le coût réel, frais cachés inclus.
Ces comparaisons favorisent-elles StylingCV ?
Nous visons l’honnêteté. Nous reconnaissons les avantages des concurrents et expliquons clairement notre méthodologie. Notre objectif est de vous aider à faire le meilleur choix pour VOS besoins.
Quel créateur de CV est fait pour moi ?
Cela dépend de vos priorités. Si l’optimisation ATS est essentielle, StylingCV excelle. Si vous voulez une liberté de design totale, Canva peut convenir. Lisez nos comparatifs pour trouver votre solution.
Prêt à créer votre CV ?
Rejoignez des millions d’utilisateurs qui ont choisi StylingCV pour des CV professionnels et optimisés ATS.
Commencez gratuitement💡 Astuce : StylingCV n’est pas qu’un créateur de CV — c’est un créateur intelligent qui réfléchit. StylingCV smart AI builder en moins de 2 minutes.
Découvrez plus de ressources
- Essayez notre créateur de CV IA
- Guide du créateur de CV IA
- Comparer les créateurs de CV IA
- Vérificateur ATS alimenté par IA
