/* ════════════════════════════════════════════════════
   MARCEL — Feuille de style globale
   heymarcel.fr — v1.0
   ════════════════════════════════════════════════════ */

/* ── RESET & VARIABLES ── */
:root {
  --anthracite:       #181818;
  --anthracite-mid:   #212121;
  --anthracite-light: #2C2C2C;
  --orange:           #F04E1B;
  --orange-light:     #FF6B38;
  --white:            #F4F1EC;
  --grey:             #7A7A7A;
  --grey-light:       #BEBAB2;
  --nav-h:            72px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--anthracite);
  color: var(--white);
  font-family: 'Barlow', sans-serif;
  overflow-x: hidden;
  cursor: none;
}
img { max-width: 100%; display: block; }
a { color: inherit; }

/* ── CURSOR (desktop only) ── */
.cursor      { position:fixed; width:10px; height:10px; background:var(--orange); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:transform .1s; }
.cursor-ring { position:fixed; width:34px; height:34px; border:1.5px solid rgba(240,78,27,.45); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .2s, height .2s; }
@media(hover:none){ .cursor,.cursor-ring{ display:none; } body{ cursor:auto; } }

/* ── NAV ── */
nav#nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 52px; height:var(--nav-h);
  background:rgba(24,24,24,.95); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(240,78,27,.1);
  transition:border-color .3s;
}
.nav-logo {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900; font-size:26px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--white); text-decoration:none;
}
.nav-logo span { color:var(--orange); }
.nav-links { display:flex; gap:32px; list-style:none; align-items:center; }
.nav-links a {
  color:var(--grey-light); text-decoration:none; font-size:12px;
  font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  transition:color .2s;
}
.nav-links a:hover { color:var(--orange); }
.nav-cta {
  background:var(--orange) !important; color:#fff !important; padding:9px 22px !important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  font-weight:700 !important; transition:background .2s !important;
}
.nav-cta:hover { background:var(--orange-light) !important; }

/* Burger mobile */
.nav-burger {
  display:none; flex-direction:column; gap:5px; background:none;
  border:none; cursor:pointer; padding:4px;
}
.nav-burger span { width:24px; height:2px; background:var(--white); display:block; transition:.3s; }
.nav-burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-burger.open span:nth-child(2){ opacity:0; }
.nav-burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ── SECTIONS ── */
section { padding:100px 52px; position:relative; }
.label {
  font-size:10px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--orange);
  display:flex; align-items:center; gap:12px; margin-bottom:20px;
}
.label::before { content:''; width:24px; height:2px; background:var(--orange); }
h2.title {
  font-family:'Barlow Condensed',sans-serif; font-weight:900;
  font-size:clamp(40px,5.5vw,76px); text-transform:uppercase;
  line-height:.93; letter-spacing:-.01em;
}
h2.title span { color:var(--orange); }

/* ── STRIP DÉFILANT ── */
.strip { background:var(--orange); padding:14px 0; overflow:hidden; white-space:nowrap; }
.strip-inner { display:inline-flex; animation:marquee 22s linear infinite; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.strip-item {
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:14px; letter-spacing:.12em; text-transform:uppercase;
  color:#fff; flex-shrink:0; padding:0 28px;
  display:flex; align-items:center; gap:28px;
}
.strip-item::after { content:'◆'; font-size:7px; opacity:.5; }

/* ── BUTTONS ── */
.btn-primary {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--orange); color:#fff;
  font-family:'Barlow Condensed',sans-serif; font-weight:800;
  font-size:18px; letter-spacing:.07em; text-transform:uppercase;
  text-decoration:none; padding:18px 38px;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:background .2s, transform .2s; position:relative; overflow:hidden;
}
.btn-primary::after { content:''; position:absolute; inset:0; background:rgba(255,255,255,.1); transform:translateX(-100%); transition:transform .3s; }
.btn-primary:hover::after { transform:translateX(0); }
.btn-primary:hover { transform:translateY(-2px); }

.btn-ghost {
  color:var(--grey-light); font-size:14px; font-weight:500;
  letter-spacing:.04em; text-decoration:none;
  display:inline-flex; align-items:center; gap:6px; transition:color .2s;
}
.btn-ghost:hover { color:var(--white); }
.btn-ghost svg { transition:transform .2s; }
.btn-ghost:hover svg { transform:translateX(4px); }

