/* EOL System skin: current 7025 reference, expressed as tenant-local tokens. */
:root {
  --eol-accent: #871aff; --eol-accent-dark: #6c14d6; --eol-accent-soft: #f1e9ff;
  --eol-ink: #17131f; --eol-ink-soft: #4a4459; --eol-ink-muted: #79728a;
  --eol-bg: #ffffff; --eol-bg-alt: #f7f5fb; --eol-bg-sunken: #efebf7; --eol-border: #e4dff0;
  --eol-white: #ffffff; --eol-radius: 14px; --eol-radius-pill: 999px;
  --eol-container: 1180px; --eol-gutter: 24px; --eol-s-1: 8px; --eol-s-2: 16px; --eol-s-3: 24px; --eol-s-4: 32px; --eol-s-5: 40px; --eol-s-8: 64px;
  --eol-touch: 44px;
  --eol-text-label: 12px; --eol-text-nav: 14px; --eol-text-body: 16px; --eol-text-lede: 19px; --eol-text-logo: 18px; --eol-text-tile: 17px; --eol-text-hero: clamp(34px, 4.6vw, 54px);
  --eol-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --eol-font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; } body { margin: 0; background: var(--eol-bg); color: var(--eol-ink); font: var(--eol-text-body)/1.6 var(--eol-font); }
a { color: var(--eol-accent); text-decoration: none; }.eol-container { width: min(var(--eol-container), 100%); margin: auto; padding-inline: var(--eol-gutter); }
.eol-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--eol-border); background: color-mix(in srgb, var(--eol-bg) 92%, transparent); backdrop-filter: blur(var(--eol-s-1)); }.eol-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--eol-s-3); padding-block: var(--eol-s-2); }.eol-logo { display: flex; align-items: center; min-block-size: var(--eol-touch); gap: 10px; color: var(--eol-ink); font-size: var(--eol-text-logo); font-weight: 700; }.eol-logo__mark { width: 30px; aspect-ratio: 1; border-radius: 50%; background: var(--eol-accent); }.eol-header nav { display: flex; gap: 26px; font-size: var(--eol-text-nav); font-weight: 600; }.eol-header nav a { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--eol-touch); min-block-size: var(--eol-touch); color: var(--eol-ink-soft); }.eol-header nav a:hover, .eol-header nav a[aria-current] { color: var(--eol-accent); }
.eol-hero { padding-block: 80px 64px; background: radial-gradient(120% 140% at 15% 0%, var(--eol-accent-soft) 0%, var(--eol-bg) 55%); }.eol-eyebrow { margin: 0 0 18px; color: var(--eol-accent); font: 600 var(--eol-text-label)/1 var(--eol-font-mono); letter-spacing: .1em; text-transform: uppercase; }.eol-hero h1 { max-width: 18ch; margin: 0 0 20px; font-size: var(--eol-text-hero); line-height: 1.08; letter-spacing: -.02em; }.eol-hero .lede { max-width: 54ch; margin: 0 0 var(--eol-s-4); color: var(--eol-ink-soft); font-size: var(--eol-text-lede); }.eol-button { display: inline-flex; padding: 13px 24px; border-radius: var(--eol-radius-pill); background: var(--eol-accent); color: var(--eol-white); font-weight: 700; }.eol-button:hover { background: var(--eol-accent-dark); color: var(--eol-white); }
.eol-trust { border-block: 1px solid var(--eol-border); background: var(--eol-bg-sunken); }.eol-trust__grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 48px; padding-block: 30px; color: var(--eol-ink-soft); font: 700 var(--eol-text-label)/1.4 var(--eol-font-mono); letter-spacing: .04em; text-transform: uppercase; }.eol-trust__grid p { margin: 0; }
.eol-section { padding-block: var(--eol-s-8); }.eol-section > h2 { margin: 0 0 var(--eol-s-3); font-size: var(--eol-text-tile); }.eol-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }.eol-tiles--actions { grid-template-columns: repeat(2, 1fr); }.eol-tile { min-height: 190px; padding: var(--eol-s-3); border: 1px solid var(--eol-border); border-radius: var(--eol-radius); background: var(--eol-bg-alt); }.eol-tile:hover { border-color: var(--eol-accent); }.eol-tile b { color: var(--eol-accent); font: 700 var(--eol-text-label)/1 var(--eol-font-mono); }.eol-tile h3 { margin: var(--eol-s-2) 0 var(--eol-s-1); font-size: var(--eol-text-tile); line-height: 1.3; }.eol-tile p { margin: 0; color: var(--eol-ink-muted); font-size: var(--eol-text-nav); }.eol-tile__action { display: inline-block; margin-top: var(--eol-s-3); font-weight: 700; }.eol-tile--accent { border-color: transparent; background: linear-gradient(135deg, var(--eol-accent), var(--eol-accent-dark)); color: var(--eol-white); }.eol-tile--accent b, .eol-tile--accent p { color: var(--eol-white); }
.eol-footer { margin-top: var(--eol-s-5); padding-block: var(--eol-s-5); border-top: 1px solid var(--eol-border); color: var(--eol-ink-muted); font-size: var(--eol-text-nav); }
@media (max-width: 900px) { .eol-tiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .eol-container { padding-inline: var(--eol-s-2); }.eol-header__inner { align-items: flex-start; flex-direction: column; }.eol-tiles { grid-template-columns: 1fr; }.eol-trust__grid { justify-content: flex-start; gap: var(--eol-s-2); } }
@media print { .eol-header, .eol-trust, .eol-footer, .eol-button { display: none; }.eol-hero { padding-block: var(--eol-s-3); background: none; }.eol-section { padding-block: var(--eol-s-2); }.eol-tile { background: var(--eol-bg); }.eol-tiles { grid-template-columns: repeat(2, 1fr); } }