/* /styles/global.css */
/* ============================================================
   ExpoGage Design System — v1
   "Event intelligence, sharpened to your ICP."
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,600&family=Inter:wght@400;500;600&family=Cormorant+Garamond:wght@700&display=swap');

/* ── Tokens ─────────────────────────────────────────── */
:root {
  --ink:    #0A0C10;
  --paper:  #F2EFE8;
  --amber:  #0F5C47;  /* accent: deep green (DESIGN.md, owner 2026-10-07); 6.9:1 on paper. Re-tinted per dataset below */
  --gray:   #6B655E;  /* secondary text; AA on every paper (4.9:1 or more). Was #8A8880 (3.1:1, failed) */
  --tint:   #D5D0C6;
  --forest: #2A6B5A;
  --ochre:  #A88033;
  --slate:  #5F6A70;

  --paper2: #ede9e2;  /* slightly darker warm off-white, one step below --paper */
  --tint2:  #c5bfb4;  /* slightly darker than --tint, for subtle nested surfaces */
  --border: #e2ddd6;  /* hairline divider, warm neutral */
  --ink2:   #4a4540;  /* secondary text, between --ink and --gray */
  --surface: #FFFFFF; /* product surfaces: windows, cards, tables */
  --cta:    #0F5C47;  /* primary buttons; never re-tinted, one call to action colour sitewide */

  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', system-ui, -apple-system, sans-serif;

  --nav-h: 64px;
  --max-w: 1200px;
  --text-w: 700px;
}

/* ── Per-dataset themes ─────────────────────────────────
   Same ink/serif/layout everywhere — only the paper shade + accent shift, so
   each dataset has its own identity while staying one brand. `--amber` is the
   site-wide accent token, so re-defining it (plus --paper/--tint) re-tints nav,
   tags, links, and CTAs automatically. Applied via <html data-theme> in Layout.astro.
   Events (default) inherits the :root tokens above. */
[data-theme="organizers"] {        /* warm paper + ochre accent */
  --paper: #F4EDE0;
  --tint:  #E1D8C7;
  --amber: #9A7322;
}
[data-theme="venues"] {            /* cool paper + slate accent */
  --paper: #EAEDEC;
  --tint:  #CFD5D3;
  --amber: #4E5A61;
}

/* ── Reset ──────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Any in-page anchor target (e.g. #other) settles below the sticky nav instead of tucking under it. */
section[id] { scroll-margin-top: calc(var(--nav-h) + 16px); }
body { background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.65; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button { cursor: pointer; font-family: inherit; }
ul, ol { list-style: none; }

/* ── Layout ─────────────────────────────────────────── */
.wrap      { max-width: var(--max-w);  margin-inline: auto; padding-inline: 48px; }
.wrap-text { max-width: var(--text-w); margin-inline: auto; padding-inline: 48px; }

.section    { padding-block: 96px; }
.section-sm { padding-block: 64px; }
.section-lg { padding-block: 128px; }

.divider { border: none; border-top: 1px solid var(--tint); }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr;       gap: 16px; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr;   gap: 16px; }
.grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }

/* ── Typography ─────────────────────────────────────── */
.serif    { font-family: var(--serif); }
.tabular  { font-variant-numeric: tabular-nums; }
.italic   { font-style: italic; }
.text-gray  { color: var(--ink2); }
.text-amber { color: var(--amber); }

.small-caps {
  font-size: 12px; font-weight: 500; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--ink2);
}

/* ── Navigation ─────────────────────────────────────── */
.nav {
  position: sticky; top: 0; z-index: 200;
  background: color-mix(in srgb, var(--paper) 92%, transparent); border-bottom: 1px solid var(--tint);
  height: var(--nav-h);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.nav-inner {
  height: 100%; max-width: var(--max-w); margin-inline: auto; padding-inline: 48px;
  display: flex; align-items: center; justify-content: space-between;
}
.nav-logo {
  font-family: var(--serif); font-size: 20px; font-weight: 600;
  letter-spacing: -0.01em; color: var(--ink); text-decoration: none;
}
.nav-links { display: flex; align-items: center; gap: 32px; }
.nav-link {
  font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none;
  padding-bottom: 2px; border-bottom: 1px solid transparent; transition: border-color 0.15s;
}
.nav-link:hover  { border-bottom-color: var(--gray); }
.nav-link-active { border-bottom-color: var(--forest); }   /* always green, independent of per-dataset theme accent */

/* Mobile menu — burger + drawer (shown ≤960px; see responsive block) */
.nav-burger {
  display: none; align-items: center; justify-content: center;
  width: 40px; height: 40px; margin-right: -8px;
  background: none; border: none; color: var(--ink); cursor: pointer; border-radius: 4px;
  transition: background 0.15s;
}
.nav-burger:hover { background: color-mix(in srgb, var(--ink) 6%, transparent); }

.nav-drawer {
  position: absolute; top: 100%; left: 0; right: 0;
  background: var(--paper); border-bottom: 1px solid var(--tint);
  padding: 8px 28px 20px; flex-direction: column;
  box-shadow: 0 14px 30px -18px rgba(10, 12, 16, 0.3);
}
.nav-drawer:not([hidden]) { display: none; }  /* desktop: stays closed even if toggled */
.nav-drawer-link {
  font-size: 15px; font-weight: 500; color: var(--ink); text-decoration: none;
  padding: 13px 2px; border-bottom: 1px solid var(--tint);
}
.nav-drawer-link.nav-link-active { color: var(--forest); }

/* ── Buttons ─────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--sans); font-size: 14px; font-weight: 500;
  letter-spacing: 0.01em; text-decoration: none; border-radius: 2px;
  cursor: pointer; white-space: nowrap; transition: all 0.15s;
  border: 1px solid transparent; background: none;
}
.btn-primary { background: var(--cta); color: #fff; border-color: var(--cta); padding: 11px 22px; }
.btn-primary:hover { background: #0B4A39; border-color: #0B4A39; color: #fff; }
.btn-secondary { background: transparent; color: var(--ink); border-color: var(--ink); padding: 11px 22px; }
.btn-secondary:hover { background: var(--tint); }
.btn-invert { background: var(--paper); color: var(--ink); border-color: var(--paper); padding: 11px 22px; }
.btn-invert:hover { background: var(--tint); border-color: var(--tint); }
.btn-lg { font-size: 15px; padding: 14px 30px; }
.btn-sm { font-size: 13px; padding: 8px 16px; }

.link-text {
  font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none;
  border-bottom: 1px solid transparent; padding-bottom: 1px; transition: border-color 0.15s;
}
.link-text:hover { border-bottom-color: var(--ink); }
.link-text-sm { font-size: 13px; }

/* ── Form inputs ─────────────────────────────────────── */
.field { display: flex; flex-direction: column; gap: 8px; }

.field-label {
  font-size: 12px; font-weight: 500; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--ink2);
}