.btn-wa {
  display:inline-flex; align-items:center; gap:14px;
  background:#fff; color:var(--orange);
  font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:24px;
  letter-spacing:.07em; text-transform:uppercase; text-decoration:none;
  padding:22px 52px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  transition:transform .2s, box-shadow .2s;
}
.btn-wa:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 20px 40px rgba(0,0,0,.15); }

/* ── STEPS ── */
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:60px; background:rgba(255,255,255,.045); }
.step { background:var(--anthracite); padding:44px 32px; position:relative; overflow:hidden; transition:background .3s; }
.step:hover { background:var(--anthracite-mid); }
.step::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:transparent; transition:background .3s; }
.step:hover::after { background:var(--orange); }
.step-bg { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:88px; line-height:1; color:rgba(240,78,27,.07); position:absolute; top:12px; right:20px; transition:color .3s; }
.step:hover .step-bg { color:rgba(240,78,27,.14); }
.step-ico { width:46px; height:46px; background:rgba(240,78,27,.1); border:1px solid rgba(240,78,27,.2); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:22px; }
.step h3 { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:24px; text-transform:uppercase; letter-spacing:.02em; margin-bottom:10px; }
.step p { color:var(--grey-light); font-size:14px; line-height:1.7; }
.step-ex { margin-top:18px; padding:10px 14px; background:rgba(240,78,27,.06); border-left:3px solid var(--orange); font-size:12px; color:var(--grey-light); font-style:italic; border-radius:0 5px 5px 0; }

/* ── COMPARE TABLE ── */
.compare-wrap { margin-top:56px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); overflow:hidden; display:grid; grid-template-columns:1fr 1fr; gap:1px; }
.col-head { padding:18px 30px; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:18px; text-transform:uppercase; letter-spacing:.06em; display:flex; align-items:center; gap:10px; }
.col-head.bef { background:rgba(255,255,255,.02); color:var(--grey); }
.col-head.aft { background:rgba(240,78,27,.1); color:var(--orange); }
.c-cell { padding:16px 30px; font-size:14px; line-height:1.55; border-top:1px solid rgba(255,255,255,.035); display:flex; align-items:center; gap:10px; }
.c-cell.bef { background:var(--anthracite-mid); color:var(--grey); }
.c-cell.aft { background:rgba(240,78,27,.04); color:var(--white); }
.c-cell.bef::before { content:'✕'; color:rgba(255,255,255,.18); flex-shrink:0; font-size:12px; }
.c-cell.aft::before { content:'✓'; color:var(--orange); flex-shrink:0; font-weight:700; }

/* ── TÉMOIGNAGE ── */
.testimony { background:var(--orange); padding:80px 52px; position:relative; overflow:hidden; }
.testimony::before { content:'❝'; position:absolute; top:-40px; left:28px; font-size:220px; color:rgba(255,255,255,.07); font-family:'Barlow Condensed',sans-serif; line-height:1; pointer-events:none; }
.testimony blockquote { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(24px,3.5vw,50px); text-transform:uppercase; line-height:1.18; max-width:860px; color:#fff; position:relative; }
.testimony cite { display:block; margin-top:26px; font-style:normal; font-family:'Barlow',sans-serif; font-size:14px; font-weight:600; color:rgba(255,255,255,.7); text-transform:none; }

/* ── FAQ ── */
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.04); margin-top:56px; }
.faq-item { background:var(--anthracite); padding:30px; transition:background .2s; }
.faq-item:hover { background:var(--anthracite-mid); }
.faq-q { font-size:15px; font-weight:600; margin-bottom:10px; display:flex; justify-content:space-between; align-items:flex-start; gap:10px; cursor:default; }
.faq-q::after { content:'＋'; color:var(--orange); flex-shrink:0; }
.faq-a { font-size:13px; color:var(--grey-light); line-height:1.72; }

