:root {
  color-scheme: light;
  --ivory: #f5efe5;
  --paper: #fffdf8;
  --ink: #392d2c;
  --muted: #766a65;
  --wine: #6d2635;
  --gold: #ad8749;
  --sage: #74816d;
  --line: rgba(57,45,44,.16);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: radial-gradient(circle at 50% 0, #fff 0 18%, transparent 48%), var(--ivory); }
button { font: inherit; }
a { color: inherit; }
[hidden] { display: none !important; }
.holding { min-height: 100svh; width: min(100%, 980px); margin-inline: auto; padding: 18px; }
.brand { min-height: 54px; display: flex; justify-content: center; align-items: center; }
.brand a { min-height: 44px; display: inline-flex; align-items: center; color: var(--wine); font: 600 1rem Georgia, serif; letter-spacing: .08em; text-decoration: none; }
.holding__card { max-width: 760px; margin: 10px auto 0; padding: 26px 18px 34px; border: 1px solid var(--line); border-radius: 24px; text-align: center; background: rgba(255,253,248,.92); box-shadow: 0 24px 80px rgba(85,61,51,.1); }
.status { width: fit-content; min-height: 34px; margin: 0 auto 22px; display: inline-flex; align-items: center; gap: 9px; padding: 6px 12px; border: 1px solid rgba(109,38,53,.25); border-radius: 999px; color: var(--wine); font-size: .74rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.status span { width: 9px; height: 9px; border-radius: 50%; background: var(--gold); }
.mark { width: min(100%, 430px); height: auto; display: block; margin: 0 auto 24px; }
.eyebrow { margin: 0; color: var(--wine); font-size: .69rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.035em; }
h1 { max-width: 640px; margin: 14px auto 0; font-size: clamp(2.35rem, 10vw, 4.8rem); line-height: .98; overflow-wrap: anywhere; }
.lead { max-width: 620px; margin: 22px auto 0; color: var(--muted); font-size: clamp(1rem, 3.5vw, 1.15rem); line-height: 1.65; }
.facts { max-width: 620px; margin: 30px auto 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.facts p { min-height: 52px; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); text-align: left; }
.facts p:first-child { border: 0; }
.facts span { color: var(--wine); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; text-align: right; overflow-wrap: anywhere; }
.preview { max-width: 620px; margin: 34px auto 0; padding: 28px 16px; border-radius: 18px; background: #f2ebdf; }
.preview h2 { margin: 12px 0 0; color: var(--wine); font-size: clamp(2.1rem, 9vw, 4rem); line-height: 1; overflow-wrap: anywhere; }
.preview p:not(.eyebrow) { margin: 14px 0 0; line-height: 1.55; }
.button-row { margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.button, .details-toggle { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid var(--wine); border-radius: 999px; cursor: pointer; text-decoration: none; }
.button { color: #fff; background: var(--wine); }
.button--light { color: var(--wine); background: transparent; }
.details-toggle { width: min(100%, 620px); margin-top: 24px; color: var(--ink); background: transparent; font-weight: 700; }
.details-toggle::after { content: "+"; margin-left: 12px; color: var(--wine); font-size: 1.2rem; }
.details-toggle[aria-expanded="true"]::after { content: "−"; }
.diagnostics { max-width: 620px; margin: 14px auto 0; padding: 18px; border-left: 3px solid var(--gold); text-align: left; background: #fff; }
.diagnostics ol { margin: 0; padding-left: 22px; }
.diagnostics li { margin-block: 10px; line-height: 1.55; }
.footer { max-width: 760px; margin: 0 auto; padding: 30px 18px 18px; display: grid; gap: 12px; color: var(--muted); text-align: center; font-size: .86rem; }
.footer p { margin: 0; }
.footer a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--wine); font-weight: 700; }
.demo-order { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid var(--gold); border-radius: 999px; color: var(--wine); text-decoration: none; }
.brand a:focus-visible, .button:focus-visible, .details-toggle:focus-visible, .footer a:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
@media (min-width: 700px) { .holding { padding: 28px; } .holding__card { padding: 36px 42px 46px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
