/* ===== LeBonPrompt — shared styles for content pages ===== */
:root{
  --paper:#FBF8F3;--paper-2:#F4ECE0;--paper-3:#EEE3D3;
  --ink:#1C1814;--ink-2:#2A2019;--ink-soft:#6A5F54;--ink-mute:#8B8074;
  --line:#E4D8C6;--line-2:#D8C9B3;
  --coral:#D97757;--coral-strong:#C15A38;--coral-ink:#9E3E25;--coral-soft:#F4E2D8;
  --sand:#C99A4B;--espresso:#181210;--espresso-2:#221915;
  --maxw:980px;--ease:cubic-bezier(.22,.61,.36,1);
  --shadow-sm:0 1px 2px rgba(28,24,20,.04),0 2px 8px rgba(28,24,20,.05);
  --shadow:0 4px 14px -4px rgba(28,24,20,.10),0 18px 50px -22px rgba(28,24,20,.28);
}
[data-theme="dark"]{
  --paper:#14100E;--paper-2:#1E1713;--paper-3:#29201A;
  --ink:#F4ECE1;--ink-2:#E7DCCD;--ink-soft:#B6A897;--ink-mute:#8A7E70;
  --line:#312820;--line-2:#41352B;--coral-ink:#EC9C78;--coral-soft:#2E211A;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.35);
  --shadow:0 4px 14px -4px rgba(0,0,0,.5),0 18px 50px -22px rgba(0,0,0,.72);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.serif{font-family:'Fraunces',Georgia,serif;font-optical-sizing:auto;letter-spacing:-.015em;line-height:1.1}
a{color:inherit;text-decoration:none}
::selection{background:var(--coral);color:#fff}
:focus-visible{outline:2.5px solid var(--coral-ink);outline-offset:3px;border-radius:6px}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background:radial-gradient(60% 50% at 12% 0%,rgba(217,119,87,.10),transparent 60%),radial-gradient(50% 50% at 95% 12%,rgba(201,154,75,.10),transparent 60%)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative;z-index:1}

/* nav */
header.nav{position:sticky;top:0;z-index:60;background:rgba(251,248,243,.82);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}
[data-theme="dark"] header.nav{background:rgba(20,16,14,.82)}
.nav .bar{max-width:1200px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:0;font-family:'Fraunces';font-weight:600;font-size:1.15rem}
.brand .mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;margin-right:11px;background:linear-gradient(140deg,var(--coral),var(--coral-strong));box-shadow:0 6px 16px -6px rgba(193,90,56,.6)}
.brand .mark svg{width:18px;height:18px}
.brand span{color:var(--coral-ink)}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.92rem;font-weight:500;color:var(--ink-soft)}
.nav-links a:hover{color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:10px}
.iconbtn{width:38px;height:38px;border:1px solid var(--line-2);border-radius:11px;background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);transition:.3s var(--ease);flex:0 0 auto}
.iconbtn:hover{color:var(--coral-ink);border-color:var(--coral-strong);transform:rotate(-20deg)}
.iconbtn svg{width:17px;height:17px}.iconbtn .moon{display:none}
[data-theme="dark"] .iconbtn .sun{display:none}[data-theme="dark"] .iconbtn .moon{display:block}
.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.92rem;font-weight:500;padding:12px 22px;border-radius:44px;border:1px solid transparent;transition:.3s var(--ease)}
.btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.btn-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary:hover svg{transform:translateX(3px)}
.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-strong);transform:translateY(-2px)}.btn-coral:hover svg{transform:translateX(3px)}
.btn-ghost{border-color:var(--line-2);color:var(--ink);background:rgba(255,255,255,.4)}
[data-theme="dark"] .btn-ghost{background:rgba(255,255,255,.04)}
.btn-ghost:hover{border-color:var(--coral-strong);color:var(--coral-ink)}
@media(max-width:680px){.nav-links{display:none}}

/* page header */
.page-hero{padding:clamp(56px,9vw,104px) 0 clamp(36px,5vw,56px)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--coral-ink);padding:7px 14px;border:1px solid var(--line-2);border-radius:40px;background:rgba(255,255,255,.5);margin-bottom:22px}
[data-theme="dark"] .eyebrow{background:rgba(255,255,255,.04)}
.page-hero h1{font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:500;margin-bottom:18px;letter-spacing:-.02em}
.page-hero h1 em{font-style:italic;color:var(--coral-ink)}
.page-hero .lead{font-size:clamp(1.05rem,1.7vw,1.25rem);color:var(--ink-soft);max-width:640px}
.crumb{font-size:.85rem;color:var(--ink-mute);margin-bottom:20px;display:flex;gap:8px;align-items:center}
.crumb a:hover{color:var(--coral-ink)}