/* ── PRICING ── */
.pricing-wrap { max-width:520px; margin:56px auto 0; }
.price-card { background:var(--anthracite-light); border:1px solid rgba(240,78,27,.3); padding:52px 44px; position:relative; clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px)); }
.price-top-badge { position:absolute; top:-1px; right:36px; background:var(--orange); padding:5px 16px; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.price-row { display:flex; align-items:baseline; gap:6px; }
.price-eur { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:28px; color:var(--orange); align-self:flex-start; padding-top:18px; }
.price-n { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:100px; line-height:1; }
.price-mo { font-size:16px; color:var(--grey); align-self:flex-end; padding-bottom:10px; }
.price-sub { font-size:13px; color:var(--grey); font-style:italic; margin:4px 0 32px; }
.price-list { list-style:none; display:grid; gap:13px; margin-bottom:36px; }
.price-list li { display:flex; align-items:flex-start; gap:11px; font-size:14px; color:var(--grey-light); line-height:1.55; }
.price-list li::before { content:'◆'; color:var(--orange); font-size:8px; flex-shrink:0; margin-top:5px; }
.price-list li strong { color:var(--white); font-weight:600; }
.price-roi { background:rgba(240,78,27,.08); border:1px solid rgba(240,78,27,.18); padding:14px 18px; margin-bottom:30px; font-size:13px; color:var(--white); line-height:1.65; border-radius:2px; }
.price-roi strong { color:var(--orange); }
.btn-price { display:block; text-align:center; background:var(--orange); color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:20px; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; padding:20px; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); transition:background .2s, transform .2s; }
.btn-price:hover { background:var(--orange-light); transform:translateY(-2px); }
.btn-price-note { text-align:center; margin-top:13px; font-size:11px; color:var(--grey); letter-spacing:.04em; }

