/* Nice — « Le parcours sur téléphone » (lot 64). Préfixe .vn. Commun : villes.css */
.vn{--vl-acc:var(--blue);--vl-bg:var(--white)}
.vn-hero{background:var(--white);padding-top:56px}
.vn-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}
.vn-hero h1{max-width:15ch}
.vn-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px!important}
.vn-cta-2{font-weight:700;text-decoration:none;box-shadow:inset 0 -2px 0 currentColor}
.vn-parc{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:vn}
.vn-parc li{counter-increment:vn;display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:20px 22px;background:var(--blue-soft)}
.vn-parc li::before{content:counter(vn);grid-row:1/3;font-family:var(--fd);font-weight:800;font-size:2rem;line-height:1;color:var(--blue)}
.vn-parc li:last-child{background:var(--blue);color:#fff}
.vn-parc li:last-child::before{color:var(--yellow)}
.vn-parc li:last-child span{opacity:1}
.vn-parc strong{font-family:var(--fd);font-size:1.08rem}
.vn-parc span{font-size:.92rem;opacity:.85}

.vn-quart{background:var(--yellow)}
.vn-quart-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.vn-q-p{margin-top:20px!important;max-width:52ch}
.vn-q-l{font-family:var(--fd);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.vn-q-l span{display:inline-block;white-space:nowrap;margin:0 .42em .1em 0}
.vn-q0{font-size:clamp(1.7rem,3vw,2.6rem)}
.vn-q1{font-size:clamp(1.2rem,2vw,1.7rem);opacity:.7}
.vn-q2{font-size:clamp(2rem,3.8vw,3.2rem)}
.vn-q3{font-size:clamp(1.3rem,2.2vw,1.9rem);opacity:.55}

.vn-prof{background:var(--light);padding:96px 0 72px}
.vn-prof-head{padding-bottom:40px}
.vn-row{display:grid;grid-template-columns:1fr 1.6fr auto;gap:40px;align-items:baseline;padding:30px 28px}
.vn-row:nth-child(odd){background:var(--white)}
.vn-row h3{font-size:1.3rem}
.vn-row a{justify-self:start;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 currentColor}

.vn-verif{background:var(--ink);color:#fff}
.vn-verif h2{max-width:20ch}
.vn-v{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px;counter-reset:vv}
.vn-v li{counter-increment:vv}
.vn-v li::before{content:counter(vv,decimal-leading-zero);display:block;font-family:var(--fd);font-weight:800;font-size:1rem;letter-spacing:.1em;color:var(--yellow);margin-bottom:14px}
.vn-v h3{margin-bottom:8px}
.vn-v p{color:rgba(255,255,255,.8)}
.vn-v-cta{margin-top:52px!important}
.vn-verif .vl-btn{background:var(--yellow);color:var(--ink)!important}

.vn-faq{background:var(--light)}

@media (max-width:1000px){
	.vn-hero-grid,.vn-quart-in{grid-template-columns:1fr;gap:36px}
	.vn-row{grid-template-columns:1fr;gap:10px}
	.vn-v{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
	.vn-v{grid-template-columns:1fr;gap:30px}
	.vn-parc li{padding:16px}
}