/*
Theme Name: oVolant Auto-École
Theme URI: https://supermis.fr/
Author: oVolant
Description: Thème sur mesure reproduisant la maquette oVolant validée.
Version: 1.0.0
Text Domain: ovolant
*/

:root { --pink:#f5076c; --ink:#11131a; --muted:#68707c; --line:#e9e9ed; --paper:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--font-geist),Arial,sans-serif; }
.site-header,.site-header *,main,main *,.footer,.footer * { font-family:Arial,Helvetica,sans-serif!important; }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; max-width:1440px; margin:auto; padding:0 5vw; display:flex; align-items:center; gap:48px; background:#fff; }
.brand img { display:block; width:205px; height:70px; object-fit:contain; }
.site-header nav { margin-left:auto; display:flex; gap:34px; align-items:center; }
.site-header nav a { font-size:14px; font-weight:650; color:#343740; padding:34px 0 30px; border-bottom:3px solid transparent; }
.site-header nav a:hover,.site-header nav a.active { color:var(--pink); border-color:var(--pink); }
.button { min-height:54px; padding:0 26px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:18px; background:var(--pink); color:#fff; font-weight:750; box-shadow:0 12px 28px rgba(245,7,108,.24); transition:.2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(245,7,108,.3); }
.button-small { min-height:48px; padding:0 22px; font-size:14px; }
.header-actions { display:flex; align-items:center; gap:10px; }
.button-login { min-height:46px; padding:0 18px; border:1px solid #d9dbe0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#343740; background:#fff; font-size:13px; font-weight:800; transition:.2s ease; }
.button-login:hover { color:var(--pink); border-color:var(--pink); }
.button-ghost { color:#fff; background:transparent; border:1px solid rgba(255,255,255,.75); box-shadow:none; }
.menu-button { display:none; border:0; background:transparent; padding:10px; }
.menu-button span { display:block; width:27px; height:3px; margin:5px; background:var(--pink); border-radius:4px; }
.hero { min-height:625px; display:grid; grid-template-columns:53% 47%; overflow:hidden; position:relative; background:radial-gradient(circle at 26% 15%,#30333c 0,#171a22 32%,#0f1117 75%); color:#fff; }
.hero-copy { align-self:center; padding:78px 5vw 82px max(5vw,calc((100vw - 1440px)/2 + 72px)); position:relative; z-index:2; }
.eyebrow { color:var(--pink); font-size:12px; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.hero h1 { margin:18px 0 22px; font-size:clamp(52px,5vw,78px); line-height:.98; letter-spacing:-.055em; }
.hero h1 em { color:var(--pink); font-style:normal; }
.hero-intro { max-width:560px; font-size:clamp(19px,2vw,25px); line-height:1.45; color:#e7e8ec; }
.actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.hero-visual { position:relative; min-height:625px; background:linear-gradient(135deg,rgba(245,7,108,.04),rgba(245,7,108,.32)); overflow:hidden; }
.hero-visual::before { content:''; position:absolute; width:620px; height:620px; border:110px solid rgba(255,255,255,.07); border-radius:50%; top:-20px; left:-70px; }
.hero-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#151821 0,transparent 28%); }
.road-lines { position:absolute; inset:0; background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(255,255,255,.045) 80px 83px); }
.car-card { position:absolute; z-index:1; width:min(520px,85%); aspect-ratio:1.45; right:5vw; top:50%; transform:translateY(-50%) rotate(-3deg); border-radius:44px 12px 44px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#12141b; background:linear-gradient(145deg,#fff,#d9dce2); box-shadow:-35px 45px 75px rgba(0,0,0,.4); border-bottom:22px solid #242832; }
.car-card::after { content:''; position:absolute; width:70%; height:18px; bottom:-38px; background:#08090c; border-radius:50%; filter:blur(10px); opacity:.55; }
.car-card strong { font-size:clamp(48px,5vw,78px); letter-spacing:-.08em; }
.car-card strong span { color:var(--pink); }
.car-label { color:var(--pink); font-weight:900; font-size:13px; border:2px solid var(--pink); padding:7px 14px; border-radius:8px; transform:translateY(-28px); }
.car-card small { color:#5f626a; font-weight:800; letter-spacing:.12em; font-size:10px; }
.hero-photo-card { position:absolute; z-index:2; width:min(610px,90%); right:5%; top:50%; margin:0; transform:translateY(-50%) rotate(-2deg); overflow:hidden; border:6px solid rgba(255,255,255,.92); border-radius:27px; background:#fff; box-shadow:-30px 38px 65px rgba(0,0,0,.42); }
.hero-photo-card img { width:100%; height:auto; display:block; }
.hero-photo-card::after { content:''; position:absolute; inset:auto 12% -12px; height:18px; border-radius:50%; background:#050609; filter:blur(12px); opacity:.45; }
.benefits { max-width:1440px; margin:-1px auto 0; padding:0 5vw; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.benefits article { padding:38px 32px; display:flex; align-items:center; gap:20px; border-right:1px solid var(--line); }
.benefits article:last-child { border:0; }
.benefit-icon { width:50px; height:50px; border-radius:16px; display:grid; place-items:center; flex:0 0 auto; color:var(--pink); background:#fff0f6; font-size:22px; font-weight:900; }
.benefits h2 { margin:0 0 5px; font-size:17px; }
.benefits p { margin:0; color:var(--muted); font-size:14px; }
.home-intro { max-width:1280px; margin:auto; padding:92px 5vw; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:end; }
.home-intro h2 { margin:10px 0 0; font-size:clamp(38px,4vw,62px); line-height:1.05; letter-spacing:-.045em; }
.home-intro>p { font-size:18px; line-height:1.7; color:var(--muted); }
.mobile-cta { display:none; }
.mobile-login { display:none; }
.section { padding:105px max(5vw,calc((100vw - 1280px)/2)); }
.section-soft { background:#f7f7f9; }
.section-dark { background:#12141b; color:#fff; }
.section-heading { max-width:680px; margin-bottom:50px; }
.section-heading.centered { text-align:center; margin:0 auto 55px; }
.section-heading h2,.contact-layout h2,.story h2 { margin:10px 0 16px; font-size:clamp(38px,4vw,58px); line-height:1.06; letter-spacing:-.045em; }
.section-heading>p:last-child { color:var(--muted); font-size:18px; line-height:1.65; }
.cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.home-formation-grid { max-width:920px; margin:0 auto; grid-template-columns:repeat(2,1fr); }
.feature-card,.price-card { position:relative; padding:38px; background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 18px 50px rgba(16,18,25,.06); }
.feature-card.featured,.price-card.featured { border-color:var(--pink); transform:translateY(-10px); }
.card-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#fff0f6; color:var(--pink); font-size:15px; font-weight:900; }
.card-kicker { margin:28px 0 8px; color:var(--pink)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.14em; font-weight:850; }
.feature-card h3 { margin:0 0 14px; font-size:27px; }
.feature-card p { color:var(--muted); line-height:1.65; }
.feature-card a,.text-link { display:inline-block; margin-top:18px; color:var(--pink); font-weight:800; }
.popular { position:absolute; right:22px; top:22px; color:#fff; background:var(--pink); padding:7px 12px; border-radius:999px; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.steps-section { background:#fff; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.steps article { padding:36px 28px 20px 0; border-right:1px solid var(--line); }
.steps article:not(:first-child) { padding-left:28px; }
.steps article:last-child { border-right:0; }
.steps b,.values b { color:var(--pink); font-size:13px; }
.step-icon { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--pink); background:#fff0f6; font-size:20px; font-weight:900; }
.steps h3,.values h3 { font-size:22px; margin:25px 0 10px; }
.steps p,.values p { color:var(--muted); line-height:1.55; }
.student-space-section { padding:110px max(5vw,calc((100vw - 1280px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 80% 20%,rgba(245,7,108,.24),transparent 32%),#12141b; }
.student-space-copy h2 { max-width:620px; margin:12px 0 22px; font-size:clamp(40px,4vw,61px); line-height:1.04; letter-spacing:-.045em; }
.student-space-copy>p:not(.eyebrow) { max-width:590px; color:#b8bcc6; font-size:17px; line-height:1.7; }
.student-space-copy ul { margin:30px 0 35px; padding:0; display:grid; gap:18px; list-style:none; }
.student-space-copy li { display:flex; align-items:flex-start; gap:14px; }
.student-space-copy li>span { width:27px; height:27px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; color:#fff; background:var(--pink); font-size:12px; font-weight:900; }
.student-space-copy li strong,.student-space-copy li small { display:block; }
.student-space-copy li strong { margin:2px 0 5px; }
.student-space-copy li small { color:#9297a3; line-height:1.45; }
.student-dashboard { position:relative; padding:30px; border:1px solid #343740; border-radius:28px; background:#f7f7fa; color:var(--ink); box-shadow:0 34px 80px rgba(0,0,0,.36); transform:rotate(1deg); }
.student-dashboard::before { content:''; position:absolute; inset:-18px; z-index:-1; border:1px solid rgba(245,7,108,.25); border-radius:35px; }
.dashboard-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:23px; }
.dashboard-head>div span,.dashboard-head>div strong { display:block; }
.dashboard-head>div span { color:#8a8f9a; font-size:12px; }
.dashboard-head>div strong { margin-top:5px; font-size:22px; }
.dashboard-head>b { width:45px; height:45px; border-radius:14px; display:grid; place-items:center; background:#fff; box-shadow:0 8px 22px rgba(15,16,23,.08); font-size:17px; }
.dashboard-head>b span { color:var(--pink); }
.progress-panel { padding:24px; border-radius:20px; display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; color:#fff; background:#1a1c24; }
.progress-ring { width:92px; height:92px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--pink) 0 68%,#383b44 68% 100%); position:relative; }
.progress-ring::after { content:''; position:absolute; inset:9px; border-radius:50%; background:#1a1c24; }
.progress-ring span { position:relative; z-index:1; font-size:25px; font-weight:850; }
.progress-ring small { font-size:12px; }
.progress-panel>div:last-child>small { color:var(--pink); font-size:9px; font-weight:850; letter-spacing:.1em; }
.progress-panel h3 { margin:5px 0; font-size:19px; }
.progress-panel p { margin:0 0 11px; color:#a8acb6; font-size:12px; }
.progress-bar { height:6px; overflow:hidden; border-radius:9px; background:#3c3f48; }
.progress-bar i { display:block; width:68%; height:100%; border-radius:9px; background:var(--pink); }
.dashboard-grid { margin:16px 0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dashboard-grid article { padding:18px; border:1px solid #e7e8ec; border-radius:16px; background:#fff; }
.dashboard-grid span,.dashboard-grid strong,.dashboard-grid small { display:block; }
.dashboard-grid span { color:#8a8f9a; font-size:10px; }
.dashboard-grid strong { margin:7px 0; font-size:18px; }
.dashboard-grid small { color:var(--pink); font-size:10px; }
.skills { padding:18px; border-radius:16px; background:#fff; }
.skills>div { display:flex; justify-content:space-between; font-size:11px; }
.skills>div b { color:#8a8f9a; font-size:9px; }
.skills>i { display:block; height:5px; margin:8px 0 13px; border-radius:6px; background:#e8e9ed; }
.skills>i.done { background:var(--pink); }
.skills>i.current { background:linear-gradient(90deg,var(--pink) 0 58%,#e8e9ed 58%); }
.quote-section { padding:100px 7vw; text-align:center; color:#fff; background:var(--ink); }
.quote-section blockquote { max-width:1000px; margin:auto; font-size:clamp(28px,3vw,47px); line-height:1.28; font-weight:650; letter-spacing:-.03em; }
.quote-section p { margin-top:26px; color:var(--pink); font-weight:750; }
.cta-band { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:70px max(5vw,calc((100vw - 1280px)/2)); background:var(--pink); color:#fff; }
.cta-band .eyebrow { color:#fff; opacity:.75; }
.cta-band h2 { margin:8px 0 0; font-size:clamp(32px,4vw,52px); letter-spacing:-.04em; }
.cta-band>div:last-child { display:flex; gap:12px; }
.button-light { color:var(--pink); background:#fff; box-shadow:none; }
.footer { padding:70px max(5vw,calc((100vw - 1280px)/2)) 28px; color:#dfe0e5; background:#0c0d12; }
.footer-main { display:grid; grid-template-columns:1.2fr repeat(3,1fr); gap:60px; }
.footer p,.footer a { display:block; color:#999da9; margin:8px 0; font-size:14px; line-height:1.55; }
.footer a:hover { color:var(--pink); }
.footer h2 { color:#fff; font-size:14px; margin:16px 0; }
.social-links { margin-top:14px; display:flex; gap:10px; }
.social-link { width:44px; height:44px; border:1px solid #383b45; border-radius:14px; display:grid; place-items:center; color:#fff; background:#181a21; transition:.2s ease; cursor:default; }
.social-link:hover { color:#fff; border-color:var(--pink); background:var(--pink); transform:translateY(-2px); box-shadow:0 10px 25px rgba(245,7,108,.2); }
.social-link svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.social-link .social-dot { fill:currentColor; stroke:none; }
.footer-bottom { margin-top:55px; padding-top:24px; border-top:1px solid #2a2c33; display:flex; justify-content:space-between; color:#777b86; font-size:12px; }
.page-hero { min-height:490px; padding:105px max(5vw,calc((100vw - 1280px)/2)); color:#fff; background:radial-gradient(circle at 80% 20%,rgba(245,7,108,.35),transparent 28%),#13151c; }
.page-hero.compact { min-height:430px; }
.page-hero h1 { margin:18px 0; font-size:clamp(54px,6vw,84px); line-height:.98; letter-spacing:-.055em; }
.page-hero h1 em { color:var(--pink); font-style:normal; }
.page-hero>p:last-child { max-width:680px; color:#ccd0d8; font-size:19px; line-height:1.6; }
.formation-list { max-width:1050px; margin:0 auto; padding:65px 5vw 110px; }
.formation-showcase { max-width:1180px; margin:0 auto; padding:90px 5vw 34px; display:grid; grid-template-columns:1.1fr .9fr; gap:7%; align-items:center; }
.formation-showcase figure,.story-photo { position:relative; margin:0; aspect-ratio:4/3; overflow:hidden; border-radius:28px; background:#e9eaed; box-shadow:0 24px 60px rgba(15,16,23,.14); }
.formation-showcase figure::before,.story-photo::before { content:''; position:absolute; z-index:2; inset:16px; border:1px solid rgba(255,255,255,.48); border-radius:18px; pointer-events:none; }
.formation-showcase figure::after,.story-photo::after { content:''; position:absolute; inset:44% 0 0; background:linear-gradient(transparent,rgba(10,11,15,.78)); }
.formation-showcase img,.story-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.formation-showcase figcaption,.story-photo figcaption { position:absolute; z-index:3; left:28px; right:28px; bottom:25px; color:#fff; }
.formation-showcase figcaption small,.formation-showcase figcaption strong,.story-photo figcaption small,.story-photo figcaption strong { display:block; }
.formation-showcase figcaption small,.story-photo figcaption small { margin-bottom:6px; color:#ff5c9f; font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.formation-showcase figcaption strong,.story-photo figcaption strong { font-size:22px; line-height:1.25; }
.formation-showcase h2 { margin:11px 0 18px; font-size:clamp(37px,4vw,55px); line-height:1.06; letter-spacing:-.045em; }
.formation-showcase>div>p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.7; }
.formation-showcase-points { margin-top:25px; display:flex; flex-wrap:wrap; gap:8px; }
.formation-showcase-points span { padding:9px 12px; border-radius:999px; color:#545a64; background:#f5f5f7; font-size:11px; font-weight:800; }
.formation-row { display:grid; grid-template-columns:76px 1fr; gap:42px; align-items:start; padding:62px 0; border-bottom:1px solid var(--line); scroll-margin-top:30px; }
.formation-row:first-child { border-top:1px solid var(--line); }
.formation-number { position:sticky; top:25px; width:66px; height:66px; border-radius:20px; display:grid; place-items:center; color:var(--pink); background:#fff0f6; font-size:17px; font-weight:900; }
.formation-number svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.formation-row h2 { margin:8px 0 12px; font-size:45px; letter-spacing:-.04em; }
.formation-lead { color:var(--muted); font-size:18px; line-height:1.6; }
.formation-row ul,.price-card ul { list-style:none; padding:0; margin:25px 0; display:grid; gap:12px; }
.formation-row li,.price-card li { color:#484d58; }
.formation-row li::first-letter,.price-card li::first-letter { color:var(--pink); }
.formation-price { display:flex; align-items:center; gap:30px; margin-top:26px; }
.formation-price strong { font-size:22px; }
.formation-price .text-link { margin:0; }
.code-formats { margin:30px 0 8px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.code-format { padding:25px; border:1px solid var(--line); border-radius:19px; background:#f8f8fa; }
.code-format.local-format { border-color:#ffd0e3; background:#fff7fa; }
.code-format>span { color:var(--pink); font-size:10px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.code-format h3 { margin:8px 0 10px; font-size:20px; }
.code-format p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.price-grid { max-width:920px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.price-card>p { color:var(--pink); font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.price-card h2 { min-height:58px; margin:12px 0; font-size:24px; }
.price-card .price { display:block; margin-top:20px; font-size:42px; letter-spacing:-.04em; }
.price-card>small { color:var(--muted); }
.price-card .button { width:100%; margin-top:12px; }
.tariff-notice { margin-bottom:52px; padding:20px 24px; border:1px solid #ffd0e3; border-radius:16px; display:flex; align-items:center; gap:16px; background:#fff6fa; color:#555b65; }
.tariff-notice span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; color:#fff; background:var(--pink); font-weight:850; }
.tariff-notice p { margin:0; line-height:1.5; }
.price-badge { display:inline-block; margin-bottom:18px; padding:7px 11px; border-radius:8px; color:#555b65; background:#f0f1f3; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.pending-price { font-size:31px!important; }
.price-footnote { margin:28px 0 0; text-align:center; color:var(--muted); font-size:12px; }
.offer-switcher { max-width:1100px; margin:0 auto; }
.mode-switch { width:max-content; max-width:100%; margin:0 auto 38px; padding:5px; display:flex; border-radius:999px; background:#eceef1; }
.mode-switch button { min-width:190px; padding:14px 23px; border:0; border-radius:999px; color:#686d77; background:transparent; font:inherit; font-weight:800; cursor:pointer; transition:.2s ease; }
.mode-switch button.active { color:#fff; background:var(--pink); box-shadow:0 9px 22px rgba(245,7,108,.25); }
.mode-intro { max-width:680px; margin:0 auto 42px; text-align:center; }
.mode-intro>span { color:var(--pink); font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.mode-intro h2 { margin:9px 0 10px; font-size:42px; letter-spacing:-.04em; }
.mode-intro p { color:var(--muted); line-height:1.6; }
.transmission-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.transmission-card { padding:35px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(16,18,25,.07); }
.transmission-card.automatic-card { border-color:#ffd0e3; }
.transmission-top { display:grid; grid-template-columns:auto 1fr auto; gap:15px; align-items:center; padding-bottom:25px; border-bottom:1px solid var(--line); }
.gear-icon { width:52px; height:52px; border-radius:16px; display:grid; place-items:center; color:var(--pink); background:#fff0f6; font-size:21px; font-weight:900; }
.transmission-top p,.transmission-top h3 { margin:2px 0; }
.transmission-top p { color:var(--pink); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.transmission-top h3 { font-size:23px; }
.transmission-top>strong { padding:8px 11px; border-radius:9px; color:#525762; background:#f1f2f4; font-size:11px; white-space:nowrap; }
.hours-choice { margin:22px 0 0; }
.hours-choice>p { margin:0 0 10px; color:#676c76; font-size:12px; font-weight:750; }
.hours-choice>div { display:flex; gap:7px; padding:5px; border-radius:12px; background:#f1f2f4; }
.hours-choice button { flex:1; padding:10px 12px; border:0; border-radius:9px; color:#646974; background:transparent; font:inherit; font-size:13px; font-weight:850; cursor:pointer; transition:.18s ease; }
.hours-choice button.active { color:#fff; background:var(--pink); box-shadow:0 6px 15px rgba(245,7,108,.22); }
.pack-lines { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:25px 0; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--line); }
.pack-lines>div { padding:19px; background:#fafafd; }
.pack-lines span { color:var(--pink); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.pack-lines h4 { margin:6px 0 14px; font-size:16px; }
.pack-lines b { color:#4f5460; font-size:14px; }
.transmission-card ul { padding:0; margin:0 0 28px; list-style:none; display:grid; gap:10px; color:#5d626d; font-size:14px; }
.transmission-card li::first-letter { color:var(--pink); }
.transmission-card .button { width:100%; }
.comparison-section { padding-top:30px; }
.comparison-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:22px; }
.comparison-table { width:100%; min-width:720px; border-collapse:collapse; background:#fff; }
.comparison-table th,.comparison-table td { padding:20px 24px; border-bottom:1px solid var(--line); text-align:center; }
.comparison-table th:first-child,.comparison-table td:first-child { text-align:left; font-weight:700; }
.comparison-table th { color:#fff; background:#171920; }
.comparison-table .highlight { background:#fff4f8; }
.comparison-table th.highlight { color:#fff; background:var(--pink); }
.comparison-table .check { margin-right:7px; color:var(--pink); font-weight:900; }
.extras-section .section-heading>p:last-child { color:#a8acb5; }
.extras-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; overflow:hidden; border:1px solid #333640; border-radius:22px; background:#333640; }
.extras-grid article { padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:25px; background:#171920; }
.extras-grid h3 { margin:0 0 7px; font-size:17px; }
.extras-grid p { margin:0; color:#9297a3; font-size:13px; }
.extras-grid strong { color:var(--pink); white-space:nowrap; font-size:20px; }
.calculator { max-width:980px; margin:auto; display:grid; grid-template-columns:1.2fr .8fr; overflow:hidden; border-radius:26px; background:#fff; box-shadow:0 24px 70px rgba(15,16,23,.1); }
.calculator-controls { padding:48px; display:flex; flex-direction:column; }
.calculator label { margin:0 0 10px; font-weight:750; }
.calculator select,.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:16px; border:1px solid #dcdde2; border-radius:12px; background:#fff; font:inherit; outline:none; }
.calculator select:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(245,7,108,.09); }
.calculator input[type=range] { margin-top:15px; accent-color:var(--pink); }
.calculator-controls label:nth-of-type(2) { margin-top:34px; display:flex; justify-content:space-between; }
.range-labels { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; }
.calculator-notes { display:grid; gap:11px; margin-top:38px; color:#555b65; font-size:14px; }
.calculator-notes span::first-letter { color:var(--pink); }
.estimate { padding:48px; background:#15171e; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.estimate>p:first-child { color:#a8acb5; }
.estimate h2 { margin:8px 0; color:var(--pink); font-size:54px; }
.estimate small { color:#a8acb5; }
.estimate hr { width:100%; margin:28px 0; border:0; border-top:1px solid #383b44; }
.estimate-detail { line-height:1.7; }
.estimate .button { margin:20px 0 12px; }
.estimate em { color:#858a95; font-size:11px; font-style:normal; text-align:center; }
.estimate .estimate-pending { font-size:42px; line-height:1.05; }
.payment-section { display:grid; grid-template-columns:1fr 1fr; gap:9%; align-items:center; }
.payment-section h2 { margin:10px 0 20px; font-size:clamp(38px,4vw,58px); line-height:1.06; letter-spacing:-.045em; }
.payment-section>div:first-child>p:last-child { color:var(--muted); line-height:1.7; }
.payment-points { display:grid; gap:16px; }
.payment-points article { display:flex; align-items:center; gap:18px; padding:20px; border:1px solid var(--line); border-radius:16px; }
.payment-points article>span { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; color:var(--pink); background:#fff0f6; font-weight:900; }
.payment-points h3,.payment-points p { margin:3px 0; }
.payment-points h3 { font-size:16px; }
.payment-points p { color:var(--muted); font-size:13px; }
.faq { max-width:1000px; margin:auto; }
.faq details { padding:25px 0; border-top:1px solid var(--line); }
.faq summary { cursor:pointer; font-weight:750; font-size:18px; }
.faq details p { color:var(--muted); line-height:1.6; }
.story { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; }
.story-photo { aspect-ratio:4/3; }
.story>div:last-child>p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.75; }
.values .cards-grid article { padding:35px 30px 10px 0; border-top:1px solid #3a3c44; }
.values p { color:#a6aab4; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); padding:70px max(5vw,calc((100vw - 1100px)/2)); text-align:center; }
.stats div { border-right:1px solid var(--line); }
.stats div:last-child { border:0; }
.stats strong { display:block; color:var(--pink); font-size:48px; letter-spacing:-.04em; }
.stats span { color:var(--muted); }
.disclaimer { text-align:center; color:var(--muted); font-size:11px; margin:-40px 0 50px; }
.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:8%; align-items:start; }
.contact-layout>div>p:not(.eyebrow) { color:var(--muted); line-height:1.7; }
.contact-details { margin:35px 0; display:grid; gap:22px; }
.contact-details article { display:flex; gap:16px; align-items:center; }
.contact-details article>span { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; color:var(--pink); background:#fff0f6; font-weight:900; }
.contact-details b,.contact-details a,.contact-details p { display:block; margin:3px 0; }
.contact-details a,.contact-details p { color:var(--muted); }
.hours { padding:25px; border-radius:18px; background:#f7f7f9; }
.hours p { display:flex; justify-content:space-between; margin:12px 0!important; font-size:14px; }
.contact-form { padding:42px; border-radius:24px; display:grid; gap:20px; background:#fff; box-shadow:0 20px 65px rgba(15,16,23,.1); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form label { display:grid; gap:9px; color:#343842; font-size:13px; font-weight:750; }
.contact-form .checkbox { display:flex; grid-template-columns:auto 1fr; align-items:flex-start; font-weight:450; line-height:1.4; color:var(--muted); }
.contact-form .checkbox input { width:auto; margin-top:3px; accent-color:var(--pink); }
.contact-form .button { border:0; cursor:pointer; }
.contact-form>small { color:var(--muted); text-align:center; line-height:1.4; }
.form-success { min-height:450px; padding:50px; border-radius:24px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f7f7f9; }
.form-success>span { width:70px; height:70px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--pink); font-size:30px; }
.form-success h2 { font-size:30px; }
.form-success p { max-width:450px; color:var(--muted); line-height:1.6; }
.form-success button { border:0; background:transparent; cursor:pointer; }
.map-placeholder { height:360px; display:grid; place-items:center; text-align:center; background-color:#ededf0; background-image:linear-gradient(30deg,#e1e1e5 12%,transparent 12.5%,transparent 87%,#e1e1e5 87.5%),linear-gradient(150deg,#e1e1e5 12%,transparent 12.5%,transparent 87%,#e1e1e5 87.5%); background-size:80px 140px; }
.map-placeholder>div { padding:24px 38px; border-radius:18px; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.13); }
.map-placeholder span { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 12px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); color:#fff; background:var(--pink); font-weight:850; }
.map-placeholder span::first-line { transform:rotate(45deg); }
.map-placeholder strong,.map-placeholder p { display:block; margin:6px; }
.map-placeholder p { color:var(--muted); font-size:13px; }
.student-login-page { min-height:720px; padding:90px max(5vw,calc((100vw - 1200px)/2)); display:grid; grid-template-columns:1.1fr .9fr; gap:9%; align-items:center; color:#fff; background:radial-gradient(circle at 18% 25%,#30333d 0,#161820 35%,#0e0f14 80%); }
.login-presentation h1 { margin:16px 0 24px; font-size:clamp(52px,5vw,76px); line-height:1; letter-spacing:-.055em; }
.login-presentation h1 em { color:var(--pink); font-style:normal; }
.login-presentation>p:last-of-type { max-width:580px; color:#b6bac4; font-size:18px; line-height:1.7; }
.login-benefits { margin-top:35px; display:flex; flex-wrap:wrap; gap:10px; }
.login-benefits span { padding:10px 14px; border:1px solid #383b44; border-radius:999px; color:#d5d7dd; font-size:12px; }
.login-card { padding:42px; border-radius:26px; color:var(--ink); background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.login-mark { float:right; width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:#f6f6f8; font-size:17px; font-weight:900; }
.login-mark span { color:var(--pink); }
.login-card h2 { margin:8px 0; font-size:34px; letter-spacing:-.04em; }
.login-card>p:not(.eyebrow) { color:var(--muted); }
.login-card form { margin-top:28px; display:grid; gap:18px; }
.login-card form>label { display:grid; gap:8px; color:#3d424c; font-size:13px; font-weight:750; }
.login-card input[type=email],.login-card input[type=password] { width:100%; padding:15px 16px; border:1px solid #dadce1; border-radius:12px; font:inherit; outline:none; }
.login-card input:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(245,7,108,.08); }
.login-options { display:flex; justify-content:space-between; gap:15px; color:#737984; font-size:12px; }
.login-options label { display:flex; gap:7px; align-items:center; }
.login-options input { accent-color:var(--pink); }
.login-options a { color:var(--pink); font-weight:750; }
.login-card .button { width:100%; border:0; cursor:pointer; }
.login-card>small { display:block; margin-top:18px; color:#9397a0; text-align:center; line-height:1.45; }
.signup-section { padding:110px max(5vw,calc((100vw - 1280px)/2)); display:grid; grid-template-columns:.75fr 1.25fr; gap:8%; align-items:center; background:#f5f5f7; scroll-margin-top:30px; }
.signup-intro h2 { margin:12px 0 20px; font-size:clamp(42px,4vw,62px); line-height:1.04; letter-spacing:-.045em; }
.signup-intro>p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.7; }
.signup-reassurance { margin-top:28px; display:flex; flex-wrap:wrap; gap:9px; }
.signup-reassurance span { padding:9px 12px; border-radius:999px; color:#545a64; background:#fff; font-size:11px; font-weight:750; }
.quick-signup { min-height:500px; padding:42px; border-radius:26px; background:#fff; box-shadow:0 22px 65px rgba(15,16,23,.1); }
.quiz-progress { display:flex; align-items:center; margin-bottom:38px; }
.quiz-progress span { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; color:#a1a5ad; background:#eceef1; font-size:12px; font-weight:850; }
.quiz-progress span.active { color:#fff; background:var(--pink); }
.quiz-progress i { height:3px; flex:1; background:#eceef1; }
.quiz-progress i.active { background:var(--pink); }
.quiz-label { margin:0 0 8px; color:var(--pink)!important; font-size:10px!important; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.quiz-step h3,.quick-success h3 { margin:0 0 28px; font-size:30px; letter-spacing:-.035em; }
.quiz-options { display:grid; gap:12px; }
.quiz-options.two { grid-template-columns:1fr 1fr; }
.quiz-options button { min-height:140px; padding:24px; border:1px solid #dedfe4; border-radius:18px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; background:#fff; cursor:pointer; }
.quiz-options button.selected { border-color:var(--pink); box-shadow:0 0 0 3px rgba(245,7,108,.08); background:#fff8fb; }
.quiz-options b { margin-bottom:9px; font-size:18px; }
.quiz-options span { color:var(--muted); line-height:1.45; }
.quiz-next { margin-top:24px; float:right; border:0; cursor:pointer; }
.quiz-choice-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.quiz-choice-row label,.quiz-hours>label { display:block; margin-bottom:9px; color:#555b65; font-size:12px; font-weight:750; }
.mini-switch { padding:5px; display:flex; gap:5px; border-radius:12px; background:#f0f1f3; }
.mini-switch button { flex:1; padding:11px 8px; border:0; border-radius:9px; color:#646a75; background:transparent; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.mini-switch button.selected { color:#fff; background:var(--pink); box-shadow:0 5px 14px rgba(245,7,108,.2); }
.quiz-hours { margin-top:22px; }
.quiz-nav { margin-top:30px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.quiz-nav>button:not(.button) { padding:12px 0; border:0; color:#707580; background:transparent; font:inherit; font-weight:750; cursor:pointer; }
.quiz-nav .button { width:auto; border:0; cursor:pointer; }
.quiz-summary { margin-bottom:22px; display:flex; flex-wrap:wrap; gap:7px; }
.quiz-summary span { padding:7px 10px; border-radius:999px; color:var(--pink); background:#fff0f6; font-size:10px; font-weight:800; }
.quiz-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.quiz-fields label { display:grid; gap:7px; color:#555b65; font-size:12px; font-weight:750; }
.quiz-fields label.full { grid-column:1 / -1; }
.quiz-fields input { width:100%; padding:14px; border:1px solid #dcdde2; border-radius:11px; font:inherit; outline:none; }
.quiz-fields input:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(245,7,108,.08); }
.quiz-consent { margin-top:17px; display:flex; gap:8px; align-items:flex-start; color:#777c86; font-size:11px; line-height:1.4; }
.quiz-consent input { accent-color:var(--pink); }
.quiz-step>small { display:block; margin-top:16px; color:#9a9ea6; font-size:10px; line-height:1.4; text-align:center; }
.quick-success { min-height:410px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.quick-success>span { width:65px; height:65px; margin-bottom:20px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--pink); font-size:28px; }
.quick-success h3 { max-width:520px; margin-bottom:12px; }
.quick-success>p:not(.quiz-label) { max-width:510px; color:var(--muted); line-height:1.6; }
.quick-success button { margin-top:12px; border:0; color:var(--pink); background:transparent; font:inherit; font-weight:800; cursor:pointer; }
@media (max-width:980px) { .site-header nav { display:none; } .site-header nav.open { position:absolute; z-index:20; display:flex; flex-direction:column; align-items:stretch; gap:0; top:78px; left:0; right:0; padding:16px 24px 25px; background:#fff; box-shadow:0 15px 30px rgba(0,0,0,.12); } .site-header nav.open a { padding:14px 0; border-bottom:1px solid var(--line); } .site-header nav.open .mobile-login { display:block; margin-top:14px; padding:14px; border:1px solid var(--pink); border-radius:99px; text-align:center; color:var(--pink); } .site-header nav.open .mobile-cta { display:block; margin-top:10px; padding:15px; border:0; border-radius:99px; text-align:center; color:#fff; background:var(--pink); } .header-actions { display:none; } .menu-button { margin-left:auto; display:block; } .hero { grid-template-columns:1fr; } .hero-copy { padding:68px 7vw 410px; } .hero-visual { position:absolute; inset:auto 0 0; min-height:390px; opacity:.55; } .car-card { width:420px; right:-70px; } .benefits { padding:0; } .cards-grid,.price-grid { grid-template-columns:1fr; } .feature-card.featured,.price-card.featured { transform:none; } .steps { grid-template-columns:repeat(2,1fr); } .student-space-section { grid-template-columns:1fr; gap:65px; } .student-dashboard { max-width:680px; width:100%; margin:auto; } .footer-main { grid-template-columns:1.5fr 1fr; } .calculator,.story,.contact-layout,.payment-section,.student-login-page,.signup-section { grid-template-columns:1fr; } .contact-layout { gap:50px; } .student-login-page { padding-top:70px; gap:55px; } .signup-section { gap:45px; } }
@media (max-width:980px) { .hero-visual-photo { opacity:1; } .hero-photo-card { width:min(520px,82%); right:-25px; top:54%; } }
@media (max-width:680px) { .site-header { position:relative; height:78px; padding:0 18px; } .brand img { width:155px; height:61px; } .hero { min-height:740px; } .hero-copy { align-self:start; padding:54px 24px 360px; } .hero h1 { font-size:46px; } .hero-intro { font-size:18px; max-width:320px; } .actions { display:grid; } .button { width:100%; } .hero-visual { min-height:350px; } .car-card { width:340px; right:-55px; } .benefits { grid-template-columns:1fr; padding:12px 24px; } .benefits article { padding:20px 0; border-right:0; border-bottom:1px solid var(--line); } .home-intro { padding:70px 24px; grid-template-columns:1fr; gap:18px; } .section { padding:75px 24px; } .cards-grid { gap:15px; } .steps { grid-template-columns:1fr; } .steps article,.steps article:not(:first-child) { padding:24px 0; border-right:0; border-bottom:1px solid var(--line); } .student-space-section { padding:75px 24px; } .student-dashboard { padding:20px 14px; transform:none; } .progress-panel { grid-template-columns:1fr; } .progress-ring { width:82px; height:82px; } .dashboard-grid { grid-template-columns:1fr; } .signup-section { padding:75px 24px; } .quick-signup { min-height:560px; padding:28px 18px; } .quiz-options.two,.quiz-choice-row,.quiz-fields { grid-template-columns:1fr; } .quiz-fields label.full { grid-column:auto; } .quiz-options button { min-height:115px; } .quiz-nav { align-items:stretch; flex-direction:column-reverse; } .quiz-nav .button { width:100%; } .quiz-nav>button:not(.button) { text-align:left; } .cta-band { flex-direction:column; align-items:flex-start; padding:58px 24px; } .cta-band>div:last-child { width:100%; flex-direction:column; } .footer { padding:55px 24px 25px; } .footer-main { grid-template-columns:1fr; gap:28px; } .footer-bottom { flex-direction:column; gap:10px; } .page-hero,.page-hero.compact { min-height:auto; padding:72px 24px; } .page-hero h1 { font-size:48px; } .formation-list { padding:20px 24px 70px; } .formation-row { padding:48px 0; gap:35px; } .formation-art { min-height:290px; } .formation-row h2 { font-size:38px; } .formation-price { align-items:flex-start; flex-direction:column; gap:5px; } .calculator-controls,.estimate { padding:32px 24px; } .estimate h2 { font-size:46px; } .story-art { margin-bottom:10px; } .values .cards-grid { gap:25px; } .stats { grid-template-columns:1fr; padding:50px 24px; gap:28px; } .stats div { border-right:0; border-bottom:1px solid var(--line); padding-bottom:28px; } .disclaimer { margin:-20px 24px 35px; } .contact-form { padding:28px 20px; } .form-row { grid-template-columns:1fr; } .tariff-notice { align-items:flex-start; } .extras-grid { grid-template-columns:1fr; } .extras-grid article { align-items:flex-start; flex-direction:column; gap:12px; } .mode-switch { width:100%; } .mode-switch button { min-width:0; width:50%; padding:12px 10px; font-size:13px; } .transmission-grid { grid-template-columns:1fr; } .transmission-card { padding:25px 20px; } .transmission-top { grid-template-columns:auto 1fr; } .transmission-top>strong { grid-column:1 / -1; width:max-content; } .pack-lines { grid-template-columns:1fr; } }
@media (max-width:680px) { .formation-row { grid-template-columns:1fr; gap:24px; } .formation-number { position:static; width:54px; height:54px; border-radius:16px; } }

/* Finition mobile oVolant — optimisée dès 320 px */
@media (max-width:680px) {
  html,body { max-width:100%; overflow-x:hidden; }
  .site-header { height:72px; padding:0 16px; gap:10px; }
  .brand img { width:152px; height:58px; }
  .menu-button { padding:7px 2px; }
  .menu-button span { width:25px; height:3px; margin:4px; }
  .site-header nav.open { top:72px; padding:11px 18px 20px; }
  .site-header nav.open a { padding:12px 0; font-size:14px; }
  .site-header nav.open .mobile-login,
  .site-header nav.open .mobile-cta { padding:13px; }

  .eyebrow { font-size:10px; letter-spacing:.15em; }
  .hero { min-height:680px; }
  .hero-copy { padding:46px 20px 326px; }
  .hero h1 { margin:14px 0 18px; font-size:42px; line-height:1.01; letter-spacing:-.045em; }
  .hero-intro { max-width:295px; font-size:17px; line-height:1.5; }
  .actions { margin-top:26px; gap:10px; }
  .button { min-height:50px; padding:0 18px; font-size:14px; }
  .hero-visual { min-height:310px; }
  .car-card { width:300px; right:-46px; border-bottom-width:17px; }
  .hero-photo-card { width:88%; right:6%; top:52%; transform:translateY(-50%) rotate(-1deg); border-width:4px; border-radius:19px; box-shadow:-18px 24px 45px rgba(0,0,0,.38); }
  .car-card strong { font-size:47px; }
  .car-label { padding:6px 11px; font-size:10px; transform:translateY(-18px); }

  .benefits { padding:8px 20px; }
  .benefits article { padding:17px 0; gap:15px; }
  .benefit-icon { width:44px; height:44px; border-radius:14px; }
  .home-intro { padding:62px 20px; }
  .home-intro h2,
  .section-heading h2,
  .contact-layout h2,
  .story h2 { font-size:36px; line-height:1.08; }
  .home-intro>p,
  .section-heading>p:last-child { font-size:16px; line-height:1.65; }
  .section { padding:66px 20px; }
  .section-heading { margin-bottom:34px; }
  .section-heading.centered { margin-bottom:38px; }
  .feature-card,.price-card { padding:27px 23px; border-radius:19px; }
  .feature-card h3 { font-size:24px; }
  .steps article,.steps article:not(:first-child) { padding:22px 0; }
  .steps h3 { margin:17px 0 7px; font-size:20px; }
  .student-space-section { padding:68px 20px; gap:48px; }
  .student-space-copy h2,
  .signup-intro h2 { font-size:38px; line-height:1.07; }
  .student-space-copy>p:not(.eyebrow),
  .signup-intro>p:not(.eyebrow) { font-size:16px; }
  .student-dashboard { padding:17px 12px; border-radius:22px; }
  .progress-panel { padding:19px; gap:15px; }
  .quote-section { padding:70px 20px; }
  .quote-section blockquote { font-size:27px; }

  .signup-section { padding:68px 20px; gap:36px; }
  .quick-signup { min-height:0; padding:24px 16px; border-radius:21px; }
  .quiz-progress { margin-bottom:29px; }
  .quiz-step h3,.quick-success h3 { font-size:26px; }
  .quiz-options button { min-height:104px; padding:19px; }

  .page-hero,.page-hero.compact { padding:62px 20px; }
  .page-hero h1 { margin:14px 0 16px; font-size:43px; line-height:1.02; }
  .page-hero>p:last-child { font-size:16px; }
  .formation-list { padding:16px 20px 62px; }
  .formation-showcase { padding:58px 20px 20px; grid-template-columns:1fr; gap:35px; }
  .formation-showcase figure,.story-photo { border-radius:20px; box-shadow:0 16px 38px rgba(15,16,23,.13); }
  .formation-showcase figure::before,.story-photo::before { inset:11px; border-radius:13px; }
  .formation-showcase figcaption,.story-photo figcaption { left:20px; right:20px; bottom:18px; }
  .formation-showcase figcaption strong,.story-photo figcaption strong { font-size:17px; }
  .formation-showcase h2 { margin:8px 0 14px; font-size:35px; }
  .formation-showcase>div>p:not(.eyebrow) { font-size:16px; }
  .formation-showcase-points { margin-top:20px; }
  .formation-row { padding:42px 0; }
  .formation-row h2 { font-size:35px; }
  .formation-lead { font-size:16px; }
  .formation-number svg { width:27px; height:27px; }
  .code-formats { margin-top:24px; grid-template-columns:1fr; gap:11px; }
  .code-format { padding:20px; border-radius:17px; }
  .code-format h3 { font-size:18px; }

  .tariff-notice { display:block; margin-bottom:34px; padding:17px 18px; border-radius:14px; font-size:14px; }
  .tariff-notice span { width:28px; height:28px; margin:0 0 11px; }
  .mode-switch { margin-bottom:30px; padding:4px; }
  .mode-switch button { min-height:45px; padding:9px 7px; font-size:12px; line-height:1.25; }
  .mode-intro { margin-bottom:31px; }
  .mode-intro h2 { margin:7px 0 9px; font-size:34px; }
  .mode-intro p { margin:0; font-size:14px; }
  .transmission-grid { gap:18px; }
  .transmission-card { padding:22px 17px; border-radius:20px; }
  .transmission-top { gap:12px; padding-bottom:19px; }
  .gear-icon { width:46px; height:46px; border-radius:14px; }
  .transmission-top h3 { font-size:21px; }
  .hours-choice { margin-top:18px; }
  .hours-choice>div { gap:4px; }
  .hours-choice button { padding:10px 6px; }
  .pack-lines { margin:20px 0; }
  .pack-lines>div { padding:16px; }
  .transmission-card ul { margin-bottom:22px; font-size:13px; }
  .comparison-section { padding-top:18px; }
  .extras-grid article { padding:23px 20px; }
  .calculator { border-radius:21px; }
  .calculator-controls,.estimate { padding:28px 20px; }
  .estimate h2,.estimate .estimate-pending { font-size:38px; }
  .payment-section { gap:38px; }
  .payment-section h2 { font-size:36px; }
  .faq summary { font-size:16px; }

  .story { gap:34px; }
  .story-art { border-radius:22px; }
  .story-art>span { font-size:53px; }
  .stats strong { font-size:42px; }
  .student-login-page { padding:58px 20px; gap:40px; }
  .login-presentation h1 { font-size:43px; }
  .login-card { padding:27px 20px; border-radius:21px; }
  .login-card h2 { font-size:30px; }

  .cta-band { padding:52px 20px; gap:28px; }
  .cta-band h2 { font-size:35px; }
  .footer { padding:48px 20px 23px; }
  .footer-main { gap:24px; }
  .social-links { margin-top:18px; }
  .social-link { width:42px; height:42px; border-radius:13px; }
  .footer-bottom { margin-top:36px; }
}

@media (max-width:360px) {
  .hero h1 { font-size:39px; }
  .page-hero h1 { font-size:39px; }
  .student-space-copy h2,.signup-intro h2 { font-size:35px; }
  .mode-switch button { font-size:11px; }
  .transmission-card { padding-left:14px; padding-right:14px; }
}