/* ── PHONE MOCKUP ── */
.phone-wrap { display:flex; justify-content:center; }
.phone { background:#0E0E0E; border-radius:34px; padding:22px 18px; border:2px solid rgba(255,255,255,.05); max-width:310px; width:100%; box-shadow:0 48px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(240,78,27,.08); position:relative; }
.phone-notch-bar { display:flex; justify-content:center; margin-bottom:18px; }
.phone-notch { width:90px; height:26px; background:#000; border-radius:0 0 16px 16px; }
.wa-header { display:flex; align-items:center; gap:10px; padding:0 4px 14px; border-bottom:1px solid rgba(255,255,255,.05); margin-bottom:14px; }
.wa-av { width:38px; height:38px; background:var(--orange); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.wa-name { font-size:13px; font-weight:700; }
.wa-status { font-size:10px; color:#4CAF50; margin-top:2px; }
.ts { font-size:10px; color:rgba(255,255,255,.25); text-align:center; margin:8px 0; }
.b { margin:6px 0; padding:9px 13px; border-radius:12px; font-size:12px; line-height:1.55; max-width:84%; opacity:0; animation:pop .3s ease forwards; }
@keyframes pop { from{transform:scale(.8);opacity:0} to{transform:scale(1);opacity:1} }
.b-u { background:#1A6B39; color:#fff; margin-left:auto; border-bottom-right-radius:3px; }
.b-a { background:#252525; color:var(--white); border-bottom-left-radius:3px; }
.b-hl { background:rgba(240,78,27,.13); border:1px solid rgba(240,78,27,.22); color:var(--white); border-bottom-left-radius:3px; }
.b-pdf { display:flex; align-items:center; gap:8px; background:#252525; border:1px solid rgba(240,78,27,.2); border-radius:10px; padding:9px 13px; margin:6px 0; font-size:12px; opacity:0; animation:pop .3s ease forwards; }
.pdf-ic { width:28px; height:28px; background:var(--orange); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:800; flex-shrink:0; color:#fff; }
.pdf-m { font-size:10px; color:var(--grey); margin-top:2px; }

/* ── CTA FINAL ── */
.cta-final { background:var(--orange); text-align:center; padding:120px 52px; position:relative; overflow:hidden; }
.cta-final::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:44px 44px; }
.cta-final-name { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(70px,14vw,160px); line-height:.88; text-transform:uppercase; color:#fff; position:relative; letter-spacing:-.02em; }
.cta-final-name span { color:rgba(255,255,255,.25); }
.cta-final h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(28px,4vw,54px); text-transform:uppercase; color:#fff; position:relative; margin-top:8px; letter-spacing:.02em; }
.cta-final p { font-size:17px; color:rgba(255,255,255,.75); margin:20px 0 44px; position:relative; }
.cta-note { margin-top:20px; font-size:12px; color:rgba(255,255,255,.55); position:relative; }

/* ── FOOTER ── */
footer { background:#0E0E0E; padding:36px 52px; border-top:1px solid rgba(255,255,255,.035); }
.footer-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.f-logo { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:22px; letter-spacing:.1em; text-transform:uppercase; }
.f-logo span { color:var(--orange); }
.f-copy { font-size:11px; color:var(--grey); }
.f-links { display:flex; gap:20px; flex-wrap:wrap; }
.f-links a { font-size:11px; color:var(--grey); text-decoration:none; transition:color .2s; }
.f-links a:hover { color:var(--orange); }

/* ── BREADCRUMB ── */
.breadcrumb { padding:calc(var(--nav-h) + 16px) 52px 0; font-size:12px; color:var(--grey); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.breadcrumb a { color:var(--grey); text-decoration:none; transition:color .2s; }
.breadcrumb a:hover { color:var(--orange); }
.breadcrumb span { color:var(--orange); }

/* ── REVEAL ANIMATION ── */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-d1 { transition-delay:.1s; }
.reveal-d2 { transition-delay:.2s; }
.reveal-d3 { transition-delay:.3s; }

/* ── BLOG ── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.blog-card { background:var(--anthracite-mid); border:1px solid rgba(255,255,255,.05); overflow:hidden; transition:border-color .2s, transform .2s; text-decoration:none; display:flex; flex-direction:column; }
.blog-card:hover { border-color:rgba(240,78,27,.35); transform:translateY(-4px); }
.blog-card-img { height:160px; background:linear-gradient(135deg,var(--anthracite-light),var(--anthracite)); display:flex; align-items:center; justify-content:center; font-size:40px; border-bottom:1px solid rgba(255,255,255,.04); }
.blog-card-body { padding:22px; flex:1; display:flex; flex-direction:column; }
.blog-card-tag { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--orange); margin-bottom:10px; }
.blog-card-title { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:20px; text-transform:uppercase; line-height:1.15; color:var(--white); margin-bottom:10px; }
.blog-card-desc { font-size:13px; color:var(--grey-light); line-height:1.65; flex:1; }
.blog-card-footer { margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.05); font-size:11px; color:var(--grey); display:flex; justify-content:space-between; }

/* ── ARTICLE ── */
.article-hero { padding:calc(var(--nav-h) + 60px) 52px 60px; background:var(--anthracite-mid); border-bottom:1px solid rgba(240,78,27,.12); }
.article-hero-tag { font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:16px; display:block; }
.article-hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(38px,6vw,72px); text-transform:uppercase; line-height:.95; letter-spacing:-.01em; max-width:820px; }
.article-hero .intro { font-size:18px; color:var(--grey-light); line-height:1.7; max-width:680px; margin-top:20px; }
.article-hero .meta { font-size:11px; color:var(--grey); margin-top:20px; }
.article-body { max-width:760px; margin:0 auto; padding:64px 52px; }
.article-body h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:34px; text-transform:uppercase; margin:48px 0 16px; color:var(--white); }
.article-body h3 { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:24px; text-transform:uppercase; margin:32px 0 12px; color:var(--white); }
.article-body p { color:var(--grey-light); font-size:16px; line-height:1.8; margin-bottom:18px; }
.article-body p strong { color:var(--white); }
.article-body ul { margin:16px 0 24px 0; display:grid; gap:10px; }
.article-body ul li { color:var(--grey-light); font-size:15px; line-height:1.7; padding-left:22px; position:relative; }
.article-body ul li::before { content:'◆'; color:var(--orange); font-size:8px; position:absolute; left:0; top:6px; }
.article-body .highlight { background:rgba(240,78,27,.07); border-left:3px solid var(--orange); padding:18px 22px; margin:24px 0; border-radius:0 6px 6px 0; }
.article-body .highlight p { color:var(--white); margin:0; font-size:15px; }
.article-cta { background:var(--anthracite-mid); border-top:1px solid rgba(240,78,27,.15); padding:64px 52px; text-align:center; }

/* ── LANDING MÉTIER / GÉO ── */
.landing-hero { min-height:90vh; display:flex; flex-direction:column; justify-content:center; padding:calc(var(--nav-h) + 80px) 52px 80px; position:relative; overflow:hidden; }
.landing-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(240,78,27,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(240,78,27,.03) 1px,transparent 1px); background-size:56px 56px; pointer-events:none; }
.hero-glow { position:absolute; top:-300px; right:-300px; width:800px; height:800px; background:radial-gradient(circle,rgba(240,78,27,.11) 0%,transparent 60%); pointer-events:none; animation:glow 7s ease-in-out infinite; }
@keyframes glow { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.1);opacity:.6} }
.hero-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--orange); background:rgba(240,78,27,.1); border:1px solid rgba(240,78,27,.25); padding:7px 16px; width:fit-content; margin-bottom:28px; }
.hero-eyebrow-dot { width:7px; height:7px; background:var(--orange); border-radius:50%; animation:blink 1.6s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.15} }
.landing-hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(52px,8vw,110px); line-height:.9; text-transform:uppercase; letter-spacing:-.01em; max-width:900px; }
.landing-hero h1 span { color:var(--orange); }
.landing-hero .sub { margin-top:28px; font-size:18px; color:var(--grey-light); max-width:560px; line-height:1.65; }
.landing-hero .sub strong { color:var(--white); }
.hero-actions { display:flex; align-items:center; gap:22px; margin-top:44px; flex-wrap:wrap; }
.hero-note { margin-top:14px; font-size:12px; color:var(--grey); }
.hero-stats { display:flex; gap:40px; margin-top:44px; flex-wrap:wrap; }
.stat-n { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:56px; line-height:1; color:var(--orange); }
.stat-l { font-size:12px; color:var(--grey); margin-top:4px; max-width:120px; line-height:1.45; }
.problem-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-top:56px; }
.problem-copy p { font-size:17px; color:var(--grey-light); line-height:1.75; margin-top:20px; }
.problem-copy p strong { color:var(--white); }

