:root{
  --plum:#4b2f45;--plum-deep:#2f202c;--plum-soft:#715469;
  --ivory:#f7f1e8;--white:#fffdfa;--ink:#332a30;--muted:#746a71;
  --gold:#b08a4e;--gold-soft:#d9c5a0;--sage:#5e746b;--teal:#476d6b;
  --line:rgba(75,47,69,.15);--shadow:0 22px 58px rgba(47,32,44,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.62;
}
a{color:inherit}
a:focus-visible{outline:3px solid rgba(71,109,107,.22);outline-offset:3px}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:var(--white);padding:.7rem 1rem;z-index:20}
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,253,250,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:1240px;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{text-decoration:none;font:700 .82rem/1.2 Georgia,"Times New Roman",serif;letter-spacing:.16em;color:var(--plum-deep)}
.nav{display:flex;gap:1.2rem;align-items:center;font-size:.78rem}
.nav a{text-decoration:none;color:var(--plum-soft)}
.nav .cta{background:var(--plum);color:#fff;padding:.68rem .95rem;border-radius:999px}
.hero{background:linear-gradient(125deg,var(--plum-deep),#3e2939 62%,#314d49);color:#fff}
.hero-inner{max-width:1240px;margin:auto;padding:6rem 1.5rem 5.2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);gap:4.2rem;align-items:end}
.eyebrow{font-size:.68rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase;color:#e0c995}
.hero h1,.page h2,.page h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em;margin:.65rem 0 1.45rem;max-width:14ch}
.hero p{font-size:1.08rem;max-width:62ch;color:#eadfe5}
.tool-card{border:1px solid rgba(231,204,151,.24);border-radius:16px;padding:1.45rem;background:rgba(255,255,255,.045);box-shadow:0 16px 38px rgba(15,8,13,.10)}
.tool-card strong{display:block;font-size:.7rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase;color:#e7cc97;margin-bottom:.7rem}
.tool-card p{font-size:.96rem;margin:0;color:#f6eef3}
.page{max-width:960px;margin:auto;padding:4.8rem 1.5rem 6.2rem}
.page h2{font-size:clamp(2.05rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.03em;margin:3.4rem 0 1rem;color:var(--plum-deep)}
.page h3{font-size:1.48rem;line-height:1.2;margin:2.5rem 0 .72rem;color:var(--plum)}
.lede{font-size:1.26rem;line-height:1.62;color:#51464e}
.exercise{margin:2.5rem 0;background:var(--ivory);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:18px;padding:1.8rem;box-shadow:0 14px 34px rgba(47,32,44,.04)}
.exercise h2,.exercise h3{margin-top:0}
.steps{counter-reset:step;list-style:none;padding:0}
.steps li{counter-increment:step;display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;margin:1.25rem 0}
.steps li:before{content:counter(step);display:grid;place-items:center;width:2.05rem;height:2.05rem;border:1px solid var(--gold);border-radius:50%;font-size:.8rem;font-weight:750;color:var(--plum)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.box{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:1.3rem}
.box strong{display:block;font-size:.73rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem;color:var(--teal)}
.example{border-left:3px solid var(--teal);border-radius:0 14px 14px 0;padding:1.25rem 1.45rem;background:rgba(71,109,107,.075)}
.sequence{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:2rem 0}
.sequence span{padding:.78rem 1.05rem;background:var(--white);border:1px solid var(--line);border-radius:12px;font-weight:650}
.sequence i{font-style:normal;color:var(--gold);font-size:1.35rem}
.note{font-size:.94rem;color:var(--muted)}
.soft-cta{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;align-items:center}
.soft-cta p{margin:0;max-width:58ch;color:#51464e}
.button{display:inline-block;text-decoration:none;background:var(--plum);color:#fff;padding:.86rem 1.05rem;border-radius:10px;font-size:.8rem;font-weight:700;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(75,47,69,.15)}
.footer{border-top:1px solid var(--line);padding:2.2rem 1.5rem;font-size:.75rem;color:var(--muted);background:#faf6f0}
.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer a{text-decoration:none}
@media(max-width:760px){
  .hero-inner{grid-template-columns:1fr;gap:2rem;padding-top:4.6rem}
  .grid{grid-template-columns:1fr}
  .soft-cta{align-items:flex-start;flex-direction:column}
  .nav a:not(.cta){display:none}
  .hero h1{font-size:clamp(2.7rem,13vw,4.3rem)}
}