/* prose */
.prose{padding-bottom:80px;font-size:1.05rem;color:var(--ink-2)}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;margin:44px 0 16px}
.prose h3{font-size:1.25rem;font-weight:600;margin:30px 0 12px;font-family:'Inter';letter-spacing:0}
.prose p{margin-bottom:18px}
.prose ul,.prose ol{margin:0 0 18px 22px;display:grid;gap:9px}
.prose li{padding-left:4px}
.prose strong{color:var(--ink);font-weight:600}
.prose a.link{color:var(--coral-ink);font-weight:500;border-bottom:1px solid var(--line-2)}
.prose a.link:hover{border-color:var(--coral-strong)}
.prose blockquote{border-left:3px solid var(--coral);background:var(--paper-2);padding:16px 22px;border-radius:0 12px 12px 0;margin:0 0 22px;color:var(--ink-soft)}
.prose hr{border:none;border-top:1px solid var(--line);margin:36px 0}
.lede{font-size:1.18rem;color:var(--ink-soft);margin-bottom:26px;line-height:1.6}
.note{font-size:.92rem;color:var(--ink-mute);border:1px dashed var(--line-2);border-radius:12px;padding:14px 18px;margin:24px 0;background:var(--paper-2)}

/* callout / cta */
.cta-band{margin:10px 0 80px;border-radius:24px;padding:clamp(34px,5vw,52px);text-align:center;background:linear-gradient(150deg,var(--espresso),var(--espresso-2));color:var(--paper-2);position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;opacity:.6;background:radial-gradient(45% 70% at 25% 0%,rgba(217,119,87,.3),transparent 60%)}
.cta-band>*{position:relative}
.cta-band h2{color:var(--paper);font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:500;margin-bottom:12px}
.cta-band p{color:#C7BBA9;max-width:480px;margin:0 auto 24px}

/* blog grid */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:70px}
@media(max-width:720px){.blog-grid{grid-template-columns:1fr}}
.post{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);transition:.4s var(--ease)}
.post:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--line-2)}
.post-img{height:170px;position:relative;display:flex;align-items:flex-end;padding:16px;overflow:hidden;background:linear-gradient(140deg,var(--g1),var(--g2))}
.post-img::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.28),transparent 55%)}
.post-img .motif{position:absolute;right:-14px;bottom:-18px;width:120px;height:120px;color:#fff;opacity:.22}
.post-cat{position:relative;z-index:1;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(24,18,16,.32);padding:5px 12px;border-radius:30px;backdrop-filter:blur(4px)}
.post-body{padding:24px;display:flex;flex-direction:column;flex:1}
.post-body h3{font-size:1.18rem;font-weight:500;font-family:'Fraunces';margin-bottom:9px;line-height:1.22}
.post-body p{color:var(--ink-soft);font-size:.93rem;flex:1;margin-bottom:16px}
.post-read{font-size:.85rem;font-weight:600;color:var(--coral-ink);display:inline-flex;align-items:center;gap:7px}
.post:hover .post-read{gap:11px}.post-read svg{width:14px;height:14px}

/* feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:30px}
@media(max-width:820px){.feature-grid{grid-template-columns:1fr}}
.feature{border:1px solid var(--line);border-radius:18px;padding:26px 24px;background:var(--paper)}
.feature .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:var(--coral-soft);color:var(--coral-ink)}
.feature .ico svg{width:22px;height:22px}
.feature h3{font-size:1.1rem;font-weight:600;font-family:'Inter';margin-bottom:8px}
.feature p{color:var(--ink-soft);font-size:.93rem}

/* calendly */
.cal-wrap{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-sm);margin-bottom:70px}

/* footer */
footer.site{border-top:1px solid var(--line);padding:44px 0 36px;color:var(--ink-mute);font-size:.9rem}
footer.site .row{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer.site a:hover{color:var(--coral-ink)}
footer.site .links{display:flex;gap:18px;flex-wrap:wrap}