/* ── UTILITIES ── */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.text-orange { color:var(--orange); }
.mt-0 { margin-top:0 !important; }
.bg-mid { background:var(--anthracite-mid); }
.bg-dark { background:var(--anthracite); }
.text-center { text-align:center; }

/* ════════════════════════════════════
   RESPONSIVE — TABLETTE (≤ 900px)
   ════════════════════════════════════ */
@media (max-width:900px) {
  section { padding:72px 28px; }
  nav#nav { padding:0 24px; }
  .nav-links { display:none; flex-direction:column; position:fixed; top:var(--nav-h); left:0; right:0; background:rgba(24,24,24,.98); padding:24px 28px; gap:0; border-bottom:1px solid var(--orange); }
  .nav-links.open { display:flex; }
  .nav-links li { border-bottom:1px solid rgba(255,255,255,.06); }
  .nav-links a { display:block; padding:14px 0; }
  .nav-burger { display:flex; }
  .steps { grid-template-columns:1fr; }
  .compare-wrap { grid-template-columns:1fr; }
  .compare-wrap .col-head.bef { display:none; }
  .faq-grid { grid-template-columns:1fr; }
  .problem-layout { grid-template-columns:1fr; gap:40px; }
  .blog-grid { grid-template-columns:1fr 1fr; }
  .testimony { padding:60px 28px; }
  .cta-final { padding:80px 28px; }
  .breadcrumb { padding:calc(var(--nav-h) + 12px) 28px 0; }
  .article-hero { padding:calc(var(--nav-h) + 40px) 28px 40px; }
  .article-body { padding:44px 28px; }
  .article-cta { padding:44px 28px; }
  footer { padding:28px; }
  .landing-hero { padding:calc(var(--nav-h) + 56px) 28px 56px; }
  .price-card { padding:36px 22px; }
  .price-n { font-size:76px; }
}

/* ════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 560px)
   ════════════════════════════════════ */
@media (max-width:560px) {
  section { padding:56px 16px; }
  nav#nav { padding:0 16px; }
  .nav-links { padding:20px 16px; }
  .landing-hero { padding:calc(var(--nav-h) + 36px) 16px 44px; min-height:auto; }
  .landing-hero h1 { font-size:clamp(42px,12vw,72px); }
  .hero-actions { flex-direction:column; align-items:flex-start; gap:14px; }
  .btn-primary { font-size:16px; padding:15px 28px; width:100%; justify-content:center; }
  .btn-wa { font-size:18px; padding:18px 28px; width:100%; justify-content:center; }
  .hero-stats { gap:24px; }
  .stat-n { font-size:42px; }
  .blog-grid { grid-template-columns:1fr; }
  .col-head, .c-cell { padding:12px 14px; font-size:13px; }
  .price-card { padding:28px 16px; }
  .price-n { font-size:64px; }
  .cta-final { padding:56px 16px; }
  .cta-final-name { font-size:clamp(52px,16vw,100px); }
  .testimony { padding:44px 16px; }
  .faq-item { padding:20px 16px; }
  .breadcrumb { padding:calc(var(--nav-h) + 10px) 16px 0; }
  .article-hero { padding:calc(var(--nav-h) + 28px) 16px 28px; }
  .article-body { padding:32px 16px; }
  .article-cta { padding:36px 16px; }
  footer .footer-inner { flex-direction:column; text-align:center; }
  .f-links { justify-content:center; }
  .phone-wrap { display:none; }
  .step { padding:28px 20px; }
}