.field-input, .field-select, .field-textarea {
  font-family: var(--sans); font-size: 15px; color: var(--ink);
  background: #fff; border: 1px solid var(--tint); border-radius: 6px;
  padding: 12px 16px; outline: none; width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s; -webkit-appearance: none;
}
.field-input:focus, .field-select:focus, .field-textarea:focus {
  border-color: var(--amber);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--amber) 14%, transparent);
}
.field-input::placeholder, .field-textarea::placeholder { color: var(--gray); }
.field-select {
  cursor: pointer; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235F6A70' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.field-textarea { resize: vertical; min-height: 80px; line-height: 1.55; }
.field-textarea-auto { resize: none; overflow: hidden; min-height: 100px; }
.request-form { display: flex; flex-direction: column; gap: 24px; }
.field-hint { font-size: 12px; color: var(--ink2); line-height: 1.5; }

.radio-opt { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.radio-opt input[type="radio"] { margin-top: 3px; accent-color: var(--amber); flex-shrink: 0; }
.radio-opt-body { display: flex; flex-direction: column; gap: 3px; }
.radio-opt-label { font-size: 15px; font-weight: 500; }
.radio-opt-desc  { font-size: 13px; color: var(--ink2); }

/* ── Match badge ─────────────────────────────────────── */
.badge {
  display: inline-flex; align-items: center; flex-shrink: 0;
  padding: 3px 9px; border-radius: 2px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
  text-transform: uppercase; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.badge-high   { background: rgba(74,155,107,.14);  color: var(--forest); }
.badge-medium { background: rgba(196,149,42,.14); color: var(--ochre);  }
.badge-low    { background: rgba(138,150,160,.14); color: var(--slate);  }

/* ── Exhibitor card ──────────────────────────────────── */
.ex-card {
  background: var(--paper); border: 1px solid var(--tint);
  border-radius: 2px; padding: 24px; position: relative;
  min-width: 0; overflow-wrap: anywhere;  /* grid items: never wider than their track */
  /* Subtle lift — these are the product-output cards, so they read as a UI panel
     above the flat editorial page. Kept low-alpha to not look like generic web styling. */
  box-shadow: 0 8px 24px -14px rgba(10, 12, 16, 0.14);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.ex-card:hover { border-color: var(--gray); box-shadow: 0 12px 30px -14px rgba(10, 12, 16, 0.18); }

.ex-card-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 12px; margin-bottom: 14px;
}
.ex-card-name   { font-family: var(--serif); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.ex-card-domain { font-size: 12px; color: var(--ink2); margin-top: 2px; }

.ex-card-tags   { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.tag { font-size: 12px; color: var(--ink2); background: var(--tint); padding: 3px 8px; border-radius: 2px; }

.ex-card-rationale {
  font-size: 14px; line-height: 1.55; color: var(--ink); font-style: italic;
  padding-top: 14px; border-top: 1px solid var(--tint);
}

.ex-card-contacts { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--tint); }
.contacts-hd {
  font-size: 12px; font-weight: 500; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--ink2); margin-bottom: 10px;
}
.contact-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 7px 0; border-bottom: 1px solid var(--tint); font-size: 13px;
}
.contact-row:last-child { border-bottom: none; }
.contact-name  { font-weight: 500; }
.contact-right { display: flex; align-items: center; gap: 8px; color: var(--ink2); }
.dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.dot-v { background: var(--forest); }
.dot-i { background: var(--slate); }

/* Blurred card */
.ex-card-blur .ex-card-inner { filter: blur(5px); user-select: none; pointer-events: none; }
.blur-gate {
  position: absolute; inset: 0; display: flex; align-items: center;
  justify-content: center; background: color-mix(in srgb, var(--paper) 85%, transparent); z-index: 2; border-radius: 2px;
}
.blur-gate-inner { text-align: center; }
.blur-gate-text { font-size: 13px; color: var(--ink); margin-bottom: 14px; line-height: 1.55; }

/* ── Event card ──────────────────────────────────────── */
.ev-card {
  background: #fff; border: 1px solid var(--tint); border-radius: 2px;
  padding: 24px; display: block; text-decoration: none;
  box-shadow: 0 1px 4px rgba(10,12,16,0.06), 0 0 0 0.5px rgba(10,12,16,0.04);
  transition: border-color .18s, transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
}
/* Card hover micro-interaction — lift + accent border + soft shadow (event/venue/organizer cards) */
.ev-card:hover { border-color: var(--amber); transform: translateY(-3px); box-shadow: 0 8px 28px rgba(10,12,16,0.09); }
.venue-card { transition: border-color .18s, transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease; }
.venue-card:hover { border-color: var(--amber); transform: translateY(-3px); box-shadow: 0 8px 28px rgba(10,12,16,0.07); }
@media (prefers-reduced-motion: reduce) {
  .ev-card:hover, .venue-card:hover { transform: none; box-shadow: none; }
}
.ev-card-sector { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink2); margin-bottom: 8px; }
.ev-card-name   { font-family: var(--serif); font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; line-height: 1.2; }
.ev-card-meta   { font-size: 13px; color: var(--ink2); display: flex; gap: 16px; flex-wrap: wrap; }
.ev-card-count  { font-size: 13px; color: var(--ink); margin-top: 12px; font-variant-numeric: tabular-nums; border-top: 1px solid var(--tint); padding-top: 12px; }

/* live badge — inline, below ev-card-name */
.ev-card-live-badge {
  display: inline-flex; align-items: center; gap: 5px; margin-bottom: 8px;
  background: color-mix(in srgb, var(--forest) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--forest) 28%, transparent);
  border-radius: 9999px; padding: 3px 9px 3px 5px;
  font-size: 12px; font-weight: 600; color: var(--forest);
}
/* Static: no blinking dots (design-system pass, owner 2026-10-08). */
.ev-card-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--forest); }

