:root{
  --ink:#111111; --ink-soft:rgba(17,17,17,.64); --ink-faint:rgba(17,17,17,.40);
  --cream:#f5f0e6; --cream-panel:#fffdf9; --gold:#ffc850; --peach:#ffe0a0;
  --copper:#b87333; --copper-deep:#8f5623; --teal:#2ab5a5; --teal-deep:#1c8a7d;
  --line:rgba(17,17,17,.10);
  --nav-h:64px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
section[id]{ scroll-margin-top:84px; }
html,body{margin:0;padding:0;}
body{ background:var(--cream); color:var(--ink); font-family:'Inter',sans-serif; }
.wrap{ width:100%; max-width:1080px; margin:0 auto; padding:0 24px; }
a{ color:inherit; }
h1,h2,h3{ font-family:'Fraunces',serif; font-weight:700; letter-spacing:-.015em; margin:0; }
.eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }

/* NAV */
.nav{ position:sticky; top:0; z-index:50; background:rgba(245,240,230,.82); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav.nav-over{ position:fixed; left:0; right:0; top:0; transition:background .25s, border-color .25s, box-shadow .25s; }
.nav.nav-over:not(.scrolled){ background:transparent; backdrop-filter:none; border-bottom-color:transparent; }
.nav.nav-over:not(.scrolled) .wm{ color:#fffdf9; }
.nav.nav-over:not(.scrolled) .wm em{ color:#8fe8d9; }
.nav.nav-over:not(.scrolled) .mark svg circle,
.nav.nav-over:not(.scrolled) .mark svg path{ stroke:#ffd98a; }
.nav.nav-over:not(.scrolled) .nav-links a{ color:rgba(255,253,249,.78); }
.nav.nav-over:not(.scrolled) .nav-links a:hover{ color:#fffdf9; }
.nav.nav-over.scrolled{ background:rgba(245,240,230,.92); backdrop-filter:blur(10px); border-bottom-color:var(--line); box-shadow:0 10px 30px -24px rgba(17,17,17,.55); }
.nav-in{ display:flex; align-items:center; justify-content:space-between; height:64px; gap:20px; }
.brand{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.brand .glyph{ width:28px; height:28px; border-radius:8px; background:linear-gradient(155deg,var(--teal),var(--teal-deep)); display:flex; align-items:center; justify-content:center; color:#fff; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:11px; }
.brand span{ font-family:'Fraunces',serif; font-weight:600; font-size:16px; }
/* Logotype (wordmark) */
.brand .mark{ width:29px; height:29px; display:block; flex:none; }
.brand .mark svg{ width:100%; height:100%; display:block; }
.brand .wm{ font-family:'Fraunces',serif; font-weight:600; font-size:18px; letter-spacing:-.02em; color:var(--ink); line-height:1; }
.brand .wm em{ font-style:normal; color:var(--teal-deep); }
.nav-links{ display:flex; gap:26px; align-items:center; margin-left:auto; margin-right:8px; }
.nav-links a{ text-decoration:none; font-size:14.5px; font-weight:500; color:var(--ink-soft); transition:color .15s; }
.nav-links a:hover, .nav-links a.active{ color:var(--ink); }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:15px; border-radius:11px; padding:13px 22px; text-decoration:none; cursor:pointer; border:none; transition:background .15s,transform .1s,box-shadow .15s; }
.btn-gold{ background:var(--gold); color:var(--ink); box-shadow:0 12px 26px -14px rgba(0,0,0,.4); }
.btn-gold:hover{ background:var(--teal); color:#fff; }
.btn-ghost{ background:transparent; border:1.5px solid var(--line); color:var(--ink); }
.btn-ghost:hover{ border-color:var(--teal); color:var(--teal-deep); }
.nav .btn{ padding:10px 18px; font-size:14px; }

/* HERO (accueil) - photo plein cadre */
.hero{ position:relative; overflow:hidden; display:flex; align-items:flex-start;
  min-height:min(86vh,780px);
  padding:calc(var(--nav-h) + 104px) 0 72px;
  background-color:#171310;
  background-image:url('../img/hero-lac.jpg');
  background-size:cover; background-position:center 50%; background-repeat:no-repeat; background-attachment:fixed; }
.hero::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:
    linear-gradient(90deg, rgba(12,8,4,.52) 0%, rgba(12,8,4,.34) 34%, rgba(12,8,4,.10) 60%, rgba(12,8,4,0) 80%),
    linear-gradient(180deg, rgba(12,8,4,.28) 0%, rgba(12,8,4,0) 26%, rgba(12,8,4,0) 70%, rgba(12,8,4,.30) 100%); }
.hero-grid{ position:relative; z-index:2; display:block; }
.hero-copy{ max-width:790px; margin:0; text-align:left; }
.hero .eyebrow{ color:#ffd98a; margin-bottom:16px; }
.hero h1{ font-size:clamp(31px,4.2vw,52px); line-height:1.04; margin-bottom:20px; color:#fffdf9; text-shadow:0 6px 34px rgba(10,6,3,.55); }
.hero p.sub{ font-size:18px; line-height:1.7; color:rgba(255,253,249,.94); margin:0 0 30px; max-width:600px; text-shadow:0 1px 3px rgba(10,6,3,.8), 0 2px 22px rgba(10,6,3,.7); }
.hero-cta{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.hero .btn-ghost{ border-color:rgba(255,253,249,.5); color:#fffdf9; background:rgba(255,253,249,.08); backdrop-filter:blur(6px); }
.hero .btn-ghost:hover{ border-color:#fffdf9; color:#fffdf9; background:rgba(255,253,249,.18); }
.hero-note{ font-size:13.5px; color:rgba(255,253,249,.78); margin-top:14px; text-shadow:0 1px 3px rgba(10,6,3,.8); }
.hero-caption{ position:absolute; right:24px; bottom:22px; z-index:2; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,253,249,.78); text-align:right; line-height:1.5; text-shadow:0 2px 14px rgba(10,6,3,.85); }
.platforms{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:26px; }
.platforms .lbl{ font-size:12.5px; color:var(--ink-faint); }
.hero .platforms .lbl{ color:rgba(255,253,249,.8); text-shadow:0 1px 3px rgba(10,6,3,.8); }
.plogo{ display:inline-flex; align-items:center; gap:7px; height:34px; padding:4px 11px 4px 5px; color:#25211d; background:#fff; border:1px solid var(--line); border-radius:10px; font-size:11.5px; font-weight:700; letter-spacing:-.025em; box-shadow:0 6px 16px -12px rgba(0,0,0,.4); }
.plogo img{ width:24px; height:24px; object-fit:cover; border-radius:6px; }
.plogo.airbnb{ color:#e73458; } .plogo.booking{ color:#073b8c; } .plogo.vrbo{ width:78px; justify-content:center; padding:5px 10px; }
.plogo.vrbo img{ width:60px; height:22px; object-fit:contain; }

/* PAGE HERO (pages intérieures) */
.page-hero{ padding:66px 0 46px; text-align:center; border-bottom:1px solid var(--line); background:
    radial-gradient(ellipse 80% 65% at 50% 0%, rgba(42,181,165,.10), transparent 62%),
    linear-gradient(180deg,#f7f2e8,#f1ead8); }
.page-hero .eyebrow{ color:var(--teal-deep); margin-bottom:14px; }
.page-hero h1{ font-size:clamp(30px,4.4vw,46px); line-height:1.08; max-width:780px; margin:0 auto 16px; }
.page-hero p{ font-size:18px; color:var(--ink-soft); line-height:1.62; max-width:620px; margin:0 auto; }

/* SECTIONS */
section{ padding:60px 0; }
.sec-head{ text-align:center; max-width:640px; margin:0 auto 44px; }
.sec-head .eyebrow{ color:var(--copper-deep); margin-bottom:12px; }
.sec-head h2{ font-size:clamp(28px,4vw,40px); line-height:1.12; }
.sec-head p{ font-size:17px; color:var(--ink-soft); line-height:1.65; margin:14px 0 0; }

/* PROBLÈMES */
.prob-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.prob{ background:var(--cream-panel); border:1px solid var(--line); border-radius:16px; padding:24px 22px; }
.prob .ic{ font-size:24px; margin-bottom:12px; }
.prob h3{ font-size:17px; margin-bottom:8px; }
.prob p{ font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0; }

/* ── ÉDITORIAL (de-slop pass) ─────────────────────── */
.ed-top{ display:flex; justify-content:space-between; align-items:baseline; border-top:1.5px solid var(--ink); padding-top:18px; }
.ed-top .lbl{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--copper-deep); }
.ed-top .cnt{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; color:var(--ink-faint); }
.ed-h{ font-family:'Fraunces',serif; font-weight:700; letter-spacing:-.02em; font-size:clamp(30px,4.7vw,52px); line-height:1.02; max-width:17ch; margin:22px 0 52px; }
.prob-list{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.prob2{ border-right:1px solid var(--line); padding:30px 26px 34px 0; }
.prob2:first-child{ padding-left:0; }
.prob2:not(:first-child){ padding-left:26px; }
.prob2:last-child{ border-right:none; padding-right:0; }
.prob2 .n{ font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; color:var(--copper-deep); }
.prob2 h3{ font-size:19px; line-height:1.16; margin:16px 0 10px; }
.prob2 p{ font-size:14px; color:var(--ink-soft); line-height:1.62; margin:0; }
@media (max-width:760px){ .prob-list{ grid-template-columns:1fr 1fr; }
  .prob2{ padding:26px 20px 28px !important; border-bottom:1px solid var(--line); }
  .prob2:nth-child(2n){ border-right:none; } }
@media (max-width:460px){ .prob-list{ grid-template-columns:1fr; }
  .prob2{ border-right:none !important; } }

/* PREUVE */
.proof{ background:linear-gradient(180deg, rgba(247,242,232,.5), rgba(244,238,226,.6)); }
.proof-card{ background:var(--cream-panel); border:1px solid var(--line); border-radius:22px; padding:40px 38px; box-shadow:0 30px 60px -34px rgba(120,80,40,.3); max-width:820px; margin:0; }
.proof-quote{ font-family:'Fraunces',serif; font-size:clamp(22px,3.4vw,30px); line-height:1.32; font-weight:600; margin:0 0 20px; }
.proof-quote b{ color:var(--copper-deep); }
.proof-body{ font-size:16px; color:var(--ink-soft); line-height:1.7; }
.proof-meta{ display:flex; align-items:center; gap:12px; margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.proof-meta .n{ font-weight:700; } .proof-meta .r{ font-size:13.5px; color:var(--ink-faint); }
.proof-note{ margin:26px 0 0; font-size:15px; color:var(--ink-soft); line-height:1.5; }
.proof-note b{ color:var(--teal-deep); font-family:'Fraunces',serif; font-weight:700; }
.proof-note a{ color:var(--teal-deep); font-weight:600; text-decoration:none; white-space:nowrap; }
.proof-note a:hover{ text-decoration:underline; }
.proof-stat{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; margin-top:44px; padding-top:22px; border-top:1.5px solid var(--ink); }
.proof-stat .big{ font-family:'Fraunces',serif; font-weight:700; font-size:clamp(30px,4vw,44px); line-height:1; letter-spacing:-.01em; color:var(--teal-deep); }
.proof-stat .lbl{ font-size:15px; color:var(--ink-soft); line-height:1.4; max-width:340px; }
.proof-stat .proof-link{ margin-left:auto; font-weight:600; font-size:14px; color:var(--teal-deep); text-decoration:none; white-space:nowrap; }
.proof-stat .proof-link:hover{ text-decoration:underline; }

/* MÉTHODE */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.step{ background:var(--cream-panel); border:1px solid var(--line); border-radius:18px; padding:30px 26px; text-align:left; }
.step .num{ font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; color:var(--copper-deep); }
.step h3{ font-size:20px; margin:10px 0 8px; }
.step p{ font-size:14.5px; color:var(--ink-soft); line-height:1.62; margin:0; }




/* OFFRES (grille accueil) */
.offers{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.offer{ display:flex; flex-direction:column; background:var(--cream-panel); border:1px solid var(--line); border-radius:18px; padding:26px 22px; }
.offer.feature{ background:linear-gradient(165deg,#211a13,#14100c); color:#fffdf9; border-color:rgba(255,200,80,.2); box-shadow:0 30px 66px -34px rgba(30,18,8,.5); }
.offer .tag{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--copper-deep); }
.offer.feature .tag{ color:var(--gold); }
.offer h3{ font-size:20px; margin:8px 0 4px; }
.offer .price{ font-family:'IBM Plex Mono',monospace; font-size:15px; color:var(--teal-deep); font-weight:600; margin-bottom:12px; }
.offer.feature .price{ color:var(--gold); }
.offer p{ font-size:13.5px; line-height:1.6; color:var(--ink-soft); margin:0 0 18px; flex:1; }
.offer.feature p{ color:rgba(255,255,255,.8); }
.offer .btn{ width:100%; padding:12px; font-size:14px; }
.offer.feature .btn-ghost{ border-color:rgba(255,200,80,.35); color:#fffdf9; }

/* ÉCHELLE D'OFFRES DÉTAILLÉE (page offres) */
.oladder{ display:flex; flex-direction:column; gap:18px; max-width:900px; margin:0 auto; }
.orow{ display:grid; grid-template-columns:230px 1fr; gap:30px; background:var(--cream-panel); border:1px solid var(--line); border-radius:20px; padding:34px 36px; align-items:start; }
.orow.feature{ background:linear-gradient(165deg,#211a13,#14100c); color:#fffdf9; border-color:rgba(255,200,80,.22); box-shadow:0 30px 66px -34px rgba(30,18,8,.5); }
.orow .o-left .tag{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--copper-deep); }
.orow.feature .o-left .tag{ color:var(--gold); }
.orow .o-left h3{ font-size:25px; margin:8px 0 6px; }
.orow .o-left .price{ font-family:'IBM Plex Mono',monospace; font-size:17px; font-weight:600; color:var(--teal-deep); }
.orow.feature .o-left .price{ color:var(--gold); }
.orow .o-left .who{ font-size:13px; color:var(--ink-faint); margin-top:8px; line-height:1.5; }
.orow.feature .o-left .who{ color:rgba(255,255,255,.55); }
.orow .o-right > p{ font-size:15px; line-height:1.6; color:var(--ink-soft); margin:0 0 16px; }
.orow.feature .o-right > p{ color:rgba(255,255,255,.8); }
ul.feat{ list-style:none; padding:0; margin:0 0 20px; display:grid; gap:9px; }
ul.feat li{ position:relative; padding-left:26px; font-size:14.5px; color:var(--ink-soft); line-height:1.5; }
ul.feat li::before{ content:'✓'; position:absolute; left:0; color:var(--teal-deep); font-weight:700; }
.orow.feature ul.feat li{ color:rgba(255,255,255,.82); }
.orow.feature ul.feat li::before{ color:var(--gold); }
.orow .btn{ font-size:14px; padding:12px 22px; }
.orow.feature .btn-ghost{ border-color:rgba(255,200,80,.35); color:#fffdf9; }

/* HISTOIRE */
.story{ background:var(--cream-panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.story-grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:center; }
.story-photo img{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center; display:block; border-radius:20px; border:1px solid var(--line); box-shadow:0 30px 60px -34px rgba(120,80,40,.4); }
.story h2{ font-size:clamp(26px,3.6vw,36px); margin-bottom:18px; }
.story p{ font-size:16px; line-height:1.75; color:var(--ink-soft); margin:0 0 14px; }
.story p b{ color:var(--ink); }

/* TÉMOIGNAGES (liste empilée) */
.tstack{ display:flex; flex-direction:column; gap:26px; max-width:820px; margin:0 auto; }
.tcard{ background:var(--cream-panel); border:1px solid var(--line); border-radius:20px; padding:36px 38px; box-shadow:0 24px 50px -34px rgba(120,80,40,.28); }
.tcard .tquote{ font-family:'Fraunces',serif; font-size:clamp(20px,2.8vw,26px); line-height:1.32; font-weight:600; margin:0 0 16px; }
.tcard .tquote b{ color:var(--copper-deep); }
.tcard .tbody{ font-size:15.5px; color:var(--ink-soft); line-height:1.7; margin:0; }
.tcard .tmeta{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.tcard .tmeta .n{ font-weight:700; font-size:15px; } .tcard .tmeta .r{ font-size:13px; color:var(--ink-faint); }
.tcard .tchip{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; color:var(--teal-deep); background:rgba(42,181,165,.10); border:1px solid rgba(42,181,165,.25); border-radius:20px; padding:5px 12px; }
.tnote{ max-width:820px; margin:32px auto 0; font-size:13px; color:var(--ink-faint); text-align:center; line-height:1.6; }

/* BLOGUE */
.blog-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; max-width:900px; margin:0 auto; }
.post-card{ display:flex; flex-direction:column; background:var(--cream-panel); border:1px solid var(--line); border-radius:18px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s; }
.post-card:hover{ transform:translateY(-3px); box-shadow:0 22px 44px -28px rgba(120,80,40,.4); }
.post-card .thumb{ aspect-ratio:16/9; background-size:cover; background-position:center; }
.post-card .pc-body{ padding:22px 24px 26px; }
.post-card .cat{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--copper-deep); }
.post-card h3{ font-size:20px; line-height:1.2; margin:8px 0 8px; }
.post-card p{ font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0; }
.post-card .more{ margin-top:14px; color:var(--teal-deep); font-weight:600; font-size:14px; }
.blog-soon{ text-align:center; color:var(--ink-faint); font-size:14px; margin:40px auto 0; }

/* ARTICLE */
.article{ max-width:720px; margin:0 auto; }
.article-head{ text-align:center; margin-bottom:36px; }
.article-head .cat{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--copper-deep); }
.article-head h1{ font-size:clamp(28px,4vw,42px); line-height:1.12; margin:14px 0 14px; }
.article-head .meta{ font-size:13.5px; color:var(--ink-faint); }
.article-cover{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:18px; border:1px solid var(--line); margin-bottom:38px; }
.prose h2{ font-size:clamp(23px,3vw,30px); margin:38px 0 14px; }
.prose h3{ font-size:20px; margin:28px 0 10px; }
.prose p{ font-size:17px; line-height:1.8; color:var(--ink-soft); margin:0 0 18px; }
.prose p strong, .prose li strong{ color:var(--ink); }
.prose ul{ margin:0 0 18px; padding-left:4px; list-style:none; display:grid; gap:10px; }
.prose ul li{ position:relative; padding-left:26px; font-size:17px; line-height:1.7; color:var(--ink-soft); }
.prose ul li::before{ content:'→'; position:absolute; left:0; color:var(--teal-deep); font-weight:700; }
.prose blockquote{ margin:26px 0; padding:20px 26px; border-left:3px solid var(--gold); background:var(--cream-panel); border-radius:0 12px 12px 0; font-family:'Fraunces',serif; font-size:20px; line-height:1.4; font-style:italic; color:var(--ink); }

/* FAQ */
.faq-list{ max-width:820px; margin:0; }
details{ background:var(--cream-panel); border:1px solid var(--line); border-radius:14px; padding:4px 20px; margin-bottom:12px; }
summary{ cursor:pointer; list-style:none; padding:18px 0; font-family:'Fraunces',serif; font-weight:600; font-size:18px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
summary::-webkit-details-marker{ display:none; }
summary::after{ content:'+'; font-family:'Inter',sans-serif; font-weight:400; font-size:24px; color:var(--copper); }
details[open] summary::after{ content:'–'; }
details p{ font-size:15px; color:var(--ink-soft); line-height:1.7; margin:0 0 18px; }

/* BANDE IMAGE */
.band{ position:relative; min-height:340px; display:flex; align-items:center; justify-content:center; text-align:center; background-image:linear-gradient(90deg,rgba(20,16,12,.30),rgba(20,16,12,.12)),url('../img/lac-dore.jpg'); background-size:cover; background-position:center 62%; }
.band .band-in{ position:relative; z-index:2; padding:60px 24px; max-width:720px; }
.band p{ font-family:'Fraunces',serif; font-weight:600; font-size:clamp(24px,3.6vw,36px); line-height:1.25; color:#fffdf9; margin:0; text-shadow:0 4px 24px rgba(20,12,4,.6); }

/* CTA FINAL */
.final{ position:relative; background-image:linear-gradient(165deg,rgba(33,26,19,.55),rgba(20,16,12,.68)),url('../img/lac-dusk.jpg'); background-size:cover; background-position:center; color:#fffdf9; text-align:center; }
.final h2{ font-size:clamp(28px,4vw,42px); color:#fffdf9; margin-bottom:16px; }
.final p{ font-size:17px; color:rgba(255,255,255,.8); max-width:540px; margin:0 auto 28px; line-height:1.65; }

/* FOOTER */
.foot{ background:var(--cream); border-top:1px solid var(--line); padding:34px 0; }
.foot-in{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; font-size:13.5px; color:var(--ink-faint); }
.foot-links{ display:flex; gap:20px; flex-wrap:wrap; }
.foot a{ text-decoration:none; color:var(--ink-soft); }
.foot a:hover{ color:var(--ink); }

@media (max-width:860px){
  .story-grid{ grid-template-columns:1fr; }
  .hero{ display:block; min-height:0; padding:calc(var(--nav-h) + 72px) 0 56px; background-position:center 46%; background-attachment:scroll; }
  .hero::after{ background:
      linear-gradient(180deg, rgba(18,13,9,.72) 0%, rgba(18,13,9,.46) 22%, rgba(18,13,9,.54) 58%, rgba(18,13,9,.86) 100%); }
  .hero h1{ font-size:clamp(32px,8.4vw,44px); }
  .hero p.sub{ font-size:16.5px; }
  .hero-caption{ position:static; margin:28px 0 0; padding:0 24px; text-align:left; }
  .prob-grid{ grid-template-columns:1fr 1fr; }
  .steps,.blog-grid{ grid-template-columns:1fr; }
  .orow{ grid-template-columns:1fr; gap:18px; padding:28px 26px; }
}
@media (max-width:720px){
  .nav-links{ display:none; }
  .offers{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .prob-grid{ grid-template-columns:1fr; }
  section{ padding:56px 0; }
  .nav .brand span{ font-size:15px; }
  .tcard,.proof-card{ padding:28px 24px; }
}