/* Auto-generated by CmsStaticGeneratorService. */
:root {
  --md-sys-color-primary: #8b5e3c;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-surface: #0d0d0d;
  --md-sys-color-on-surface: #ffffff;
  --md-sys-color-outline: #8f8f8f;
  --app-color-bg: #0d0d0d;
  --app-color-surface: #131313;
  --app-color-surface-2: #1c1c1c;
  --app-color-surface-blue: #f0e6d8;
  --app-color-surface-slate: #e8d5c0;
  --app-color-surface-deep: #dcc9b0;
  --app-color-primary: #8b5e3c;
  --app-color-gold: #c9993a;
  --app-color-cyan: #6b8f71;
  --app-color-sky: #b8633a;
  --app-color-violet: #9b7b8e;
  --app-color-muted: #8e7b6a;
  --app-color-error: #ffb4ab;
  --app-color-on-surface: #ffffff;
  --app-color-on-surface-variant: rgba(255,255,255,0.72);
  --app-color-on-surface-muted: rgba(255,255,255,0.60);
  --app-color-on-surface-faint: rgba(255,255,255,0.38);
  --app-color-nav-bg: rgba(26,26,26,0.92);
  --app-color-nav-border: rgba(255,255,255,0.32);
}
#pre-render.pr-root { background: var(--md-sys-color-surface); color: var(--md-sys-color-on-surface); font-family: Inter, system-ui, sans-serif; line-height: 1.6; min-height: 100vh; }
.pr-section { box-sizing: border-box; width: 100%; }
.pr-section-inner { max-width: 1200px; margin: 0 auto; }
.pr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.pr-card { background: var(--app-color-surface-2); border-radius: 12px; padding: 24px; }
.pr-buttons-row { display: flex; flex-wrap: wrap; gap: 12px; }
.pr-btn { display: inline-block; border-radius: 2px; text-decoration: none; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; line-height: 1; }
.pr-btn-filled { background: var(--md-sys-color-primary); color: var(--md-sys-color-on-primary); }
.pr-btn-outline { border: 1px solid var(--app-color-nav-border); color: var(--md-sys-color-on-surface); }
.pr-btn-text { color: var(--md-sys-color-on-surface); }
.pr-btn-dark-filled { background: #ffffff; color: rgba(0,0,0,0.87); }
.pr-btn-dark-outline { border: 1px solid rgba(255,255,255,0.75); color: #ffffff; }
.pr-badge { font-family: 'Inter', system-ui, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: var(--app-color-on-surface-variant); }
.pr-badge-hero { color: #ffffff; text-align: center; margin: 0 auto 14px; text-shadow: -1.5px -1.5px 2px rgba(0,0,0,0.73), 1.5px -1.5px 2px rgba(0,0,0,0.73), -1.5px 1.5px 2px rgba(0,0,0,0.73), 1.5px 1.5px 2px rgba(0,0,0,0.73), 0 0 10px rgba(0,0,0,0.47); }
.pr-card-title { margin: 0 0 10px; font-family: 'Playfair Display', Georgia, serif; font-size: 24px; font-weight: 600; line-height: 1.16; color: var(--md-sys-color-on-surface); }
.pr-quote { font-family: 'Inter', system-ui, sans-serif; font-size: 15px; line-height: 1.6; margin: 0 0 16px; font-style: italic; color: var(--app-color-on-surface-muted); }
.pr-html { font-family: 'Inter', system-ui, sans-serif; color: var(--app-color-on-surface-muted); text-align: left; }
.pr-html p { margin: 0 0 8px; font-family: 'Inter', system-ui, sans-serif; line-height: 1.65; }
.pr-html strong { color: inherit; }
.pr-html a { color: inherit; text-decoration: none; }
.pr-html ul, .pr-html ol { margin: 0; padding-left: 20px; }
.pr-html li { margin-bottom: 6px; }
.pr-html em { font-style: italic; color: inherit; }
.pr-html blockquote { font-style: italic; color: color-mix(in srgb, currentColor 80%, transparent); padding-left: 20px; margin: 12px 0; background: rgba(255,255,255,0.05); }
.pr-html h1, .pr-html h2, .pr-html h3, .pr-html h4 { margin: 0; color: var(--md-sys-color-on-surface); font-family: 'Playfair Display', Georgia, serif; }
.pr-html-compact { font-size: 15px; line-height: 1.65; }
.pr-html-compact h1 { font-size: 42px; font-weight: 700; line-height: 1.08; }
.pr-html-compact h2 { font-size: 32px; font-weight: 700; line-height: 1.16; }
.pr-html-compact h3 { font-size: 24px; font-weight: 600; }
.pr-html-compact h4 { font-size: 19px; font-weight: 600; }
.pr-html-section-title h1, .pr-html-section-title h2 { font-size: 42px; font-weight: 700; line-height: 1.16; margin-bottom: 14px; }
.pr-html-section-title h3 { font-size: 24px; font-weight: 600; }
.pr-html-section-body { font-size: 17px; line-height: 1.65; max-width: 820px; margin-bottom: 20px; }
.pr-html-card-body { font-size: 15px; line-height: 1.65; }
.pr-html-hero-title { text-align: center; color: #ffffff; margin-bottom: 28px; }
.pr-html-hero-title h1 { font-size: 70px; font-weight: 700; line-height: 1.08; color: #ffffff; text-shadow: -1.5px -1.5px 2px rgba(0,0,0,0.73), 1.5px -1.5px 2px rgba(0,0,0,0.73), -1.5px 1.5px 2px rgba(0,0,0,0.73), 1.5px 1.5px 2px rgba(0,0,0,0.73), 0 0 10px rgba(0,0,0,0.47); }
.pr-html-hero-title h2 { font-size: 42px; font-weight: 700; line-height: 1.16; color: #ffffff; text-shadow: -1.5px -1.5px 2px rgba(0,0,0,0.73), 1.5px -1.5px 2px rgba(0,0,0,0.73), -1.5px 1.5px 2px rgba(0,0,0,0.73), 1.5px 1.5px 2px rgba(0,0,0,0.73), 0 0 10px rgba(0,0,0,0.47); }
.pr-html-hero-title h3, .pr-html-hero-title h4, .pr-html-hero-title p { color: #ffffff; text-shadow: -1.5px -1.5px 2px rgba(0,0,0,0.73), 1.5px -1.5px 2px rgba(0,0,0,0.73), -1.5px 1.5px 2px rgba(0,0,0,0.73), 1.5px 1.5px 2px rgba(0,0,0,0.73), 0 0 10px rgba(0,0,0,0.47); }
.pr-html-hero-body { font-size: 17px; line-height: 1.65; max-width: 600px; margin: 0 auto 40px; text-align: center; color: rgba(255,255,255,0.90); }
.pr-html-hero-body p, .pr-html-hero-body a, .pr-html-hero-body strong, .pr-html-hero-body em { color: rgba(255,255,255,0.90); text-shadow: -1.5px -1.5px 2px rgba(0,0,0,0.73), 1.5px -1.5px 2px rgba(0,0,0,0.73), -1.5px 1.5px 2px rgba(0,0,0,0.73), 1.5px 1.5px 2px rgba(0,0,0,0.73), 0 0 10px rgba(0,0,0,0.47); }
@media (max-width: 699px) { .pr-html-compact h1 { font-size: 34px; } .pr-html-compact h2 { font-size: 26px; } .pr-html-compact h4 { font-size: 17px; } .pr-html-section-title h1, .pr-html-section-title h2 { font-size: 34px; } .pr-html-hero-title h1 { font-size: 52px; } .pr-html-hero-title h2 { font-size: 34px; } }
@media (max-width: 479px) { .pr-html-compact h1 { font-size: 26px; } .pr-html-compact h2 { font-size: 20px; } .pr-html-compact h3 { font-size: 19px; } .pr-html-compact h4 { font-size: 16px; } .pr-html-section-title h1, .pr-html-section-title h2 { font-size: 24px; } .pr-html-hero-title h1 { font-size: 36px; } .pr-html-hero-title h2 { font-size: 24px; } .pr-badge { font-size: 9px; letter-spacing: 1.6px; } .pr-btn { padding-top: 10px !important; padding-bottom: 10px !important; } }
.text-md-sys-color-primary { color: var(--md-sys-color-primary); }
.bg-md-sys-color-primary { background-color: var(--md-sys-color-primary); }
.border-md-sys-color-primary { border-color: var(--md-sys-color-primary); }
.text-md-sys-color-on-primary { color: var(--md-sys-color-on-primary); }
.bg-md-sys-color-on-primary { background-color: var(--md-sys-color-on-primary); }
.border-md-sys-color-on-primary { border-color: var(--md-sys-color-on-primary); }
.text-md-sys-color-surface { color: var(--md-sys-color-surface); }
.bg-md-sys-color-surface { background-color: var(--md-sys-color-surface); }
.border-md-sys-color-surface { border-color: var(--md-sys-color-surface); }
.text-md-sys-color-on-surface { color: var(--md-sys-color-on-surface); }
.bg-md-sys-color-on-surface { background-color: var(--md-sys-color-on-surface); }
.border-md-sys-color-on-surface { border-color: var(--md-sys-color-on-surface); }
.text-md-sys-color-outline { color: var(--md-sys-color-outline); }
.bg-md-sys-color-outline { background-color: var(--md-sys-color-outline); }
.border-md-sys-color-outline { border-color: var(--md-sys-color-outline); }
.text-app-color-bg { color: var(--app-color-bg); }
.bg-app-color-bg { background-color: var(--app-color-bg); }
.border-app-color-bg { border-color: var(--app-color-bg); }
.text-app-color-surface { color: var(--app-color-surface); }
.bg-app-color-surface { background-color: var(--app-color-surface); }
.border-app-color-surface { border-color: var(--app-color-surface); }
.text-app-color-surface-2 { color: var(--app-color-surface-2); }
.bg-app-color-surface-2 { background-color: var(--app-color-surface-2); }
.border-app-color-surface-2 { border-color: var(--app-color-surface-2); }
.text-app-color-surface-blue { color: var(--app-color-surface-blue); }
.bg-app-color-surface-blue { background-color: var(--app-color-surface-blue); }
.border-app-color-surface-blue { border-color: var(--app-color-surface-blue); }
.text-app-color-surface-slate { color: var(--app-color-surface-slate); }
.bg-app-color-surface-slate { background-color: var(--app-color-surface-slate); }
.border-app-color-surface-slate { border-color: var(--app-color-surface-slate); }
.text-app-color-surface-deep { color: var(--app-color-surface-deep); }
.bg-app-color-surface-deep { background-color: var(--app-color-surface-deep); }
.border-app-color-surface-deep { border-color: var(--app-color-surface-deep); }
.text-app-color-primary { color: var(--app-color-primary); }
.bg-app-color-primary { background-color: var(--app-color-primary); }
.border-app-color-primary { border-color: var(--app-color-primary); }
.text-app-color-gold { color: var(--app-color-gold); }
.bg-app-color-gold { background-color: var(--app-color-gold); }
.border-app-color-gold { border-color: var(--app-color-gold); }
.text-app-color-cyan { color: var(--app-color-cyan); }
.bg-app-color-cyan { background-color: var(--app-color-cyan); }
.border-app-color-cyan { border-color: var(--app-color-cyan); }
.text-app-color-sky { color: var(--app-color-sky); }
.bg-app-color-sky { background-color: var(--app-color-sky); }
.border-app-color-sky { border-color: var(--app-color-sky); }
.text-app-color-violet { color: var(--app-color-violet); }
.bg-app-color-violet { background-color: var(--app-color-violet); }
.border-app-color-violet { border-color: var(--app-color-violet); }
.text-app-color-muted { color: var(--app-color-muted); }
.bg-app-color-muted { background-color: var(--app-color-muted); }
.border-app-color-muted { border-color: var(--app-color-muted); }
.text-app-color-error { color: var(--app-color-error); }
.bg-app-color-error { background-color: var(--app-color-error); }
.border-app-color-error { border-color: var(--app-color-error); }
.text-app-color-on-surface { color: var(--app-color-on-surface); }
.bg-app-color-on-surface { background-color: var(--app-color-on-surface); }
.border-app-color-on-surface { border-color: var(--app-color-on-surface); }
.text-app-color-on-surface-variant { color: var(--app-color-on-surface-variant); }
.bg-app-color-on-surface-variant { background-color: var(--app-color-on-surface-variant); }
.border-app-color-on-surface-variant { border-color: var(--app-color-on-surface-variant); }
.text-app-color-on-surface-muted { color: var(--app-color-on-surface-muted); }
.bg-app-color-on-surface-muted { background-color: var(--app-color-on-surface-muted); }
.border-app-color-on-surface-muted { border-color: var(--app-color-on-surface-muted); }
.text-app-color-on-surface-faint { color: var(--app-color-on-surface-faint); }
.bg-app-color-on-surface-faint { background-color: var(--app-color-on-surface-faint); }
.border-app-color-on-surface-faint { border-color: var(--app-color-on-surface-faint); }
.text-app-color-nav-bg { color: var(--app-color-nav-bg); }
.bg-app-color-nav-bg { background-color: var(--app-color-nav-bg); }
.border-app-color-nav-bg { border-color: var(--app-color-nav-bg); }
.text-app-color-nav-border { color: var(--app-color-nav-border); }
.bg-app-color-nav-border { background-color: var(--app-color-nav-border); }
.border-app-color-nav-border { border-color: var(--app-color-nav-border); }