/* ── Sector quick-filter pills (events listing) ───────── */
.ev-pill-row {
  display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none;
}
.ev-pill-row::-webkit-scrollbar { display: none; }
.ev-pill {
  flex-shrink: 0; padding: 6px 16px; border-radius: 9999px;
  border: 1px solid var(--tint); background: #fff; color: var(--ink);
  font-size: 13px; font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: border-color .12s, background .12s, color .12s;
}
.ev-pill:hover { border-color: var(--ink); }
.ev-pill-active { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* ── Pricing card ────────────────────────────────────── */
.price-card {
  background: var(--paper); border: 1px solid var(--tint); border-radius: 2px;
  padding: 32px; display: flex; flex-direction: column;
}
.price-card.featured { border-color: var(--ink); }
.price-tier   { font-size: 12px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink2); margin-bottom: 16px; }
.price-amount { font-family: var(--serif); font-size: 44px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; line-height: 1; }
.price-note   { font-size: 13px; color: var(--ink2); margin-top: 6px; margin-bottom: 24px; }
.price-list   { list-style: none; display: flex; flex-direction: column; gap: 11px; flex: 1; margin-bottom: 28px; }
.price-item   { font-size: 14px; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }
.price-item::before { content: '—'; color: var(--gray); flex-shrink: 0; }

/* ── Data table ──────────────────────────────────────── */
.data-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.data-table thead th {
  font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--ink2); text-align: left; padding: 10px 16px;
  border-bottom: 1px solid var(--tint); white-space: nowrap;
  position: sticky; top: var(--nav-h); background: var(--paper); z-index: 10;
}
.data-table thead th:first-child { padding-left: 0; }
.data-table tbody td { font-size: 14px; padding: 13px 16px; border-bottom: 1px solid var(--tint); vertical-align: middle; transition: background-color 0.15s; }
.data-table tbody td:first-child { padding-left: 0; }
.data-table tbody tr:last-child td { border-bottom: none; }
.data-table tbody tr:hover td { background: color-mix(in srgb, var(--tint) 60%, transparent); }
.data-table .check { color: var(--forest); font-weight: 600; }
.data-table .dash  { color: var(--gray); }

/* ── Report document ─────────────────────────────────── */
.report-doc { border: 1px solid var(--tint); border-radius: 2px; overflow: hidden; }
.report-hd  { background: var(--ink); color: var(--paper); padding: 32px 40px; }
.report-hd-label { font-size: 12px; font-weight: 500; letter-spacing: 0.10em; text-transform: uppercase; color: var(--amber); margin-bottom: 10px; }
.report-hd-event { font-family: var(--serif); font-size: 26px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 20px; line-height: 1.15; }
.report-hd-meta  { display: flex; gap: 40px; flex-wrap: wrap; }
.report-hd-item  { display: flex; flex-direction: column; gap: 3px; }
.report-hd-item-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: #A9A49B; } /* on the dark --ink header: 7.9:1 (var(--gray) is for paper) */
.report-hd-item-val   { font-size: 13px; color: var(--paper); }

.report-body { padding: 32px 40px; }
.report-section { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--tint); }
.report-section:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.report-section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink2); margin-bottom: 14px; }

/* Report blur zone */
.report-blur-zone   { position: relative; border-radius: 2px; }
.report-blur-content { filter: blur(5px); opacity: 0.5; user-select: none; pointer-events: none; }
.report-blur-overlay {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  flex-direction: column; text-align: center; gap: 16px; padding: 40px;
  background: color-mix(in srgb, var(--paper) 86%, transparent); z-index: 2;
}

/* ── ICP teaser ──────────────────────────────────────── */
.icp-teaser { border: 1px solid var(--ink); padding: 32px; border-radius: 2px; }
.icp-teaser-hl  { font-family: var(--serif); font-size: 22px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 8px; }
.icp-teaser-sub { font-size: 16px; color: var(--ink2); margin-bottom: 20px; line-height: 1.5; max-width: 460px; }
.icp-teaser-eg  { font-size: 13px; color: var(--ink2); margin-top: 16px; }

/* ── Event page layout ───────────────────────────────── */
.event-layout { display: grid; grid-template-columns: 1fr 272px; gap: 64px; align-items: start; }

/* Request page: form + "book a call" sidebar. Class-based (not inline) so the
   media query below can actually collapse it on a phone. */
.request-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 72px; align-items: start; max-width: 1020px; }
.request-aside  { position: sticky; top: calc(var(--nav-h) + 24px); }
.request-single { max-width: 640px; }

.event-sidebar-sticky { position: sticky; top: calc(var(--nav-h) + 24px); display: flex; flex-direction: column; gap: 20px; }
.sidebar-box { border: 1px solid var(--tint); padding: 20px; border-radius: 2px; }
.sidebar-box-label { font-size: 12px; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ink2); margin-bottom: 14px; }

/* ── Sticky CTA bar ──────────────────────────────────── */
.sticky-bar {
  position: sticky; top: var(--nav-h); z-index: 100;
  background: var(--paper); border-bottom: 1px solid var(--tint); padding: 12px 0;
}
.sticky-bar-inner { display: flex; align-items: center; justify-content: space-between; }
.sticky-bar-label { font-size: 14px; color: var(--ink2); }

/* ── FAQ ─────────────────────────────────────────────── */
.faq-item { border-bottom: 1px solid var(--tint); padding-block: 22px; }
.faq-item:first-child { border-top: 1px solid var(--tint); }
.faq-q { font-family: var(--serif); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 8px; }
.faq-a { font-size: 15px; color: var(--ink2); line-height: 1.65; }

/* ── Stat display ────────────────────────────────────── */
.stat-n { font-family: var(--serif); font-size: 44px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; line-height: 1; }
.stat-l { font-size: 13px; color: var(--ink2); margin-top: 6px; }

