:root{color-scheme:dark;--gold:#c9a45c;--cream:#f4ede0;--green:#10291e;--black:#0b100d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--cream)}body{font-family:Arial,sans-serif;background:radial-gradient(ellipse at 75% 40%,#18372a 0,transparent 55%),var(--black)}a{color:inherit}.preview-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw;border-bottom:1px solid #c9a45c35}.return-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:none}.return-link:hover{color:var(--gold)}.return-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.preview-brand{font-family:Georgia,serif;letter-spacing:.22em;font-size:19px}.preview-badge{font-size:12px;letter-spacing:.1em;color:var(--gold);border:1px solid #c9a45c70;border-radius:30px;padding:8px 15px}.preview-layout{min-height:calc(100dvh - 76px);max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr minmax(350px,440px);gap:80px;align-items:center;padding:30px 40px}.preview-intro{max-width:500px}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold);line-height:1.6}h1{font-family:Georgia,serif;font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:24px 0}h1 em{color:var(--gold);font-weight:400}.preview-intro>p{font-size:17px;line-height:1.75;color:#d3d6cb}.preview-intro .preview-instructions{font-size:14px;color:#aab9ad;margin-top:24px}.preview-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #c9a45c40;margin-top:28px;padding-top:22px;font-size:13px;line-height:1.65;color:#b9c3b8}.preview-note strong{color:var(--cream);font-weight:500}.preview-note p{margin:4px 0 0}.preview-note-dot{width:7px;height:7px;flex-shrink:0;background:var(--gold);border-radius:50%;margin-top:7px}.preview-device{height:calc(100dvh - 136px);min-height:580px;max-height:900px;overflow:hidden;border:1px solid #b9975680;border-radius:28px;padding:5px;background:#1c211b;box-shadow:0 24px 70px #0007,0 0 0 5px #ffffff04}.preview-device iframe{display:block;width:100%;height:100%;border:0;border-radius:23px;background:var(--black)}
@media(max-width:900px){.preview-layout{gap:30px;padding:24px}.preview-brand{font-size:16px}.preview-intro>p{font-size:15px}h1{font-size:42px}}
@media(max-width:700px){body{overflow:hidden;background:var(--black)}.preview-header{height:56px;padding:0 16px;gap:10px}.return-link{font-size:12px;gap:6px}.preview-brand{font-size:12px;letter-spacing:.12em}.preview-badge{font-size:10px;padding:5px 9px}.preview-layout{display:block;padding:0;min-height:0;height:calc(100dvh - 56px)}.preview-intro{display:none}.preview-device{height:100%;min-height:0;max-height:none;border:0;border-radius:0;padding:0;box-shadow:none}.preview-device iframe{border-radius:0}}