/* JERA | Christine Edition — refined, restrained, accessible.
   Visual overrides only. Content, order, and interactive behavior remain unchanged. */
:root {
  --ink:#292d2a;
  --green:#813f3c;
  --sage:#f1f3ef;
  --cream:#fbfaf6;
  --peach:#f4e8df;
  --muted:#626760;
  --jera-fire:#a65749;
  --jera-copper:#b7795d;
  --jera-mint:#badbd0;
  --jera-line:#e7e4df;
}
html { scroll-padding-top:100px; }
body { font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:16px; line-height:1.67; color:var(--ink); background:var(--cream); -webkit-font-smoothing:antialiased; }
.wrap { max-width:1120px; padding-inline:clamp(23px,4vw,52px); }
.top { background:rgba(251,250,246,.97); border-bottom:1px solid var(--jera-line); box-shadow:none; }
.nav { min-height:78px; gap:24px; }
.logo { font-size:2rem; letter-spacing:-.085em; font-weight:800; color:#343b36; }
.logo span { color:var(--jera-fire); }
.links { gap:clamp(12px,1.8vw,23px); font-size:.86rem; font-weight:500; }
.links a { text-underline-offset:5px; }
.links a:hover { color:var(--green); }
.button { background:var(--green); border:1px solid var(--green); border-radius:100px; padding:11px 21px; font-size:.88rem; font-weight:600; letter-spacing:.005em; line-height:1.5; transition:background-color .18s ease,border-color .18s ease,transform .18s ease; }
.button:hover { background:#69312f; border-color:#69312f; transform:translateY(-1px); }
.outline { background:transparent; border-color:#9c6a61; color:var(--green)!important; }
.outline:hover { background:#f4e8df; border-color:var(--green); color:var(--green)!important; }
h1,h2,h3 { font-family:inherit; font-weight:650; letter-spacing:-.047em; line-height:1.19; }
h1 { font-size:clamp(3rem,5.45vw,5.15rem); margin:16px 0 23px; font-weight:700; }
h2 { font-size:clamp(2.05rem,3.45vw,3.05rem); margin:12px 0 20px; }
h3 { font-size:1.23rem; letter-spacing:-.025em; font-weight:650; }
p { text-wrap:pretty; }
.eyebrow { color:#995e4e; font-size:.72rem; letter-spacing:.16em; font-weight:750; }
.lead { font-size:1.13rem; line-height:1.67; color:#505b53; }
section { padding:clamp(67px,7.4vw,95px) 0; }
.soft { background:var(--sage); }
.hero { padding:clamp(65px,8vw,100px) 0; }
.hero-inner { grid-template-columns:1.2fr .8fr; gap:clamp(28px,5vw,65px); }
.hero:after { width:350px; height:350px; right:-175px; top:30px; background:#e4b49d; opacity:.18; }
.hero-art { min-height:385px; border-radius:190px 190px 22px 22px; background:linear-gradient(145deg,#e9d4c7 0%,#d8b5a5 52%,#c58c78 100%); }
.hero-art:before { width:210px; height:210px; background:#fff9f3; opacity:.32; }
.hero-art p { font-family:inherit; font-size:clamp(1.8rem,3vw,2.65rem); font-weight:650; letter-spacing:-.05em; color:#493c35; line-height:1.23; }
.hero-art i { color:#8a403a; }
.actions { gap:11px; margin-top:26px; }
.fine { color:#646d66; font-size:.83rem; }
.grid { gap:16px; margin-top:31px; background:transparent; border:0; }
.card { background:#fffefb; border:1px solid #e6e5df; border-radius:16px; padding:clamp(24px,2.8vw,30px); box-shadow:0 5px 24px rgba(40,43,35,.025); }
.card .num { color:#a76855; font-family:inherit; font-size:1.5rem; font-weight:600; margin-bottom:17px; }
.two { gap:clamp(36px,6vw,72px); }
.pill { background:#fffefa; border:1px solid #e3e3dc; border-radius:100px; font-size:.86rem; padding:7px 13px; }
.steps { gap:12px; background:transparent; }
.step { background:#fffefa; border:1px solid #e9e7e1; border-radius:15px; padding:24px; }
.step:before { color:#aa6955; font-size:.86rem; letter-spacing:.1em; }
.quote { background:#703c3a; border-radius:18px; padding:clamp(34px,4vw,49px); }
.quote h2 { font-size:clamp(1.9rem,3vw,2.65rem); }
.quote p { color:#f4e9e3; }
.testimonial-grid { gap:16px; margin-top:30px; background:transparent; border:0; }
.testimonial { background:#fffefa; border:1px solid #e8e5df; border-radius:16px; padding:clamp(25px,3vw,33px); }
.testimonial blockquote { font-family:inherit; font-size:1.045rem; line-height:1.72; color:#38443b; }
.testimonial .source { color:#6c726b; }
.privacy-note { background:#f8f6f0; border-left:3px solid #bd8c73; }
.price { color:var(--green); }
details { background:#fffefa; border:1px solid #e9e6df; border-radius:12px; padding:20px 24px; }
summary { font-weight:650; }
.quiz-shell { background:#fffefa; border:1px solid #e4e5de; border-radius:19px; box-shadow:0 10px 36px rgba(45,43,38,.035); }
.quiz-group legend { font-family:inherit; font-weight:650; font-size:1.1rem; }
.quiz-options label { border:1px solid #e2e5de; border-radius:11px; background:white; }
.quiz-options label:has(input:checked) { background:#f6ece6; border-color:#a86455; }
.quiz-options input { accent-color:var(--green); }
.quiz-results { background:#eff3ee; border-radius:14px; }
.quiz-progress { color:var(--green); }
.quiz-field input { border-radius:10px; }
 .cta { background:#f2e3d9; padding:clamp(70px,7.5vw,95px) 0; }
 .cta h2 { max-width:770px; margin-inline:auto; }
footer { background:#303b34; padding:43px 0; }
footer .logo { color:white; }
footer a { text-underline-offset:4px; }
.note { border-left:3px solid #b67b62; }
a:focus-visible,button:focus-visible { outline:3px solid #b67b62; outline-offset:3px; }
@media(max-width:850px) {
  .hero-inner,.two { grid-template-columns:1fr; }
  .hero-art { min-height:260px; border-radius:135px 135px 20px 20px; }
  .grid { grid-template-columns:repeat(2,1fr); }
  .nav { gap:14px; }
}
@media(max-width:600px) {
  .wrap { padding-inline:23px; }
  .nav { min-height:auto; padding-block:12px 15px; }
  .links { gap:11px; }
  .links a { font-size:.78rem; }
  .links .button { padding:8px 13px; }
  .hero { padding:57px 0; }
  .hero-art { min-height:215px; }
  .grid { grid-template-columns:1fr; }
  section { padding:63px 0; }
  h1 { font-size:clamp(2.85rem,11.5vw,3.4rem); }
  h2 { font-size:clamp(1.95rem,8vw,2.45rem); }
  .quote { padding:30px; }
  .testimonial { padding:25px; }
}
@media(prefers-reduced-motion:reduce) { .button { transition:none; } .button:hover { transform:none; } }