/* ── Scroll-reveal — .reveal fades/slides in on scroll (JS adds .in).
   Scoped to html.js so content stays visible if JS never runs. ──────── */
html.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
html.js .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html.js .reveal { opacity: 1; transform: none; transition: none; } }

/* Stagger children within a .reveal grid — add class="stagger" to the grid container */
html.js .reveal .stagger > * { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1); }
html.js .reveal.in .stagger > *:nth-child(1)   { opacity: 1; transform: none; transition-delay: .04s; }
html.js .reveal.in .stagger > *:nth-child(2)   { opacity: 1; transform: none; transition-delay: .11s; }
html.js .reveal.in .stagger > *:nth-child(3)   { opacity: 1; transform: none; transition-delay: .18s; }
html.js .reveal.in .stagger > *:nth-child(4)   { opacity: 1; transform: none; transition-delay: .25s; }
html.js .reveal.in .stagger > *:nth-child(5)   { opacity: 1; transform: none; transition-delay: .32s; }
html.js .reveal.in .stagger > *:nth-child(6)   { opacity: 1; transform: none; transition-delay: .39s; }
html.js .reveal.in .stagger > *:nth-child(7)   { opacity: 1; transform: none; transition-delay: .46s; }
html.js .reveal.in .stagger > *:nth-child(8)   { opacity: 1; transform: none; transition-delay: .53s; }
html.js .reveal.in .stagger > *:nth-child(n+9) { opacity: 1; transform: none; transition-delay: .53s; }
@media (prefers-reduced-motion: reduce) { html.js .reveal .stagger > * { opacity: 1; transform: none; transition: none !important; } }

