/* ============================================================================
 * PHLEGETHON STATIC MARKETING WEBSITE — COMPILED STYLESHEET
 * Includes: Base Reset + Tailwind v4 Utilities + Volcanic Forge Design System
 * ============================================================================ */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--border, rgba(255, 130, 67, 0.14));
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  line-height: inherit;
}
hr { height: 0; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
p, dl, dd, blockquote, figure, pre { margin: 0; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: 'Roboto Mono', monospace; font-size: 1em; }
small { font-size: 80%; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
button, [role="button"] { cursor: pointer; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }

@keyframes spin {
  to { transform: rotate(360deg); }
}
@keyframes pulse {
  50% { opacity: 0.5; }
}
@keyframes page-enter {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
body {
  animation: page-enter 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Range Input Thumb Styling for Pricing Credit Slider */
#pricing-credit-quantity::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #FF4D00;
  border: 2px solid #FFF3E8;
  box-shadow: 0 0 14px rgba(255, 77, 0, 0.65);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
#pricing-credit-quantity::-webkit-slider-thumb:hover {
  transform: scale(1.12);
  box-shadow: 0 0 20px rgba(255, 77, 0, 0.85);
}
#pricing-credit-quantity::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #FF4D00;
  border: 2px solid #FFF3E8;
  box-shadow: 0 0 14px rgba(255, 77, 0, 0.65);
  cursor: pointer;
}

/* Interactive Card Glow Hover Enhancement */
.forge-card-interactive {
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.forge-card-interactive:hover {
  border-color: rgba(255, 77, 0, 0.38) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.36), 0 0 28px rgba(255, 77, 0, 0.08);
}

/* Custom Volcanic Forge Theme & Keyframes */
/* 
  PHLEGETHON — VOLCANIC FORGE DESIGN SYSTEM
  ==========================================
  Design Philosophy: Raw volcanic power. Everything glows from within.
  Background: #050505 (void black)
  Cards: #0F0F0F (obsidian)
  Accent: #FF4D00 (magma orange)
  Amber: #FFB800 (glowing embers)
  Red: #E60000 (danger)
  Text: #F0EDE8 (warm off-white)
  Muted: #6B6560
  Fonts: Rajdhani (headings) / DM Sans (body) / Roboto Mono (terminal)
*/







:root {
  --radius: 0.5rem;
  --forge-void: #070707;
  --forge-line: rgba(255, 255, 255, 0.10);
  --forge-line-strong: rgba(255, 255, 255, 0.17);
  --forge-text: #f5f3ef;
  --forge-muted: #a9a5a0;
  --forge-accent: #ff5a1f;
  --forge-amber: #ffbf4b;
  --forge-refresh: #60a5fa;
  --forge-refresh-strong: #93c5fd;
  --forge-refresh-surface: rgba(59, 130, 246, 0.10);
  --forge-refresh-line: rgba(96, 165, 250, 0.30);
  --forge-radius: 1.25rem;
  --forge-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --forge-page-gutter: 1rem;
  --forge-section-space: 4.5rem;
  --forge-content-width: 72rem;
  --forge-content-wide: 80rem;
  --background: oklch(0.04 0 0);
  --foreground: oklch(0.94 0.006 60);
  --card: oklch(0.07 0 0);
  --card-foreground: oklch(0.94 0.006 60);
  --popover: oklch(0.07 0 0);
  --popover-foreground: oklch(0.94 0.006 60);
  --primary: oklch(0.58 0.22 35);
  --primary-foreground: oklch(0.98 0 0);
  --secondary: oklch(0.12 0 0);
  --secondary-foreground: oklch(0.85 0.005 60);
  --muted: oklch(0.12 0 0);
  --muted-foreground: oklch(0.50 0.01 50);
  --accent: oklch(0.12 0 0);
  --accent-foreground: oklch(0.94 0.006 60);
  --destructive: oklch(0.55 0.24 25);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.18 0 0);
  --input: oklch(0.12 0 0);
  --ring: oklch(0.58 0.22 35);
  --chart-1: oklch(0.58 0.22 35);
  --chart-2: oklch(0.70 0.18 60);
  --chart-3: oklch(0.55 0.24 25);
  --chart-4: oklch(0.65 0.15 80);
  --chart-5: oklch(0.50 0.10 50);
  --sidebar: oklch(0.06 0 0);
  --sidebar-foreground: oklch(0.94 0.006 60);
  --sidebar-primary: oklch(0.58 0.22 35);
  --sidebar-primary-foreground: oklch(0.98 0 0);
  --sidebar-accent: oklch(0.10 0 0);
  --sidebar-accent-foreground: oklch(0.94 0.006 60);
  --sidebar-border: oklch(0.14 0 0);
  --sidebar-ring: oklch(0.58 0.22 35);
}


  * {
    border-color: var(--border);
  }
  body {
    background-color: var(--background); color: var(--foreground);
    font-family: 'DM Sans', sans-serif;
    background-color: #050505;
    color: #F0EDE8;
    min-width: 320px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  .font-mono, code, pre {
    font-family: 'Roboto Mono', monospace;
  }
  button:not(:disabled),
  [role="button"]:not([aria-disabled="true"]),
  [type="button"]:not(:disabled),
  [type="submit"]:not(:disabled),
  a[href],
  select:not(:disabled),
  input[type="checkbox"]:not(:disabled),
  input[type="radio"]:not(:disabled) {
    @apply cursor-pointer;
  }
  button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
  :where(a[href], button, input, select, textarea, [role="button"]):focus-visible {
    outline: 2px solid #FFB26B;
    outline-offset: 3px;
  }
  .forge-skip-link {
    position: fixed;
    left: 1rem;
    top: -5rem;
    z-index: 100;
    border: 1px solid rgba(255,191,75,.55);
    border-radius: .75rem;
    background: #17110e;
    color: #fff7f1;
    padding: .7rem 1rem;
    font-family: 'DM Sans', sans-serif;
    font-size: .875rem;
    font-weight: 700;
    transition: top 160ms cubic-bezier(.23,1,.32,1);
  }
  .forge-skip-link:focus { top: 1rem; }
  button:not(:disabled), [role="button"]:not([aria-disabled="true"]), a.apple-press {
    transition: transform 160ms var(--forge-ease), box-shadow 200ms var(--forge-ease), background-color 200ms var(--forge-ease), border-color 200ms var(--forge-ease), color 180ms var(--forge-ease);
  }
  button:not(:disabled):active, [role="button"]:not([aria-disabled="true"]):active, a.apple-press:active { transform: scale(0.975); }
  input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    border-radius: 0.8rem;
    transition: border-color 180ms var(--forge-ease), box-shadow 180ms var(--forge-ease), background-color 180ms var(--forge-ease);
  }
  input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
    border-color: rgba(255, 133, 73, 0.56) !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.14) !important;
    outline: none;
  }
  input[type="range"] { accent-color: #FF5A1F; }
  input[type="range"]::-webkit-slider-thumb { appearance: none; width: 1rem; height: 1rem; border-radius: 999px; background: #FF5A1F; border: 2px solid #FFD1BC; box-shadow: 0 0 0 4px rgba(255,90,31,.14); }
  input[type="range"]::-moz-range-thumb { width: 0.9rem; height: 0.9rem; border-radius: 999px; background: #FF5A1F; border: 2px solid #FFD1BC; box-shadow: 0 0 0 4px rgba(255,90,31,.14); }


  .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .flex {
    min-height: 0;
    min-width: 0;
  }
  @media (min-width: 640px) {
    .container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 1024px) {
    .container {
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 1280px;
    }
  }

  /* Phlegethon custom components */
  .magma-btn {
    background: linear-gradient(112deg, #D93600 0%, #FF4D00 42%, #FF7A19 58%, #FFC15C 100%);
    background-size: 220% 100%;
    background-position: 0% 50%;
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    position: relative;
    overflow: hidden;
    transition: background-position 300ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .magma-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(255,255,255,0.15) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .magma-btn:hover::before {
    opacity: 1;
  }
  .magma-btn:hover {
    background-position: 100% 50%;
    box-shadow: 0 0 30px rgba(255, 77, 0, 0.6), 0 0 60px rgba(255, 77, 0, 0.3);
    transform: translateY(-1px);
  }
  .magma-btn:active { transform: scale(0.97); }

  .forge-scan-surface { overflow: hidden; }
  .forge-scan-surface::after {
    content: '';
    position: absolute;
    inset: -60% 0;
    pointer-events: none;
    z-index: 5;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 77, 0, 0.06) 35%, rgba(255, 193, 92, 0.72) 49%, rgba(255, 77, 0, 0.18) 52%, transparent 66%);
    mix-blend-mode: screen;
    animation: forge-thermal-scan 1.15s linear infinite;
  }

  .forge-status-overlay {
    position: absolute;
    inset: 0;
    z-index: 7;
    overflow: hidden;
    background:
      radial-gradient(circle at 18% 16%, rgba(255, 184, 0, 0.18), transparent 36%),
      linear-gradient(145deg, rgba(22, 13, 8, 0.96), rgba(6, 6, 6, 0.9));
    backdrop-filter: blur(2px);
  }
  .forge-status-overlay--processing {
    background:
      radial-gradient(circle at 18% 16%, rgba(255, 77, 0, 0.28), transparent 38%),
      linear-gradient(145deg, rgba(31, 11, 5, 0.96), rgba(6, 6, 6, 0.91));
  }
  .forge-status-sweep {
    position: absolute;
    inset: -120% -40%;
    opacity: 0.75;
    background: linear-gradient(100deg, transparent 39%, rgba(255, 184, 84, 0.05) 43%, rgba(255, 125, 44, 0.54) 50%, rgba(255, 77, 0, 0.08) 57%, transparent 61%);
    animation: forge-status-sweep 2.9s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    transform: rotate(18deg);
  }
  .forge-status-kicker {
    border: 1px solid currentColor;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.24);
    padding: 0.24rem 0.5rem;
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.16em;
  }
  .forge-status-step {
    display: block;
    height: 0.2rem;
    flex: 1;
    border-radius: 9999px;
    background: rgba(255,255,255,0.14);
    transition: background 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
  }
  .forge-status-step--done { background: rgba(255, 184, 84, 0.76); }
  .forge-status-step--active {
    background: #FF4D00;
    box-shadow: 0 0 12px rgba(255, 77, 0, 0.8);
    animation: forge-status-stage 1.15s ease-in-out infinite;
  }

  .obsidian-card {
    background: #0F0F0F;
    border: 1px solid rgba(255, 77, 0, 0.12);
    border-radius: 8px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }
  .obsidian-card:hover {
    border-color: rgba(255, 77, 0, 0.35);
    box-shadow: 0 0 20px rgba(255, 77, 0, 0.1);
  }

  .glow-text {
    color: #FF4D00;
    text-shadow: 0 0 20px rgba(255, 77, 0, 0.5);
  }

  .amber-text {
    color: #FFB800;
    text-shadow: 0 0 15px rgba(255, 184, 0, 0.4);
  }

  .terminal-text {
    font-family: 'Roboto Mono', monospace;
    color: #FF4D00;
    font-size: 0.75rem;
  }

  .magma-border {
    border: 1px solid rgba(255, 77, 0, 0.4);
    box-shadow: 0 0 15px rgba(255, 77, 0, 0.15), inset 0 0 15px rgba(255, 77, 0, 0.05);
  }

  .section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 77, 0, 0.4) 50%, transparent 100%);
  }

  .forge-page {
    min-height: 100vh;
    background: radial-gradient(circle at 50% -18%, rgba(255,90,31,0.13), transparent 42rem), radial-gradient(circle at 5% 30%, rgba(255,184,84,0.05), transparent 24rem), var(--forge-void);
    color: var(--forge-text);
  }
  .forge-page-shell { width: min(100% - (var(--forge-page-gutter) * 2), var(--forge-content-width)); margin-inline: auto; }
  .forge-page-shell--wide { width: min(100% - (var(--forge-page-gutter) * 2), var(--forge-content-wide)); margin-inline: auto; }
  .forge-hero-art { pointer-events: none; position: absolute; inset: 0; overflow: hidden; }
  .forge-hero-art__image { position: absolute; right: max(-9rem, -12vw); top: 50%; width: min(76rem, 76vw); max-width: none; transform: translateY(-50%); opacity: 0.97; filter: brightness(1.22) contrast(1.08) saturate(1.12); will-change: transform; }
  .forge-hero-art__thermal { position:absolute; right:6%; top:18%; width:min(38rem,44vw); aspect-ratio:1; border-radius:999px; filter:blur(18px); mix-blend-mode:screen; opacity:.44; will-change:transform,opacity; }
  .forge-hero-art__veil { position: absolute; inset: 0; background: linear-gradient(90deg, var(--forge-void) 0%, rgba(7,7,7,.97) 31%, rgba(7,7,7,.54) 51%, rgba(7,7,7,.14) 100%), linear-gradient(180deg, var(--forge-void) 0%, transparent 23%, transparent 72%, var(--forge-void) 100%); }
  .forge-hero-art__frame { position: absolute; right: 8%; top: 22%; height: 56%; width: 30%; border: 1px solid rgba(255,150,92,.16); border-left-color: transparent; border-bottom-color: transparent; border-radius: 1.5rem 1.5rem 0 0; opacity: .8; will-change:transform; }
  .forge-tool-workbench-hero { border-bottom:1px solid rgba(255,118,64,.17); background:linear-gradient(90deg,rgba(255,77,0,.04),transparent 58%); }
  .forge-workbench-field { width:100%; border:1px solid rgba(255,255,255,.10); border-radius:1rem; background:linear-gradient(145deg,rgba(25,25,25,.94),rgba(10,10,10,.98)); color:var(--forge-text); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .forge-workbench-option { border:1px solid rgba(255,255,255,.075); border-radius:.8rem; background:rgba(255,255,255,.025); color:#A9A5A0; transition:background-color 180ms var(--forge-ease),border-color 180ms var(--forge-ease),color 180ms var(--forge-ease),transform 180ms var(--forge-ease); }
  .studio-role-pills { display:flex; flex-wrap:wrap; gap:.4rem; }
  .studio-role-pill { display:inline-flex; align-items:center; gap:.4rem; min-height:2.75rem; padding:.35rem .85rem; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:#9A9490; font-family:'DM Sans',sans-serif; font-size:.6875rem; font-weight:500; letter-spacing:.02em; transition:background-color 180ms var(--forge-ease),border-color 180ms var(--forge-ease),color 180ms var(--forge-ease),transform 180ms var(--forge-ease); }
  .studio-role-pill:hover { transform:translateY(-1px); color:var(--role-color,#F0EDE8); border-color:color-mix(in srgb, var(--role-color,#FF4D00) 42%, transparent); }
  .studio-role-pill:focus-visible { outline:2px solid var(--role-color,#FFB26B); outline-offset:2px; }
  .studio-role-pill:disabled { opacity:.55; transform:none; }
  .studio-role-pill--active { color:var(--role-color,#FF4D00); border-color:color-mix(in srgb, var(--role-color,#FF4D00) 68%, transparent); background:color-mix(in srgb, var(--role-color,#FF4D00) 16%, rgba(10,10,10,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
  .studio-role-pills--compact { gap:.3rem; }
  .studio-role-pills--compact .studio-role-pill { min-height:2rem; padding:.2rem .65rem; font-size:.625rem; }
  .studio-role-pills--compact .studio-role-pill svg { width:.75rem; height:.75rem; }
  .studio-ref-name-edit { min-height:1.75rem; max-width:100%; }
  .studio-ref-name-edit:hover span { color:#FF8A5C; }
  .studio-ref-name-edit:focus-visible { outline:2px solid #FFB26B; outline-offset:2px; border-radius:.35rem; }
  .studio-ref-type-edit { display:inline-flex; min-height:1.75rem; min-width:1.75rem; align-items:center; justify-content:center; border-radius:999px; color:#FF8A5C; }
  .studio-ref-type-edit svg { opacity:.55; transition:opacity 160ms var(--forge-ease),color 160ms var(--forge-ease); }
  .studio-ref-type-edit:hover svg, .studio-ref-type-edit:focus-visible svg, .studio-ref-type-edit[aria-expanded="true"] svg { opacity:1; }
  .studio-ref-type-edit[aria-expanded="true"] { background:color-mix(in srgb, #FF4D00 16%, transparent); }
  .studio-ref-type-edit:focus-visible { outline:2px solid #FFB26B; outline-offset:2px; }
  .studio-ref-role-pop { margin-top:.4rem; padding:.5rem; border:1px solid rgba(255,133,73,.22); border-radius:.75rem; background:linear-gradient(145deg,rgba(22,22,22,.98),rgba(10,10,10,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
  .forge-workbench-option:hover { border-color:rgba(255,133,73,.32); color:var(--forge-text); transform:translateY(-1px); }
  .forge-workbench-option--active { border-color:rgba(255,133,73,.54); background:linear-gradient(135deg,rgba(255,77,0,.18),rgba(255,184,84,.06)); color:#FFB26B; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
  .forge-workbench-rail { border:1px solid rgba(255,255,255,.085); border-radius:1rem; background:linear-gradient(145deg,rgba(30,30,30,.78),rgba(12,12,12,.88)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .forge-workbench-output { border:1px solid rgba(255,255,255,.08); border-radius:1.25rem; background:radial-gradient(circle at 74% 16%,rgba(255,77,0,.10),transparent 28%),linear-gradient(145deg,rgba(20,20,20,.95),rgba(7,7,7,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .forge-workbench-notice { border:1px solid rgba(255,184,84,.24); border-radius:1rem; background:linear-gradient(90deg,rgba(255,184,84,.10),rgba(255,77,0,.045)); }
  .forge-workbench-meta { border:1px solid rgba(255,255,255,.06); border-radius:.75rem; background:rgba(255,255,255,.025); }

  /* Studio video family chrome — accents follow selected Styx tier */
  .studio-chrome {
    --studio-accent: #ff4d00;
    --studio-accent-mid: #ff6c32;
    --studio-accent-deep: #e33a00;
    --studio-accent-soft: rgba(255, 77, 0, 0.18);
    --studio-accent-border: rgba(255, 133, 73, 0.54);
    --studio-accent-glow: rgba(255, 77, 0, 0.22);
    --studio-accent-text: #ffb26b;
    --studio-accent-muted: rgba(255, 133, 73, 0.32);
    --studio-focus-ring: #ffb26b;
  }
  .studio-chrome[data-studio-family="styx-light"] {
    --studio-accent: #22d3ee;
    --studio-accent-mid: #67e8f9;
    --studio-accent-deep: #0891b2;
    --studio-accent-soft: rgba(34, 211, 238, 0.16);
    --studio-accent-border: rgba(34, 211, 238, 0.55);
    --studio-accent-glow: rgba(34, 211, 238, 0.24);
    --studio-accent-text: #a5f3fc;
    --studio-accent-muted: rgba(34, 211, 238, 0.34);
    --studio-focus-ring: #67e8f9;
  }
  .studio-chrome[data-studio-family="styx"] {
    --studio-accent: #8b5cf6;
    --studio-accent-mid: #a78bfa;
    --studio-accent-deep: #6d28d9;
    --studio-accent-soft: rgba(139, 92, 246, 0.18);
    --studio-accent-border: rgba(139, 92, 246, 0.55);
    --studio-accent-glow: rgba(139, 92, 246, 0.26);
    --studio-accent-text: #c4b5fd;
    --studio-accent-muted: rgba(139, 92, 246, 0.34);
    --studio-focus-ring: #a78bfa;
  }
  .studio-chrome[data-studio-family="styx-prime"] {
    --studio-accent: #f59e0b;
    --studio-accent-mid: #fb7185;
    --studio-accent-deep: #d97706;
    --studio-accent-soft: rgba(245, 158, 11, 0.16);
    --studio-accent-border: rgba(251, 113, 133, 0.5);
    --studio-accent-glow: rgba(245, 158, 11, 0.24);
    --studio-accent-text: #fcd34d;
    --studio-accent-muted: rgba(245, 158, 11, 0.36);
    --studio-focus-ring: #fbbf24;
  }
  .studio-chrome .forge-workbench-option:hover {
    border-color: var(--studio-accent-muted);
  }
  .studio-chrome .forge-workbench-option--active {
    border-color: var(--studio-accent-border);
    background: linear-gradient(135deg, var(--studio-accent-soft), rgba(255, 184, 84, 0.04));
    color: var(--studio-accent-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
  .studio-chrome .forge-button-primary {
    background: linear-gradient(135deg, var(--studio-accent-mid), var(--studio-accent) 58%, var(--studio-accent-deep));
    border-color: color-mix(in srgb, var(--studio-accent) 42%, white);
    box-shadow: 0 10px 28px var(--studio-accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  }
  .studio-chrome .forge-button-primary:hover {
    box-shadow: 0 15px 34px var(--studio-accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  }
  .studio-chrome .forge-workbench-output {
    background: radial-gradient(circle at 74% 16%, var(--studio-accent-soft), transparent 28%), linear-gradient(145deg, rgba(20, 20, 20, 0.95), rgba(7, 7, 7, 0.98));
  }
  .studio-chrome .forge-workbench-field:focus,
  .studio-chrome .forge-workbench-field:focus-visible,
  .studio-chrome button:focus-visible,
  .studio-chrome [role="radio"]:focus-visible,
  .studio-chrome a:focus-visible,
  .studio-chrome input:focus-visible {
    outline-color: var(--studio-focus-ring);
  }
  .studio-chrome .studio-family-card[data-family="styx-light"] { --family-swatch: #22d3ee; }
  .studio-chrome .studio-family-card[data-family="styx"] { --family-swatch: #8b5cf6; }
  .studio-chrome .studio-family-card[data-family="styx-prime"] { --family-swatch: #f59e0b; }
  .studio-chrome .studio-family-card {
    border-color: color-mix(in srgb, var(--family-swatch, #ff4d00) 28%, transparent);
  }
  .studio-chrome .studio-family-card[aria-checked="true"],
  .studio-chrome .studio-family-card.forge-workbench-option--active {
    border-color: color-mix(in srgb, var(--family-swatch, #ff4d00) 72%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--family-swatch, #ff4d00) 20%, transparent), rgba(255, 255, 255, 0.02));
    color: var(--family-swatch, #ffb26b);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 0 1px color-mix(in srgb, var(--family-swatch, #ff4d00) 18%, transparent);
  }
  .studio-chrome .studio-family-card .studio-family-name {
    color: inherit;
  }
  .studio-metric-bar {
    display: flex;
    align-items: center;
    gap: 0.28rem;
  }
  .studio-metric-bar__track {
    display: flex;
    gap: 0.2rem;
    flex: 1;
    min-width: 0;
  }
  .studio-metric-bar__seg {
    height: 0.42rem;
    flex: 1;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
  }
  .studio-metric-bar__seg--on {
    background: var(--metric-fill, var(--studio-accent, #ff4d00));
    box-shadow: 0 0 10px color-mix(in srgb, var(--metric-fill, var(--studio-accent, #ff4d00)) 35%, transparent);
  }
  /* Studio Compare Models modal — fit cards + credit table on mobile and desktop */
  .studio-compare-dialog {
    min-width: 0;
  }
  .studio-compare-title {
    font-size: 1.125rem;
    line-height: 1.25;
    padding-right: 1.75rem;
  }
  .studio-compare-desc {
    font-size: 0.75rem;
  }
  .studio-compare-body {
    -webkit-overflow-scrolling: touch;
  }
  .studio-compare-card {
    gap: 0.55rem;
    padding: 0.7rem 0.8rem 0.8rem;
    min-width: 0;
  }
  .studio-compare-card__name {
    font-size: 0.8125rem;
    line-height: 1.2;
  }
  .studio-compare-card__hint {
    font-size: 0.625rem;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .studio-compare-card__price {
    font-size: 0.5625rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .studio-compare-card .studio-metric-bar {
    gap: 0.2rem;
  }
  .studio-compare-card .studio-metric-bar > span:first-child {
    width: 2.5rem;
    font-size: 0.5625rem;
  }
  .studio-compare-card .studio-metric-bar__seg {
    height: 0.32rem;
  }
  .studio-compare-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .studio-compare-table-wrap:focus-visible {
    outline: 2px solid var(--studio-focus-ring, #ffb26b);
    outline-offset: 2px;
  }
  .studio-compare-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.6875rem;
    line-height: 1.35;
  }
  .studio-compare-table th,
  .studio-compare-table td {
    padding: 0.45rem 0.4rem;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
  .studio-compare-table__label {
    width: 22%;
    min-width: 0;
  }
  .studio-compare-table__head,
  .studio-compare-table__cell {
    width: 26%;
    min-width: 0;
  }
  .studio-compare-table__credit {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.625rem;
    line-height: 1.4;
    letter-spacing: -0.01em;
  }
  .studio-compare-footnote {
    font-size: 0.625rem;
  }
  @media (min-width: 640px) {
    .studio-compare-title {
      font-size: 1.25rem;
    }
    .studio-compare-card {
      gap: 0.7rem;
      padding: 0.9rem 1rem 1rem;
    }
    .studio-compare-card__name {
      font-size: 0.875rem;
    }
    .studio-compare-card__hint {
      font-size: 0.6875rem;
    }
    .studio-compare-card__price {
      font-size: 0.625rem;
    }
    .studio-compare-card .studio-metric-bar > span:first-child {
      width: 3rem;
      font-size: 0.625rem;
    }
    .studio-compare-card .studio-metric-bar__seg {
      height: 0.42rem;
    }
    .studio-compare-table {
      font-size: 0.75rem;
    }
    .studio-compare-table th,
    .studio-compare-table td {
      padding: 0.55rem 0.55rem;
    }
    .studio-compare-table__credit {
      font-size: 0.6875rem;
    }
    .studio-compare-footnote {
      font-size: 0.6875rem;
    }
  }
  @media (min-width: 768px) {
    .studio-compare-table {
      font-size: 0.75rem;
    }
    .studio-compare-table th,
    .studio-compare-table td {
      padding: 0.625rem 0.7rem;
    }
    .studio-compare-table__label {
      width: 20%;
    }
    .studio-compare-table__head,
    .studio-compare-table__cell {
      width: 26.666%;
    }
    .studio-compare-table__credit {
      font-size: 0.7rem;
      letter-spacing: 0;
    }
  }
  .forge-tool-ledger { border-top:1px solid rgba(255,255,255,.10); }
  .forge-tool-ledger__item { display:grid; grid-template-columns:auto minmax(0,1fr); gap:1rem; padding:1.25rem 0; border-bottom:1px solid rgba(255,255,255,.08); }
  .forge-tool-ledger__index { display:flex; width:2.35rem; height:2.35rem; align-items:center; justify-content:center; border:1px solid rgba(255,133,73,.28); border-radius:.8rem; background:rgba(255,77,0,.09); color:#FFB26B; font-family:'Roboto Mono',monospace; font-size:.7rem; }
  .forge-workflow-track { display:grid; gap:0; border-left:1px solid rgba(255,191,75,.23); }
  .forge-subscription-composer { position:relative; overflow:hidden; border:1px solid rgba(255,133,73,.26); border-radius:1.35rem; background:linear-gradient(145deg,rgba(255,87,34,.10),rgba(15,15,15,.94) 38%,rgba(15,15,15,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.32); }
  .forge-subscription-composer--plus { border-color:rgba(255,215,0,.42); background:linear-gradient(145deg,rgba(255,215,0,.11),rgba(20,17,10,.96) 42%,rgba(15,15,15,.98)); }
  .forge-subscription-composer__value { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.16); }
  .forge-subscription-benefit { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.7rem; padding:.75rem 0; border-bottom:1px solid rgba(255,255,255,.06); }
  .forge-subscription-benefit:last-child { border-bottom:0; }
  .forge-subscription-benefit--compact { padding:.42rem 0; gap:.55rem; }
  .forge-subscription-tooltip { border:1px solid rgba(255,191,75,.24); border-radius:.75rem; background:rgba(20,19,18,.98); box-shadow:0 14px 32px rgba(0,0,0,.45); }
  .forge-topup-credits-strip { display:flex; width:100%; min-height:4.35rem; align-items:center; gap:.95rem; padding:.85rem 1.1rem; text-align:left; }
  .forge-topup-credits-strip:focus-visible { outline:2px solid #FFB26B; outline-offset:3px; }
  .forge-topup-action-row { display:flex; flex-direction:column; gap:.75rem; width:100%; min-width:0; }
  .forge-topup-action-row__primary,
  .forge-topup-action-row__auto { width:100%; min-width:0; }
  @media (min-width: 640px) {
    .forge-topup-action-row { flex-direction:row; align-items:stretch; gap:.85rem; }
    .forge-topup-action-row__primary { flex: 0 1 75%; width:auto; }
    .forge-topup-action-row__auto { flex: 1 1 22%; width:auto; min-width:11.5rem; max-width:16.5rem; padding-left:.85rem; padding-right:.85rem; gap:.7rem; }
  }
  @media (max-width: 639px) {
    .forge-topup-action-row__auto p.text-base { font-size:0.95rem; }
  }
  .forge-compare-table-wrap { max-height:min(52vh, 28rem); min-width:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .forge-compare-table-wrap:focus-visible { outline:2px solid #FFB26B; outline-offset:3px; }
  .forge-compare-table { min-width:46rem; width:100%; border-collapse:separate; border-spacing:0; }
  .forge-compare-table th, .forge-compare-table td { padding:.72rem .85rem; vertical-align:top; border-bottom:1px solid rgba(255,255,255,.07); background:#120f0c; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
  .forge-compare-table thead th { position:sticky; top:0; z-index:2; background:#1a1510; box-shadow:0 1px 0 rgba(255,191,75,.22); }
  .forge-compare-table th:first-child, .forge-compare-table td:first-child { position:sticky; left:0; z-index:1; min-width:11.5rem; max-width:16rem; background:#16110d; }
  .forge-compare-table thead th:first-child { z-index:3; background:#1a1510; }
  .forge-compare-dialog-body { min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .forge-compare-cards { display:grid; gap:.85rem; min-width:0; }
  .forge-compare-card { min-width:0; padding:.95rem 1rem 1.05rem; border:1px solid rgba(255,133,73,.22); border-radius:.85rem; background:rgba(255,255,255,.025); }
  .forge-compare-card-row { display:flex; align-items:flex-start; justify-content:space-between; gap:.85rem; padding:.7rem 0; border-bottom:1px solid rgba(255,255,255,.07); }
  .forge-compare-card-row:last-child { border-bottom:0; padding-bottom:0; }
  .forge-compare-card-row:first-child { padding-top:.15rem; }
  .forge-compare-card-row__label { flex:1 1 0; min-width:0; overflow-wrap:anywhere; word-break:break-word; color:#F0EDE8; font-family:'DM Sans',sans-serif; font-size:.875rem; line-height:1.35; font-weight:500; }
  .forge-compare-card-row__value { flex:0 1 10.75rem; min-width:5.25rem; max-width:48%; text-align:right; overflow-wrap:anywhere; word-break:break-word; }
  .forge-compare-summary { display:none; }
  @media (max-width: 767px) { .forge-compare-table-wrap { display:none; } }
  @media (min-width: 768px) { .forge-compare-cards { display:none; } .forge-compare-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin-bottom:1rem; } }
  .forge-workflow-track__item { position:relative; padding:0 0 1.8rem 1.45rem; }
  .forge-workflow-track__item:last-child { padding-bottom:0; }
  .forge-workflow-track__node { position:absolute; left:-.42rem; top:.15rem; display:flex; width:.8rem; height:.8rem; align-items:center; justify-content:center; border:2px solid var(--forge-void); border-radius:999px; background:#FFB26B; box-shadow:0 0 0 1px rgba(255,191,75,.42),0 0 18px rgba(255,77,0,.32); }
  .forge-tool-faq { border-bottom:1px solid rgba(255,255,255,.09); }
  .forge-tool-faq[open] { border-color:rgba(255,133,73,.32); background:linear-gradient(90deg,rgba(255,77,0,.055),transparent); }
  @media (min-width: 768px) { .forge-tool-ledger--dual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2.5rem; } .forge-tool-ledger--dual .forge-tool-ledger__item { padding:1.35rem 0; } .forge-workflow-track { grid-template-columns:repeat(4,minmax(0,1fr)); border-left:0; border-top:1px solid rgba(255,191,75,.23); } .forge-workflow-track__item { padding:1.45rem 1rem 0 0; } .forge-workflow-track__node { left:0; top:-.45rem; } }
  .forge-cookie-consent { position:relative; max-width:68rem; overflow:hidden; border:1px solid rgba(255,133,73,.28); border-radius:1.35rem; background:linear-gradient(135deg,rgba(31,22,17,.96),rgba(15,15,15,.97)); box-shadow:0 22px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter:blur(22px) saturate(140%); }
  .forge-cookie-consent__heat { position:absolute; inset:auto -8rem -11rem auto; width:20rem; height:20rem; border-radius:999px; background:radial-gradient(circle,rgba(255,77,0,.25),transparent 67%); filter:blur(8px); pointer-events:none; }
  .forge-cookie-consent__sigil { display:flex; height:2.45rem; width:2.45rem; flex:none; align-items:center; justify-content:center; border:1px solid rgba(255,184,84,.32); border-radius:.8rem; color:#FFBF4B; background:linear-gradient(145deg,rgba(255,184,84,.13),rgba(255,77,0,.05)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
  .forge-cookie-consent__policy { color:#FFB26B; text-decoration:underline; text-underline-offset:3px; }
  .forge-cookie-consent__policy:hover { color:#FFD0AE; }
  .forge-cookie-consent__dismiss { position:absolute; right:.75rem; top:.75rem; display:flex; align-items:center; justify-content:center; height:1.75rem; width:1.75rem; border:1px solid transparent; border-radius:999px; color:#827C76; }
  .forge-cookie-consent__dismiss:hover { border-color:rgba(255,133,73,.28); color:#FFB26B; background:rgba(255,77,0,.08); }
  .forge-doc-table { overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
  .forge-doc-table:focus-visible { outline:2px solid #FFB26B; outline-offset:3px; }
  @media (prefers-reduced-motion: no-preference) { .forge-hero-art__image { animation:forge-hero-drift 16s cubic-bezier(.4,0,.2,1) infinite alternate; } .forge-hero-art__thermal { animation:forge-hero-thermal 10s ease-in-out infinite alternate; } .forge-hero-art__frame { animation:forge-hero-frame 12s ease-in-out infinite alternate; } }
  @media (max-width: 767px) { .forge-hero-art__image { right: -11rem; top: 45%; width: 58rem; opacity: .56; } .forge-hero-art__veil { background: linear-gradient(90deg, var(--forge-void) 0%, rgba(7,7,7,.92) 66%, rgba(7,7,7,.38) 100%), linear-gradient(180deg, var(--forge-void) 0%, transparent 31%, var(--forge-void) 100%); } .forge-hero-art__frame { right: -8%; width: 54%; } .forge-hero-art__thermal { right:-30%; top:26%; width:34rem; opacity:.3; } }
  .forge-section { padding-block: var(--forge-section-space); }
  .forge-section-tight { padding-block: calc(var(--forge-section-space) * 0.62); }
  .forge-glass {
    background: linear-gradient(145deg, rgba(37,37,37,0.76), rgba(17,17,17,0.70));
    border: 1px solid var(--forge-line);
    box-shadow: 0 20px 60px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.055);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
  }
  .forge-surface {
    background: linear-gradient(145deg, rgba(28,28,28,0.94), rgba(14,14,14,0.96));
    border: 1px solid var(--forge-line);
    border-radius: var(--forge-radius);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 12px 32px rgba(0,0,0,0.16);
  }
  .forge-surface-interactive { transition: transform 220ms var(--forge-ease), border-color 220ms var(--forge-ease), box-shadow 220ms var(--forge-ease); }
  .forge-surface-interactive:hover { transform: translateY(-2px); border-color: rgba(255,133,73,0.38); box-shadow: 0 20px 42px rgba(0,0,0,0.27), 0 0 0 1px rgba(255,120,58,0.07); }
  .forge-eyebrow { display:inline-flex; align-items:center; color:var(--forge-amber); font-family:'Roboto Mono',monospace; font-size:.66rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
  .forge-display { color:var(--forge-text); font-family:'Rajdhani',sans-serif; font-weight:700; letter-spacing:.018em; line-height:.94; text-transform:none; }
  .forge-copy { color:var(--forge-muted); font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:-.012em; line-height:1.6; }
  .forge-button-primary { align-items:center; background:linear-gradient(135deg,#ff6c32,#ff4d00 58%,#e33a00); border:1px solid rgba(255,175,124,.36); border-radius:999px; box-shadow:0 10px 28px rgba(255,77,0,.22),inset 0 1px 0 rgba(255,255,255,.22); color:#fff; display:inline-flex; font-family:'DM Sans',sans-serif; font-weight:700; justify-content:center; }
  .forge-button-primary:hover { box-shadow:0 15px 34px rgba(255,77,0,.32),inset 0 1px 0 rgba(255,255,255,.25); filter:brightness(1.06); transform:translateY(-1px); }
  .forge-button-secondary { align-items:center; background:rgba(255,255,255,.055); border:1px solid var(--forge-line); border-radius:999px; color:var(--forge-text); display:inline-flex; font-family:'DM Sans',sans-serif; font-weight:600; justify-content:center; }
  .forge-button-secondary:hover { background:rgba(255,255,255,.095); border-color:var(--forge-line-strong); transform:translateY(-1px); }
  .forge-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),rgba(255,90,31,.28),rgba(255,255,255,.14),transparent); }

@media (min-width: 640px) { :root { --forge-page-gutter: 1.5rem; --forge-section-space: 5.5rem; } }
@media (min-width: 1024px) { :root { --forge-page-gutter: 2rem; --forge-section-space: 7rem; } }
@media (max-width: 767px) {
  body { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); }
  .persistent-notifications {
    bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) !important;
    left: 0.75rem;
    right: 0.75rem !important;
    width: auto !important;
    max-height: min(42vh, 24rem) !important;
  }
  .persistent-notification-card { padding: 0.875rem 1rem !important; }
  iframe[src*="zipchat"], div[id*="zipchat"], div[id*="MF9r"],
  charla-widget, iframe[src*="charla"], div[id*="charla"] {
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 40 !important;
  }
  body:has(.forge-cookie-consent) iframe[src*="zipchat"],
  body:has(.forge-cookie-consent) div[id*="zipchat"],
  body:has(.forge-cookie-consent) div[id*="MF9r"],
  body:has(.forge-cookie-consent) charla-widget,
  body:has(.forge-cookie-consent) iframe[src*="charla"],
  body:has(.forge-cookie-consent) div[id*="charla"] { display: none !important; }
}

/* Charla launcher: slightly smaller than the default bubble */
charla-widget {
  transform: scale(0.86);
  transform-origin: bottom right;
}

/* Custom animations */
@keyframes flicker {
  0%, 100% { opacity: 1; }
  92% { opacity: 1; }
  93% { opacity: 0.85; }
  94% { opacity: 1; }
  96% { opacity: 0.9; }
  97% { opacity: 1; }
}

@keyframes heat-pulse {
  0%, 100% { box-shadow: 0 0 20px rgba(255, 77, 0, 0.3); }
  50% { box-shadow: 0 0 40px rgba(255, 77, 0, 0.6), 0 0 80px rgba(255, 77, 0, 0.2); }
}

@keyframes ember-float {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }
}

@keyframes thermal-scan {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

@keyframes forge-thermal-scan {
  from { transform: translateY(-24%); }
  to { transform: translateY(24%); }
}

@keyframes forge-status-sweep {
  0%, 26% { transform: translateX(-42%) rotate(18deg); opacity: 0; }
  36% { opacity: 0.8; }
  67% { opacity: 0.55; }
  78%, 100% { transform: translateX(42%) rotate(18deg); opacity: 0; }
}

@keyframes forge-status-stage {
  0%, 100% { opacity: 0.58; }
  50% { opacity: 1; }
}

@keyframes forge-hero-drift {
  from { transform: translate3d(0,-50%,0) scale(1); }
  to { transform: translate3d(-1.5%,calc(-50% - .75rem),0) scale(1.025); }
}

@keyframes forge-hero-thermal {
  from { transform: translate3d(0,0,0) scale(.94); opacity:.25; }
  to { transform: translate3d(-8%,4%,0) scale(1.08); opacity:.52; }
}

@keyframes forge-hero-frame {
  from { transform:translate3d(0,0,0); opacity:.56; }
  to { transform:translate3d(-.8rem,.45rem,0); opacity:.94; }
}

@keyframes typewriter-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes slide-up-fade {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes glow-pulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

.animate-flicker { animation: flicker 4s infinite; }
.animate-heat-pulse { animation: heat-pulse 2s infinite; }
.animate-slide-up { animation: slide-up-fade 0.6s ease forwards; }
.animate-glow-pulse { animation: glow-pulse 2s ease-in-out infinite; }
.animate-typewriter-cursor { animation: typewriter-blink 1s step-end infinite; }

@keyframes banned-heat-shimmer {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.28; }
  50% { transform: translate3d(1.2%, -1.4%, 0) scale(1.05); opacity: 0.48; }
}

@keyframes banned-ember-rise {
  0% { transform: translateY(0) scale(1); opacity: 0.5; }
  100% { transform: translateY(-56px) scale(0.4); opacity: 0; }
}

.animate-banned-shimmer { animation: banned-heat-shimmer 7s ease-in-out infinite; }
.animate-banned-ember { animation: banned-ember-rise 4.6s ease-out infinite; }

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0F0F0F; }
::-webkit-scrollbar-thumb { background: #2A2A2A; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 77, 0, 0.5); }

/* Selection */
::selection { background: rgba(255, 77, 0, 0.3); color: #F0EDE8; }

@media (prefers-reduced-motion: reduce) {
  .magma-btn,
  .magma-btn::before { transition: none; }
  .magma-btn:hover,
  .magma-btn:active { transform: none; }
  .forge-scan-surface::after { animation: none; opacity: 0; }
  .forge-status-sweep,
  .forge-status-step--active { animation: none; }
  .forge-hero-art__image,
  .forge-hero-art__thermal,
  .forge-hero-art__frame { animation:none; }
  .persistent-notification-card { transition:none !important; }
  .animate-banned-shimmer,
  .animate-banned-ember,
  .animate-flicker { animation: none; }
  .forge-surface-interactive, .forge-button-primary, .forge-button-secondary, button:not(:disabled), [role="button"]:not([aria-disabled="true"]), a.apple-press { transition:none; }
  .forge-surface-interactive:hover, .forge-button-primary:hover, .forge-button-secondary:hover { transform:none; }
}


/* Compiled Utility Classes */
.-mx-4 { margin-left: -1rem; margin-right: -1rem; }
.-top-2 { top: -0.5rem; }
.-translate-x-1\/2 { transform: translateX(-50.000000%); }
.absolute { position: absolute; }
.appearance-none { appearance: none; }
.bg-orange-500\/10 { background-color: rgba(249, 115, 22, 0.1); }
.block { display: block; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-border { border-color: var(--border); }
.border-border\/50 { border-color: color-mix(in srgb, var(--border) 50%, transparent); }
.border-collapse { border-collapse: collapse; }
.border-dashed { border-style: dashed; }
.border-l { border-left-width: 1px; }
.border-l-2 { border-left-width: 2px; }
.border-orange-300\/25 { border-color: rgba(253, 186, 116, 0.25); }
.border-orange-400\/35 { border-color: rgba(251, 146, 60, 0.35); }
.border-t { border-top-width: 1px; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; }
.bottom-0 { bottom: 0px; }
.bottom-full { bottom: 100%; }
.cursor-pointer { cursor: pointer; }
.disabled\:opacity-60:disabled { opacity: 0.6; }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; }
.end-0 { inset-inline-end: 0px; }
.fixed { position: fixed; }
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-mono { font-family: 'Roboto Mono', monospace; }
.font-semibold { font-weight: 600; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-10 { gap: 2.5rem; }
.gap-16 { gap: 4rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }
.gap-9 { gap: 2.25rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-2 { row-gap: 0.5rem; }
.grid { display: grid; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.group[open] .group-open\:rotate-90 { transform: rotate(90deg); }
.h-1\.5 { height: 0.375rem; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-2 { height: 0.5rem; }
.h-3 { height: 0.75rem; }
.h-3\.5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.hidden { display: none; }
.hover\:bg-white\/10:hover { background-color: rgba(255, 255, 255, 0.1); }
.hover\:bg-white\/\[0\.02\]:hover { background-color: rgba(255, 255, 255, 0.02); }
.hover\:opacity-80:hover { opacity: 0.8; }
.hover\:text-orange-400:hover { color: #fb923c; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.inline-flex { display: inline-flex; }
.inset-0 { inset: 0px; }
.inset-x-0 { left: 0px; right: 0px; }
.isolate { isolation: isolate; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.items-stretch { align-items: stretch; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.leading-none { line-height: 1; }
.leading-relaxed { line-height: 1.625; }
.leading-snug { line-height: 1.375; }
.leading-tight { line-height: 1.25; }
.left-0 { left: 0px; }
.left-1\/2 { left: 50.000000%; }
.list-decimal { list-style-type: decimal; }
.list-disc { list-style-type: disc; }
.max-h-\[min\(20rem\,calc\(100dvh-6rem\)\)\] { max-height: min(20rem,calc(100dvh-6rem)); }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-6xl { max-width: 72rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-lg { max-width: 32rem; }
.max-w-md { max-width: 28rem; }
.max-w-none { max-width: none; }
.max-w-sm { max-width: 24rem; }
.max-w-xl { max-width: 36rem; }
.max-w-xs { max-width: 20rem; }
.mb-0 { margin-bottom: 0px; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-9 { margin-bottom: 2.25rem; }
.min-h-11 { min-height: 2.75rem; }
.min-h-12 { min-height: 3rem; }
.min-h-48 { min-height: 12rem; }
.min-h-7 { min-height: 1.75rem; }
.min-h-\[20px\] { min-height: 20px; }
.min-h-\[28rem\] { min-height: 28rem; }
.min-h-\[34rem\] { min-height: 34rem; }
.min-h-\[calc\(100vh-4rem\)\] { min-height: calc(100vh-4rem); }
.min-h-screen { min-height: 100vh; }
.min-w-0 { min-width: 0px; }
.min-w-12 { min-width: 3rem; }
.min-w-7 { min-width: 1.75rem; }
.min-w-\[20px\] { min-width: 20px; }
.min-w-\[38rem\] { min-width: 38rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-4 { margin-left: 1rem; }
.ml-auto { margin-left: auto; }
.mr-1 { margin-right: 0.25rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-16 { margin-top: 4rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-8 { margin-top: 2rem; }
.mt-9 { margin-top: 2.25rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.object-cover { object-fit: cover; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }
.opacity-5 { opacity: 0.05; }
.opacity-8 { opacity: 0.08; }
.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.p-0 { padding: 0px; }
.p-1\.5 { padding: 0.375rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-14 { padding-bottom: 3.5rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-24 { padding-bottom: 6rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-32 { padding-bottom: 8rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-8 { padding-bottom: 2rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-6 { padding-left: 1.5rem; }
.pointer-events-none { pointer-events: none; }
.pr-4 { padding-right: 1rem; }
.pt-1 { padding-top: 0.25rem; }
.pt-12 { padding-top: 3rem; }
.pt-24 { padding-top: 6rem; }
.pt-28 { padding-top: 7rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-32 { padding-top: 8rem; }
.pt-4 { padding-top: 1rem; }
.pt-8 { padding-top: 2rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.relative { position: relative; }
.resize-none { resize: none; }
.right-0 { right: 0px; }
.right-2 { right: 0.5rem; }
.right-3 { right: 0.75rem; }
.right-4 { right: 1rem; }
.right-5 { right: 1.25rem; }
.rotate-180 { transform: rotate(180deg); }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-xl { border-radius: 0.75rem; }
.scale-100 { transform: scale(1); }
.scale-95 { transform: scale(0.95); }
.self-end { align-self: flex-end; }
.shrink-0 { flex-shrink: 0; }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; }
.space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1.05; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.text-\[\.58rem\] { color: .58rem; }
.text-\[\.62rem\] { color: .62rem; }
.text-\[\.78rem\] { color: .78rem; }
.text-\[\.82rem\] { color: .82rem; }
.text-\[\.95rem\] { color: .95rem; }
.text-\[0\.62rem\] { font-size: 0.62rem; }
.text-\[0\.65rem\] { font-size: 0.65rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-center { text-align: center; }
.text-foreground { color: var(--foreground); }
.text-left { text-align: left; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-muted-foreground { color: var(--muted-foreground); }
.text-orange-400 { color: #fb923c; }
.text-right { text-align: right; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-white { color: #ffffff; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.top-0 { top: 0px; }
.top-2 { top: 0.5rem; }
.top-3 { top: 0.75rem; }
.top-4 { top: 1rem; }
.tracking-\[\.08em\] { letter-spacing: .08em; }
.tracking-\[\.12em\] { letter-spacing: .12em; }
.tracking-\[\.13em\] { letter-spacing: .13em; }
.tracking-\[0\.14em\] { letter-spacing: 0.14em; }
.tracking-\[0\.16em\] { letter-spacing: 0.16em; }
.tracking-\[0\.18em\] { letter-spacing: 0.18em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.translate-y-0 { transform: translateY(0px); }
.translate-y-2 { transform: translateY(0.5rem); }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.underline { text-decoration-line: underline; }
.uppercase { text-transform: uppercase; }
.w-1\.5 { width: 0.375rem; }
.w-10 { width: 2.5rem; }
.w-11 { width: 2.75rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-16 { width: 4rem; }
.w-2 { width: 0.5rem; }
.w-3 { width: 0.75rem; }
.w-3\.5 { width: 0.875rem; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-8 { width: 2rem; }
.w-9 { width: 2.25rem; }
.w-\[min\(14rem\,calc\(100vw-1\.5rem\)\)\] { width: min(14rem,calc(100vw-1.5rem)); }
.w-full { width: 100%; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-\[80\] { z-index: 80; }

@media (min-width: 640px) {
  .sm\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; }
  .sm\:\[\&amp\;\:nth-child\(odd\)\]\:border-r { border-right-width: 1px; }
  .sm\:block { display: block; }
  .sm\:col-span-3 { grid-column: span 3 / span 3; }
  .sm\:flex { display: flex; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-none { flex: none; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-cols-\[3rem_minmax\(0\,1fr\)_auto\] { grid-template-columns: 3rem minmax(0,1fr) auto; }
  .sm\:grid-cols-\[42px_1fr_auto\] { grid-template-columns: 42px 1fr auto; }
  .sm\:hidden { display: none; }
  .sm\:inline { display: inline; }
  .sm\:items-center { align-items: center; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:p-10 { padding: 2.5rem; }
  .sm\:p-12 { padding: 3rem; }
  .sm\:p-5 { padding: 1.25rem; }
  .sm\:p-6 { padding: 1.5rem; }
  .sm\:p-7 { padding: 1.75rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:pb-20 { padding-bottom: 5rem; }
  .sm\:pb-40 { padding-bottom: 10rem; }
  .sm\:pb-5 { padding-bottom: 1.25rem; }
  .sm\:pt-28 { padding-top: 7rem; }
  .sm\:pt-32 { padding-top: 8rem; }
  .sm\:pt-40 { padding-top: 10rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm\:py-40 { padding-top: 10rem; padding-bottom: 10rem; }
  .sm\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .sm\:text-5xl { font-size: 3rem; line-height: 1.05; }
  .sm\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:translate-y-8 { transform: translateY(2rem); }
  .sm\:w-auto { width: auto; }
}
@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:hidden { display: none; }
  .md\:text-6xl { font-size: 3.75rem; line-height: 1; }
}
@media (min-width: 1024px) {
  .lg\:-mx-8 { margin-left: -2rem; margin-right: -2rem; }
  .lg\:border-r { border-right-width: 1px; }
  .lg\:flex { display: flex; }
  .lg\:gap-16 { gap: 4rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .lg\:grid-cols-\[\.72fr_1\.28fr\] { grid-template-columns: .72fr 1.28fr; }
  .lg\:grid-cols-\[\.8fr_1\.2fr\] { grid-template-columns: .8fr 1.2fr; }
  .lg\:grid-cols-\[0\.9fr_1\.1fr\] { grid-template-columns: 0.9fr 1.1fr; }
  .lg\:grid-cols-\[1\.05fr_0\.95fr\] { grid-template-columns: 1.05fr 0.95fr; }
  .lg\:grid-cols-\[1\.12fr_0\.88fr\] { grid-template-columns: 1.12fr 0.88fr; }
  .lg\:grid-cols-\[1\.15fr_0\.85fr\] { grid-template-columns: 1.15fr 0.85fr; }
  .lg\:grid-cols-\[1\.1fr_repeat\(4\,1fr\)\] { grid-template-columns: 1.1fr repeat(4,1fr); }
  .lg\:grid-cols-\[1\.25fr_\.75fr\] { grid-template-columns: 1.25fr .75fr; }
  .lg\:grid-cols-\[1fr_\.55fr\] { grid-template-columns: 1fr .55fr; }
  .lg\:grid-cols-\[minmax\(0\,\.68fr\)_minmax\(0\,1\.32fr\)\] { grid-template-columns: minmax(0,.68fr) minmax(0,1.32fr); }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] { grid-template-columns: minmax(0,1fr) 320px; }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_330px\] { grid-template-columns: minmax(0,1fr) 330px; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:p-10 { padding: 2.5rem; }
  .lg\:pt-7 { padding-top: 1.75rem; }
  .lg\:pt-8 { padding-top: 2rem; }
  .lg\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .lg\:text-5xl { font-size: 3rem; line-height: 1.05; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .lg\:text-7xl { font-size: 4.5rem; line-height: 1; }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-\[280px_minmax\(0\,1fr\)\] { grid-template-columns: 280px minmax(0,1fr); }
  .xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1\.15fr\)_minmax\(250px\,\.7fr\)\] { grid-template-columns: minmax(0,1.15fr) minmax(0,1.15fr) minmax(250px,.7fr); }
  .xl\:items-start { align-items: flex-start; }
  .xl\:sticky { position: sticky; }
  .xl\:top-6 { top: 1.5rem; }
}