/* Shimmer — for blurred gated-content placeholders */
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.shimmer {
  background: linear-gradient(105deg, var(--tint) 40%, color-mix(in srgb, var(--paper) 80%, #fff) 50%, var(--tint) 60%);
  background-size: 200% 100%;
  animation: shimmer 1.8s infinite linear;
}

/* ── Page transitions — a consistent slide-up cross-fade on every navigation
   (Astro View Transitions / ClientRouter, applied sitewide via Layout). ── */
::view-transition-old(root) { animation: 240ms cubic-bezier(.4,0,.2,1) both vt-out; }
::view-transition-new(root) { animation: 320ms cubic-bezier(.2,.8,.2,1) both vt-in; }
@keyframes vt-out { to   { opacity: 0; transform: translateY(-6px); } }
@keyframes vt-in  { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}

/* ── Step ────────────────────────────────────────────── */
.step-num { font-family: var(--serif); font-size: 22px; font-weight: 400; color: var(--tint); line-height: 1; min-width: 36px; }

/* ── Callout box ─────────────────────────────────────── */
.callout { background: var(--tint); padding: 24px; border-radius: 2px; }
.callout-title { font-family: var(--serif); font-size: 15px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 6px; }
.callout-text  { font-size: 14px; color: var(--slate); line-height: 1.6; }

/* ── Taxonomy tags ───────────────────────────────────── */
.tax-group { margin-bottom: 20px; }
.tax-group-title { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink2); margin-bottom: 10px; }
.tax-items { display: flex; flex-wrap: wrap; gap: 8px; }
.tax-tag { font-size: 13px; color: var(--ink); background: var(--tint); padding: 5px 12px; border-radius: 2px; }
.tax-tag span { font-variant-numeric: tabular-nums; color: var(--ink2); font-size: 12px; margin-left: 4px; }

/* ── Filter/search bar ───────────────────────────────── */
.filter-bar { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.filter-bar .field { flex: 1; min-width: 160px; }

/* ── Footer ──────────────────────────────────────────── */
.footer { border-top: 1px solid var(--tint); padding: 64px 0 48px; margin-top: 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.footer-logo { font-family: var(--serif); font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); text-decoration: none; display: block; margin-bottom: 12px; }
.footer-tagline { font-size: 13px; color: var(--ink2); max-width: 220px; line-height: 1.6; }
.footer-col-title { font-size: 12px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink2); margin-bottom: 16px; }
.footer-links { display: flex; flex-direction: column; gap: 10px; }
.footer-link { font-size: 14px; color: var(--ink); text-decoration: none; transition: color 0.15s; }
.footer-link:hover { color: var(--amber); }
.footer-bottom { border-top: 1px solid var(--tint); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; }
.footer-copy { font-size: 12px; color: var(--ink2); }

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 960px) {
  .wrap, .wrap-text { padding-inline: 28px; }
  .section { padding-block: 64px; }
  .section-lg { padding-block: 80px; }
  .nav-link-hide { display: none; }
  .nav-cta { display: none; }                      /* lives in the drawer on mobile */
  .nav-burger { display: inline-flex; }
  .nav-drawer:not([hidden]) { display: flex; }     /* reveal when toggled open */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .event-layout { grid-template-columns: 1fr; }
  .request-layout { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .request-aside  { position: static; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .wrap, .wrap-text { padding-inline: 20px; }
  .section { padding-block: 56px; }
  .footer-grid { grid-template-columns: 1fr; }
  .grid-2 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr; }
  .filter-bar { flex-direction: column; }
  .report-hd { padding: 24px; }
  .report-body { padding: 24px; }
  .report-hd-meta { gap: 20px; }
}

/* ── Mobile: stack crammed inline grids ────────────────────────────────
   Many pages set grid-template-columns inline (1fr 1fr / 1fr 1fr 1fr), which
   never collapses on a phone. This !important rule overrides the inline value
   so content grids stack on small screens. The substring matches both 2- and
   3-column inline grids. Class-based stat grids (.hero-stat-grid, .for-stat-grid)
   are untouched — they keep their own intentional 2-up mobile layout. */
@media (max-width: 720px) {
  [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
}

/* Event page list box: sidebar on wide screens, under the header on phones (EventBuyBox). */
.bb-inline { display: none; }
@media (max-width: 960px) {
  .bb-inline { display: block; margin-bottom: 28px; }
  .bb-side { display: none; }
}

/* /_astro/Layout.DXQWyFNW.css */
.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}#fw-trigger{position:fixed;bottom:24px;right:24px;z-index:9000;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000002e;transition:transform .15s,box-shadow .15s}#fw-trigger:hover{transform:scale(1.07);box-shadow:0 6px 20px #00000038}#fw-panel{position:fixed;bottom:88px;right:24px;z-index:8999;width:340px;max-height:520px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #00000024;display:none;flex-direction:column;overflow:hidden}#fw-panel.fw-open{display:flex;animation:fw-slide-up .2s ease}@keyframes fw-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){#fw-panel{right:8px;left:8px;width:auto}#fw-trigger{right:16px;bottom:16px}}.fw-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.fw-header-left{display:flex;align-items:center;gap:10px}.fw-avatar{font-size:20px}.fw-title{font-size:14px;font-weight:700;color:var(--ink)}.fw-subtitle{font-size:12px;color:#999}.fw-close-btn{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px}.fw-close-btn:hover{background:#f4f4f5;color:var(--ink)}.fw-messages{flex:1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:8px;min-height:0}.fw-msg{display:flex}.fw-ai{justify-content:flex-start}.fw-user{justify-content:flex-end}.fw-bubble{max-width:85%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.5}.fw-ai .fw-bubble{background:#f4f4f5;color:var(--ink);border-bottom-left-radius:3px}.fw-user .fw-bubble{background:var(--ink);color:#fff;border-bottom-right-radius:3px}.fw-loading .fw-bubble{padding:12px 16px}.fw-dots span{display:inline-block;animation:fw-blink 1.2s infinite;font-size:16px;color:#999}.fw-dots span:nth-child(2){animation-delay:.2s}.fw-dots span:nth-child(3){animation-delay:.4s}@keyframes fw-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.fw-ts-gate{display:flex;justify-content:center;padding:6px 0 2px;min-height:65px}.fw-quick-replies{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px}.fw-qr-btn{padding:5px 12px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;color:var(--ink);font-size:12px;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s}.fw-qr-btn:hover{background:#f4f4f5;border-color:#ccc}.fw-search-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#eff6ff;border-top:1px solid #bfdbfe;font-size:12px;color:#1d4ed8;font-weight:500;flex-shrink:0;gap:8px}.fw-search-action{background:#1d4ed8;color:#fff;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.fw-search-action:disabled{opacity:.6;cursor:not-allowed}.fw-success{padding:24px 16px;text-align:center;flex-shrink:0}.fw-success-icon{font-size:32px;margin-bottom:10px}.fw-success-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.fw-success-text{font-size:12px;color:#777;line-height:1.5}.fw-input-row{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #f0f0f0;flex-shrink:0}#fw-input{flex:1;resize:none;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;outline:none;line-height:1.4;max-height:80px;overflow-y:auto;color:var(--ink)}#fw-input:focus{border-color:var(--ink)}#fw-input:disabled{opacity:.5}#fw-send{width:34px;height:34px;border-radius:8px;border:none;background:var(--ink);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}#fw-send:disabled{opacity:.4;cursor:not-allowed}.fw-footer-note{text-align:center;font-size:12px;color:#bbb;padding:4px 12px 8px;flex-shrink:0}.consent[data-astro-cid-2effgw6e]{position:fixed;left:24px;bottom:24px;z-index:9001;max-width:380px;padding:16px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:2px;box-shadow:0 6px 24px #0a0c101f;font-family:var(--sans)}.consent[data-astro-cid-2effgw6e][hidden]{display:none}.consent-text[data-astro-cid-2effgw6e]{font-size:13px;line-height:1.55;margin:0 0 12px}.consent-text[data-astro-cid-2effgw6e] a[data-astro-cid-2effgw6e]{color:var(--ink)}.consent-actions[data-astro-cid-2effgw6e]{display:flex;gap:8px}.consent-btn[data-astro-cid-2effgw6e]{flex:1;min-height:40px;padding:8px 14px;font:600 13px/1 var(--sans);color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:2px;cursor:pointer}.consent-accept[data-astro-cid-2effgw6e]{background:var(--ink);color:var(--paper)}.consent-btn[data-astro-cid-2effgw6e]:focus-visible,.consent-text[data-astro-cid-2effgw6e] a[data-astro-cid-2effgw6e]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(max-width:560px){.consent[data-astro-cid-2effgw6e]{left:8px;right:8px;bottom:8px;max-width:none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.sin[data-astro-cid-3t7nwneo]{position:fixed;z-index:300;left:50%;top:16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 12px 10px 14px;background:var(--ink);color:#fff;border-radius:6px;font-size:14px;box-shadow:0 6px 24px #0000002e}.sin[data-astro-cid-3t7nwneo][hidden]{display:none}.sin-dot[data-astro-cid-3t7nwneo]{color:#7fd1b9;font-weight:700}.sin-x[data-astro-cid-3t7nwneo]{background:none;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;opacity:.8}.sin-x[data-astro-cid-3t7nwneo]:hover,.sin-x[data-astro-cid-3t7nwneo]:focus-visible{opacity:1}

/* /_astro/HomeV2.C7K0L0UD.css */
.h2[data-astro-cid-rt4scj3y]{--p-paper: #F2EFE8;--p-surface: #FFFFFF;--p-ink: #0A0C10;--p-ink2: #4A4540;--p-rule: #DDD7CC;--p-accent: #0F5C47;--p-band: #DDE6DF;background:var(--p-paper);color:var(--p-ink)}.h2[data-astro-cid-rt4scj3y] .wrap[data-astro-cid-rt4scj3y]{max-width:1200px;margin:0 auto;padding:0 40px}@media(max-width:720px){.h2[data-astro-cid-rt4scj3y] .wrap[data-astro-cid-rt4scj3y]{padding:0 20px}}.sr[data-astro-cid-rt4scj3y]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kicker[data-astro-cid-rt4scj3y]{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--p-ink2);margin:0 0 12px}.h2[data-astro-cid-rt4scj3y] h1[data-astro-cid-rt4scj3y],.h2[data-astro-cid-rt4scj3y] h2[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;color:var(--p-ink);margin:0}.h2[data-astro-cid-rt4scj3y] h1[data-astro-cid-rt4scj3y] em[data-astro-cid-rt4scj3y],.h2[data-astro-cid-rt4scj3y] h2[data-astro-cid-rt4scj3y] em[data-astro-cid-rt4scj3y]{font-style:italic;color:var(--p-accent)}.btn[data-astro-cid-rt4scj3y]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;background:var(--p-accent);color:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}.btn[data-astro-cid-rt4scj3y]:hover{background:#0b4a39}.btn-sm[data-astro-cid-rt4scj3y]{min-height:40px;padding:0 14px;font-size:14px}.link[data-astro-cid-rt4scj3y]{color:var(--p-accent);font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px}.btn[data-astro-cid-rt4scj3y]:focus-visible,.link[data-astro-cid-rt4scj3y]:focus-visible,.card[data-astro-cid-rt4scj3y]:focus-visible,.door[data-astro-cid-rt4scj3y]:focus-visible,.search[data-astro-cid-rt4scj3y] button[data-astro-cid-rt4scj3y]:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}.hero[data-astro-cid-rt4scj3y]{padding:72px 0 48px;overflow:hidden}@media(max-width:720px){.hero[data-astro-cid-rt4scj3y]{padding:44px 0 36px}}.hero-center[data-astro-cid-rt4scj3y]{display:flex;flex-direction:column;align-items:center;text-align:center}.h2[data-astro-cid-rt4scj3y] h1[data-astro-cid-rt4scj3y]{font-size:clamp(38px,5.2vw,68px);line-height:1.02}@media(min-width:640px){.h2[data-astro-cid-rt4scj3y] h1[data-astro-cid-rt4scj3y] .nb[data-astro-cid-rt4scj3y]{white-space:nowrap}}.h2[data-astro-cid-rt4scj3y] h1[data-astro-cid-rt4scj3y] em[data-astro-cid-rt4scj3y]{display:block}.sub[data-astro-cid-rt4scj3y]{font-size:18px;line-height:1.55;color:var(--p-ink2);margin:20px 0 28px;max-width:52ch}.search[data-astro-cid-rt4scj3y]{display:flex;gap:6px;background:var(--p-surface);border:1px solid var(--p-ink);border-radius:10px;padding:5px;width:min(560px,100%);text-align:left}.search[data-astro-cid-rt4scj3y] input[data-astro-cid-rt4scj3y]{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:16px;padding:0 12px;color:var(--p-ink)}.search[data-astro-cid-rt4scj3y] input[data-astro-cid-rt4scj3y]::placeholder{color:#6b655e}.search[data-astro-cid-rt4scj3y]:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--p-accent) 25%,transparent)}.search[data-astro-cid-rt4scj3y] button[data-astro-cid-rt4scj3y]{border:none;border-radius:7px;background:var(--p-ink);color:#fff;font:inherit;font-weight:600;font-size:15px;padding:0 18px;min-height:44px;cursor:pointer}.cta-row[data-astro-cid-rt4scj3y]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin-top:20px}.note[data-astro-cid-rt4scj3y]{font-size:13px;color:var(--p-ink2);margin:12px 0 0}@media(max-width:520px){.search[data-astro-cid-rt4scj3y]{flex-direction:column}.search[data-astro-cid-rt4scj3y] input[data-astro-cid-rt4scj3y]{min-height:44px}}.stile[data-astro-cid-rt4scj3y]{display:flex;flex-direction:column;background:var(--p-surface);border:1px solid var(--p-rule);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.stile[data-astro-cid-rt4scj3y]:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px #0a0c1073}.stile[data-astro-cid-rt4scj3y]:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}.stile-logo[data-astro-cid-rt4scj3y]{aspect-ratio:16 / 9;display:grid;place-items:center;padding:18px;background:var(--p-surface);border-bottom:1px solid #F0ECE4}.stile-logo[data-astro-cid-rt4scj3y] img[data-astro-cid-rt4scj3y]{max-width:72%;max-height:40px;width:auto;height:auto;object-fit:contain;filter:brightness(0);opacity:.82}.stile-word[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:19px;line-height:1.1;text-align:center;color:var(--p-ink, var(--ink));opacity:.82;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stile-cap[data-astro-cid-rt4scj3y]{display:grid;gap:2px;padding:10px 12px 12px;text-align:left}.stile-cap[data-astro-cid-rt4scj3y] b[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.15}.stile-cap[data-astro-cid-rt4scj3y] span[data-astro-cid-rt4scj3y]{font-size:12px;color:var(--p-ink2)}.wall-more[data-astro-cid-rt4scj3y]{text-align:center;margin-top:22px!important}.rail[data-astro-cid-rt4scj3y]{margin-top:56px;display:grid;gap:14px}.rail-row[data-astro-cid-rt4scj3y]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.rail-track[data-astro-cid-rt4scj3y]{display:flex;gap:14px;width:max-content;animation:rail 70s linear infinite}.rail-row-rev[data-astro-cid-rt4scj3y] .rail-track[data-astro-cid-rt4scj3y]{animation-direction:reverse;animation-duration:80s}.rail-row[data-astro-cid-rt4scj3y]:hover .rail-track[data-astro-cid-rt4scj3y],.rail-row[data-astro-cid-rt4scj3y]:focus-within .rail-track[data-astro-cid-rt4scj3y]{animation-play-state:paused}.rail[data-astro-cid-rt4scj3y] .stile[data-astro-cid-rt4scj3y]{width:220px;flex:0 0 auto}@keyframes rail{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.rail-row[data-astro-cid-rt4scj3y]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.rail-track[data-astro-cid-rt4scj3y]{animation:none}.stile[data-astro-cid-rt4scj3y],.stile[data-astro-cid-rt4scj3y]:hover{transition:none;transform:none}}.what[data-astro-cid-rt4scj3y]{padding-top:72px}.what-grid[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:4.5fr 7.5fr;gap:56px;align-items:center}@media(max-width:1000px){.what-grid[data-astro-cid-rt4scj3y]{grid-template-columns:1fr;gap:32px}}.what[data-astro-cid-rt4scj3y] .sec-p[data-astro-cid-rt4scj3y]{margin-top:16px}.win[data-astro-cid-rt4scj3y]{background:var(--p-surface);border:1px solid var(--p-rule);border-radius:12px;overflow:hidden;box-shadow:0 28px 70px -34px #0a0c1066,0 2px 6px #0a0c100d;min-width:0}.win-bar[data-astro-cid-rt4scj3y]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:13px 16px;border-bottom:1px solid var(--p-rule);background:#fbfaf7;font-size:13px;color:var(--p-ink2)}.win-title[data-astro-cid-rt4scj3y]{font-weight:600;font-size:14px;color:var(--p-ink);text-decoration:none}.pill[data-astro-cid-rt4scj3y]{margin-left:auto;font-size:12px;font-weight:600;color:var(--p-accent);border:1px solid color-mix(in srgb,var(--p-accent) 40%,transparent);border-radius:999px;padding:2px 10px}.win-body[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:1.45fr 1fr}@media(max-width:640px){.win-body[data-astro-cid-rt4scj3y]{grid-template-columns:1fr}}.rows[data-astro-cid-rt4scj3y]{width:100%;border-collapse:collapse;font-size:14px}.rows[data-astro-cid-rt4scj3y] th[data-astro-cid-rt4scj3y]{text-align:left;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--p-ink2);padding:10px 14px;border-bottom:1px solid var(--p-rule)}.rows[data-astro-cid-rt4scj3y] td[data-astro-cid-rt4scj3y]{padding:10px 14px;border-bottom:1px solid #F0ECE4;vertical-align:top}.rows[data-astro-cid-rt4scj3y] tr[data-astro-cid-rt4scj3y]:last-child td[data-astro-cid-rt4scj3y]{border-bottom:none}.rows[data-astro-cid-rt4scj3y] .dom[data-astro-cid-rt4scj3y]{color:var(--p-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}.xs[data-astro-cid-rt4scj3y]{background:var(--p-band);padding:14px 16px}.xs-k[data-astro-cid-rt4scj3y]{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#2c3a32;margin:0 0 8px}.xs-r[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:7px 0;border-top:1px solid rgba(10,12,16,.08);font-size:13px}.xs-r[data-astro-cid-rt4scj3y] b[data-astro-cid-rt4scj3y]{font-variant-numeric:tabular-nums}.xs-bar[data-astro-cid-rt4scj3y]{grid-column:1 / -1;height:4px;border-radius:2px;background:#0f5c4726;overflow:hidden}.xs-bar[data-astro-cid-rt4scj3y] i[data-astro-cid-rt4scj3y]{display:block;height:100%;background:var(--p-accent)}.xs-note[data-astro-cid-rt4scj3y]{font-size:12px;color:#2c3a32;margin:10px 0 0}.win-foot[data-astro-cid-rt4scj3y]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--p-rule);font-size:14px;color:var(--p-ink2)}.proof[data-astro-cid-rt4scj3y]{border-top:1px solid var(--p-rule);border-bottom:1px solid var(--p-rule);background:var(--p-surface)}.proof-grid[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:repeat(5,1fr)}.proof-i[data-astro-cid-rt4scj3y]{padding:24px 16px 20px 0}.proof-i[data-astro-cid-rt4scj3y]+.proof-i[data-astro-cid-rt4scj3y]{padding-left:20px;border-left:1px solid var(--p-rule)}.proof-n[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.proof-i[data-astro-cid-rt4scj3y].lead .proof-n[data-astro-cid-rt4scj3y]{color:var(--p-accent)}.proof-l[data-astro-cid-rt4scj3y]{font-size:13px;color:var(--p-ink2);margin:2px 0 0}.refreshed[data-astro-cid-rt4scj3y]{font-size:12px;color:var(--p-ink2);padding-bottom:14px!important;margin:0 auto}@media(max-width:900px){.proof-grid[data-astro-cid-rt4scj3y]{grid-template-columns:1fr 1fr}.proof-i[data-astro-cid-rt4scj3y],.proof-i[data-astro-cid-rt4scj3y]+.proof-i[data-astro-cid-rt4scj3y]{padding:18px 12px 14px 0;border-left:none;border-top:1px solid var(--p-rule)}.proof-i[data-astro-cid-rt4scj3y].lead{grid-column:1 / -1;border-top:none}}.sec[data-astro-cid-rt4scj3y]{padding:88px 0}.sec-tight[data-astro-cid-rt4scj3y]{padding-top:24px}@media(max-width:720px){.sec[data-astro-cid-rt4scj3y]{padding:60px 0}}.sec-head[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:36px}@media(max-width:860px){.sec-head[data-astro-cid-rt4scj3y]{grid-template-columns:1fr;gap:12px}}.h2[data-astro-cid-rt4scj3y] h2[data-astro-cid-rt4scj3y]{font-size:clamp(30px,3.6vw,46px);line-height:1.05}.sec-p[data-astro-cid-rt4scj3y]{font-size:16px;line-height:1.6;color:var(--p-ink2);margin:0;max-width:52ch}.more[data-astro-cid-rt4scj3y]{margin:24px 0 0}.cards[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.cards[data-astro-cid-rt4scj3y]{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards[data-astro-cid-rt4scj3y]{grid-template-columns:1fr}}.card[data-astro-cid-rt4scj3y]{display:flex;flex-direction:column;background:var(--p-surface);border:1px solid var(--p-rule);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.card[data-astro-cid-rt4scj3y]:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px #0a0c1066}@media(prefers-reduced-motion:reduce){.card[data-astro-cid-rt4scj3y],.card[data-astro-cid-rt4scj3y]:hover{transition:none;transform:none}}.tile[data-astro-cid-rt4scj3y]{height:128px;display:grid;place-items:center;padding:22px}.tile[data-astro-cid-rt4scj3y] img[data-astro-cid-rt4scj3y]{max-width:72%;max-height:52px;object-fit:contain}.card-body[data-astro-cid-rt4scj3y]{display:grid;gap:3px;padding:14px 16px 16px}.date[data-astro-cid-rt4scj3y]{font-size:13px;font-weight:600;color:var(--p-accent)}.name[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:21px;line-height:1.15}.meta[data-astro-cid-rt4scj3y]{font-size:13px;color:var(--p-ink2)}.count[data-astro-cid-rt4scj3y]{font-size:13px;color:var(--p-ink);margin-top:8px;padding-top:10px;border-top:1px solid #F0ECE4;font-variant-numeric:tabular-nums}.band[data-astro-cid-rt4scj3y]{background:var(--p-band);padding:88px 0}@media(max-width:720px){.band[data-astro-cid-rt4scj3y]{padding:60px 0}}.band-grid[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}@media(max-width:900px){.band-grid[data-astro-cid-rt4scj3y]{grid-template-columns:1fr;gap:32px}}.band[data-astro-cid-rt4scj3y] .sec-p[data-astro-cid-rt4scj3y]{margin-top:18px;color:#2c3a32}.band[data-astro-cid-rt4scj3y] .kicker[data-astro-cid-rt4scj3y]{color:#2c3a32}.xs-fig[data-astro-cid-rt4scj3y]{margin:0;background:var(--p-surface);border-radius:12px;padding:22px 24px;box-shadow:0 20px 50px -34px #0a0c1073}.xs-fig[data-astro-cid-rt4scj3y] figcaption[data-astro-cid-rt4scj3y]{font-size:14px;font-weight:600;margin-bottom:12px}.fig-r[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:minmax(0,1.2fr) 1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #F0ECE4;font-size:14px}.fig-bar[data-astro-cid-rt4scj3y]{height:8px;border-radius:4px;background:#edf2ee;overflow:hidden}.fig-bar[data-astro-cid-rt4scj3y] i[data-astro-cid-rt4scj3y]{display:block;height:100%;background:var(--p-accent)}.fig-r[data-astro-cid-rt4scj3y] b[data-astro-cid-rt4scj3y]{font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}@media(max-width:520px){.fig-r[data-astro-cid-rt4scj3y]{grid-template-columns:1fr auto}.fig-bar[data-astro-cid-rt4scj3y]{grid-column:1 / -1;grid-row:2}}.xs-fig[data-astro-cid-rt4scj3y] .xs-note[data-astro-cid-rt4scj3y]{color:var(--p-ink2)}.doors[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1000px){.doors[data-astro-cid-rt4scj3y]{grid-template-columns:1fr 1fr}}@media(max-width:560px){.doors[data-astro-cid-rt4scj3y]{grid-template-columns:1fr}}.door[data-astro-cid-rt4scj3y]{display:flex;flex-direction:column;gap:10px;background:var(--p-surface);border:1px solid var(--p-rule);border-radius:12px;padding:22px;text-decoration:none;color:inherit}.door[data-astro-cid-rt4scj3y]:hover{border-color:var(--p-accent)}.door-h[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:22px;line-height:1.15}.door-p[data-astro-cid-rt4scj3y]{font-size:14px;line-height:1.55;color:var(--p-ink2);flex:1}.hubs[data-astro-cid-rt4scj3y]{margin-top:28px;display:grid;gap:10px}.hubs[data-astro-cid-rt4scj3y] p[data-astro-cid-rt4scj3y]{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:14px}.hubs-k[data-astro-cid-rt4scj3y]{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--p-ink2);min-width:92px}.hubs[data-astro-cid-rt4scj3y] a[data-astro-cid-rt4scj3y]{color:var(--p-ink);text-decoration:underline;text-decoration-color:var(--p-rule);text-underline-offset:3px}.hubs[data-astro-cid-rt4scj3y] a[data-astro-cid-rt4scj3y]:hover{text-decoration-color:var(--p-accent)}.packs[data-astro-cid-rt4scj3y]{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--p-rule);border-radius:12px;overflow:hidden;background:var(--p-surface)}@media(max-width:760px){.packs[data-astro-cid-rt4scj3y]{grid-template-columns:1fr 1fr}}.pack[data-astro-cid-rt4scj3y]{padding:22px;border-left:1px solid var(--p-rule)}.pack[data-astro-cid-rt4scj3y]:first-child{border-left:none}@media(max-width:760px){.pack[data-astro-cid-rt4scj3y]:nth-child(3){border-left:none}.pack[data-astro-cid-rt4scj3y]:nth-child(n+3){border-top:1px solid var(--p-rule)}}.pack-free[data-astro-cid-rt4scj3y]{background:var(--p-band)}.pack-c[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:30px;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums}.pack-c[data-astro-cid-rt4scj3y] span[data-astro-cid-rt4scj3y]{font-family:var(--sans);font-size:14px;color:var(--p-ink2);letter-spacing:0}.pack-p[data-astro-cid-rt4scj3y]{font-size:18px;font-weight:600;margin:6px 0 0}.pack-n[data-astro-cid-rt4scj3y]{font-size:13px;color:#2c3a32;margin:4px 0 0}.sec-how[data-astro-cid-rt4scj3y]{padding-top:72px;padding-bottom:24px}.steps[data-astro-cid-rt4scj3y]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:860px){.steps[data-astro-cid-rt4scj3y]{grid-template-columns:1fr}}.steps[data-astro-cid-rt4scj3y] li[data-astro-cid-rt4scj3y]{background:var(--p-surface);border:1px solid var(--p-rule);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px}.step-n[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-size:30px;line-height:1;color:var(--p-accent)}.steps[data-astro-cid-rt4scj3y] h3[data-astro-cid-rt4scj3y]{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.15;margin:4px 0 0}.steps[data-astro-cid-rt4scj3y] p[data-astro-cid-rt4scj3y]{font-size:14px;line-height:1.55;color:var(--p-ink2);margin:0;flex:1}.pack-best[data-astro-cid-rt4scj3y]{box-shadow:inset 0 0 0 2px var(--p-accent)}.badge[data-astro-cid-rt4scj3y]{display:inline-block;font-size:12px;font-weight:600;color:#fff;background:var(--p-accent);border-radius:999px;padding:2px 10px;margin-bottom:8px}.close[data-astro-cid-rt4scj3y]{background:var(--p-band);padding:88px 0}.close-in[data-astro-cid-rt4scj3y]{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.close[data-astro-cid-rt4scj3y] .search[data-astro-cid-rt4scj3y]{width:100%}