:root {
        --ink: #0c1a2e;
        --paper: #f6f2ea;
        --signal: #1d5fd6;
        --gold: #f5b942;
        --font-main: "Manrope", system-ui, sans-serif;
        --font-display: "Sora", "Manrope", system-ui, sans-serif;
        --navy-dark: #071B3B;
        --navy-light: #102a54;
        --gold-accent: #F5B942;
        --gold-glow: rgba(245, 185, 66, 0.4);
        --glass-bg: rgba(7, 27, 59, 0.65);
        --glass-border: rgba(245, 185, 66, 0.25);
        --soft-blue-gradient: linear-gradient(135deg, rgba(7, 27, 59, 0.8) 0%, rgba(16, 42, 84, 0.6) 100%);
        --premium-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(245, 185, 66, 0.15);
        --gold-shadow: 0 0 20px rgba(245, 185, 66, 0.3);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 17px;
        font-weight: 400;
        line-height: 1.6;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p {
        margin-top: 0;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .button,
      .brand,
      .nav-links a {
        font-family: var(--font-display);
        letter-spacing: -0.02em;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
      }

      header {
        position: sticky;
        top: 0;
        z-index: 20;
        overflow: hidden;
        border-top: 2px solid #d4af37;
        border-bottom: 1px solid rgba(212, 175, 55, 0.18);
        background:
          linear-gradient(120deg, rgba(255, 255, 255, 0.055), transparent 34%, rgba(212, 175, 55, 0.045) 100%),
          linear-gradient(135deg, #061A3A 0%, #0B2A56 100%);
        box-shadow:
          0 18px 44px rgba(0, 0, 0, 0.28),
          inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      header::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, transparent 0 4%, rgba(255, 255, 255, 0.65) 4% 4.35%, transparent 4.35% 8%, rgba(255, 255, 255, 0.55) 8% 8.28%, transparent 8.28% 14%),
          linear-gradient(0deg, rgba(255, 255, 255, 0.58) 0 42%, transparent 42%),
          linear-gradient(90deg, rgba(255, 255, 255, 0.65) 1px, transparent 1px),
          linear-gradient(0deg, rgba(255, 255, 255, 0.5) 1px, transparent 1px);
        background-position: right bottom, right bottom, right center, right center;
        background-size: 360px 42px, 520px 28px, 38px 38px, 38px 38px;
        background-repeat: repeat-x, repeat-x, repeat, repeat;
        filter: blur(7px);
        mask-image: linear-gradient(90deg, transparent 0%, #000 48%, #000 100%);
        opacity: 0.065;
      }

      header::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 24%, transparent 78%, rgba(212, 175, 55, 0.08));
        opacity: 0.42;
      }

      .shell {
        width: min(1240px, calc(100% - 40px));
        margin: 0 auto;
      }

      .nav {
        position: relative;
        z-index: 1;
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
      }

      .brand {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 52px;
        padding: 0;
        font-weight: 700;
        text-transform: uppercase;
        transition:
          transform 180ms ease,
          opacity 180ms ease;
      }

      .brand:hover {
        transform: translateY(-1px);
        opacity: 0.9;
      }

      .brand-mark {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--ink);
        color: var(--paper);
      }

      .brand-logo {
        display: block;
        width: 190px;
        max-width: 34vw;
        max-height: 56px;
        object-fit: contain;
        filter:
          drop-shadow(0 2px 1px color-mix(in srgb, var(--paper) 20%, transparent))
          drop-shadow(0 12px 24px color-mix(in srgb, var(--ink) 42%, transparent));
      }

      video.brand-logo {
        height: 56px;
      }

      .nav-links {
        display: flex;
        gap: 22px;
        margin-left: auto;
        color: color-mix(in srgb, var(--paper) 78%, transparent);
        font-size: 14px;
        font-weight: 600;
      }

      .nav-links a {
        transition:
          color 180ms ease,
          transform 180ms ease;
      }

      .nav-links a:hover {
        transform: translateY(-1px);
        color: var(--signal);
      }

      .nav-register {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--signal) 28%, transparent);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--signal), var(--signal) 48%, var(--signal));
        box-shadow: 0 14px 34px color-mix(in srgb, var(--signal) 28%, transparent);
        padding: 0 20px;
        color: var(--paper);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease;
      }

      .nav-register:hover {
        transform: translateY(-2px);
        background: linear-gradient(135deg, var(--signal), var(--signal) 48%, var(--signal));
        box-shadow: 0 18px 44px color-mix(in srgb, var(--signal) 34%, transparent);
      }

      .nav-golf-button {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1.5px solid #d4af37;
        border-radius: 999px;
        background: transparent;
        padding: 0 16px;
        color: #d4af37;
        font-family: var(--font-display);
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease,
          color 220ms ease;
      }

      .nav-golf-button:hover,
      .nav-golf-button:focus-visible {
        transform: translateY(-2px);
        border-color: #d4af37;
        background: #d4af37;
        box-shadow:
          0 12px 28px rgba(212, 175, 55, 0.2),
          0 0 18px rgba(212, 175, 55, 0.18);
        color: #061A3A;
      }

      .nav-golf-button:focus-visible {
        outline: 2px solid color-mix(in srgb, #d4af37 72%, white 28%);
        outline-offset: 3px;
      }

      .nav-golf-icon {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        flex: 0 0 auto;
      }

      .button {
        border: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 0 18px;
        background: var(--signal);
        color: var(--paper);
        font-weight: 700;
        cursor: pointer;
        border-radius: 999px;
        transition:
          transform 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease,
          border-color 220ms ease;
      }

      .button:hover {
        transform: translateY(-2px);
        background: var(--signal);
      }

      .button.dark {
        background: var(--ink);
      }

      .button.dark:hover {
        background: var(--signal);
      }

      .button.light {
        border: 1px solid color-mix(in srgb, var(--paper) 36%, transparent);
        background: transparent;
        color: var(--paper);
      }

      .button.full {
        width: 100%;
      }

      .register-cta,
      #registerForm .button {
        border: 1px solid color-mix(in srgb, var(--gold) 86%, white 10%);
        border-radius: 999px;
        background: var(--gold);
        box-shadow: 0 16px 38px color-mix(in srgb, var(--gold) 24%, transparent);
        color: #08111f;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .register-cta:hover,
      #registerForm .button:hover {
        transform: translateY(-2px);
        background: color-mix(in srgb, var(--gold) 92%, white 8%);
        box-shadow: 0 20px 48px color-mix(in srgb, var(--gold) 32%, transparent);
      }

      .hero {
        position: relative;
        min-height: 88vh;
        display: grid;
        align-items: center;
        overflow: hidden;
        isolation: isolate;
        background: var(--ink);
        color: var(--paper);
        padding: 120px 0 72px;
      }

      .hero-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }

      .hero-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 55%, transparent) 0%, color-mix(in srgb, var(--ink) 85%, transparent) 100%);
      }

      .hero-content {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 280px);
        gap: clamp(28px, 4.4vw, 68px);
        align-items: start;
      }

      .hero-copy {
        max-width: 920px;
      }

      .hero-early-bird-card {
        width: 360px;
        height: auto;
        justify-self: end;
        margin-top: clamp(92px, 10vw, 154px);
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--gold) 72%, transparent);
        border-radius: 24px;
        background:
          radial-gradient(circle at 80% 17%, rgba(245, 185, 66, 0.18), transparent 27%),
          linear-gradient(180deg, rgba(7, 18, 35, 0.99), rgba(3, 12, 28, 0.98));
        box-shadow:
          0 30px 82px rgba(0, 0, 0, 0.44),
          0 0 42px rgba(245, 185, 66, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(16px);
      }

      .hero-early-bird-topline {
        min-height: 44px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(90deg, var(--gold), #f7c65b 58%, var(--gold));
        padding: 0 22px;
        color: #08111f;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .hero-early-bird-topline svg {
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .hero-early-bird-body {
        display: flex;
        flex-direction: column;
        padding: 20px 22px;
      }

      .early-bird-heading-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px;
        gap: 10px;
        align-items: center;
      }

      .hero-early-bird-card .pricing-eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--gold);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 0.09em;
        line-height: 1;
        text-transform: uppercase;
      }

      .hero-early-bird-card h2 {
        max-width: 12ch;
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 27px;
        line-height: 1.02;
        letter-spacing: -0.055em;
        white-space: normal;
        text-transform: none;
      }

      .early-bird-emblem {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--gold) 68%, transparent);
        border-radius: 999px;
        background:
          radial-gradient(circle, color-mix(in srgb, var(--gold) 14%, transparent), transparent 68%),
          rgba(245, 185, 66, 0.04);
        box-shadow:
          0 0 22px color-mix(in srgb, var(--gold) 18%, transparent),
          inset 0 0 18px color-mix(in srgb, var(--gold) 12%, transparent);
        color: var(--gold);
      }

      .early-bird-emblem svg {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .hero-early-bird-card .early-bird-countdown {
        grid-template-columns: repeat(4, 70px);
        gap: 7px;
        margin-top: 20px;
      }

      .hero-early-bird-card .early-bird-countdown div {
        position: relative;
        width: 70px;
        height: 70px;
        min-height: 70px;
        display: grid;
        place-items: center;
        align-content: center;
        border: 1px solid rgba(245, 185, 66, 0.58);
        border-radius: 10px;
        background: rgba(4, 14, 32, 0.74);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      }

      .hero-early-bird-card .early-bird-countdown div:not(:last-child)::after {
        content: ":";
        position: absolute;
        right: -6px;
        top: 50%;
        transform: translateY(-55%);
        color: rgba(255, 255, 255, 0.78);
        font-family: var(--font-display);
        font-size: 16px;
        font-weight: 700;
      }

      .hero-early-bird-card .early-bird-countdown strong {
        color: var(--gold);
        font-family: var(--font-display);
        font-size: 25px;
        font-weight: 800;
        line-height: 1;
      }

      .hero-early-bird-card .early-bird-countdown span {
        margin-top: 8px;
        color: rgba(226, 232, 240, 0.72);
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 0.08em;
      }

      .hero-early-bird-card .early-bird-message {
        margin-top: 14px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        padding-top: 12px;
        color: rgba(226, 232, 240, 0.66);
        font-size: 9px;
        font-weight: 700;
        line-height: 1.2;
        gap: 8px;
      }

      .hero-early-bird-card .early-bird-message p {
        margin: 0;
        white-space: nowrap;
      }

      .hero-early-bird-card .early-bird-message svg {
        width: 29px;
        height: 29px;
        flex: 0 0 auto;
        border: 1px solid rgba(245, 185, 66, 0.52);
        border-radius: 999px;
        padding: 8px;
        color: var(--gold);
      }

      .hero-early-bird-card .early-bird-message strong {
        display: block;
        color: #ffffff;
        font-size: 9px;
      }

      .hero-early-bird-card .early-bird-message span {
        color: var(--gold);
      }

      .hero-early-bird-button {
        width: 100%;
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
        font-family: var(--font-display);
        font-size: 13px;
      }

      .hero-early-bird-button span {
        font-size: 19px;
        line-height: 1;
      }

      @media (max-width: 1060px) {
        .hero-content {
          grid-template-columns: 1fr;
          gap: 30px;
        }

        .hero-copy {
          max-width: 920px;
        }

        .hero-early-bird-card {
          justify-self: start;
          margin-top: 0;
        }
      }

      @media (max-width: 768px) {
        .hero {
          padding: 96px 0 52px;
        }

        .hero-early-bird-card {
          width: min(100%, 320px);
          height: auto;
          border-radius: 13px;
        }

        .hero-early-bird-topline {
          min-height: 36px;
          padding: 0 16px;
          font-size: 10px;
        }

        .hero-early-bird-body {
          padding: 18px 16px 16px;
        }

        .hero-early-bird-card h2 {
          max-width: 100%;
          font-size: clamp(18px, 6vw, 22px);
        }

        .hero-early-bird-card .early-bird-countdown {
          gap: 7px;
        }

        .hero-early-bird-card .early-bird-countdown div {
          min-height: 50px;
        }
      }

      .hero-visual {
        position: relative;
        min-height: 430px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 13%, transparent);
        border-radius: 28px;
        background:
          linear-gradient(color-mix(in srgb, var(--paper) 5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 5%, transparent) 1px, transparent 1px),
          radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--signal) 36%, transparent), transparent 30%),
          color-mix(in srgb, var(--paper) 5%, transparent);
        background-size: 34px 34px, 34px 34px, auto, auto;
        box-shadow: 0 28px 90px color-mix(in srgb, var(--ink) 34%, transparent);
        backdrop-filter: blur(18px);
      }

      .hero-visual svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .hero-route {
        stroke: color-mix(in srgb, var(--signal) 72%, transparent);
        stroke-width: 2.6;
        stroke-dasharray: 10 10;
        animation: flow 7s linear infinite;
      }

      .hero-route.green {
        stroke: color-mix(in srgb, var(--signal) 72%, transparent);
      }

      .hero-node {
        fill: var(--signal);
      }

      .hero-node.green {
        fill: var(--signal);
      }

      .hero-panel {
        position: absolute;
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 20px;
        background: color-mix(in srgb, var(--paper) 10%, transparent);
        padding: 16px;
        backdrop-filter: blur(14px);
      }

      .hero-panel strong {
        display: block;
        color: var(--paper);
        font-size: 28px;
        line-height: 1;
      }

      .hero-panel span {
        display: block;
        margin-top: 8px;
        color: color-mix(in srgb, var(--paper) 68%, transparent);
        font-size: 12px;
        font-weight: 900;
      }

      .hero-panel.one {
        left: 26px;
        top: 28px;
      }

      .hero-panel.two {
        right: 24px;
        top: 94px;
      }

      .hero-panel.three {
        left: 34px;
        bottom: 34px;
      }

      .hero-chip {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 58px;
        min-height: 38px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        color: var(--ink);
        font-size: 12px;
        font-weight: 900;
        box-shadow: 0 18px 40px color-mix(in srgb, var(--ink) 18%, transparent);
      }

      .hero-chip.ai {
        left: 46%;
        top: 42%;
        background: var(--signal);
      }

      .hero-chip.rail {
        right: 18%;
        bottom: 26%;
      }

      .hero-chip.port {
        left: 21%;
        top: 48%;
      }

      .hero-scan {
        position: absolute;
        left: 0;
        right: 0;
        top: 48%;
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--signal) 85%, transparent), transparent);
        animation: scanMove 5s ease-in-out infinite;
      }

      .eyebrow {
        display: inline-flex;
        border: 1px solid color-mix(in srgb, var(--paper) 28%, transparent);
        background: color-mix(in srgb, var(--paper) 10%, transparent);
        padding: 9px 13px;
        color: color-mix(in srgb, var(--paper) 90%, transparent);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
      }

      .hero .eyebrow {
        align-items: center;
        gap: 10px;
        margin-bottom: 30px;
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 4%, transparent);
        padding: 8px 16px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.1em;
      }

      .hero .eyebrow::before {
        content: "";
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 999px;
        background: var(--signal);
        box-shadow: 0 0 0 6px color-mix(in srgb, var(--signal) 10%, transparent);
      }

      h1,
      h2,
      h3,
      p {
        margin-top: 0;
      }

      h1 {
        margin-bottom: 20px;
        font-size: clamp(36px, 5.6vw, 62px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: 0;
      }

      .hero h1 {
        max-width: 980px;
        margin-bottom: 22px;
        font-family: var(--font-display);
        font-size: clamp(42px, 4vw, 60px);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: -0.035em;
      }

      .event-title-gold {
        color: var(--gold);
      }

      .hero-title-line {
        display: block;
      }

      @media (min-width: 900px) {
        .hero-title-line {
          white-space: nowrap;
        }
      }

      h2 {
        margin-bottom: 18px;
        font-size: clamp(34px, 5vw, 54px);
        line-height: 1.06;
        letter-spacing: 0;
      }

      h3 {
        margin-bottom: 10px;
        font-size: 21px;
      }

      .hero p {
        max-width: 620px;
        color: color-mix(in srgb, var(--paper) 82%, transparent);
        font-size: clamp(14px, 1.35vw, 17px);
        font-weight: 500;
        line-height: 1.55;
      }

      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px;
        margin-top: 40px;
      }

      .hero-actions .button {
        min-height: 50px;
        border-radius: 999px;
        padding: 0 26px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
      }

      .hero-actions .register-cta {
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 16px 38px color-mix(in srgb, var(--gold) 24%, transparent);
      }

      .hero-actions .register-cta:hover {
        background: color-mix(in srgb, var(--gold) 92%, white 8%);
        box-shadow: 0 20px 48px color-mix(in srgb, var(--gold) 32%, transparent);
      }

      .hero-actions .button.light {
        border-color: color-mix(in srgb, var(--paper) 22%, transparent);
        background: transparent;
        color: var(--paper);
      }

      .hero-actions .button.light:hover {
        border-color: color-mix(in srgb, var(--paper) 50%, transparent);
        background: color-mix(in srgb, var(--paper) 4%, transparent);
      }

      .hero-socials {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 38px;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
      }

      .event-social,
      .footer-social {
        color: inherit;
      }

      .event-social {
        width: 38px;
        height: 38px;
        display: inline-grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 24%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 9%, transparent);
        color: var(--paper);
        box-shadow: 0 12px 32px color-mix(in srgb, var(--ink) 18%, transparent);
        transition:
          transform 180ms ease,
          background 180ms ease,
          border-color 180ms ease,
          color 180ms ease;
      }

      .event-social:hover {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--gold) 72%, transparent);
        background: color-mix(in srgb, var(--gold) 88%, transparent);
        color: var(--paper);
      }

      .event-social svg {
        width: 18px;
        height: 18px;
        fill: currentColor;
      }

      .meta-row,
      .hero-meta,
      .countdown {
        display: grid;
        gap: 13px;
        margin-top: 28px;
      }

      .meta-row,
      .hero-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 14px 28px;
        max-width: 820px;
        margin-top: 34px;
      }

      .countdown {
        grid-template-columns: repeat(4, minmax(0, 120px));
      }

      .meta-item,
      .time-box {
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-size: 15px;
        font-weight: 600;
      }

      .meta-item {
        display: inline-flex;
        align-items: center;
        gap: 9px;
      }

      [data-gsc-event-date="details"] {
        white-space: pre-line;
      }

      .event-detail-separator {
        color: var(--gold);
        font-weight: 800;
      }

      .meta-item-break {
        flex-basis: 100%;
      }

      .meta-item::before {
        content: "";
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 999px;
        background: var(--gold);
      }

      .time-box {
        border-top: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        padding-top: 12px;
        font-size: 13px;
        font-weight: 650;
      }

      .time-value {
        display: block;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: clamp(30px, 5vw, 44px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.04em;
      }

      @media (prefers-reduced-motion: reduce) {
        .hero-bg {
          display: none;
        }

        .hero {
          background: url("../hero-banner.jpg") center / cover;
        }
      }

      .band {
        border-top: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        border-bottom: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        background: var(--ink);
        padding: 22px 0;
      }

      .band-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .band-inner span {
        display: inline-flex;
        align-items: center;
        gap: 12px;
      }

      .band-inner span:not(:last-child)::after {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: var(--gold);
      }

      .conference-dashboard {
        display: none;
        border-bottom: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        background:
          radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 28%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 100%);
        padding: 54px 0 64px;
      }

      .landing-overview-head {
        display: grid;
        grid-template-columns: minmax(0, 0.82fr) minmax(320px, 1.18fr);
        gap: 38px;
        align-items: end;
        margin-bottom: 28px;
      }

      .landing-overview-head h2 {
        max-width: 620px;
        margin-bottom: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(30px, 4vw, 48px);
        font-weight: 600;
        line-height: 1.04;
        letter-spacing: -0.03em;
      }

      .landing-overview-head p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 16px;
        line-height: 1.7;
      }

      .landing-overview-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .why-now-title-block {
        position: relative;
        z-index: 3;
        display: grid;
        justify-items: center;
        gap: 6px;
        margin: 0 auto clamp(30px, 4vw, 48px);
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        text-align: center;
      }

      .why-now-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: var(--ink);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1;
      }

      .why-now-eyebrow span {
        width: 32px;
        height: 1px;
        background: var(--gold);
      }

      .why-now-title-block h2 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(24px, 2.6vw, 36px);
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.05;
      }

      .why-now-title-block p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: clamp(13px, 1.05vw, 15px);
        font-weight: 700;
        line-height: 1.35;
      }

      @media (max-width: 620px) {
        .why-now-title-block {
          margin-bottom: 24px;
        }

        .why-now-eyebrow {
          gap: 10px;
          font-size: 11px;
        }

        .why-now-eyebrow span {
          width: 24px;
        }

        .why-now-title-block p {
          max-width: 34ch;
        }
      }

      .landing-overview-card {
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 22px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        padding: 22px;
        color: var(--ink);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 4%, transparent);
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .landing-overview-card:hover,
      .landing-overview-card:focus-visible {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--signal) 28%, transparent);
        background: var(--paper);
      }

      .landing-overview-card span {
        color: var(--signal);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .landing-overview-card strong {
        display: block;
        margin-top: 18px;
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 600;
        line-height: 1.08;
        letter-spacing: -0.02em;
      }

      .landing-overview-card small {
        display: block;
        margin-top: 10px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.5;
      }

      .landing-detail-list {
        display: grid;
        gap: 8px;
        margin: 14px 0 0;
        padding: 0;
        list-style: none;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 14px;
        line-height: 1.45;
      }

      .landing-detail-list li {
        display: flex;
        gap: 8px;
      }

      .landing-detail-list li::before {
        content: "";
        width: 6px;
        height: 6px;
        flex: 0 0 6px;
        margin-top: 9px;
        border-radius: 999px;
        background: var(--gold);
      }

      .landing-link {
        margin-top: 22px;
        color: var(--signal);
        font-size: 14px;
        font-weight: 800;
      }

      @media (max-width: 1040px) {
        .landing-overview-head {
          grid-template-columns: 1fr;
        }

        .landing-overview-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      body.paged-site:not([data-view="home"]) .hero,
      body.paged-site:not([data-view="home"]) .band,
      body.paged-site main > section,
      body.paged-site .conference-dashboard,
      body.paged-site .venue-section {
        display: none;
      }

      body.paged-site[data-view="home"] .hero {
        display: grid;
      }

      body.paged-site[data-view="home"] main {
        display: flex;
        flex-direction: column;
      }

      body.paged-site[data-view="home"] .hero {
        order: 10;
      }

      body.paged-site[data-view="home"] #deal-impact {
        order: 15;
      }

      body.paged-site[data-view="home"] #agenda {
        order: 20;
      }

      body.paged-site[data-view="home"] #ai-focus {
        order: 30;
      }

      body.paged-site[data-view="home"] #speakers {
        order: 40;
      }

      body.paged-site[data-view="home"] #partners {
        order: 50;
      }

      body.paged-site[data-view="home"] #location {
        order: 60;
      }

      body.paged-site[data-view="home"] #previous-editions {
        order: 70;
      }

      body.paged-site[data-view="home"] #golf-tournament {
        order: 90;
      }

      body.paged-site[data-view="home"] .band,
      body.paged-site[data-view="home"] #deal-impact,
      body.paged-site[data-view="home"] #agenda,
      body.paged-site[data-view="home"] #speakers,
      body.paged-site[data-view="home"] #partners,
      body.paged-site[data-view="home"] #ai-focus,
      body.paged-site[data-view="home"] #previous-editions,
      body.paged-site[data-view="home"] #location,
      body.paged-site[data-view="home"] #golf-tournament,
      body.paged-site[data-view="ai-focus"] #ai-focus,
      body.paged-site[data-view="speakers"] #speakers,
      body.paged-site[data-view="agenda"] #agenda,
      body.paged-site[data-view="impact"] #impact,
      body.paged-site[data-view="partners"] #partners,
      body.paged-site[data-view="previous-editions"] #previous-editions,
      body.paged-site[data-view="location"] #location,
      body.paged-site[data-view="speaker-application"] #speaker-application,
      body.paged-site[data-view="golf-tournament"] #golf-tournament,
      body.paged-site[data-view="payment"] #payment,
      body.paged-site[data-view="register"] #register {
        display: block;
      }

      /* min-height forced these sections to fill the viewport — removed 2026-06-19
         because the new compact footer left a big empty band of cream below
         shorter sections (notably register). Let sections size to content. */

      .nav-links a {
        position: relative;
      }

      .nav-links a.active {
        color: var(--signal);
      }

      body.paged-site[data-view="agenda"] .nav-links a[href="#agenda"] {
        color: var(--paper);
      }

      body.paged-site[data-view="agenda"] .nav-links a[href="#agenda"]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        height: 2px;
        border-radius: 999px;
        background: #D4A62A;
      }

      /* nav-register keeps its white paper text always — it's a filled CTA, not a tab indicator */
      .nav-register.active {
        color: var(--paper);
      }

      .sec-head {
        max-width: 720px;
        margin-bottom: clamp(28px, 5vw, 56px);
      }

      .sec-head h2 {
        margin: 16px 0 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.6vw, 56px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: -0.03em;
      }

      .sec-head p {
        margin: 18px 0 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 18px;
        line-height: 1.6;
      }

      .eyebrow.on-paper {
        border-color: color-mix(in srgb, var(--signal) 18%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        padding: 8px 16px;
        color: var(--signal);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.16em;
      }

      .section-label,
      .block-head h2,
      .expert-panelists-head h2,
      .partners-head h2,
      .expert-card h3,
      .insight-card h3,
      .panelist-copy h3,
      .partner-logo-tile strong,
      .nav-links a,
      .nav-register {
        font-family: var(--font-display);
      }

      body.paged-site[data-view="home"] #community {
        padding-top: clamp(84px, 8vw, 120px);
        padding-bottom: clamp(72px, 7vw, 104px);
        background:
          radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 28%),
          radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 28%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 58%, var(--paper) 100%);
      }

      body.paged-site[data-view="home"] #speakers .expert-panelists-head h2,
      body.paged-site[data-view="home"] #partners .partners-head h2 {
        font-size: clamp(30px, 4vw, 48px);
        line-height: 1.06;
        letter-spacing: -0.03em;
      }

      body.paged-site[data-view="home"] #community .community-head {
        max-width: 760px;
      }

      body.paged-site[data-view="home"] #speakers.dark-section {
        padding-top: clamp(84px, 8vw, 112px);
        padding-bottom: clamp(84px, 8vw, 112px);
        color: var(--ink);
        background:
          radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 30%),
          radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 30%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 100%);
      }

      body.paged-site[data-view="home"] #speakers.dark-section::before {
        display: none;
      }

      body.paged-site[data-view="home"] #speakers .expert-panelists-head {
        display: block;
        max-width: 760px;
        color: var(--ink);
      }

      body.paged-site[data-view="home"] #speakers .expert-panelists-head h2 {
        color: var(--ink);
      }

      body.paged-site[data-view="home"] #speakers .expert-panelists-head span {
        color: var(--gold);
      }

      body.paged-site[data-view="home"] #speakers .speaker-carousel-shell {
        min-height: clamp(440px, 40vh, 560px);
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 16px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 96%, transparent), color-mix(in srgb, var(--paper) 92%, transparent)),
          var(--paper);
        box-shadow: none;
        padding: clamp(30px, 4vw, 44px) clamp(36px, 5vw, 64px) clamp(34px, 4vw, 46px) clamp(80px, 8vw, 112px);
      }

      body.paged-site[data-view="home"] #speakers .speaker-rail-label {
        left: clamp(46px, 5vw, 78px);
        top: 48px;
        bottom: 48px;
        color: color-mix(in srgb, var(--gold) 72%, transparent);
        font-size: 16px;
      }

      body.paged-site[data-view="home"] #speakers .speaker-slide {
        gap: clamp(22px, 3vw, 36px) clamp(26px, 4vw, 48px);
      }

      body.paged-site[data-view="home"] #speakers .panelist-reference-card {
        border-color: color-mix(in srgb, var(--ink) 10%, transparent);
        background:
          radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--signal) 6%, transparent), transparent 30%),
          var(--paper);
        box-shadow: none;
      }

      body.paged-site[data-view="home"] #speakers .panelist-reference-card:hover {
        border-color: color-mix(in srgb, var(--signal) 26%, transparent);
        box-shadow: none;
      }

      body.paged-site[data-view="home"] #partners {
        padding-top: clamp(84px, 8vw, 112px);
        padding-bottom: clamp(72px, 7vw, 104px);
      }

      body.paged-site[data-view="home"] #partners .partners-head {
        display: block;
        max-width: 760px;
      }

      body.paged-site[data-view="home"] #partners .partner-logo-tile {
        animation: partnerLogoGlow 7s ease-in-out infinite;
      }

      body.paged-site[data-view="home"] #partners .partner-logo-tile:nth-child(2n) {
        animation-delay: 0.45s;
      }

      body.paged-site[data-view="home"] #partners .partner-logo-tile:nth-child(3n) {
        animation-delay: 0.9s;
      }

      @media (max-width: 980px) {
        body.paged-site[data-view="home"] #speakers .expert-panelists-head {
          gap: 8px;
        }

        body.paged-site[data-view="home"] #speakers .expert-panelists-head .head-line {
          width: 84px;
        }

        body.paged-site[data-view="home"] #speakers .speaker-carousel-shell {
          min-height: auto;
          padding: 26px 16px;
        }

        body.paged-site[data-view="home"] #speakers .speaker-rail-label {
          position: relative;
          left: auto;
          top: auto;
          bottom: auto;
          display: flex;
          gap: 14px;
          margin-bottom: 16px;
          font-size: 15px;
          writing-mode: horizontal-tb;
        }

        body.paged-site[data-view="home"] #speakers .speaker-rail-label::before {
          width: 44px;
          height: 1px;
        }

      }

      @media (max-width: 620px) {
        body.paged-site[data-view="home"] #community,
        body.paged-site[data-view="home"] #speakers.dark-section,
        body.paged-site[data-view="home"] #partners {
          padding-top: 44px;
          padding-bottom: 46px;
        }

        body.paged-site[data-view="home"] #speakers .expert-panelists-head h2,
        body.paged-site[data-view="home"] #partners .partners-head h2 {
          font-size: clamp(28px, 10vw, 38px);
        }
      }

      section {
        padding: 56px 0;
      }

      .split {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 32px;
        align-items: start;
      }

      .section-label {
        margin-bottom: 12px;
        color: var(--signal);
        font-size: 13px;
        font-weight: 900;
        text-transform: uppercase;
      }

      .lead {
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 18px;
        line-height: 1.75;
      }

      .grid-4,
      .grid-3,
      .grid-2 {
        display: grid;
        gap: 20px;
      }

      .grid-4 {
        grid-template-columns: repeat(4, 1fr);
      }

      .grid-3 {
        grid-template-columns: repeat(3, 1fr);
      }

      .grid-2 {
        grid-template-columns: repeat(2, 1fr);
      }

      .card {
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        background: var(--paper);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);
      }

      .card-pad {
        padding: 22px;
      }

      #ai-focus {
        position: relative;
        overflow: hidden;
        background: var(--ink);
        color: var(--paper);
        padding: clamp(84px, 8vw, 120px) 0;
      }

      #ai-focus::before {
        display: none;
      }

      #ai-focus .shell {
        position: relative;
        z-index: 1;
      }

      .ai-outcomes-layout {
        display: block;
      }

      .ai-copy {
        max-width: 780px;
      }

      #ai-focus .section-label {
        color: var(--signal);
      }

      .ai-copy h2 {
        max-width: 760px;
        margin: 16px 0 0;
        color: var(--paper);
        font-size: clamp(34px, 4.6vw, 56px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: -0.03em;
      }

      .ai-copy .lead {
        max-width: 640px;
        margin: 18px 0 0;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        font-size: 18px;
        line-height: 1.6;
      }

      .ai-feature-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: clamp(28px, 5vw, 56px);
      }

      .ai-feature-card {
        position: relative;
        overflow: hidden;
        min-height: 190px;
        border: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 3%, transparent);
        padding: 24px;
        box-shadow: none;
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .ai-feature-card::after {
        display: none;
      }

      .ai-feature-card:hover,
      .ai-feature-card:focus-within {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--signal) 50%, transparent);
        background: color-mix(in srgb, var(--paper) 5%, transparent);
      }

      .ai-feature-icon {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--signal) 24%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--signal) 12%, transparent);
        color: var(--signal);
      }

      .ai-feature-icon svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .ai-feature-card h3 {
        margin: 16px 0 8px;
        color: var(--paper);
        font-size: 18px;
        font-weight: 600;
        line-height: 1.25;
      }

      .ai-feature-card p {
        margin-bottom: 16px;
        color: color-mix(in srgb, var(--paper) 68%, transparent);
        font-size: 14px;
        line-height: 1.6;
      }

      .ai-feature-outcome {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        border: 1px solid color-mix(in srgb, var(--gold) 24%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        padding: 6px 9px;
        color: var(--gold);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.25;
      }

      .ai-visual-panel {
        position: relative;
        min-height: 430px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 20px;
        background:
          radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--signal) 24%, transparent), transparent 25%),
          radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--signal) 22%, transparent), transparent 28%),
          linear-gradient(160deg, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 4%, transparent)),
          color-mix(in srgb, var(--ink) 58%, transparent);
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--paper) 5%, transparent),
          0 22px 58px color-mix(in srgb, var(--ink) 28%, transparent);
      }

      .ai-visual-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px);
        background-size: 36px 36px;
        mask-image: radial-gradient(circle at 50% 46%, var(--ink), transparent 74%);
        opacity: 0.8;
      }

      .ai-visual-panel svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .ai-visual-route {
        fill: none;
        stroke: color-mix(in srgb, var(--paper) 54%, transparent);
        stroke-width: 2.2;
        stroke-dasharray: 10 12;
        animation: flow 8s linear infinite;
      }

      .ai-visual-route.gold {
        stroke: color-mix(in srgb, var(--gold) 62%, transparent);
        animation-duration: 10s;
      }

      .ai-visual-route.blue {
        stroke: color-mix(in srgb, var(--signal) 58%, transparent);
        animation-duration: 9s;
      }

      .ai-node {
        fill: color-mix(in srgb, var(--paper) 92%, transparent);
        filter: drop-shadow(0 0 12px color-mix(in srgb, var(--paper) 50%, transparent));
      }

      .ai-node.gold {
        fill: color-mix(in srgb, var(--gold) 95%, transparent);
        filter: drop-shadow(0 0 12px color-mix(in srgb, var(--gold) 44%, transparent));
      }

      .ai-core {
        position: absolute;
        left: 50%;
        top: 48%;
        display: grid;
        width: 108px;
        height: 108px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 34%, transparent);
        border-radius: 50%;
        background:
          radial-gradient(circle, color-mix(in srgb, var(--signal) 24%, transparent), transparent 68%),
          color-mix(in srgb, var(--ink) 68%, transparent);
        color: var(--paper);
        font-size: 28px;
        font-weight: 800;
        transform: translate(-50%, -50%);
        box-shadow:
          0 0 0 16px color-mix(in srgb, var(--paper) 4.5%, transparent),
          0 0 50px color-mix(in srgb, var(--signal) 22%, transparent);
      }

      .ai-visual-label {
        position: absolute;
        display: grid;
        gap: 3px;
        max-width: 150px;
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--ink) 68%, transparent);
        padding: 10px 12px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-size: 10px;
        line-height: 1.35;
        box-shadow: 0 14px 30px color-mix(in srgb, var(--ink) 22%, transparent);
        backdrop-filter: blur(14px);
      }

      .ai-visual-label strong {
        color: var(--paper);
        font-size: 12px;
        line-height: 1.2;
      }

      .ai-visual-label.one {
        left: 28px;
        top: 34px;
      }

      .ai-visual-label.two {
        right: 28px;
        top: 82px;
      }

      .ai-visual-label.three {
        left: 36px;
        bottom: 74px;
      }

      .ai-visual-label.four {
        right: 34px;
        bottom: 36px;
      }

      .highlight-section {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 28%),
          radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 28%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 100%);
        padding: 44px 0;
      }

      .highlight-grid {
        gap: 14px;
      }

      .metric {
        position: relative;
        overflow: hidden;
        min-height: 154px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 22px;
        background:
          radial-gradient(circle at 84% 16%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 30%),
          linear-gradient(145deg, color-mix(in srgb, var(--paper) 94%, transparent), color-mix(in srgb, var(--paper) 82%, transparent));
        padding: 18px;
        box-shadow: 0 18px 46px color-mix(in srgb, var(--ink) 9%, transparent);
        transition:
          transform 200ms ease,
          border-color 200ms ease,
          box-shadow 200ms ease,
          background 200ms ease;
      }

      .metric::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 4px;
        background: linear-gradient(90deg, var(--signal), color-mix(in srgb, var(--gold) 82%, transparent), color-mix(in srgb, var(--signal) 62%, transparent));
      }

      .metric::after {
        content: "";
        position: absolute;
        right: -42px;
        bottom: -42px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--gold) 8%, transparent);
        pointer-events: none;
      }

      .metric:hover {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--gold) 34%, transparent);
        background:
          radial-gradient(circle at 84% 16%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 30%),
          linear-gradient(145deg, var(--paper), color-mix(in srgb, var(--paper) 90%, transparent));
        box-shadow: 0 26px 64px color-mix(in srgb, var(--ink) 14%, transparent);
      }

      .metric-icon {
        position: relative;
        z-index: 1;
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--gold) 22%, transparent);
        border-radius: 14px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--gold) 12%, transparent), color-mix(in srgb, var(--gold) 12%, transparent)),
          color-mix(in srgb, var(--paper) 72%, transparent);
        color: var(--signal);
        box-shadow: 0 10px 24px color-mix(in srgb, var(--gold) 12%, transparent);
      }

      .metric-icon svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
        stroke-width: 2;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .metric strong {
        position: relative;
        z-index: 1;
        display: block;
        margin-top: 18px;
        color: var(--ink);
        font-size: 16px;
        line-height: 1.15;
        letter-spacing: 0;
      }

      .metric span {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 220px;
        margin-top: 8px;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.45;
      }

      .deal-impact-section {
        background: var(--paper);
        color: var(--ink);
      }

      .deal-impact-paper {
        position: relative;
        overflow: hidden;
        padding: clamp(26px, 3vw, 38px) 0 clamp(42px, 6vw, 72px);
        background:
          radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 30%),
          radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 34%),
          linear-gradient(180deg, #fffdf8 0%, var(--paper) 100%);
      }

      .deal-impact-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
        opacity: .22;
        pointer-events: none;
      }

      .deal-impact-paper::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background-image:
          linear-gradient(90deg, rgba(255, 253, 248, .9), rgba(255, 253, 248, .62) 48%, rgba(255, 253, 248, .86)),
          linear-gradient(180deg, rgba(255, 253, 248, .84), rgba(246, 242, 234, .9)),
          linear-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--ink) 4%, transparent) 1px, transparent 1px);
        background-repeat: no-repeat, no-repeat, repeat, repeat;
        background-size: auto, auto, 54px 54px, 54px 54px;
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, .28), transparent 70%);
      }

      .deal-impact-intro {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
        gap: clamp(36px, 6vw, 86px);
        align-items: start;
      }

      .deal-impact-copy h2,
      .deal-power-copy h3 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-weight: 760;
        letter-spacing: 0;
      }

      .deal-impact-copy h2 {
        max-width: 580px;
        font-size: clamp(36px, 4.8vw, 58px);
        line-height: 1.04;
      }

      .deal-impact-copy h2 span,
      .deal-power-copy h3 span,
      .deal-impact-copy strong {
        color: var(--gold);
      }

      .deal-impact-copy h2::after,
      .deal-power-copy h3::after {
        content: "";
        display: block;
        width: 78px;
        height: 2px;
        margin: 22px 0 0;
        background: var(--gold);
      }

      .deal-impact-copy p,
      .deal-power-copy p {
        margin: 24px 0 0;
        color: color-mix(in srgb, var(--ink) 83%, transparent);
        font-size: clamp(15px, 1.35vw, 17px);
        font-weight: 540;
        line-height: 1.75;
      }

      .deal-impact-copy strong {
        font-weight: 850;
      }

      .deal-power-panel {
        display: grid;
        gap: 26px;
      }

      .deal-power-copy h3 {
        max-width: 660px;
        font-size: clamp(32px, 4vw, 52px);
        line-height: 1.03;
      }

      .deal-power-copy p {
        max-width: 680px;
      }

      .deal-list-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

      .deal-list-card {
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
        border-radius: 16px;
        background: rgba(255, 255, 255, .56);
        box-shadow: 0 22px 54px color-mix(in srgb, var(--ink) 10%, transparent);
      }

      .deal-list-card h4 {
        margin: 0;
        background: linear-gradient(135deg, #071b3b, #041124);
        padding: 16px 18px;
        color: var(--gold);
        font-family: var(--font-main);
        font-size: 13px;
        font-weight: 820;
        letter-spacing: .05em;
        line-height: 1.25;
        text-align: center;
        text-transform: uppercase;
      }

      .deal-list-card ul {
        display: grid;
        margin: 0;
        padding: 0 18px 12px;
        list-style: none;
      }

      .deal-list-card li {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        min-height: 56px;
        border-bottom: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        color: color-mix(in srgb, var(--ink) 90%, transparent);
        font-size: 14.5px;
        font-weight: 640;
        line-height: 1.35;
      }

      .deal-list-card li:last-child {
        border-bottom: 0;
      }

      .deal-list-card svg {
        width: 24px;
        height: 24px;
        color: var(--gold);
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .deal-experience-band {
        position: relative;
        overflow: hidden;
        padding: clamp(42px, 6vw, 66px) 0 clamp(34px, 5vw, 58px);
        background:
          radial-gradient(circle at 100% 10%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 22%),
          radial-gradient(circle at 0% 84%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 24%),
          linear-gradient(180deg, #041124, #071b3b 48%, #031022);
        color: var(--paper);
      }

      .deal-experience-band::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(color-mix(in srgb, var(--paper) 5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 4%, transparent) 1px, transparent 1px);
        background-size: 46px 46px;
        opacity: .24;
        mask-image: radial-gradient(circle at 50% 20%, #000 8%, transparent 72%);
      }

      .deal-experience-band::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
          linear-gradient(90deg, rgba(3, 16, 34, .68), rgba(3, 16, 34, .34) 48%, rgba(3, 16, 34, .62)),
          linear-gradient(180deg, rgba(3, 16, 34, .28), rgba(3, 16, 34, .72));
      }

      .deal-experience-band .shell {
        position: relative;
        z-index: 2;
      }

      .deal-experience-head {
        margin: 0 auto 24px;
        text-align: center;
      }

      .deal-experience-head span {
        display: inline-flex;
        align-items: center;
        gap: 18px;
        color: var(--gold);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .18em;
        line-height: 1;
        text-transform: uppercase;
      }

      .deal-experience-head span::before,
      .deal-experience-head span::after {
        content: "";
        width: 58px;
        height: 1px;
        background: color-mix(in srgb, var(--gold) 70%, transparent);
      }

      .deal-experience-head h3 {
        margin: 14px 0 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(28px, 3.2vw, 40px);
        font-weight: 760;
        letter-spacing: 0;
        line-height: 1.08;
      }

      .deal-experience-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(16px, 2vw, 26px);
      }

      .deal-experience-card {
        min-height: 238px;
        display: flex;
        flex-direction: column;
        border: 1px solid color-mix(in srgb, var(--gold) 32%, var(--paper) 18%);
        border-radius: 18px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
          color-mix(in srgb, var(--ink) 68%, transparent);
        box-shadow: 0 26px 74px rgba(0, 0, 0, .28);
        padding: clamp(18px, 2vw, 24px);
        backdrop-filter: blur(18px);
        transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
      }

      .deal-experience-card:hover,
      .deal-experience-card:focus-within {
        border-color: color-mix(in srgb, var(--gold) 76%, white 8%);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04)),
          color-mix(in srgb, var(--ink) 62%, transparent);
        box-shadow: 0 30px 84px rgba(0, 0, 0, .34), 0 0 34px color-mix(in srgb, var(--gold) 12%, transparent);
        transform: translateY(-5px);
      }

      .deal-experience-card > svg {
        width: 42px;
        height: 42px;
        margin-bottom: 14px;
        border: 1px solid color-mix(in srgb, var(--gold) 36%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--paper) 7%, transparent);
        padding: 9px;
        color: var(--gold);
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .deal-experience-card h4 {
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(21px, 1.9vw, 25px);
        font-weight: 760;
        letter-spacing: 0;
        line-height: 1.08;
      }

      .deal-experience-card p {
        margin: 12px 0 16px;
        color: color-mix(in srgb, var(--paper) 82%, transparent);
        font-size: 14.5px;
        font-weight: 560;
        line-height: 1.5;
      }

      .deal-featured-speakers,
      .deal-sponsor-logos,
      .deal-agenda-tags,
      .deal-past-preview {
        display: flex;
        align-items: center;
        margin: 0 0 16px;
      }

      .deal-agenda-tags {
        gap: 8px;
        flex-wrap: wrap;
      }

      .deal-agenda-tag {
        min-height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--gold) 30%, transparent);
        border-radius: 7px;
        padding: 0 11px;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .1em;
        line-height: 1;
        text-transform: uppercase;
      }

      .deal-agenda-tag-keynotes {
        background: color-mix(in srgb, var(--gold) 14%, transparent);
        color: var(--gold);
      }

      .deal-agenda-tag-networking {
        border-color: color-mix(in srgb, var(--signal) 34%, transparent);
        background: color-mix(in srgb, var(--signal) 18%, transparent);
        color: #5cc6ff;
      }

      .deal-agenda-tag-roundtables {
        border-color: color-mix(in srgb, #22c55e 34%, transparent);
        background: color-mix(in srgb, #22c55e 16%, transparent);
        color: #6ee7a8;
      }

      .deal-featured-speakers {
        min-height: 48px;
        padding-left: 4px;
      }

      .deal-featured-speakers img,
      .deal-speaker-count {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        margin-left: -8px;
        border: 2px solid color-mix(in srgb, var(--ink) 82%, var(--paper) 18%);
        border-radius: 999px;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
      }

      .deal-featured-speakers img:first-child {
        margin-left: 0;
      }

      .deal-featured-speakers img {
        display: block;
        object-fit: cover;
        background: color-mix(in srgb, var(--paper) 12%, transparent);
      }

      .deal-speaker-count {
        display: inline-grid;
        place-items: center;
        background: linear-gradient(135deg, var(--gold), #f7c65b);
        color: #08111f;
        font-size: 13px;
        font-weight: 900;
        letter-spacing: .01em;
      }

      .deal-sponsor-logos {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
      }

      .deal-sponsor-logo {
        width: 62px;
        height: 42px;
        display: inline-grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 12px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
          color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 7px;
        overflow: hidden;
      }

      .deal-sponsor-logo-wide {
        width: 76px;
      }

      .deal-sponsor-logo-tms {
        width: 76px;
      }

      .deal-sponsor-logo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      .deal-past-preview {
        display: flex;
        align-items: center;
        gap: 22px;
        width: auto;
        max-width: 100%;
      }

      .deal-past-preview img {
        width: 64px;
        height: 58px;
        flex: 0 0 64px;
        display: block;
        border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--paper) 12%);
        border-radius: 10px;
        object-fit: cover;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--ink) 76%, transparent);
      }

      .deal-past-preview img:first-child {
        object-position: 46% 50%;
      }

      .deal-experience-card a.deal-see-more-link {
        border-color: color-mix(in srgb, var(--paper) 18%, transparent);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04)),
          color-mix(in srgb, var(--paper) 7%, transparent);
        color: var(--paper);
      }

      .deal-experience-card a.deal-see-more-link:hover,
      .deal-experience-card a.deal-see-more-link:focus-visible {
        border-color: color-mix(in srgb, var(--gold) 64%, transparent);
        color: var(--gold);
      }

      .deal-card-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        margin-top: auto;
      }

      .deal-card-actions a {
        margin-top: 0;
      }

      .deal-experience-card a {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: fit-content;
        margin-top: auto;
        border: 1px solid color-mix(in srgb, var(--gold) 58%, transparent);
        border-radius: 12px;
        background: linear-gradient(135deg, var(--gold), #f7c65b);
        padding: 0 17px;
        color: #08111f;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .02em;
        text-decoration: none;
        text-transform: uppercase;
        transition: transform 180ms ease, box-shadow 180ms ease;
      }

      .deal-experience-card a:hover,
      .deal-experience-card a:focus-visible {
        box-shadow: 0 14px 34px color-mix(in srgb, var(--gold) 24%, transparent);
        transform: translateY(-2px);
      }

      .deal-experience-card a.deal-secondary-action {
        border-color: color-mix(in srgb, var(--paper) 18%, transparent);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)),
          color-mix(in srgb, var(--paper) 7%, transparent);
        color: var(--paper);
        padding: 0 10px;
        font-size: 9px;
        line-height: 1.1;
        white-space: nowrap;
      }

      .deal-experience-card a.deal-secondary-action:hover,
      .deal-experience-card a.deal-secondary-action:focus-visible {
        border-color: color-mix(in srgb, var(--gold) 64%, transparent);
        color: var(--gold);
      }

      .deal-experience-card a span {
        font-size: 20px;
        line-height: 1;
      }

      .deal-stats {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0;
        margin-top: clamp(34px, 5vw, 58px);
      }

      .deal-stats div {
        display: grid;
        gap: 2px;
        justify-items: center;
        border-right: 1px solid color-mix(in srgb, var(--paper) 22%, transparent);
        padding: 0 clamp(12px, 2vw, 24px);
        text-align: center;
      }

      .deal-stats div:last-child {
        border-right: 0;
      }

      .deal-stats strong {
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(28px, 3vw, 38px);
        font-weight: 780;
        line-height: 1;
      }

      .deal-stats span {
        color: color-mix(in srgb, var(--paper) 84%, transparent);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.25;
      }

      @media (max-width: 1180px) {
        .deal-impact-intro {
          grid-template-columns: 1fr;
        }

        .deal-impact-copy h2,
        .deal-power-copy h3,
        .deal-power-copy p {
          max-width: 760px;
        }

        .deal-experience-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 760px) {
        .deal-impact-paper {
          padding-top: 46px;
        }

        .deal-list-grid,
        .deal-experience-grid {
          grid-template-columns: 1fr;
        }

        .deal-list-card li {
          min-height: 52px;
          font-size: 14px;
        }

        .deal-experience-head span::before,
        .deal-experience-head span::after {
          width: 34px;
        }

        .deal-experience-card {
          min-height: 230px;
        }

        .deal-stats {
          grid-template-columns: 1fr;
          gap: 16px;
          margin-top: 32px;
        }

        .deal-stats div {
          border-right: 0;
          border-bottom: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
          padding: 0 0 16px;
        }

        .deal-stats div:last-child {
          border-bottom: 0;
          padding-bottom: 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .deal-experience-card,
        .deal-experience-card a {
          transition: none;
        }

        .deal-experience-card:hover,
        .deal-experience-card:focus-within,
        .deal-experience-card a:hover,
        .deal-experience-card a:focus-visible {
          transform: none;
        }
      }

      .community-section {
        overflow: hidden;
        padding-top: clamp(48px, 5vw, 72px);
        background:
          radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--signal) 10%, transparent), transparent 32%),
          radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--signal) 9%, transparent), transparent 30%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 45%, var(--paper) 100%);
      }

      .community-hero {
        position: relative;
        min-height: 390px;
        display: grid;
        grid-template-columns: minmax(0, 0.94fr) minmax(320px, 1.06fr);
        gap: clamp(22px, 3vw, 36px);
        align-items: center;
        border: 1px solid color-mix(in srgb, var(--signal) 13%, transparent);
        border-radius: 24px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 96%, transparent), color-mix(in srgb, var(--paper) 90%, transparent)),
          color-mix(in srgb, var(--paper) 92%, transparent);
        box-shadow: 0 22px 64px color-mix(in srgb, var(--ink) 10%, transparent);
        padding: clamp(24px, 3.2vw, 38px);
        backdrop-filter: blur(14px);
      }

      .community-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
          linear-gradient(color-mix(in srgb, var(--signal) 4.5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--signal) 4.5%, transparent) 1px, transparent 1px);
        background-size: 56px 56px;
        mask-image: linear-gradient(90deg, transparent, var(--ink) 25%, var(--ink) 75%, transparent);
      }

      .community-copy,
      .network-panel {
        position: relative;
        z-index: 1;
      }

      .community-copy h2 {
        max-width: 520px;
        margin-bottom: 12px;
        color: var(--ink);
        font-size: clamp(27px, 3.4vw, 38px);
        font-weight: 700;
        line-height: 1.14;
      }

      .community-copy .lead {
        max-width: 560px;
        margin-bottom: 0;
        line-height: 1.62;
      }

      .community-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 22px;
      }

      .community-stat {
        display: grid;
        align-content: center;
        min-height: 78px;
        border: 1px solid color-mix(in srgb, var(--signal) 12%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        padding: 12px 14px;
        box-shadow: 0 12px 30px color-mix(in srgb, var(--ink) 7%, transparent);
      }

      .community-stat strong {
        display: block;
        color: var(--signal);
        font-size: 24px;
        line-height: 1;
      }

      .community-stat span {
        display: block;
        margin-top: 5px;
        color: color-mix(in srgb, var(--ink) 64%, transparent);
        font-size: 11.5px;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .network-panel {
        min-height: 300px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--signal) 13%, transparent);
        border-radius: 20px;
        background:
          radial-gradient(circle at 30% 22%, color-mix(in srgb, var(--signal) 14%, transparent), transparent 24%),
          radial-gradient(circle at 78% 68%, color-mix(in srgb, var(--signal) 12%, transparent), transparent 24%),
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 96%, transparent), color-mix(in srgb, var(--paper) 78%, transparent));
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--paper) 82%, transparent),
          0 18px 46px color-mix(in srgb, var(--ink) 8%, transparent);
      }

      .network-panel svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .network-line {
        stroke: color-mix(in srgb, var(--signal) 45%, transparent);
        stroke-width: 2.4;
        stroke-dasharray: 10 10;
        animation: flow 7s linear infinite;
      }

      .network-line.secondary {
        stroke: color-mix(in srgb, var(--signal) 48%, transparent);
        stroke-width: 2;
      }

      .map-dot {
        fill: var(--signal);
      }

      .map-dot.signal {
        fill: var(--signal);
      }

      .route-label {
        position: absolute;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--signal) 16%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 82%, transparent);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--ink) 12%, transparent);
        padding: 9px 12px;
        color: var(--ink);
        font-size: 12px;
        font-weight: 900;
        backdrop-filter: blur(14px);
      }

      .route-label::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 999px;
        background: var(--signal);
      }

      .route-one {
        left: 8%;
        top: 18%;
      }

      .route-two {
        right: 9%;
        top: 24%;
      }

      .route-three {
        left: 36%;
        bottom: 22%;
      }

      .dashboard-card {
        position: absolute;
        min-width: 128px;
        border: 1px solid color-mix(in srgb, var(--signal) 15%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--ink) 88%, transparent);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--ink) 20%, transparent);
        padding: 11px 12px;
        color: var(--paper);
        backdrop-filter: blur(16px);
      }

      .dashboard-card strong {
        display: block;
        font-size: 20px;
        line-height: 1;
      }

      .dashboard-card span {
        display: block;
        margin-top: 5px;
        color: color-mix(in srgb, var(--paper) 70%, transparent);
        font-size: 11px;
        font-weight: 900;
      }

      .dashboard-one {
        left: 7%;
        bottom: 27%;
      }

      .dashboard-two {
        right: 7%;
        bottom: 18%;
        background: color-mix(in srgb, var(--signal) 88%, transparent);
      }

      .logistics-chip {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 48px;
        height: 30px;
        border-radius: 10px;
        background: color-mix(in srgb, var(--paper) 90%, transparent);
        color: var(--signal);
        font-size: 11px;
        font-weight: 900;
        box-shadow: 0 12px 24px color-mix(in srgb, var(--ink) 10%, transparent);
      }

      .chip-port {
        left: 22%;
        top: 47%;
      }

      .chip-rail {
        right: 31%;
        top: 49%;
      }

      .chip-ai {
        left: 50%;
        top: 26%;
        background: var(--ink);
        color: var(--paper);
      }

      .scan-line {
        position: absolute;
        left: 0;
        right: 0;
        top: 38%;
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--signal) 62%, transparent), transparent);
        animation: scanMove 4.8s ease-in-out infinite;
      }

      .network-caption {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        display: flex;
        justify-content: space-between;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--signal) 13%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 88%, transparent);
        padding: 10px 12px;
        color: color-mix(in srgb, var(--ink) 66%, transparent);
        font-size: 11.5px;
        font-weight: 900;
        backdrop-filter: blur(12px);
      }

      .community-block {
        margin-top: 38px;
      }

      .community-section .shell > .community-block:first-child {
        margin-top: 0;
      }

      .block-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 18px;
      }

      .block-head p {
        max-width: 520px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.65;
      }

      .block-head h2 {
        margin-bottom: 8px;
        font-size: clamp(24px, 3vw, 34px);
        font-weight: 700;
        line-height: 1.16;
      }

      .expert-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
      }

      .expert-card {
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        box-shadow: none;
        padding: 22px;
        transition:
          transform 180ms ease,
          border-color 180ms ease;
      }

      .expert-card:hover,
      .insight-card:hover {
        transform: translateY(-5px);
        border-color: color-mix(in srgb, var(--signal) 28%, transparent);
        box-shadow: none;
      }

      .expert-top {
        display: grid;
        grid-template-columns: 118px 1fr;
        gap: 14px;
        align-items: center;
      }

      .expert-photo {
        width: 118px;
        height: 118px;
        border: 5px solid var(--paper);
        border-radius: 16px;
        object-fit: cover;
        box-shadow: none;
      }

      .expert-card h3,
      .insight-card h3 {
        margin-bottom: 6px;
        color: var(--ink);
      }

      .profile-meta {
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        font-size: 13px;
        font-weight: 900;
      }

      .expert-role {
        margin-top: 8px;
        color: var(--signal);
        font-weight: 900;
        line-height: 1.45;
      }

      .expert-bio {
        margin-top: 14px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.7;
      }

      .skills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
      }

      .skill {
        border: 1px solid color-mix(in srgb, var(--signal) 16%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        padding: 7px 10px;
        color: var(--signal);
        font-size: 12px;
        font-weight: 900;
      }

      .timeline {
        display: grid;
        gap: 14px;
        margin-top: 16px;
        padding-left: 18px;
        border-left: 2px solid color-mix(in srgb, var(--signal) 20%, transparent);
      }

      .timeline-item {
        position: relative;
      }

      .timeline-item::before {
        content: "";
        position: absolute;
        left: -25px;
        top: 4px;
        width: 12px;
        height: 12px;
        border-radius: 999px;
        background: var(--signal);
      }

      .timeline-item strong {
        display: block;
        color: var(--ink);
        font-size: 14px;
      }

      .timeline-item span {
        display: block;
        margin-top: 4px;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        font-size: 13px;
        line-height: 1.45;
      }

      .social-icons {
        display: flex;
        gap: 8px;
        margin-top: 20px;
      }

      .social-icons span,
      .social-icons a {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--ink);
        color: var(--paper);
        font-size: 12px;
        font-weight: 900;
        text-decoration: none;
      }

      .insight-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }

      .insight-card {
        border: 1px solid color-mix(in srgb, var(--signal) 14%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 86%, transparent);
        box-shadow: none;
        padding: 18px;
        transition:
          transform 180ms ease,
          border-color 180ms ease;
      }

      .insight-icon {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        margin-bottom: 18px;
        border-radius: 14px;
        background: linear-gradient(135deg, var(--signal), var(--ink));
        color: var(--paper);
        font-size: 13px;
        font-weight: 900;
      }

      .insight-card p {
        color: color-mix(in srgb, var(--ink) 66%, transparent);
        font-size: 14px;
        line-height: 1.62;
      }

      .insight-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
        border-top: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        padding-top: 14px;
        color: color-mix(in srgb, var(--ink) 56%, transparent);
        font-size: 12px;
        font-weight: 900;
      }

      .community-cta {
        position: relative;
        overflow: hidden;
        margin-top: 34px;
        background:
          radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--signal) 50%, transparent), transparent 30%),
          linear-gradient(135deg, var(--ink), var(--ink) 56%, var(--ink));
        padding: 28px;
        color: var(--paper);
      }

      .community-cta::before {
        content: "";
        position: absolute;
        inset: -50%;
        background-image:
          linear-gradient(color-mix(in srgb, var(--paper) 8%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 8%, transparent) 1px, transparent 1px);
        background-size: 42px 42px;
        transform: rotate(8deg);
        animation: patternShift 16s linear infinite;
      }

      .community-cta-inner {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
      }

      .community-cta h3 {
        max-width: 720px;
        margin-bottom: 0;
        font-size: clamp(25px, 3.4vw, 38px);
        font-weight: 700;
        line-height: 1.15;
      }

      .partners-section {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--signal) 28%, transparent), transparent 30%),
          radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 28%),
          linear-gradient(135deg, var(--ink) 0%, var(--ink) 50%, var(--ink) 100%);
        color: var(--paper);
      }

      .partners-section::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
          linear-gradient(color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: linear-gradient(180deg, var(--ink), transparent 78%);
      }

      .partners-section::after {
        content: "";
        position: absolute;
        inset: 12% -12% auto;
        height: 220px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 16%, transparent), transparent);
        transform: rotate(-6deg);
      }

      .partners-section .shell {
        position: relative;
        z-index: 1;
      }

      .partners-section .section-label {
        color: var(--gold);
      }

      .partners-head {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
        align-items: end;
        gap: 22px;
        margin-bottom: 20px;
      }

      .partners-head h2 {
        max-width: 760px;
        color: var(--paper);
        font-size: clamp(25px, 3vw, 36px);
        font-weight: 700;
        line-height: 1.16;
      }

      .partners-head p {
        color: color-mix(in srgb, var(--paper) 74%, transparent);
        line-height: 1.65;
      }

      .partners-proof {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 16px;
      }

      .partners-proof span {
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 14px;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        font-size: 12px;
        font-weight: 800;
        backdrop-filter: blur(14px);
      }

      .partners-proof strong {
        display: block;
        margin-bottom: 4px;
        color: var(--gold);
        font-size: 22px;
        line-height: 1;
      }

      .industry-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 28px;
      }

      .industry-strip span {
        border: 1px solid color-mix(in srgb, var(--gold) 34%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 9px 12px;
        color: color-mix(in srgb, var(--paper) 84%, transparent);
        font-size: 12px;
        font-weight: 900;
        backdrop-filter: blur(12px);
      }

      .partner-logo-wall {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 24px;
      }

      .partner-logo-tile {
        position: relative;
        overflow: hidden;
        min-height: 146px;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 18px;
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 13%, transparent), color-mix(in srgb, var(--paper) 6%, transparent)),
          color-mix(in srgb, var(--ink) 72%, transparent);
        padding: 16px;
        box-shadow: 0 18px 48px color-mix(in srgb, var(--ink) 22%, transparent);
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease;
      }

      .partner-logo-tile::after {
        content: "";
        position: absolute;
        inset: auto -32px -48px auto;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--signal) 12%, transparent);
      }

      .partner-logo-tile:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--gold) 44%, transparent);
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 16%, transparent), color-mix(in srgb, var(--paper) 8%, transparent)),
          color-mix(in srgb, var(--ink) 82%, transparent);
      }

      .partner-mini-logo {
        position: relative;
        display: grid;
        width: 58px;
        height: 58px;
        place-items: center;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 20%, transparent);
        border-radius: 17px;
        color: var(--paper);
        font-size: 14px;
        font-weight: 950;
        letter-spacing: 0.04em;
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--paper) 8%, transparent),
          0 14px 28px color-mix(in srgb, var(--ink) 28%, transparent);
      }

      .partner-mini-logo span {
        position: relative;
        z-index: 2;
      }

      .logo-ascm,
      .logo-now,
      .logo-henderson,
      .logo-redeemed,
      .logo-katoen,
      .logo-nov,
      .logo-vinmar,
      .logo-redm,
      .logo-uh,
      .logo-wp {
        background: linear-gradient(135deg, var(--ink), var(--signal));
      }

      .logo-ascm { background: linear-gradient(135deg, var(--signal), var(--signal)); }
      .logo-now { background: linear-gradient(135deg, var(--signal), var(--signal)); }
      .logo-henderson { background: linear-gradient(135deg, var(--ink), var(--gold)); }
      .logo-redeemed { background: linear-gradient(135deg, var(--ink), var(--gold)); }
      .logo-katoen { background: linear-gradient(135deg, var(--ink), var(--signal)); }
      .logo-nov { background: linear-gradient(135deg, var(--ink), var(--ink)); }
      .logo-vinmar { background: linear-gradient(135deg, var(--ink), var(--signal)); }
      .logo-redm { background: linear-gradient(135deg, var(--gold), var(--gold)); }
      .logo-uh { background: linear-gradient(135deg, var(--ink), var(--gold)); }
      .logo-wp { background: linear-gradient(135deg, var(--ink), var(--gold)); }

      .partner-mini-logo::before,
      .partner-mini-logo::after {
        content: "";
        position: absolute;
        z-index: 1;
        opacity: 0.82;
      }

      .partner-logo-tile strong {
        position: relative;
        z-index: 1;
        display: block;
        margin-top: 16px;
        color: var(--paper);
        font-size: 14px;
        line-height: 1.25;
      }

      .partner-logo-tile small {
        position: relative;
        z-index: 1;
        display: block;
        margin-top: 6px;
        color: color-mix(in srgb, var(--paper) 64%, transparent);
        font-size: 11px;
        font-weight: 850;
        line-height: 1.35;
      }

      .partners-section.partner-light {
        background:
          radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
          radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 30%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 100%);
        color: var(--ink);
      }

      .partners-section.partner-light::before {
        background-image:
          linear-gradient(color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--ink) 3.5%, transparent) 1px, transparent 1px);
        opacity: 0.55;
      }

      .partners-section.partner-light::after {
        display: none;
      }

      .partners-section.partner-light .section-label {
        color: var(--signal);
      }

      .partners-section.partner-light .partners-head h2 {
        color: var(--ink);
      }

      .partners-section.partner-light .partners-head p {
        color: color-mix(in srgb, var(--ink) 66%, transparent);
      }

      .partners-section.partner-light .partners-proof span,
      .partners-section.partner-light .industry-strip span {
        border-color: color-mix(in srgb, var(--ink) 10%, transparent);
        background: color-mix(in srgb, var(--paper) 82%, transparent);
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        box-shadow: 0 12px 34px color-mix(in srgb, var(--ink) 6%, transparent);
      }

      .partners-section.partner-light .partners-proof strong {
        color: var(--signal);
      }

      .partner-video-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        margin: clamp(40px, 4vw, 50px) 0 50px;
      }

      .partner-video-card {
        position: relative;
        isolation: isolate;
        width: 100%;
        height: clamp(260px, 22vw, 300px);
        display: flex;
        align-items: center;
        overflow: hidden;
        border-radius: 20px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        background-position: center;
        background-size: cover;
        color: #ffffff;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 16px 42px color-mix(in srgb, var(--ink) 10%, transparent);
        transition:
          transform 240ms ease,
          box-shadow 240ms ease,
          border-color 240ms ease;
      }

      button.partner-video-card {
        appearance: none;
        font: inherit;
        padding: 0;
      }

      .partner-video-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
          linear-gradient(90deg, rgba(3, 13, 28, 0.9) 0%, rgba(3, 13, 28, 0.74) 39%, rgba(3, 13, 28, 0.28) 72%, rgba(3, 13, 28, 0.1) 100%),
          linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.18));
      }

      .partner-video-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(135deg, color-mix(in srgb, var(--signal) 16%, transparent), transparent 48%);
      }

      .partner-video-card-margaret::after {
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--signal) 28%, transparent), transparent 52%),
          radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 26%);
      }

      .partner-video-media {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: saturate(1.05) contrast(1.04);
      }

      .partner-video-inline {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: none;
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #071324;
      }

      .partner-video-card.is-playing::before,
      .partner-video-card.is-playing::after {
        display: none;
      }

      .partner-video-card.is-playing .partner-video-media,
      .partner-video-card.is-playing .partner-video-content,
      .partner-video-card.is-playing .partner-video-play {
        display: none;
      }

      .partner-video-card.is-playing .partner-video-inline {
        z-index: 4;
        display: block;
      }

      .partner-video-card-margaret .partner-video-media,
      .partner-video-card-daniel .partner-video-media {
        object-fit: contain;
        object-position: center;
        background: #071324;
      }

      .partner-video-name-strip {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-height: 34%;
        object-fit: cover;
        object-position: center bottom;
        opacity: 0.82;
        mix-blend-mode: screen;
        pointer-events: none;
        display: none;
      }

      .partner-video-card:hover,
      .partner-video-card:focus-visible {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--signal) 30%, transparent);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
      }

      .partner-video-card:focus-visible {
        outline: 3px solid color-mix(in srgb, var(--signal) 44%, transparent);
        outline-offset: 4px;
      }

      .partner-video-content {
        position: relative;
        z-index: 3;
        width: min(66%, 440px);
        display: grid;
        gap: 10px;
        padding: clamp(24px, 3vw, 36px);
      }

      .partner-video-label {
        color: var(--gold);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1;
      }

      .partner-video-title {
        display: block;
        overflow: visible;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(11px, 1.12vw, 15px);
        font-weight: 900;
        letter-spacing: -0.02em;
        line-height: 1.15;
        white-space: normal;
        overflow-wrap: normal;
      }

      .partner-video-play {
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        width: 52px;
        height: 52px;
        display: grid;
        place-items: center;
        border: 2px solid rgba(255, 255, 255, 0.9);
        border-radius: 999px;
        background: rgba(5, 15, 31, 0.42);
        color: #ffffff;
        font-size: 20px;
        line-height: 1;
        padding-left: 2px;
        transform: translate(-50%, -50%);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
        backdrop-filter: blur(6px);
        transition:
          transform 180ms ease,
          background 180ms ease;
      }

      .partner-video-card:hover .partner-video-play,
      .partner-video-card:focus-visible .partner-video-play {
        background: rgba(5, 15, 31, 0.58);
        transform: translate(-50%, -50%) scale(1.05);
      }

      .gsc-reference-logos {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
        margin-top: 18px;
      }

      .gsc-reference-logos .partner-logo-tile {
        min-height: 142px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 96%, transparent);
        padding: 14px;
        box-shadow: none;
      }

      .gsc-reference-logos .partner-logo-tile::after {
        display: none;
      }

      .gsc-reference-logos .partner-logo-tile.logo-failed {
        background:
          radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 30%),
          linear-gradient(145deg, color-mix(in srgb, var(--paper) 98%, transparent), color-mix(in srgb, var(--paper) 92%, transparent));
      }

      .gsc-reference-logos .partner-logo-tile.logo-failed::before {
        content: attr(data-fallback);
        position: relative;
        z-index: 2;
        display: grid;
        min-height: 72px;
        width: 100%;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 78%, transparent);
        color: var(--ink);
        font-size: 14px;
        font-weight: 950;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
      }

      .gsc-reference-logos .partner-logo-tile:hover {
        transform: translateY(-5px);
        border-color: color-mix(in srgb, var(--signal) 24%, transparent);
        background: var(--paper);
        box-shadow: none;
      }

      .partner-logo-image {
        display: block;
        width: 100%;
        max-width: 142px;
        max-height: 82px;
        object-fit: contain;
        filter: saturate(0.95) contrast(1.03);
        transition:
          transform 180ms ease,
          filter 180ms ease;
      }

      .partner-logo-tile.logo-failed .partner-logo-image {
        display: none;
      }

      .gsc-reference-logos .partner-logo-tile:hover .partner-logo-image {
        transform: scale(1.05);
        filter: saturate(1.08) contrast(1.08);
      }

      .impact-section {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--signal) 14%, transparent), transparent 28%),
          radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 30%),
          linear-gradient(135deg, var(--ink) 0%, var(--ink) 55%, var(--ink) 100%);
        color: var(--paper);
      }

      .impact-section::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 8%, transparent), transparent 18%, transparent 82%, color-mix(in srgb, var(--paper) 4%, transparent)),
          linear-gradient(color-mix(in srgb, var(--paper) 3.5%, transparent) 1px, transparent 1px);
        background-size: auto, 46px 46px;
        opacity: 0.55;
      }

      .impact-layout {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        align-items: start;
      }

      .impact-copy {
        max-width: 940px;
      }

      .impact-copy h2 {
        color: var(--paper);
      }

      .impact-subtitle {
        margin: 0 0 12px;
        color: var(--gold);
        font-size: 13px;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .impact-copy .lead {
        max-width: 760px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
      }

      .impact-copy .lead a {
        color: var(--gold);
        font-weight: 900;
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .impact-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }

      .impact-button {
        border: 1px solid color-mix(in srgb, var(--paper) 22%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 10px 14px;
        color: color-mix(in srgb, var(--paper) 88%, transparent);
        font-size: 13px;
        font-weight: 900;
        transition:
          transform 180ms ease,
          background 180ms ease,
          border-color 180ms ease;
      }

      .impact-button:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--gold) 58%, transparent);
        background: color-mix(in srgb, var(--gold) 24%, transparent);
      }

      .impact-card {
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 28px;
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 6%, transparent)),
          color-mix(in srgb, var(--paper) 6%, transparent);
        padding: 28px;
        box-shadow: 0 26px 72px color-mix(in srgb, var(--ink) 28%, transparent);
        backdrop-filter: blur(16px);
      }

      .impact-card strong {
        display: block;
        color: var(--gold);
        font-size: 13px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .impact-card p {
        margin: 14px 0 0;
        color: color-mix(in srgb, var(--paper) 74%, transparent);
        line-height: 1.7;
      }

      .impact-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 22px;
      }

      .impact-stats span {
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 14px;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        font-size: 12px;
        font-weight: 850;
      }

      .impact-stats b {
        display: block;
        color: var(--paper);
        font-size: 24px;
        line-height: 1;
      }

      .partner-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
      }

      .partner-card {
        position: relative;
        overflow: hidden;
        display: flex;
        min-height: 348px;
        flex-direction: column;
        border: 1px solid color-mix(in srgb, var(--paper) 20%, transparent);
        border-radius: 22px;
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 6%, transparent)),
          color-mix(in srgb, var(--ink) 82%, transparent);
        padding: 24px;
        box-shadow: 0 26px 72px color-mix(in srgb, var(--ink) 26%, transparent);
        backdrop-filter: blur(18px);
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease,
          box-shadow 180ms ease;
      }

      .partner-card::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(135deg, color-mix(in srgb, var(--paper) 16%, transparent), transparent 40%);
        opacity: 0;
        transition: opacity 180ms ease;
      }

      .partner-card::after {
        content: "";
        position: absolute;
        right: -36px;
        top: -36px;
        width: 110px;
        height: 110px;
        border: 1px solid color-mix(in srgb, var(--gold) 18%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--signal) 12%, transparent);
      }

      .partner-card:hover {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--gold) 45%, transparent);
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 15%, transparent), color-mix(in srgb, var(--paper) 8%, transparent)),
          color-mix(in srgb, var(--ink) 88%, transparent);
        box-shadow: 0 32px 86px color-mix(in srgb, var(--ink) 34%, transparent);
      }

      .partner-card:hover::before {
        opacity: 1;
      }

      .partner-top {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 22px;
      }

      .partner-logo {
        position: relative;
        width: 76px;
        height: 76px;
        display: grid;
        place-items: center;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 20px;
        color: var(--paper);
        font-size: 18px;
        font-weight: 950;
        letter-spacing: 0.03em;
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--paper) 8%, transparent),
          0 18px 34px color-mix(in srgb, var(--ink) 28%, transparent);
      }

      .partner-logo span {
        position: relative;
        z-index: 2;
      }

      .partner-logo::before,
      .partner-logo::after {
        content: "";
        position: absolute;
        z-index: 1;
        opacity: 0.85;
      }

      .logo-nexora {
        background: linear-gradient(135deg, var(--signal), var(--signal));
      }

      .logo-nexora::after {
        width: 46px;
        height: 8px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 72%, transparent);
        transform: rotate(-24deg);
      }

      .logo-quantum {
        background: linear-gradient(135deg, var(--ink), var(--signal) 58%, var(--paper));
      }

      .logo-quantum::after {
        width: 44px;
        height: 44px;
        border: 2px solid color-mix(in srgb, var(--paper) 58%, transparent);
        border-radius: 50%;
        box-shadow: 0 0 0 10px color-mix(in srgb, var(--paper) 8%, transparent);
      }

      .logo-titan {
        background: linear-gradient(135deg, var(--ink), var(--gold));
      }

      .logo-titan::after {
        width: 22px;
        height: 48px;
        clip-path: polygon(50% 0, 100% 42%, 62% 42%, 82% 100%, 0 34%, 40% 34%);
        background: color-mix(in srgb, var(--paper) 68%, transparent);
      }

      .logo-vertex {
        background: linear-gradient(135deg, var(--signal), var(--signal));
      }

      .logo-vertex::after {
        width: 48px;
        height: 48px;
        border: 9px solid color-mix(in srgb, var(--paper) 50%, transparent);
        transform: rotate(45deg);
      }

      .logo-nova {
        background: linear-gradient(135deg, var(--ink), var(--signal));
      }

      .logo-nova::after {
        width: 58px;
        height: 18px;
        border-top: 3px solid color-mix(in srgb, var(--paper) 58%, transparent);
        border-bottom: 3px solid color-mix(in srgb, var(--paper) 58%, transparent);
        transform: skewX(-18deg);
      }

      .logo-bluegrid {
        background: linear-gradient(135deg, var(--ink), var(--signal));
      }

      .logo-bluegrid::after {
        width: 46px;
        height: 46px;
        background-image:
          linear-gradient(color-mix(in srgb, var(--paper) 56%, transparent) 2px, transparent 2px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 56%, transparent) 2px, transparent 2px);
        background-size: 15px 15px;
      }

      .partner-tag {
        border: 1px solid color-mix(in srgb, var(--paper) 24%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--ink) 68%, transparent);
        padding: 8px 10px;
        color: var(--paper);
        font-size: 11px;
        font-weight: 900;
        text-align: right;
      }

      .partner-card h3 {
        position: relative;
        z-index: 1;
        margin-bottom: 8px;
        color: var(--paper);
        font-size: 22px;
      }

      .partner-company-line {
        position: relative;
        z-index: 1;
        margin-bottom: 14px;
        color: var(--paper);
        font-size: 13px;
        font-weight: 900;
      }

      .partner-card p {
        position: relative;
        z-index: 1;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        font-size: 14px;
        line-height: 1.62;
      }

      .partner-impact {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 8px;
        margin: 18px 0 0;
        padding: 0;
        list-style: none;
      }

      .partner-impact li {
        border-left: 2px solid color-mix(in srgb, var(--gold) 72%, transparent);
        padding-left: 10px;
        color: color-mix(in srgb, var(--paper) 80%, transparent);
        font-size: 13px;
        font-weight: 750;
      }

      .partner-meta {
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: auto;
        padding-top: 20px;
      }

      .partner-meta span {
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 7px 9px;
        color: color-mix(in srgb, var(--paper) 80%, transparent);
        font-size: 11px;
        font-weight: 900;
      }

      .partners-note {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-top: 24px;
        border: 1px solid color-mix(in srgb, var(--gold) 24%, transparent);
        border-radius: 20px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 20px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        line-height: 1.65;
        backdrop-filter: blur(16px);
      }

      .partners-note strong {
        display: block;
        margin-bottom: 4px;
        color: var(--paper);
        font-size: 16px;
      }

      .partners-note-link {
        flex: 0 0 auto;
        border: 1px solid color-mix(in srgb, var(--gold) 44%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--gold) 12%, transparent);
        padding: 11px 14px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 950;
        text-decoration: none;
        transition:
          transform 180ms ease,
          background 180ms ease;
      }

      .partners-note-link:hover {
        transform: translateY(-2px);
        background: color-mix(in srgb, var(--gold) 20%, transparent);
      }

      @keyframes floatAvatar {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-10px);
        }
      }

      @keyframes flow {
        to {
          stroke-dashoffset: -64;
        }
      }

      @keyframes scanMove {
        0%,
        100% {
          transform: translateY(-54px);
          opacity: 0.35;
        }
        50% {
          transform: translateY(108px);
          opacity: 1;
        }
      }

      @keyframes patternShift {
        to {
          transform: translate3d(42px, 42px, 0) rotate(8deg);
        }
      }

      @keyframes partnerLogoGlow {
        0%,
        100% {
          border-color: color-mix(in srgb, var(--ink) 8%, transparent);
          box-shadow: 0 0 0 transparent;
        }
        50% {
          border-color: color-mix(in srgb, var(--signal) 18%, transparent);
          box-shadow: 0 0 0 1px color-mix(in srgb, var(--signal) 8%, transparent);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        body.paged-site[data-view="home"] #partners .partner-logo-tile {
          animation: none;
        }
      }

      .dark-section {
        background: var(--ink);
        color: var(--paper);
      }

      .dark-section .section-label {
        color: var(--signal);
      }

      .white-section {
        background: var(--paper);
      }

      .speaker {
        overflow: hidden;
        position: relative;
        isolation: isolate;
        min-height: 100%;
        border-color: color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 22px;
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 5%, transparent)),
          color-mix(in srgb, var(--ink) 94%, transparent);
        color: var(--paper);
        box-shadow: 0 20px 54px color-mix(in srgb, var(--ink) 28%, transparent);
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          box-shadow 220ms ease,
          background 220ms ease;
      }

      .speaker:hover,
      .speaker:focus-within {
        transform: translateY(-8px);
        border-color: color-mix(in srgb, var(--gold) 58%, transparent);
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--paper) 16%, transparent), color-mix(in srgb, var(--paper) 7%, transparent)),
          color-mix(in srgb, var(--ink) 98%, transparent);
        box-shadow: 0 32px 82px color-mix(in srgb, var(--ink) 40%, transparent);
      }

      .speaker::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 0 0 auto;
        height: 7px;
        background:
          linear-gradient(90deg, var(--signal), color-mix(in srgb, var(--gold) 92%, transparent), color-mix(in srgb, var(--signal) 86%, transparent));
      }

      .speaker-initials {
        position: relative;
        z-index: 2;
        display: grid;
        width: 86px;
        height: 86px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 28%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--ink) 38%, transparent);
        box-shadow:
          inset 0 0 0 1px color-mix(in srgb, var(--paper) 8%, transparent),
          0 18px 36px color-mix(in srgb, var(--ink) 28%, transparent);
        backdrop-filter: blur(10px);
        transition:
          transform 260ms ease,
          background 260ms ease;
      }

      .speaker:hover .speaker-initials,
      .speaker:focus-within .speaker-initials {
        transform: scale(0.94);
        background: color-mix(in srgb, var(--gold) 34%, transparent);
      }

      .speaker-social {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 4;
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 24%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--signal) 92%, transparent);
        color: var(--paper);
        font-size: 17px;
        font-weight: 950;
        letter-spacing: 0;
        text-decoration: none;
        box-shadow: 0 14px 30px color-mix(in srgb, var(--signal) 22%, transparent);
        transition:
          transform 220ms ease,
          box-shadow 220ms ease,
          background 220ms ease;
      }

      .speaker-social::after {
        content: "";
        position: absolute;
        inset: -6px;
        border: 1px solid color-mix(in srgb, var(--signal) 36%, transparent);
        border-radius: inherit;
        opacity: 0;
        transform: scale(0.78);
        transition:
          opacity 220ms ease,
          transform 220ms ease;
      }

      .speaker-social:hover,
      .speaker:focus-within .speaker-social,
      .speaker:hover .speaker-social {
        transform: translateY(-3px) scale(1.08);
        background: var(--signal);
        box-shadow: 0 20px 38px color-mix(in srgb, var(--signal) 36%, transparent);
      }

      .speaker-social:hover::after,
      .speaker:hover .speaker-social::after,
      .speaker:focus-within .speaker-social::after {
        opacity: 1;
        transform: scale(1);
      }

      .speaker-body {
        position: relative;
        z-index: 1;
        min-height: 320px;
        padding-top: 64px;
        padding-bottom: 126px;
      }

      .speaker h3 {
        color: var(--paper);
      }

      .speaker-role {
        color: var(--paper);
        font-weight: 850;
      }

      .speaker-topic {
        color: color-mix(in srgb, var(--paper) 72%, transparent);
      }

      .speaker .tag {
        border-color: color-mix(in srgb, var(--paper) 14%, transparent);
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        color: color-mix(in srgb, var(--paper) 84%, transparent);
      }

      .speaker-hover {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        z-index: 4;
        display: grid;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--ink) 88%, transparent);
        padding: 14px;
        opacity: 0;
        transform: translateY(16px);
        pointer-events: none;
        box-shadow: 0 18px 38px color-mix(in srgb, var(--ink) 32%, transparent);
        backdrop-filter: blur(14px);
        transition:
          opacity 220ms ease,
          transform 220ms ease;
      }

      .speaker:hover .speaker-hover,
      .speaker:focus-within .speaker-hover {
        opacity: 1;
        transform: translateY(0);
      }

      .speaker-hover strong {
        color: var(--paper);
        font-size: 12px;
        text-transform: uppercase;
      }

      .speaker-hover span {
        color: color-mix(in srgb, var(--paper) 82%, transparent);
        font-size: 13px;
        line-height: 1.45;
      }

      .card p,
      .speaker p,
      .agenda p {
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.65;
      }

      .speaker .speaker-role {
        color: var(--paper);
      }

      .speaker .speaker-topic {
        color: color-mix(in srgb, var(--paper) 72%, transparent);
      }

      #speakers.dark-section {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--signal) 20%, transparent), transparent 30%),
          radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 32%),
          linear-gradient(135deg, var(--ink) 0%, var(--ink) 48%, var(--ink) 100%);
      }

      #speakers.dark-section::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, color-mix(in srgb, var(--paper) 4%, transparent), transparent 28%, transparent 72%, color-mix(in srgb, var(--paper) 3.5%, transparent));
        opacity: 0.55;
      }

      #speakers .shell {
        position: relative;
        z-index: 1;
      }

      #speakers h2 {
        position: relative;
        font-size: clamp(32px, 4.6vw, 58px);
        font-weight: 700;
        line-height: 1.08;
      }

      #speakers h2::after {
        content: "";
        display: inline-block;
        width: 72px;
        height: 1px;
        margin: 0 18px 12px;
        background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 95%, transparent), transparent);
      }

      .speaker-carousel {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr) 54px;
        gap: 16px;
        align-items: center;
        margin-top: 38px;
      }

      .speaker-viewport {
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        border-radius: 24px;
        background:
          radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--signal) 18%, transparent), transparent 32%),
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 10%, transparent), color-mix(in srgb, var(--paper) 4%, transparent));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--paper) 6%, transparent);
        padding: 18px;
        backdrop-filter: blur(16px);
      }

      .speaker-showcase {
        --speaker-gap: 18px;
        --speaker-card-width: calc((100% - 54px) / 4);
        display: flex;
        gap: var(--speaker-gap);
        margin-top: 0;
        transform: translateX(0);
        transition: transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
        will-change: transform;
      }

      .speaker-showcase .speaker {
        flex: 0 0 var(--speaker-card-width);
      }

      .speaker-arrow {
        position: relative;
        z-index: 3;
        display: grid;
        width: 54px;
        height: 54px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--gold) 36%, transparent);
        border-radius: 999px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 4%, transparent)),
          color-mix(in srgb, var(--ink) 84%, transparent);
        color: var(--gold);
        cursor: pointer;
        box-shadow: 0 18px 42px color-mix(in srgb, var(--ink) 28%, transparent);
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease,
          color 180ms ease,
          opacity 180ms ease;
      }

      .speaker-arrow::before {
        content: "";
        position: absolute;
        inset: -5px;
        border: 1px solid color-mix(in srgb, var(--gold) 18%, transparent);
        border-radius: inherit;
        opacity: 0;
        transform: scale(0.82);
        transition:
          opacity 180ms ease,
          transform 180ms ease;
      }

      .speaker-arrow:hover:not(:disabled),
      .speaker-arrow:focus-visible:not(:disabled) {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--gold) 70%, transparent);
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--gold) 24%, transparent), color-mix(in srgb, var(--signal) 16%, transparent)),
          color-mix(in srgb, var(--ink) 94%, transparent);
        color: var(--paper);
      }

      .speaker-arrow:hover::before,
      .speaker-arrow:focus-visible::before {
        opacity: 1;
        transform: scale(1);
      }

      .speaker-arrow:disabled {
        cursor: not-allowed;
        opacity: 0.42;
      }

      .speaker-arrow svg {
        width: 22px;
        height: 22px;
        stroke: currentColor;
        stroke-width: 2.4;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .speaker-carousel-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin: 18px 70px 0;
        color: color-mix(in srgb, var(--paper) 62%, transparent);
        font-size: 12px;
        font-weight: 900;
      }

      .speaker-progress {
        position: relative;
        flex: 1;
        overflow: hidden;
        height: 4px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 10%, transparent);
      }

      .speaker-progress span {
        display: block;
        width: 12%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--gold), var(--signal), var(--signal));
        transition: width 220ms ease;
      }

      .speaker-media {
        position: relative;
        z-index: 2;
        display: grid;
        min-height: 150px;
        place-items: center;
        overflow: hidden;
        border-bottom: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        background:
          radial-gradient(circle at 25% 16%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 30%),
          linear-gradient(145deg, color-mix(in srgb, var(--signal) 20%, transparent), color-mix(in srgb, var(--ink) 28%, transparent));
      }

      .speaker-media.has-photo .speaker-avatar {
        opacity: 0;
      }

      .speaker-photo {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 108px;
        height: 108px;
        border: 3px solid color-mix(in srgb, var(--gold) 72%, transparent);
        border-radius: 999px;
        object-fit: cover;
        box-shadow:
          0 0 0 7px color-mix(in srgb, var(--paper) 8%, transparent),
          0 22px 42px color-mix(in srgb, var(--ink) 34%, transparent),
          0 0 34px color-mix(in srgb, var(--gold) 22%, transparent);
        filter: saturate(0.92) contrast(1.05);
        transform: translate(-50%, -50%) scale(1);
        transition:
          transform 320ms ease,
          filter 320ms ease,
          box-shadow 320ms ease;
      }

      .speaker:hover .speaker-photo,
      .speaker:focus-within .speaker-photo {
        transform: translate(-50%, -50%) scale(1.08);
        filter: saturate(1.05) contrast(1.08);
        box-shadow:
          0 0 0 8px color-mix(in srgb, var(--gold) 14%, transparent),
          0 28px 54px color-mix(in srgb, var(--ink) 42%, transparent),
          0 0 46px color-mix(in srgb, var(--signal) 32%, transparent);
      }

      .speaker-avatar {
        display: grid;
        width: 82px;
        height: 82px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 28%, transparent);
        border-radius: 999px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--gold) 78%, transparent), color-mix(in srgb, var(--signal) 72%, transparent)),
          color-mix(in srgb, var(--ink) 62%, transparent);
        color: var(--paper);
        font-size: 22px;
        font-weight: 950;
        box-shadow: 0 18px 42px color-mix(in srgb, var(--ink) 26%, transparent);
        transition:
          transform 260ms ease,
          opacity 180ms ease;
      }

      .speaker:hover .speaker-avatar,
      .speaker:focus-within .speaker-avatar {
        transform: scale(0.94);
      }

      .speaker-kicker {
        position: absolute;
        left: 14px;
        bottom: 14px;
        z-index: 3;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--ink) 72%, transparent);
        padding: 7px 10px;
        color: color-mix(in srgb, var(--paper) 82%, transparent);
        font-size: 11px;
        font-weight: 950;
        backdrop-filter: blur(12px);
      }

      .speaker-body {
        min-height: 330px;
        padding: 22px 18px 124px;
      }

      .speaker h3 {
        margin-bottom: 8px;
        font-size: 19px;
        line-height: 1.18;
      }

      .speaker-role {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.45;
      }

      .speaker-topic {
        margin-bottom: 14px;
        font-size: 13px;
      }

      .speaker-profile {
        position: absolute;
        left: 18px;
        bottom: 82px;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--gold) 28%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--gold) 12%, transparent);
        padding: 10px 13px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 950;
        text-decoration: none;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .speaker-profile:hover,
      .speaker-profile:focus-visible {
        transform: translateY(-2px);
        background: var(--signal);
        color: var(--paper);
      }

      .speaker-admin-actions {
        display: grid;
        justify-items: start;
        gap: 14px;
      }

      .speaker-admin-actions .lead {
        margin: 0;
      }

      .speaker-admin-trigger {
        min-width: 168px;
        min-height: 40px;
        padding: 0 18px;
        font-size: 11px;
        font-weight: 700;
      }

      .speaker-save-notice {
        display: none;
        border: 1px solid color-mix(in srgb, var(--signal) 30%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--signal) 12%, transparent);
        padding: 9px 13px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 900;
      }

      .expert-panelists-section {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 16%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 30%),
          radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 28%),
          linear-gradient(180deg, var(--ink) 0%, var(--ink) 100%);
      }

      .expert-panelists-section .shell {
        position: relative;
        z-index: 1;
      }

      .expert-panelists-head {
        display: grid;
        grid-template-columns: auto 96px auto auto;
        align-items: center;
        justify-content: center;
        gap: 18px;
        margin-bottom: 36px;
        color: var(--paper);
      }

      .expert-panelists-head h2 {
        margin: 0;
        color: var(--paper);
        font-family: var(--font-main);
        font-size: clamp(27px, 3.3vw, 40px);
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.12;
      }

      .expert-panelists-head .head-line {
        height: 1px;
        background: color-mix(in srgb, var(--gold) 78%, transparent);
      }

      .expert-panelists-head span {
        color: color-mix(in srgb, var(--gold) 90%, transparent);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .speaker-carousel-shell {
        position: relative;
        min-height: 680px;
        border: 1px solid color-mix(in srgb, var(--ink) 6%, transparent);
        background:
          radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 24%),
          var(--paper);
        box-shadow: 0 34px 96px color-mix(in srgb, var(--ink) 24%, transparent);
        padding: 56px 72px 56px 118px;
      }

      .speaker-rail-label {
        position: absolute;
        left: 86px;
        top: 76px;
        bottom: 76px;
        display: flex;
        align-items: center;
        gap: 32px;
        color: color-mix(in srgb, var(--gold) 78%, transparent);
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.02em;
        writing-mode: vertical-rl;
        text-orientation: mixed;
      }

      .speaker-rail-label::before {
        content: "";
        width: 1px;
        height: 86px;
        background: color-mix(in srgb, var(--gold) 52%, transparent);
      }

      .speaker-carousel-viewport {
        overflow: hidden;
      }

      .speaker-carousel-track {
        display: flex;
        transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform;
      }

      .speaker-slide {
        display: grid;
        flex: 0 0 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 50px 64px;
        align-content: start;
      }

      .panelist-reference-card {
        position: relative;
        min-height: 126px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 18px;
        overflow: visible;
        border-radius: 24px;
        padding: 12px;
        color: var(--ink);
        transition:
          transform 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease;
      }

      .panelist-reference-card:hover {
        transform: translateY(-4px);
        background: color-mix(in srgb, var(--paper) 78%, transparent);
        box-shadow: 0 18px 44px color-mix(in srgb, var(--ink) 8%, transparent);
      }

      .panelist-reference-card::before {
        content: attr(data-fallback);
        display: none;
        width: 100%;
        border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        border-radius: 20px;
        background:
          radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
          linear-gradient(145deg, color-mix(in srgb, var(--paper) 96%, transparent), color-mix(in srgb, var(--paper) 88%, transparent));
        padding: 24px;
        color: var(--ink);
        font-size: 18px;
        font-weight: 900;
        line-height: 1.35;
        text-align: center;
        white-space: pre-line;
        box-shadow: 0 18px 44px color-mix(in srgb, var(--ink) 8%, transparent);
      }

      .panelist-reference-card.image-failed::before {
        display: block;
      }

      .panelist-reference-image {
        width: 100%;
        max-width: 404px;
        height: auto;
        object-fit: contain;
        filter: saturate(0.98) contrast(1.04);
        transition:
          transform 240ms ease,
          filter 240ms ease;
      }

      .panelist-reference-card.image-failed .panelist-reference-image {
        display: none;
      }

      .panelist-reference-card:hover .panelist-reference-image {
        transform: translateY(-4px) scale(1.025);
        filter: saturate(1.08) contrast(1.08);
      }

      .panelist-reference-card.source-card {
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 24px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 4%, transparent);
        transition:
          transform 240ms ease,
          border-color 240ms ease,
          background 240ms ease;
      }

      .panelist-reference-card.generated-speaker-card {
        justify-content: flex-start;
        min-height: 128px;
        padding: 16px 18px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        background:
          radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 32%),
          var(--paper);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 4%, transparent);
      }

      .panelist-reference-card.generated-speaker-card:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--signal) 26%, transparent);
        background:
          radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--signal) 10%, transparent), transparent 32%),
          var(--paper);
      }

      .panelist-reference-card.source-card .panelist-reference-image {
        max-width: 100%;
        border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        border-radius: 22px;
        background: var(--paper);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 4%, transparent);
      }

      .panelist-photo-frame {
        position: relative;
        display: grid;
        width: 104px;
        height: 104px;
        flex: 0 0 104px;
        place-items: center;
        overflow: hidden;
        border: 4px solid color-mix(in srgb, var(--paper) 95%, transparent);
        border-radius: 999px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--signal) 14%, transparent), color-mix(in srgb, var(--gold) 18%, transparent)),
          var(--paper);
        color: var(--ink);
        font-size: 22px;
        font-weight: 950;
        box-shadow:
          0 18px 42px color-mix(in srgb, var(--ink) 12%, transparent),
          0 0 0 1px color-mix(in srgb, var(--gold) 16%, transparent);
      }

      .generated-speaker-card .panelist-photo-frame {
        width: 92px;
        height: 92px;
        flex-basis: 92px;
      }

      .panelist-photo-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 22%;
        transition:
          transform 260ms ease,
          filter 260ms ease;
      }

      .panelist-reference-card:hover .panelist-photo-frame img {
        transform: scale(1.08);
        filter: saturate(1.08) contrast(1.05);
      }

      .panelist-copy h3 {
        margin: 0 0 8px;
        color: var(--ink);
        font-size: 20px;
        line-height: 1.18;
        letter-spacing: 0;
      }

      .panelist-copy p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 74%, transparent);
        font-size: 14px;
        font-weight: 800;
        line-height: 1.42;
      }

      .panelist-linkedin {
        position: absolute;
        right: 10px;
        top: 10px;
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 50%;
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        color: var(--signal);
        font-size: 13px;
        font-weight: 950;
        text-decoration: none;
        opacity: 0;
        transform: translateY(4px) scale(0.92);
        transition:
          opacity 180ms ease,
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .panelist-reference-card:hover .panelist-linkedin,
      .panelist-reference-card:focus-within .panelist-linkedin {
        opacity: 1;
        transform: translateY(0) scale(1);
      }

      .panelist-linkedin:hover {
        background: var(--signal);
        color: var(--paper);
      }

      .panelist-hover {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 14px;
        z-index: 4;
        border: 1px solid color-mix(in srgb, var(--gold) 18%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 92%, transparent);
        padding: 10px 12px;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 12px;
        font-weight: 850;
        line-height: 1.35;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
        box-shadow: 0 16px 34px color-mix(in srgb, var(--ink) 10%, transparent);
        transition:
          opacity 180ms ease,
          transform 180ms ease;
      }

      .panelist-hover strong {
        display: block;
        margin-bottom: 2px;
        color: var(--signal);
        font-size: 11px;
        text-transform: uppercase;
      }

      .panelist-reference-card:hover .panelist-hover,
      .panelist-reference-card:focus-within .panelist-hover {
        opacity: 1;
        transform: translateY(0);
      }

      .speaker-slider-button {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: grid;
        width: 48px;
        height: 48px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--gold) 22%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 86%, transparent);
        color: color-mix(in srgb, var(--gold) 92%, transparent);
        cursor: pointer;
        box-shadow: 0 16px 38px color-mix(in srgb, var(--ink) 10%, transparent);
        transform: translateY(-50%);
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease,
          box-shadow 180ms ease;
      }

      .speaker-slider-button:hover {
        background: var(--signal);
        color: var(--paper);
        box-shadow: 0 22px 46px color-mix(in srgb, var(--gold) 24%, transparent);
        transform: translateY(-50%) scale(1.06);
      }

      .speaker-slider-button svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .speaker-slider-button.prev {
        left: 92px;
      }

      .speaker-slider-button.next {
        right: 62px;
      }

      .speaker-carousel-status {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 28px;
      }

      .speaker-dot {
        width: 8px;
        height: 8px;
        border: 0;
        border-radius: 999px;
        background: color-mix(in srgb, var(--gold) 24%, transparent);
        cursor: pointer;
        transition:
          width 180ms ease,
          background 180ms ease;
      }

      .speaker-dot.active {
        width: 28px;
        background: var(--signal);
      }

      .panel-admin-access {
        margin-top: 24px;
      }

      .top-panel-admin {
        margin-top: 0;
        margin-left: auto;
        justify-items: end;
      }

      .top-panel-admin .speaker-save-notice {
        color: var(--paper);
        white-space: nowrap;
      }

      body.modal-open {
        overflow: hidden;
      }

      .admin-modal {
        position: fixed;
        inset: 0;
        z-index: 100;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 10px;
      }

      .admin-modal.open {
        display: flex;
      }

      .admin-modal-backdrop {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 32%),
          color-mix(in srgb, var(--ink) 72%, transparent);
        backdrop-filter: blur(14px);
      }

      .speaker-template-card {
        position: relative;
        width: min(1400px, 100%);
        max-height: calc(100vh - 20px);
        max-height: calc(100svh - 20px);
        overflow: auto;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 24px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 97%, transparent), color-mix(in srgb, var(--paper) 96%, transparent)),
          var(--paper);
        box-shadow: 0 34px 100px color-mix(in srgb, var(--ink) 42%, transparent);
      }

      .speaker-template-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 5px;
        background: linear-gradient(90deg, var(--signal), var(--gold), var(--signal));
      }

      .speaker-template-inner {
        padding: 16px;
      }

      .modal-close {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--paper) 86%, transparent);
        color: var(--ink);
        cursor: pointer;
        font-weight: 950;
        transition:
          transform 180ms ease,
          background 180ms ease,
          box-shadow 180ms ease;
      }

      .modal-close:hover {
        transform: translateY(-2px);
        background: var(--paper);
        box-shadow: 0 12px 26px color-mix(in srgb, var(--ink) 16%, transparent);
      }

      .template-panel-header {
        max-width: 880px;
        margin-bottom: 8px;
      }

      .template-panel-header .section-label {
        color: var(--signal);
        margin-bottom: 6px;
      }

      .template-panel-header h2 {
        margin-bottom: 4px;
        font-size: clamp(22px, 2.1vw, 30px);
        font-weight: 700;
        line-height: 1.14;
      }

      .template-panel-header p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 13px;
        line-height: 1.35;
      }

      .speaker-form {
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 14px;
        background:
          radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
          color-mix(in srgb, var(--paper) 74%, transparent);
        padding: 12px;
        box-shadow: 0 10px 26px color-mix(in srgb, var(--ink) 8%, transparent);
      }

      .speaker-form-panel {
        position: relative;
        overflow: visible;
        align-self: start;
        background: color-mix(in srgb, var(--paper) 82%, transparent);
      }

      .speaker-form-panel.open {
        transform: none;
      }

      .speaker-form-panel .cms-toolbar {
        margin-bottom: 8px;
      }

      .speaker-form-close {
        display: none;
      }

      .admin-login-layout {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 18px;
        align-items: stretch;
      }

      .admin-login-card,
      .admin-info-card,
      .cms-panel {
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 78%, transparent);
        padding: 12px;
        box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 7%, transparent);
      }

      .admin-info-card {
        display: grid;
        align-content: center;
        gap: 14px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--ink) 94%, transparent), color-mix(in srgb, var(--ink) 94%, transparent)),
          var(--ink);
        color: var(--paper);
      }

      .admin-info-card h3,
      .admin-login-card h3,
      .cms-panel h3 {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
      }

      .admin-info-card p {
        margin: 0;
        color: color-mix(in srgb, var(--paper) 72%, transparent);
        line-height: 1.5;
      }

      .admin-flow-list {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .admin-flow-list li {
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        padding: 12px;
        color: color-mix(in srgb, var(--paper) 86%, transparent);
        font-size: 13px;
        font-weight: 800;
      }

      .admin-dashboard {
        display: grid;
        gap: 8px;
      }

      .admin-dashboard[hidden],
      .admin-login-layout[hidden] {
        display: none;
      }

      .admin-dashboard-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--paper) 82%, transparent);
        padding: 10px 12px;
      }

      .admin-dashboard-top p {
        margin: 2px 0 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 12px;
        line-height: 1.3;
      }

      .admin-metrics {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
      }

      .admin-metric {
        display: flex;
        align-items: center;
        gap: 7px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 10px;
        background: color-mix(in srgb, var(--paper) 72%, transparent);
        padding: 7px 9px;
      }

      .admin-metric strong {
        display: block;
        color: var(--signal);
        font-size: 18px;
        line-height: 1;
      }

      .admin-metric span {
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        font-size: 10.5px;
        font-weight: 900;
      }

      .cms-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
        gap: 10px;
        align-items: start;
      }

      .speaker-records-panel {
        max-height: calc(100vh - 160px);
        max-height: calc(100svh - 160px);
        overflow: auto;
      }

      .cms-toolbar {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        margin-bottom: 8px;
      }

      .cms-toolbar p {
        margin: 2px 0 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 12px;
        line-height: 1.32;
      }

      .cms-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
        gap: 8px;
        align-items: start;
      }

      .cms-empty {
        grid-column: 1 / -1;
        border: 1px dashed color-mix(in srgb, var(--ink) 18%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 72%, transparent);
        padding: 12px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.6;
      }

      .cms-speaker-item {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 7px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 10px;
        background: color-mix(in srgb, var(--paper) 82%, transparent);
        padding: 8px;
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          box-shadow 180ms ease;
      }

      .cms-speaker-item:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--gold) 34%, transparent);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--ink) 10%, transparent);
      }

      .cms-avatar {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        overflow: hidden;
        border-radius: 10px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--gold) 96%, transparent), color-mix(in srgb, var(--ink) 96%, transparent)),
          var(--ink);
        color: var(--paper);
        font-size: 12px;
        font-weight: 950;
      }

      .cms-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .cms-speaker-main {
        min-width: 0;
      }

      .cms-speaker-main h4 {
        margin: 0 0 2px;
        font-size: 12.5px;
        line-height: 1.2;
      }

      .cms-speaker-main p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 11.2px;
        line-height: 1.28;
      }

      .cms-speaker-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin: 5px 0;
      }

      .status-pill {
        border: 1px solid color-mix(in srgb, var(--gold) 38%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        padding: 3px 6px;
        color: var(--gold);
        font-size: 9.5px;
        font-weight: 950;
        text-transform: uppercase;
      }

      .status-pill.published {
        border-color: color-mix(in srgb, var(--signal) 28%, transparent);
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        color: var(--signal);
      }

      .cms-speaker-actions {
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
      }

      .mini-action {
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 86%, transparent);
        padding: 4px 7px;
        color: var(--ink);
        cursor: pointer;
        font-size: 10.5px;
        font-weight: 950;
        white-space: nowrap;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .mini-action:hover {
        transform: translateY(-1px);
        background: var(--ink);
        color: var(--paper);
      }

      .mini-action.publish {
        border-color: color-mix(in srgb, var(--gold) 34%, transparent);
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        color: var(--signal);
      }

      .mini-action.publish:hover {
        background: var(--signal);
        color: var(--paper);
      }

      .mini-action.delete {
        border-color: color-mix(in srgb, var(--gold) 26%, transparent);
        background: color-mix(in srgb, var(--gold) 8%, transparent);
        color: var(--gold);
      }

      .mini-action.delete:hover {
        background: var(--gold);
        color: var(--paper);
      }

      .speaker-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
      }

      .form-field {
        gap: 4px;
        min-width: 0;
      }

      .form-field.span-2 {
        grid-column: 1 / -1;
      }

      .form-field span:first-child {
        color: color-mix(in srgb, var(--ink) 78%, transparent);
        font-size: 10.5px;
        font-weight: 950;
        text-transform: uppercase;
      }

      .speaker-form input,
      .speaker-form select,
      .speaker-form textarea {
        width: 100%;
        min-height: 32px;
        border-radius: 12px;
        background: var(--paper);
        padding: 0 10px;
        font-size: 11.5px;
        line-height: 1.4;
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          transform 180ms ease;
      }

      .speaker-form textarea {
        min-height: 58px;
        padding: 7px 10px;
      }

      .speaker-form input:focus,
      .speaker-form select:focus,
      .speaker-form textarea:focus {
        outline: none;
        border-color: color-mix(in srgb, var(--gold) 66%, transparent);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 12%, transparent);
        transform: translateY(-1px);
      }

      .field-help {
        color: color-mix(in srgb, var(--ink) 56%, transparent);
        font-size: 10.5px;
        font-weight: 750;
        line-height: 1.28;
      }

      .admin-photo-upload {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 7px;
        align-items: center;
        border: 1px dashed color-mix(in srgb, var(--gold) 42%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--gold) 6%, transparent);
        padding: 6px;
      }

      .admin-photo-preview {
        display: grid;
        aspect-ratio: 1 / 1;
        place-items: center;
        overflow: hidden;
        border-radius: 10px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--ink) 92%, transparent), color-mix(in srgb, var(--ink) 92%, transparent)),
          var(--ink);
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-size: 9.5px;
        font-weight: 950;
        text-align: center;
      }

      .admin-photo-preview img {
        display: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .admin-photo-preview.has-image span {
        display: none;
      }

      .admin-photo-preview.has-image img {
        display: block;
      }

      .admin-photo-upload input {
        width: 100%;
        min-width: 0;
      }

      .form-status {
        display: none;
        border-radius: 12px;
        padding: 8px 10px;
        font-size: 11px;
        font-weight: 900;
        line-height: 1.35;
      }

      .form-status.error {
        display: block;
        border: 1px solid color-mix(in srgb, var(--gold) 18%, transparent);
        background: color-mix(in srgb, var(--gold) 8%, transparent);
        color: var(--gold);
      }

      .form-status.success {
        display: block;
        border: 1px solid color-mix(in srgb, var(--signal) 22%, transparent);
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        color: var(--signal);
      }

      .modal-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 6px;
        margin-top: 2px;
      }

      .admin-dashboard .button,
      .speaker-form .button {
        min-height: 34px;
        padding: 0 13px;
        font-size: 11px;
      }

      .button.secondary {
        border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 82%, transparent);
        color: var(--ink);
        box-shadow: none;
      }

      .button.secondary:hover {
        transform: translateY(-2px);
        background: var(--ink);
        color: var(--paper);
      }

      .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 18px 0;
      }

      .tag {
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        background: var(--paper);
        padding: 7px 10px;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 12px;
        font-weight: 900;
      }

      .agenda-section {
        --agenda-white: #ffffff;
        --agenda-soft: #f8fafc;
        --agenda-line: color-mix(in srgb, var(--ink) 12%, transparent);
        --agenda-muted: color-mix(in srgb, var(--ink) 62%, transparent);
        --agenda-green: #18713e;
        --agenda-purple: #4939b0;
        --agenda-orange: #a84c13;
        --agenda-gold-text: #765312;
        --agenda-violet: #6430bd;
        background: var(--agenda-white);
        color: var(--ink);
        padding: clamp(68px, 8vw, 112px) 0;
      }

      .agenda-shell {
        width: min(980px, calc(100% - 80px));
      }

      .agenda-head {
        display: block;
        max-width: 100%;
        margin-bottom: clamp(34px, 5vw, 58px);
      }

      .agenda-head h2 {
        max-width: 100%;
        margin-top: 12px;
        color: var(--ink);
        font-size: 76px;
        letter-spacing: 0;
        line-height: 0.98;
      }

      .agenda-head p {
        max-width: 100%;
        margin: 14px 0 0;
        color: var(--ink);
        font-size: 21px;
        font-weight: 750;
        line-height: 1.28;
        letter-spacing: 0;
        white-space: nowrap;
      }

      .agenda-note {
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 16px;
        background: var(--paper);
        padding: 14px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        font-weight: 750;
        line-height: 1.62;
      }

      .agenda-timeline {
        position: relative;
        display: grid;
        gap: 0;
        border-top: 1px solid var(--agenda-line);
      }

      .agenda-timeline::before {
        display: none;
      }

      .agenda {
        position: relative;
        display: grid;
        grid-template-columns: 148px 1px minmax(0, 1fr) 46px;
        gap: 24px;
        align-items: start;
        border: 0;
        border-bottom: 1px solid var(--agenda-line);
        border-radius: 0;
        background: var(--agenda-white);
        padding: 28px 8px;
        box-shadow: none;
        transition:
          background 180ms ease,
          border-color 180ms ease;
      }

      .agenda:hover {
        border-color: color-mix(in srgb, var(--ink) 20%, transparent);
        background: var(--agenda-soft);
      }

      .agenda-time {
        position: relative;
        z-index: 1;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: 14px;
        font-weight: 750;
        font-variant-numeric: tabular-nums;
        line-height: 1.4;
        letter-spacing: 0;
      }

      .agenda-divider {
        width: 1px;
        min-height: 100%;
        background: var(--agenda-line);
      }

      .agenda-main {
        min-width: 0;
      }

      .agenda-type {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        margin-bottom: 9px;
        border: 1px solid transparent;
        border-radius: 999px;
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        padding: 5px 11px;
        color: var(--signal);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .agenda h3 {
        margin-bottom: 7px;
        color: var(--ink);
        font-size: 24px;
        font-weight: 750;
        line-height: 1.18;
        letter-spacing: 0;
      }

      .agenda p {
        margin: 0;
        color: var(--agenda-muted);
        font-size: 15px;
        line-height: 1.58;
      }

      .agenda-summary {
        max-width: 860px;
      }

      .agenda-details {
        margin-top: 18px;
        border-left: 3px solid color-mix(in srgb, var(--signal) 38%, transparent);
        padding: 2px 0 2px 18px;
      }

      .agenda-details[hidden] {
        display: none;
      }

      .agenda-toggle {
        display: inline-grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: var(--agenda-white);
        color: color-mix(in srgb, var(--ink) 70%, transparent);
        cursor: pointer;
        transition:
          background 180ms ease,
          border-color 180ms ease,
          color 180ms ease,
          transform 180ms ease;
      }

      .agenda-toggle svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: transform 180ms ease;
      }

      .agenda-toggle:hover,
      .agenda-toggle:focus-visible {
        border-color: color-mix(in srgb, var(--gold) 74%, transparent);
        background: color-mix(in srgb, var(--gold) 10%, white);
        color: var(--ink);
      }

      .agenda.is-expanded .agenda-toggle svg {
        transform: rotate(180deg);
      }

      .agenda-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 14px 34px;
        margin-top: clamp(28px, 4vw, 42px);
        border-top: 1px solid var(--agenda-line);
        border-bottom: 1px solid var(--agenda-line);
        padding: 18px 0;
      }

      .agenda-meta-row span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 14px;
        font-weight: 750;
        line-height: 1.35;
      }

      .agenda-meta-row svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: var(--gold);
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .agenda[data-agenda-badge="networking"] .agenda-type {
        border-color: color-mix(in srgb, var(--agenda-green) 24%, transparent);
        background: color-mix(in srgb, var(--agenda-green) 11%, white);
        color: var(--agenda-green);
      }

      .agenda[data-agenda-badge="keynote"] .agenda-type,
      .agenda[data-agenda-badge="advanced"] .agenda-type {
        border-color: color-mix(in srgb, var(--signal) 24%, transparent);
        background: color-mix(in srgb, var(--signal) 10%, white);
        color: var(--signal);
      }

      .agenda[data-agenda-badge="energy"] .agenda-type {
        border-color: color-mix(in srgb, var(--agenda-purple) 24%, transparent);
        background: color-mix(in srgb, var(--agenda-purple) 10%, white);
        color: var(--agenda-purple);
      }

      .agenda[data-agenda-badge="panel"] .agenda-type {
        border-color: color-mix(in srgb, var(--agenda-orange) 24%, transparent);
        background: color-mix(in srgb, var(--agenda-orange) 11%, white);
        color: var(--agenda-orange);
      }

      .agenda[data-agenda-badge="luncheon"] .agenda-type {
        border-color: color-mix(in srgb, var(--gold) 42%, transparent);
        background: color-mix(in srgb, var(--gold) 18%, white);
        color: var(--agenda-gold-text);
      }

      .agenda[data-agenda-badge="fireside"] .agenda-type {
        border-color: color-mix(in srgb, var(--agenda-violet) 24%, transparent);
        background: color-mix(in srgb, var(--agenda-violet) 10%, white);
        color: var(--agenda-violet);
      }

      .agenda[data-agenda-badge="boardroom"] .agenda-type {
        border-color: color-mix(in srgb, var(--ink) 26%, transparent);
        background: color-mix(in srgb, var(--ink) 8%, white);
        color: var(--ink);
      }

      @media (max-width: 900px) {
        .agenda-shell {
          width: min(920px, calc(100% - 56px));
        }

        .agenda-head h2 {
          font-size: 62px;
        }

        .agenda-head p {
          font-size: 19px;
          white-space: normal;
        }
      }

      .feature-list {
        display: grid;
        gap: 9px;
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
      }

      .feature-list li {
        display: flex;
        gap: 10px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        line-height: 1.55;
      }

      .feature-list li::before {
        content: "";
        width: 10px;
        height: 10px;
        flex: 0 0 10px;
        margin-top: 7px;
        background: var(--signal);
      }

      form {
        display: grid;
        gap: 14px;
      }

      label {
        display: grid;
        gap: 8px;
        color: color-mix(in srgb, var(--ink) 76%, transparent);
        font-size: 14px;
        font-weight: 800;
      }

      input,
      select,
      textarea {
        min-height: 48px;
        border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 68%, transparent);
        padding: 0 14px;
        color: var(--ink);
        outline: none;
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease;
      }

      input:focus,
      select:focus,
      textarea:focus {
        border-color: color-mix(in srgb, var(--signal) 72%, transparent);
        background: var(--paper);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--signal) 12%, transparent);
      }

      textarea {
        min-height: 104px;
        padding: 14px;
        resize: vertical;
      }

      .notice {
        border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent);
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        border-radius: 18px;
        padding: 16px;
        color: var(--ink);
        font-size: 14px;
        line-height: 1.55;
      }

      .success {
        display: none;
        border: 1px solid color-mix(in srgb, var(--signal) 28%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        padding: 16px;
        color: var(--ink);
        font-weight: 900;
      }

      footer {
        position: relative;
        overflow: hidden;
        border-top: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        background:
          radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--signal) 16%, transparent), transparent 28%),
          radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 26%),
          radial-gradient(circle at 72% 88%, color-mix(in srgb, var(--signal) 20%, transparent), transparent 30%),
          linear-gradient(135deg, var(--ink) 0%, var(--ink) 48%, var(--ink) 100%);
        color: var(--paper);
      }

      footer::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(120deg, transparent 0 18%, color-mix(in srgb, var(--paper) 6%, transparent) 18.2%, transparent 18.7% 54%, color-mix(in srgb, var(--paper) 4%, transparent) 54.2%, transparent 55%),
          linear-gradient(color-mix(in srgb, var(--paper) 3.2%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 3.2%, transparent) 1px, transparent 1px);
        background-size: auto, 46px 46px, 46px 46px;
        opacity: 0.36;
      }

      footer::after {
        content: "";
        position: absolute;
        top: 68px;
        right: max(30px, calc((100vw - 1140px) / 2));
        width: min(360px, 38vw);
        aspect-ratio: 1 / 1;
        border: 1px solid color-mix(in srgb, var(--signal) 18%, transparent);
        border-radius: 50%;
        background:
          radial-gradient(circle, color-mix(in srgb, var(--signal) 12%, transparent), transparent 58%),
          repeating-conic-gradient(from 12deg, color-mix(in srgb, var(--paper) 8%, transparent) 0 3deg, transparent 3deg 15deg);
        opacity: 0.52;
        filter: blur(0.1px);
      }

      .footer-event-info {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 14px;
        padding: 40px 0 34px;
      }

      .footer-hero-panel {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
        gap: 18px;
        align-items: stretch;
        border: 1px solid color-mix(in srgb, var(--paper) 13%, transparent);
        border-radius: 26px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 13%, transparent), color-mix(in srgb, var(--paper) 4.5%, transparent)),
          color-mix(in srgb, var(--paper) 4%, transparent);
        padding: clamp(18px, 2.6vw, 28px);
        box-shadow: 0 28px 90px color-mix(in srgb, var(--ink) 28%, transparent);
        backdrop-filter: blur(18px);
      }

      .footer-title {
        max-width: 640px;
        margin: 8px 0 0;
        color: var(--paper);
        font-size: clamp(28px, 3.5vw, 44px);
        font-weight: 700;
        line-height: 1.12;
        letter-spacing: 0;
      }

      .footer-kicker {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 38px;
        border: 1px solid color-mix(in srgb, var(--signal) 22%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        padding: 0 13px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
      }

      .footer-lead {
        max-width: 650px;
        margin: 12px 0 0;
        color: color-mix(in srgb, var(--paper) 74%, transparent);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.7;
      }

      .footer-visual-card {
        position: relative;
        min-height: 190px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 26px;
        background:
          radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--signal) 22%, transparent), transparent 28%),
          radial-gradient(circle at 24% 76%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 30%),
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 10%, transparent), color-mix(in srgb, var(--paper) 3.5%, transparent)),
          color-mix(in srgb, var(--paper) 4%, transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--paper) 8%, transparent);
      }

      .footer-visual-card::before,
      .footer-visual-card::after {
        content: "";
        position: absolute;
        border-radius: 50%;
      }

      .footer-visual-card::before {
        inset: 30px;
        border: 1px solid color-mix(in srgb, var(--signal) 24%, transparent);
        box-shadow:
          0 0 0 38px color-mix(in srgb, var(--signal) 3.5%, transparent),
          0 0 0 76px color-mix(in srgb, var(--paper) 2.5%, transparent);
      }

      .footer-visual-card::after {
        width: 96px;
        height: 96px;
        right: 34px;
        top: 34px;
        background: radial-gradient(circle, color-mix(in srgb, var(--signal) 90%, transparent), color-mix(in srgb, var(--signal) 8%, transparent) 62%, transparent 64%);
        filter: blur(0.2px);
      }

      .footer-visual-line {
        position: absolute;
        left: 28px;
        right: 28px;
        top: 52%;
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--signal) 62%, transparent), color-mix(in srgb, var(--gold) 52%, transparent), transparent);
      }

      .footer-visual-node {
        position: absolute;
        display: grid;
        width: 58px;
        height: 58px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        color: color-mix(in srgb, var(--paper) 88%, transparent);
        font-size: 11px;
        font-weight: 950;
        backdrop-filter: blur(14px);
      }

      .footer-visual-node.one {
        left: 34px;
        top: 38px;
      }

      .footer-visual-node.two {
        right: 46px;
        bottom: 38px;
      }

      .footer-visual-node.three {
        left: 44%;
        top: 52%;
        transform: translate(-50%, -50%);
      }

      .footer-meta {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: center;
        border-top: 1px solid color-mix(in srgb, var(--paper) 13%, transparent);
        border-bottom: 1px solid color-mix(in srgb, var(--paper) 13%, transparent);
        padding: 18px 0;
      }

      .footer-info-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
      }

      .footer-info-item {
        padding: 0 18px;
        border-right: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
      }

      .footer-info-item:first-child {
        padding-left: 0;
      }

      .footer-info-item:last-child {
        border-right: 0;
      }

      .footer-info-label {
        display: block;
        margin-bottom: 10px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 950;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .footer-info-value {
        display: block;
        color: var(--paper);
        font-size: 17px;
        font-weight: 950;
        line-height: 1.35;
      }

      .footer-info-sub {
        display: block;
        margin-top: 6px;
        color: color-mix(in srgb, var(--paper) 62%, transparent);
        font-size: 12px;
        font-weight: 750;
        line-height: 1.45;
      }

      .footer-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        justify-content: flex-end;
      }

      .footer-register {
        min-height: 52px;
        min-width: 168px;
        border-radius: 999px;
        font-size: 15px;
      }

      .footer-admin-access {
        color: color-mix(in srgb, var(--paper) 78%, transparent);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-decoration: none;
        text-transform: uppercase;
        transition:
          color 180ms ease,
          text-decoration-color 180ms ease;
      }

      .footer-admin-access:hover,
      .footer-admin-access:focus-visible {
        color: color-mix(in srgb, var(--paper) 82%, transparent);
        text-decoration: underline;
        text-decoration-color: color-mix(in srgb, var(--gold) 62%, transparent);
        text-underline-offset: 4px;
      }

      .footer-contact-panel {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
        gap: 12px;
        border: 1px solid color-mix(in srgb, var(--paper) 13%, transparent);
        border-radius: 22px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 10%, transparent), color-mix(in srgb, var(--paper) 4%, transparent)),
          color-mix(in srgb, var(--paper) 3.5%, transparent);
        padding: clamp(14px, 1.6vw, 18px);
        box-shadow: 0 16px 42px color-mix(in srgb, var(--ink) 18%, transparent);
        backdrop-filter: blur(18px);
      }

      .footer-contact-copy h3 {
        margin: 0 0 6px;
        color: var(--paper);
        font-size: clamp(18px, 2.1vw, 24px);
        line-height: 1.16;
      }

      .footer-contact-copy p {
        max-width: 540px;
        margin: 0;
        color: color-mix(in srgb, var(--paper) 68%, transparent);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
      }

      .footer-newsletter {
        display: grid;
        gap: 10px;
        align-content: start;
      }

      .footer-email-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
      }

      .footer-email-row input {
        min-height: 46px;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 8%, transparent);
        color: var(--paper);
        padding: 0 16px;
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease;
      }

      .footer-email-row input::placeholder {
        color: color-mix(in srgb, var(--paper) 56%, transparent);
      }

      .footer-email-row input:focus {
        outline: none;
        border-color: color-mix(in srgb, var(--gold) 58%, transparent);
        background: color-mix(in srgb, var(--paper) 12%, transparent);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 12%, transparent);
      }

      .footer-submit {
        min-width: 118px;
        min-height: 46px;
        border-radius: 999px;
        border: 1px solid color-mix(in srgb, var(--gold) 50%, transparent);
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--paper) 98%, transparent), color-mix(in srgb, var(--paper) 94%, transparent)),
          var(--paper);
        color: var(--ink);
        font-size: 14px;
        box-shadow: 0 10px 24px color-mix(in srgb, var(--gold) 14%, transparent);
      }

      .footer-submit.register-cta:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--paper) 86%, transparent);
        background:
          linear-gradient(135deg, var(--paper), var(--paper)),
          var(--paper);
        color: var(--ink);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--gold) 22%, transparent);
      }

      .footer-newsletter-success {
        display: none;
        border: 1px solid color-mix(in srgb, var(--signal) 24%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        padding: 12px 14px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 850;
      }

      .footer-socials {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .footer-social {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--paper) 7%, transparent);
        color: color-mix(in srgb, var(--paper) 88%, transparent);
        text-decoration: none;
        transition:
          transform 180ms ease,
          background 180ms ease,
          border-color 180ms ease,
          color 180ms ease;
      }

      .footer-social:hover {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--gold) 46%, transparent);
        background: color-mix(in srgb, var(--gold) 16%, transparent);
        color: var(--paper);
      }

      .footer-social svg {
        width: 17px;
        height: 17px;
        fill: currentColor;
      }

      .venue-section {
        background:
          radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--signal) 12%, transparent), transparent 30%),
          radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
          linear-gradient(180deg, var(--paper) 0%, var(--paper) 100%);
      }

      .venue-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 28px;
        align-items: stretch;
      }

      .venue-card,
      .map-card {
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 28px;
        background: color-mix(in srgb, var(--paper) 86%, transparent);
        box-shadow: 0 24px 70px color-mix(in srgb, var(--ink) 10%, transparent);
        overflow: hidden;
      }

      .venue-card {
        padding: 30px;
      }

      .venue-card h2 {
        font-size: clamp(28px, 3.6vw, 42px);
        font-weight: 700;
        line-height: 1.14;
      }

      .venue-address {
        display: grid;
        gap: 10px;
        margin: 22px 0;
        border-left: 3px solid var(--signal);
        padding-left: 16px;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-weight: 850;
        line-height: 1.55;
      }

      .venue-highlights {
        display: grid;
        gap: 12px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .venue-highlights li {
        display: flex;
        gap: 10px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        font-weight: 750;
        line-height: 1.55;
      }

      .venue-highlights li::before {
        content: "";
        width: 10px;
        height: 10px;
        flex: 0 0 10px;
        margin-top: 6px;
        border-radius: 50%;
        background: var(--signal);
      }

      .map-card iframe {
        display: block;
        width: 100%;
        min-height: 430px;
        border: 0;
      }

      .map-caption {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
        border-top: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        padding: 16px 18px;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
          font-size: 13px;
          font-weight: 850;
      }

      .map-only-section {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 36px 24px 38px;
        overflow: hidden;
        background: #faf7f2;
        color: var(--ink);
        line-height: normal;
      }

      .venue-map-shell {
        display: grid;
        grid-template-columns: minmax(320px, 0.4fr) minmax(0, 0.6fr);
        width: min(1420px, 100%);
        max-width: 1420px;
        gap: 0;
        align-items: stretch;
        overflow: hidden;
        margin: 0 auto;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 22px 70px rgba(15, 23, 42, 0.08);
        padding: 0;
      }

      .venue-map-copy {
        position: relative;
        display: flex;
        min-height: 460px;
        flex-direction: column;
        justify-content: flex-start;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: clamp(36px, 4.2vw, 48px) clamp(30px, 3.4vw, 44px);
        color: var(--ink);
      }

      .venue-map-copy .eyebrow {
        width: fit-content;
        border: 1px solid rgba(212, 175, 55, 0.72);
        border-radius: 999px;
        background: rgba(212, 175, 55, 0.07);
        padding: 7px 12px;
        color: #a57912;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.08em;
      }

      .venue-map-copy::after {
        display: none;
      }

      .venue-map-kicker {
        color: var(--gold);
        font-size: 12px;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .venue-map-copy h2 {
        position: relative;
        z-index: 1;
        margin: 18px 0 12px;
        color: #1e293b;
        font-family: var(--font-display);
        font-size: clamp(36px, 3.4vw, 48px);
        font-weight: 700;
        line-height: 1.08;
        letter-spacing: 0;
      }

      .venue-map-copy p {
        position: relative;
        z-index: 1;
        max-width: 43ch;
        margin: 0;
        color: #64748b;
        display: -webkit-box;
        font-size: 15.5px;
        font-weight: 500;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-height: 1.45;
        overflow: hidden;
      }

      .venue-map-address {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        width: fit-content;
        margin-top: 20px;
        color: #2563eb;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.45;
        text-decoration: none;
      }

      .venue-map-address svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2.2;
      }

      .venue-map-address:hover,
      .venue-map-address:focus-visible {
        color: var(--signal);
        text-decoration: underline;
      }

      .venue-map-details {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        max-width: 100%;
        margin-top: 26px;
      }

      .venue-map-details span {
        display: grid;
        min-height: 78px;
        align-content: center;
        gap: 4px;
        border: 1px solid rgba(15, 23, 42, 0.09);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.86);
        padding: 12px;
        color: #64748b;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.1;
        text-transform: uppercase;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          border-color 180ms ease;
      }

      .venue-map-details span:hover {
        transform: translateY(-3px);
        border-color: rgba(212, 175, 55, 0.38);
        box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
      }

      .venue-map-details strong {
        display: block;
        color: #0f172a;
        font-family: var(--font-display);
        font-size: 26px;
        font-weight: 800;
        line-height: 1;
      }

      .venue-map-actions {
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 22px;
      }

      .venue-map-actions .button {
        min-height: 44px;
        border-radius: 999px;
        background: linear-gradient(90deg, #d4af37, #e6c76a);
        padding: 0 22px;
        color: #111827;
        font-size: 12px;
        gap: 10px;
        box-shadow: 0 14px 28px rgba(212, 175, 55, 0.24);
      }

      .venue-map-actions .button:hover,
      .venue-map-actions .button:focus-visible {
        transform: translateY(-2px);
        background: linear-gradient(90deg, #e0bd4a, #f0d37a);
        box-shadow: 0 18px 36px rgba(212, 175, 55, 0.32);
      }

      .map-only-section .map-card {
        position: relative;
        display: block;
        width: 100%;
        max-width: none;
        height: 460px;
        min-height: 460px;
        margin: 0;
        overflow: hidden;
        border: 0;
        border-left: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 0;
        background: var(--paper);
        box-shadow: none;
        transition:
          transform 220ms ease,
          box-shadow 220ms ease;
      }

      .map-only-section .map-card:hover {
        transform: none;
        box-shadow: none;
      }

      .map-only-section .map-card::after {
        display: none;
      }

      .map-fallback-card {
        position: absolute;
        left: clamp(18px, 3vw, 30px);
        bottom: clamp(18px, 3vw, 30px);
        z-index: 2;
        width: min(360px, calc(100% - 36px));
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 94%, transparent);
        padding: 18px 20px;
        color: var(--ink);
        box-shadow: 0 18px 44px color-mix(in srgb, var(--ink) 12%, transparent);
        backdrop-filter: blur(14px);
      }

      .map-fallback-card span {
        display: block;
        margin-bottom: 8px;
        color: var(--signal);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .map-fallback-card strong {
        display: block;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: 22px;
        line-height: 1.08;
      }

      .map-fallback-card p {
        margin: 8px 0 14px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        line-height: 1.45;
      }

      .map-fallback-card a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        border-radius: 999px;
        background: var(--signal);
        padding: 0 16px;
        color: var(--paper);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .map-only-section .map-card iframe {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 460px;
        border: 0;
        filter: saturate(0.92) contrast(1.02);
      }

      #location.map-only-section {
        padding: clamp(44px, 6vw, 84px) 24px;
        background: #ffffff;
      }

      #location .venue-map-shell {
        display: grid;
        grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
        width: min(1480px, 100%);
        max-width: 1480px;
        overflow: hidden;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);
      }

      #location .venue-map-copy {
        min-height: auto;
        padding: clamp(38px, 4.5vw, 58px) clamp(28px, 4vw, 52px) 32px;
      }

      #location .venue-map-copy .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border-color: rgba(190, 132, 18, 0.55);
        background: #ffffff;
        color: #a06f00;
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.02em;
      }

      #location .venue-map-copy .eyebrow::before {
        content: "";
        width: 11px;
        height: 11px;
        border: 2px solid currentColor;
        border-radius: 999px 999px 999px 2px;
        transform: rotate(-45deg);
      }

      #location .venue-map-copy h2 {
        max-width: 10.5em;
        margin: 26px 0 0;
        color: #07152e;
        font-size: clamp(40px, 4.6vw, 60px);
        font-weight: 800;
        line-height: 1.04;
      }

      #location .venue-map-copy h2::after {
        content: "";
        display: block;
        width: 56px;
        height: 4px;
        margin-top: 28px;
        border-radius: 999px;
        background: #d4a21c;
      }

      #location .venue-map-copy p {
        max-width: 39ch;
        margin-top: 28px;
        color: #4d586c;
        font-size: clamp(16px, 1.25vw, 19px);
        font-weight: 500;
        line-height: 1.58;
        display: block;
        overflow: visible;
      }

      #location .venue-map-address {
        margin-top: 26px;
        color: #1647b0;
        font-size: 16px;
        font-weight: 850;
      }

      #location .venue-map-address svg {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        fill: #1647b0;
        stroke: #1647b0;
      }

      #location .venue-map-details {
        gap: 18px;
        margin-top: 44px;
      }

      #location .venue-map-details span {
        min-height: 150px;
        border-color: rgba(15, 23, 42, 0.12);
        border-radius: 14px;
        background: #ffffff;
        padding: 28px 20px 20px;
        color: #07152e;
        font-size: 15px;
        box-shadow: none;
      }

      #location .venue-map-details span::before {
        display: none;
      }

      #location .venue-map-details svg {
        width: 44px;
        height: 44px;
        margin-bottom: 14px;
        border-radius: 999px;
        background: rgba(212, 162, 28, 0.14);
        padding: 10px;
        fill: none;
        stroke: #b37d08;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.9;
      }

      #location .venue-map-details strong {
        color: #07152e;
        font-size: clamp(38px, 4vw, 48px);
        font-weight: 900;
      }

      #location .venue-map-actions {
        margin-top: 30px;
      }

      #location .venue-map-actions .button {
        min-height: 50px;
        border-radius: 12px;
        background: linear-gradient(135deg, #f2bd34, #dfa21c);
        padding: 0 28px;
        color: #07152e;
        font-size: 14px;
        font-weight: 950;
      }

      .venue-media-stack {
        display: grid;
        grid-template-rows: auto minmax(300px, 0.52fr);
        gap: 0;
        padding: clamp(28px, 3.5vw, 44px) clamp(26px, 3.2vw, 40px) 32px 0;
      }

      .venue-photo-frame {
        overflow: hidden;
        margin: 0;
        aspect-ratio: 16 / 7.2;
        border-radius: 12px 12px 0 0;
        background: #0b1222;
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
      }

      .venue-photo-frame img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
      }

      #location .venue-media-stack .map-card {
        height: auto;
        min-height: 300px;
        border: 0;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
      }

      #location .venue-media-stack .map-card iframe {
        min-height: 300px;
      }

      .venue-map-open {
        position: absolute;
        top: 18px;
        left: 18px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 42px;
        border-radius: 7px;
        background: #ffffff;
        padding: 0 16px;
        color: #165dd6;
        font-size: 13px;
        font-weight: 900;
        text-decoration: none;
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
      }

      .venue-feature-strip {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid rgba(15, 23, 42, 0.1);
        background: linear-gradient(180deg, #ffffff, #fffdf8);
        padding: 28px clamp(26px, 4vw, 52px);
      }

      .venue-feature-item {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 16px;
        align-items: center;
        min-height: 70px;
        padding: 0 clamp(14px, 2vw, 28px);
        color: #07152e;
      }

      .venue-feature-item + .venue-feature-item {
        border-left: 1px solid rgba(15, 23, 42, 0.12);
      }

      .venue-feature-item svg {
        width: 38px;
        height: 38px;
        fill: none;
        stroke: #b37d08;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.7;
      }

      .venue-feature-item span,
      .venue-feature-item strong {
        display: block;
      }

      .venue-feature-item span {
        color: #3f4a5c;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
      }

      .venue-feature-item strong {
        margin-bottom: 4px;
        color: #07152e;
        font-size: 15px;
        font-weight: 900;
      }

      .nav-toggle {
        display: none;
        background: transparent;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 12px;
        width: 44px;
        height: 44px;
        padding: 0;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        transition:
          border-color 180ms ease,
          background 180ms ease;
      }

      .nav-toggle:hover {
        border-color: color-mix(in srgb, var(--paper) 32%, transparent);
        background: color-mix(in srgb, var(--paper) 5%, transparent);
      }

      .nav-toggle:focus-visible {
        outline: 2px solid var(--signal);
        outline-offset: 2px;
      }

      .nav-toggle-line {
        display: block;
        width: 22px;
        height: 2px;
        background: color-mix(in srgb, var(--paper) 88%, transparent);
        border-radius: 2px;
        transition:
          transform 220ms ease,
          opacity 220ms ease;
      }

      .nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }

      .nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(2) {
        opacity: 0;
      }

      .nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }

      @media (prefers-reduced-motion: reduce) {
        .nav-toggle-line {
          animation: none;
        }

        .nav-toggle-line {
          transition: none;
        }
      }

      @media (max-width: 980px) {
        header {
          overflow: visible;
        }

        .nav-toggle {
          display: inline-flex;
        }

        .nav-links {
          position: fixed;
          top: 80px;
          left: 0;
          right: 0;
          display: flex;
          flex-direction: column;
          gap: 4px;
          margin-left: 0;
          padding: 22px 28px 28px;
          background: var(--ink);
          border-bottom: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
          box-shadow: 0 16px 36px color-mix(in srgb, var(--ink) 48%, transparent);
          transform: translateY(-12px);
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          z-index: 19;
          transition:
            transform 220ms ease,
            opacity 220ms ease,
            visibility 0s linear 220ms;
        }

        .nav-links[data-open="true"] {
          transform: translateY(0);
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
          transition:
            transform 220ms ease,
            opacity 220ms ease,
            visibility 0s linear 0s;
        }

        .nav-links a {
          font-size: 17px;
          padding: 12px 8px;
          border-radius: 10px;
        }

        .nav-links a:hover {
          background: color-mix(in srgb, var(--paper) 6%, transparent);
          transform: none;
        }

        body.paged-site[data-view="agenda"] .nav-links a[href="#agenda"]::after {
          left: 8px;
          right: auto;
          bottom: 6px;
          width: 46px;
        }

        body[data-nav-open="true"] {
          overflow: hidden;
        }

        .split,
        .grid-4,
        .grid-3,
        .grid-2,
        .community-hero,
        .community-stats,
        .impact-layout,
        .impact-stats,
        .ai-outcomes-layout,
        .agenda-head,
        .venue-layout,
        .speaker-showcase,
        .expert-grid,
        .insight-grid,
        .meta-row,
        .countdown {
          grid-template-columns: 1fr;
        }

        .expert-top {
          grid-template-columns: 1fr;
        }

        .block-head,
        .partners-head,
        .admin-dashboard-top,
        .community-cta-inner {
          align-items: start;
          flex-direction: column;
        }

        .partners-head {
          grid-template-columns: 1fr;
        }

        .partner-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        .partner-logo-wall {
          grid-template-columns: repeat(3, 1fr);
        }

        .community-hero,
        .community-cta {
          padding: 22px;
        }

        .community-hero {
          min-height: auto;
        }

        .community-stats {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .network-panel {
          min-height: 280px;
        }

        .ai-visual-panel {
          min-height: 340px;
        }

        .agenda-timeline::before {
          display: none;
        }

        .footer-hero-panel,
        .footer-meta,
        .footer-info-list,
        .footer-contact-panel {
          grid-template-columns: 1fr;
        }

        .footer-event-info {
          gap: 18px;
          padding: 42px 0 38px;
        }

        .footer-info-item,
        .footer-info-item:first-child {
          border-right: 0;
          border-bottom: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
          padding: 0 0 18px;
        }

        .footer-info-item:last-child {
          border-bottom: 0;
          padding-bottom: 0;
        }

        .footer-actions {
          align-items: flex-start;
          justify-content: start;
        }

        section {
          padding: 50px 0;
        }

        .map-only-section {
          padding: 32px 20px;
        }

        .venue-map-shell {
          grid-template-columns: minmax(300px, 0.42fr) minmax(0, 0.58fr);
          width: min(1420px, 100%);
          gap: 0;
          padding: 0;
        }

        .venue-map-copy {
          border-right: 0;
          min-height: 400px;
          padding: 34px 28px;
        }

        .map-only-section .map-card,
        .map-only-section .map-card iframe {
          min-height: 400px;
        }

        .expert-panelists-head {
          grid-template-columns: 1fr;
          justify-items: start;
          gap: 12px;
          margin-bottom: 24px;
        }

        .top-panel-admin {
          width: 100%;
          margin-left: 0;
          justify-items: start;
        }

        .expert-panelists-head .head-line {
          width: 78px;
        }

        .speaker-carousel-shell {
          min-height: auto;
          padding: 40px 42px 40px 72px;
        }

        .speaker-rail-label {
          left: 30px;
          top: 54px;
          bottom: 54px;
          font-size: 15px;
        }

        .speaker-slide {
          gap: 32px 30px;
        }

        .speaker-slider-button.prev {
          left: 28px;
        }

        .speaker-slider-button.next {
          right: 18px;
        }
      }

      @media (max-width: 620px) {
        .community-hero {
          min-height: auto;
          border-radius: 24px;
        }

        .community-stats {
          grid-template-columns: 1fr;
          gap: 8px;
        }

        .network-panel {
          min-height: 250px;
        }

        .network-caption {
          flex-wrap: wrap;
        }

        .partner-grid {
          grid-template-columns: 1fr;
        }

        .partner-logo-wall {
          grid-template-columns: repeat(2, 1fr);
        }

        .gsc-reference-logos {
          gap: 12px;
        }

        .gsc-reference-logos .partner-logo-tile {
          min-height: 118px;
          padding: 14px;
        }

        .partners-proof {
          grid-template-columns: 1fr;
        }

        .speaker-carousel-shell {
          padding: 26px 14px 26px;
        }

        .speaker-rail-label {
          position: relative;
          left: auto;
          top: auto;
          bottom: auto;
          display: flex;
          writing-mode: horizontal-tb;
          gap: 14px;
          margin-bottom: 16px;
          font-size: 15px;
        }

        .speaker-rail-label::before {
          width: 44px;
          height: 1px;
        }

        .speaker-slide {
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .panelist-reference-image {
          max-width: 360px;
        }

        .panelist-reference-card {
          align-items: center;
          gap: 12px;
          padding: 8px;
        }

        .ai-feature-grid {
          grid-template-columns: 1fr;
        }

        .ai-copy h2 {
          font-size: clamp(25px, 8vw, 32px);
        }

        .ai-visual-panel {
          min-height: 300px;
          border-radius: 18px;
        }

        .ai-core {
          width: 84px;
          height: 84px;
          font-size: 23px;
        }

        .ai-visual-label {
          max-width: 124px;
          padding: 8px;
        }

        .ai-visual-label span {
          display: none;
        }

        .ai-visual-label.one {
          left: 14px;
          top: 18px;
        }

        .ai-visual-label.two {
          right: 14px;
          top: 48px;
        }

        .ai-visual-label.three {
          left: 14px;
          bottom: 48px;
        }

        .ai-visual-label.four {
          right: 14px;
          bottom: 18px;
        }

        .panelist-photo-frame {
          width: 82px;
          height: 82px;
          flex-basis: 82px;
        }

        .panelist-copy h3 {
          font-size: 18px;
        }

        .panelist-copy p {
          font-size: 13px;
        }

        .panelist-linkedin {
          opacity: 1;
          transform: none;
        }

        .speaker-slider-button {
          top: auto;
          bottom: -24px;
          width: 44px;
          height: 44px;
          transform: none;
        }

        .speaker-slider-button:hover {
          transform: scale(1.05);
        }

        .speaker-slider-button.prev {
          left: calc(50% - 58px);
        }

        .speaker-slider-button.next {
          right: calc(50% - 58px);
        }

        .speaker-carousel-status {
          margin-top: 48px;
        }

        .agenda-section {
          padding: 58px 0;
        }

        .agenda-shell {
          width: min(100% - 32px, 920px);
        }

        .agenda-head h2 {
          font-size: 46px;
        }

        .agenda-head p {
          font-size: 18px;
          white-space: normal;
        }

        .agenda-meta-row {
          display: grid;
          gap: 13px;
          margin-top: 24px;
          padding: 16px 0;
        }

        .agenda {
          grid-template-columns: minmax(0, 1fr) 42px;
          gap: 13px 16px;
          padding: 22px 0;
        }

        .agenda-time {
          grid-column: 1 / -1;
        }

        .agenda-divider {
          display: none;
        }

        .agenda-main {
          grid-column: 1;
        }

        .agenda-toggle {
          grid-column: 2;
          align-self: start;
        }

        .venue-map-shell {
          grid-template-columns: 1fr;
          width: 100%;
          border-radius: 22px;
          padding: 0;
        }

        .venue-map-copy,
        .map-only-section .map-card {
          border-radius: 0;
        }

        .map-only-section .map-card,
        .map-only-section .map-card iframe {
          min-height: 320px;
        }

        .venue-map-copy {
          min-height: auto;
          padding: 28px 22px 20px;
        }

        .venue-map-copy h2 {
          font-size: clamp(31px, 8vw, 40px);
        }

        .venue-map-copy p {
          font-size: 14px;
        }

        .venue-map-details {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          max-width: none;
          gap: 8px;
        }

        .venue-map-details span {
          min-height: 72px;
          padding: 10px 8px;
        }

        .venue-map-details strong {
          font-size: clamp(21px, 6vw, 26px);
        }

        .admin-login-layout,
        .cms-layout,
        .admin-metrics {
          grid-template-columns: 1fr;
        }

        .partners-note {
          align-items: stretch;
          flex-direction: column;
        }

        .partners-note-link {
          text-align: center;
        }

        .partner-card {
          min-height: auto;
        }

        .highlight-section {
          padding: 34px 0;
        }

        .metric {
          min-height: auto;
        }

        .speaker {
          border-radius: 20px;
        }

        .speaker:hover,
        .speaker:focus-within {
          transform: none;
        }

        .speaker-hover {
          position: relative;
          left: auto;
          right: auto;
          bottom: auto;
          margin: 0 18px 18px;
          opacity: 1;
          transform: none;
        }

        .speaker-body {
          min-height: auto;
          padding-bottom: 88px;
        }

        .speaker-profile {
          bottom: 24px;
        }

        .speaker-admin-actions {
          justify-items: stretch;
        }

        .speaker-admin-trigger {
          width: 100%;
        }

        .admin-modal {
          padding: 10px;
        }

        .speaker-template-card {
          border-radius: 16px;
        }

        .speaker-form-panel {
          inset: auto;
          width: 100%;
          border-radius: 14px;
          transform: none;
        }

        .speaker-form-panel.open {
          transform: none;
        }

        .speaker-template-inner {
          padding: 12px;
        }

        .speaker-form {
          padding: 12px;
        }

        .cms-list {
          grid-template-columns: 1fr;
        }

        .speaker-form-grid,
        .admin-photo-upload {
          grid-template-columns: 1fr;
        }

        .modal-actions {
          flex-direction: column-reverse;
        }

        .modal-actions .button {
          width: 100%;
        }

        .community-stat {
          min-height: 70px;
          padding: 12px;
        }


        .map-only-section .map-card,
        .map-only-section .map-card iframe {
          min-height: 210px;
        }

        .brand-logo {
          width: 150px;
          max-width: 42vw;
        }

        footer::after {
          width: 280px;
          right: -120px;
        }

        .footer-title {
          font-size: clamp(28px, 9vw, 38px);
        }

        .footer-hero-panel,
        .footer-actions,
        .footer-contact-panel,
        .footer-visual-card {
          border-radius: 20px;
        }

        .footer-register {
          width: 100%;
        }

        .footer-email-row {
          grid-template-columns: 1fr;
        }

        .footer-submit {
          width: 100%;
        }

        .landing-overview-head {
          grid-template-columns: 1fr;
          gap: 16px;
        }

        .landing-overview-grid {
          grid-template-columns: 1fr;
        }

        .landing-overview-card {
          min-height: auto;
        }
      }

      body.paged-site[data-view="speakers"] #speakers.speakers-reference-section {
        scroll-margin-top: 88px;
        padding: clamp(96px, 9vw, 124px) 0;
        color: var(--paper);
        background:
          radial-gradient(60% 80% at 86% 12%, color-mix(in srgb, var(--signal) 26%, transparent), transparent 58%),
          radial-gradient(48% 58% at 8% 84%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 62%),
          linear-gradient(160deg, var(--ink) 0%, var(--ink) 58%, var(--ink) 100%);
      }

      body.paged-site[data-view="speakers"] #speakers.speakers-reference-section::before {
        background-image:
          linear-gradient(color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--paper) 4.5%, transparent) 1px, transparent 1px);
        background-size: 64px 64px;
        mask-image: radial-gradient(120% 90% at 70% 30%, var(--ink) 30%, transparent 80%);
        opacity: 0.5;
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head {
        display: block;
        max-width: 720px;
        margin: 0 0 60px;
        color: var(--paper);
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head .eyebrow {
        color: var(--signal);
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head h2 {
        margin: 18px 0 0;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.6vw, 56px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: -0.03em;
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head h2::after {
        display: none;
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head p {
        max-width: 660px;
        margin: 20px 0 0;
        color: var(--paper);
        font-size: 19px;
        line-height: 1.6;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-shell {
        position: relative;
        min-height: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0 0 70px;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-viewport {
        overflow: hidden;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-track {
        display: flex;
        transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
        will-change: transform;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slide {
        display: grid;
        flex: 0 0 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        align-content: start;
        align-items: start;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card {
        position: relative;
        display: flex;
        min-height: 0;
        height: auto;
        align-self: start;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        border-radius: 16px;
        background: linear-gradient(180deg, var(--ink), var(--ink));
        color: var(--paper);
        box-shadow: none;
        cursor: default;
        transition:
          transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
          background 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:hover,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:focus-within {
        transform: translateY(-6px);
        border-color: color-mix(in srgb, var(--signal) 50%, transparent);
        background: linear-gradient(180deg, var(--ink), var(--ink));
        box-shadow: none;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card::before {
        content: attr(data-fallback);
        display: none;
        min-height: 260px;
        place-items: center;
        white-space: pre-line;
        padding: 30px;
        color: color-mix(in srgb, var(--paper) 76%, transparent);
        font-family: var(--font-display);
        font-size: 28px;
        font-weight: 600;
        line-height: 1.12;
        text-align: center;
        background: linear-gradient(135deg, var(--ink), var(--ink));
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card.image-failed::before {
        display: grid;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-photo-frame {
        position: relative;
        display: grid;
        width: 100%;
        height: auto;
        flex: none;
        aspect-ratio: 1 / 1;
        place-items: center;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: linear-gradient(135deg, var(--ink), var(--ink));
        color: color-mix(in srgb, var(--paper) 16%, transparent);
        font-family: var(--font-display);
        font-size: 64px;
        font-weight: 600;
        box-shadow: none;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-photo-frame::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 45%, var(--ink) 98%);
        pointer-events: none;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card.image-failed .panelist-photo-frame,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card.image-failed .panelist-reference-image {
        display: none;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-photo-frame img,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-image,
      body.paged-site[data-view="speakers"] #speakers .panelist-headshot {
        width: 100%;
        max-width: none;
        height: 100%;
        border: 0;
        border-radius: 0;
        object-fit: cover;
        background: transparent;
        box-shadow: none;
        filter: saturate(0.96) contrast(1.04);
        transition:
          transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
          filter 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:hover .panelist-photo-frame img,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:focus-within .panelist-photo-frame img {
        transform: scale(1.05);
        filter: saturate(1.06) contrast(1.08);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-copy {
        position: relative;
        z-index: 2;
        min-height: 132px;
        margin-top: -40px;
        padding: 0 24px 26px;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-copy h3 {
        margin: 0;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: 21px;
        font-weight: 600;
        line-height: 1.08;
        letter-spacing: -0.01em;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-copy p {
        margin: 8px 0 0;
        color: var(--paper);
        font-size: 13.5px;
        font-weight: 500;
        line-height: 1.42;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-role {
        display: block;
        color: var(--signal);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-company {
        display: block;
        margin-top: 3px;
        color: color-mix(in srgb, var(--paper) 58%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-linkedin {
        position: absolute;
        top: 14px;
        right: 14px;
        z-index: 4;
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 50%;
        background: color-mix(in srgb, var(--ink) 72%, transparent);
        color: var(--paper);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
        opacity: 1;
        transform: none;
        backdrop-filter: blur(12px);
        transition:
          transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          background 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-linkedin:hover,
      body.paged-site[data-view="speakers"] #speakers .panelist-linkedin:focus-visible {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--signal) 50%, transparent);
        background: var(--signal);
        color: var(--paper);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-hover {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 2;
        margin: 16px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
        color: var(--paper);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.45;
        opacity: 0;
        transform: translateY(6px);
        box-shadow: none;
        transition:
          opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-hover strong {
        display: block;
        margin-bottom: 4px;
        color: var(--gold);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:hover .panelist-hover,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:focus-within .panelist-hover {
        opacity: 1;
        transform: none;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button {
        position: absolute;
        top: auto;
        bottom: 0;
        z-index: 5;
        width: 44px;
        height: 44px;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 4%, transparent);
        color: var(--paper);
        box-shadow: none;
        transform: none;
        backdrop-filter: blur(12px);
        transition:
          transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          background 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button:hover:not(:disabled),
      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button:focus-visible:not(:disabled) {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--signal) 50%, transparent);
        background: var(--signal);
        color: var(--paper);
        box-shadow: none;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button:disabled {
        opacity: 0.38;
        cursor: not-allowed;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button.prev {
        left: 0;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button.next {
        right: auto;
        left: 54px;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-status {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        min-height: 44px;
        margin-top: 28px;
        padding-left: 118px;
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-dot {
        width: 8px;
        height: 8px;
        border: 0;
        border-radius: 999px;
        background: color-mix(in srgb, var(--paper) 22%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-dot.active {
        width: 28px;
        background: var(--signal);
      }

      @media (max-width: 980px) {
        body.paged-site[data-view="speakers"] #speakers .speaker-slide {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 720px) {
        body.paged-site[data-view="speakers"] #speakers.speakers-reference-section {
          padding: 84px 0;
        }

        body.paged-site[data-view="speakers"] #speakers .expert-panelists-head {
          margin-bottom: 38px;
        }

        body.paged-site[data-view="speakers"] #speakers .expert-panelists-head h2 {
          font-size: clamp(36px, 12vw, 54px);
        }

        body.paged-site[data-view="speakers"] #speakers .speaker-slide {
          grid-template-columns: 1fr;
        }

        body.paged-site[data-view="speakers"] #speakers .panelist-copy {
          min-height: auto;
          padding-right: 20px;
          padding-left: 20px;
        }

        body.paged-site[data-view="speakers"] #speakers .panelist-hover {
          opacity: 1;
          transform: none;
        }

        body.paged-site[data-view="speakers"] #speakers .speaker-carousel-status {
          justify-content: center;
          padding-left: 0;
        }

        body.paged-site[data-view="speakers"] #speakers .speaker-slider-button.prev {
          left: calc(50% - 58px);
        }

        body.paged-site[data-view="speakers"] #speakers .speaker-slider-button.next {
          right: calc(50% - 58px);
          left: auto;
        }
      }

      body.paged-site[data-view="register"] #register.register-reference-section {
        padding: clamp(92px, 9vw, 124px) 0;
        background: var(--paper);
        color: var(--ink);
      }

      body.paged-site[data-view="register"] #register .register-reference-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 72px;
        align-items: start;
      }

      body.paged-site[data-view="register"] #register .register-reference-grid[hidden] {
        display: none !important;
      }

      body.paged-site[data-view="register"] #register .register-reference-info h2 {
        margin: 18px 0 22px;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.6vw, 54px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: -0.03em;
      }

      body.paged-site[data-view="register"] #register .register-reference-info .lead {
        max-width: 52ch;
        margin: 0 0 28px;
        color: var(--ink);
        font-size: 18px;
        line-height: 1.65;
      }

      body.paged-site[data-view="register"] #register .register-reference-info .notice {
        border: 1px solid var(--paper);
        border-radius: 16px;
        background: var(--paper);
        padding: 18px 20px;
        color: var(--ink);
        font-size: 15px;
        font-weight: 600;
        line-height: 1.55;
      }

      body.paged-site[data-view="register"] #register .register-reference-card {
        border: 1px solid var(--paper);
        border-radius: 24px;
        background: var(--paper);
        padding: 40px;
      }

      body.paged-site[data-view="register"] #register .register-reference-form {
        display: grid;
        gap: 20px;
      }

      body.paged-site[data-view="register"] #register .register-reference-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field {
        display: grid;
        gap: 8px;
        min-width: 0;
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 600;
        line-height: 1.2;
      }

      body.paged-site[data-view="register"] #register .register-reference-field span {
        display: block;
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
      }

      body.paged-site[data-view="register"] #register .register-reference-field input,
      body.paged-site[data-view="register"] #register .register-reference-field select,
      body.paged-site[data-view="register"] #register .register-reference-field textarea {
        width: 100%;
        min-height: 50px;
        border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
        border-radius: 10px;
        background: #ffffff;
        padding: 14px 16px;
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 15.5px;
        font-weight: 500;
        line-height: 1.35;
        box-shadow: none;
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          background 0.2s ease;
      }

      body.paged-site[data-view="register"] #register .register-reference-field textarea {
        min-height: 116px;
        resize: vertical;
      }

      body.paged-site[data-view="register"] #register .register-reference-field input::placeholder,
      body.paged-site[data-view="register"] #register .register-reference-field textarea::placeholder {
        color: color-mix(in srgb, var(--ink) 42%, transparent);
      }

      body.paged-site[data-view="register"] #register .register-reference-field input:focus,
      body.paged-site[data-view="register"] #register .register-reference-field select:focus,
      body.paged-site[data-view="register"] #register .register-reference-field textarea:focus {
        outline: none;
        border-color: var(--signal);
        background: var(--paper);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 12%, transparent);
      }

      body.paged-site[data-view="register"] #register .register-error {
        display: none;
        color: #cc3a2a;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.35;
      }

      body.paged-site[data-view="register"] #register .register-reference-field.is-invalid input,
      body.paged-site[data-view="register"] #register .register-reference-field.is-invalid select,
      body.paged-site[data-view="register"] #register .register-reference-field.is-invalid textarea {
        border-color: #cc3a2a;
        box-shadow: 0 0 0 3px color-mix(in srgb, #cc3a2a 12%, transparent);
      }

      body.paged-site[data-view="register"] #register .register-reference-field.is-invalid .register-error {
        display: block;
      }

      body.paged-site[data-view="register"] #register .register-reference-submit {
        width: 100%;
        min-height: 56px;
        justify-content: center;
        margin-top: 8px;
        border: 1px solid var(--signal);
        border-radius: 999px;
        background: var(--signal);
        color: var(--paper);
        font-family: var(--font-display);
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
        box-shadow: none;
        transition:
          transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          background 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      body.paged-site[data-view="register"] #register .register-reference-submit:hover,
      body.paged-site[data-view="register"] #register .register-reference-submit:focus-visible {
        transform: translateY(-2px);
        border-color: var(--signal);
        background: var(--signal);
        box-shadow: 0 10px 30px -10px color-mix(in srgb, var(--signal) 70%, transparent);
      }

      body.paged-site[data-view="register"] #register .register-reference-submit:disabled {
        cursor: wait;
        opacity: 0.72;
        transform: none;
      }

      body.paged-site[data-view="register"] #register .register-reference-consent {
        margin: 14px 0 0;
        font-size: 13px;
        line-height: 1.5;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
      }

      body.paged-site[data-view="register"] #register .success {
        display: none;
        margin-top: 0;
        border: 1px solid color-mix(in srgb, var(--gold) 24%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        padding: 16px 18px;
        color: var(--ink);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
      }

      body.paged-site[data-view="register"] #register .success:not(:empty) {
        color: var(--ink);
      }

      body.paged-site[data-view="register"] #register .success[style*="block"] {
        display: block !important;
      }

      body.paged-site[data-view="register"] #register .success.is-error {
        border-color: color-mix(in srgb, #cc3a2a 45%, transparent);
        background: color-mix(in srgb, #cc3a2a 12%, transparent);
        color: var(--ink);
      }

      @media (max-width: 980px) {
        body.paged-site[data-view="register"] #register .register-reference-grid {
          grid-template-columns: 1fr;
          gap: 48px;
        }
      }

      @media (max-width: 720px) {
        body.paged-site[data-view="register"] #register.register-reference-section {
          padding: 84px 0;
        }

        body.paged-site[data-view="register"] #register .register-reference-card {
          border-radius: 18px;
          padding: 26px 18px;
        }

        body.paged-site[data-view="register"] #register .register-reference-row {
          grid-template-columns: 1fr;
        }
      }

      body.paged-site[data-view="speaker-application"] #speaker-application.speaker-application-section {
        min-height: calc(100vh - 80px);
        padding: clamp(48px, 6vw, 82px) 0;
        background:
          radial-gradient(circle at 12% 8%, color-mix(in srgb, #2563EB 10%, transparent), transparent 28%),
          radial-gradient(circle at 88% 10%, color-mix(in srgb, #2563EB 8%, transparent), transparent 30%),
          linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--paper) 46%, #ffffff) 100%);
        color: var(--ink);
      }

      .speaker-application-shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        align-items: start;
        max-width: 1000px;
      }

      .speaker-application-hero {
        position: static;
      }

      .speaker-application-hero .section-label {
        display: inline-flex;
        width: fit-content;
        margin-bottom: 12px;
        border: 1px solid color-mix(in srgb, #2563EB 22%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, #2563EB 8%, transparent);
        padding: 7px 12px;
        color: #2563EB;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .speaker-application-hero h1 {
        margin: 0 0 12px;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.4vw, 52px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
      }

      .speaker-application-hero p {
        max-width: 74ch;
        margin: 0 0 10px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 16px;
        line-height: 1.55;
      }

      .speaker-application-hero .speaker-application-subtitle {
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(19px, 2vw, 24px);
        line-height: 1.25;
        letter-spacing: 0;
      }

      .speaker-application-stats {
        display: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 30px;
      }

      .speaker-application-stats span {
        min-height: 112px;
        display: grid;
        align-content: center;
        justify-items: center;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 18px;
        background: #ffffff;
        padding: 18px 16px;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.25;
        text-align: center;
        text-transform: none;
      }

      .speaker-application-stats strong {
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 800;
        line-height: 0.95;
        letter-spacing: -0.04em;
        text-transform: none;
      }

      .speaker-application-stats small {
        color: inherit;
        font: inherit;
      }

      .speaker-application-card {
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow:
          0 1px 0 color-mix(in srgb, #ffffff 70%, transparent) inset,
          0 22px 56px color-mix(in srgb, var(--ink) 9%, transparent);
        overflow: hidden;
      }

      .speaker-progress {
        position: relative;
        flex: none;
        height: auto;
        min-height: 0;
        overflow: visible;
        padding: 18px 32px;
        border-bottom: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);
        border-radius: 0;
        background: #ffffff;
      }

      .speaker-progress ol {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .speaker-progress li {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: #ffffff;
        padding: 0 12px;
        color: color-mix(in srgb, var(--ink) 52%, transparent);
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0.02em;
        text-align: center;
        white-space: nowrap;
        transition:
          border-color 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .speaker-progress li span {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--ink) 5%, transparent);
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 700;
      }

      .speaker-progress li.is-active,
      .speaker-progress li.is-complete {
        color: var(--ink);
      }

      .speaker-progress li.is-active,
      .speaker-progress li.is-complete {
        border-color: #2563EB;
        background: #2563EB;
        color: var(--paper);
      }

      .speaker-progress li.is-active span,
      .speaker-progress li.is-complete span {
        border-color: color-mix(in srgb, var(--paper) 48%, transparent);
        background: color-mix(in srgb, var(--paper) 16%, transparent);
        color: var(--paper);
        box-shadow: none;
      }

      .speaker-progress-line {
        display: none !important;
      }

      .speaker-progress-line span {
        display: block;
        width: 0;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--signal), #4f46e5);
        transition: width 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .speaker-application-form {
        display: grid;
        gap: 0;
        padding: clamp(22px, 3vw, 32px);
      }

      .speaker-step {
        display: none;
        min-inline-size: 0;
        margin: 0;
        border: 0;
        padding: 0;
        animation: speakerStepIn 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .speaker-step.is-active {
        display: grid;
        gap: 16px;
      }

      @keyframes speakerStepIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .speaker-step legend {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(28px, 3vw, 36px);
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0;
      }

      .speaker-step-helper {
        width: fit-content;
        margin: -4px 0 8px;
        border-radius: 999px;
        background: color-mix(in srgb, #2563EB 11%, transparent);
        padding: 7px 12px;
        color: #2563EB;
        font-size: 13px;
        font-weight: 800;
      }

      .speaker-form-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px 16px;
      }

      .speaker-form-section {
        display: grid;
        gap: 14px;
        border: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 12px 34px color-mix(in srgb, var(--ink) 6%, transparent);
        padding: 18px;
      }

      .speaker-form-section h3 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.1;
      }

      .speaker-field {
        display: grid;
        gap: 8px;
        min-width: 0;
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 650;
        line-height: 1.2;
      }

      .speaker-field > span {
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 700;
      }

      .speaker-field input,
      .speaker-field select,
      .speaker-field textarea {
        width: 100%;
        min-height: 52px;
        border: 1px solid color-mix(in srgb, var(--ink) 17%, transparent);
        border-radius: 15px;
        background: #ffffff;
        padding: 14px 16px;
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 15.5px;
        font-weight: 500;
        line-height: 1.35;
        box-shadow: none;
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease;
      }

      .speaker-field textarea {
        min-height: 108px;
        resize: vertical;
      }

      .speaker-step-compact .speaker-field textarea {
        min-height: 96px;
      }

      .speaker-step-compact .speaker-bottom-row textarea {
        min-height: 86px;
      }

      .speaker-field input::placeholder,
      .speaker-field textarea::placeholder {
        color: color-mix(in srgb, var(--ink) 42%, transparent);
      }

      .speaker-field input:focus,
      .speaker-field select:focus,
      .speaker-field textarea:focus {
        outline: none;
        border-color: #2563EB;
        background: #ffffff;
        box-shadow: 0 0 0 3px color-mix(in srgb, #2563EB 14%, transparent);
      }

      .speaker-field small {
        color: color-mix(in srgb, var(--ink) 52%, transparent);
        font-size: 12.5px;
        font-weight: 650;
      }

      .speaker-error {
        display: none;
        color: #cc3a2a !important;
      }

      .speaker-field.is-invalid input,
      .speaker-field.is-invalid select,
      .speaker-field.is-invalid textarea {
        border-color: #cc3a2a;
        box-shadow: 0 0 0 3px color-mix(in srgb, #cc3a2a 11%, transparent);
      }

      .speaker-field.is-invalid .speaker-error {
        display: block;
      }

      .speaker-options-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .speaker-options-grid label,
      .speaker-inline-options label {
        min-height: 48px;
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, #ffffff 88%, #2563EB 12%);
        padding: 12px 14px;
        color: var(--ink);
        font-size: 14px;
        font-weight: 700;
      }

      .speaker-options-grid input,
      .speaker-inline-options input {
        width: 18px;
        height: 18px;
        accent-color: #2563EB;
        flex: 0 0 auto;
      }

      .speaker-inline-options {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .speaker-inline-options label {
        min-width: 112px;
      }

      .speaker-review-message {
        margin: 0;
        border: 1px solid color-mix(in srgb, #4f46e5 22%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, #4f46e5 7%, transparent);
        padding: 18px 20px;
        color: var(--ink);
        font-size: 15.5px;
        font-weight: 650;
        line-height: 1.6;
      }

      .speaker-review-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .speaker-review-item {
        display: grid;
        gap: 5px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 16px;
        background: #ffffff;
        padding: 14px 16px;
        min-width: 0;
      }

      .speaker-review-item.is-wide {
        grid-column: 1 / -1;
      }

      .speaker-review-item span {
        color: color-mix(in srgb, var(--ink) 54%, transparent);
        font-size: 11.5px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .speaker-review-item strong {
        color: var(--ink);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.45;
        overflow-wrap: anywhere;
        white-space: pre-wrap;
      }

      .speaker-form-actions {
        position: sticky;
        bottom: 0;
        z-index: 5;
        display: flex;
        gap: 12px;
        justify-content: space-between;
        margin: 8px -4px 0;
        border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        background: color-mix(in srgb, #ffffff 94%, transparent);
        padding: 12px 4px 0;
        backdrop-filter: blur(12px);
      }

      .speaker-form-actions [hidden] {
        display: none !important;
      }

      .speaker-primary-button,
      .speaker-secondary-button {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        padding: 0 18px;
        font-family: var(--font-display);
        font-size: 13.5px;
        font-weight: 700;
        letter-spacing: 0;
        transition:
          transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
          box-shadow 220ms ease,
          background 220ms ease,
          border-color 220ms ease;
      }

      .speaker-primary-button {
        flex: 1 1 auto;
        border: 1px solid #2563EB;
        background: #2563EB;
        color: var(--paper);
        box-shadow: 0 18px 42px color-mix(in srgb, #2563EB 24%, transparent);
      }

      .speaker-primary-button:hover,
      .speaker-primary-button:focus-visible {
        transform: translateY(-2px);
        background: color-mix(in srgb, #2563EB 84%, black);
        box-shadow: 0 22px 48px color-mix(in srgb, #2563EB 30%, transparent);
      }

      .speaker-primary-button:disabled {
        cursor: wait;
        opacity: 0.68;
        transform: none;
      }

      .speaker-secondary-button {
        flex: 0 0 136px;
        border: 1px solid #2563EB;
        background: #ffffff;
        color: #2563EB;
        text-decoration: none;
      }

      .speaker-secondary-button:hover,
      .speaker-secondary-button:focus-visible {
        transform: translateY(-1px);
        border-color: #2563EB;
        background: color-mix(in srgb, #2563EB 8%, #ffffff);
      }

      .speaker-save-note {
        margin: 8px 0 0;
        color: color-mix(in srgb, var(--ink) 54%, transparent);
        font-size: 13px;
        font-weight: 650;
        text-align: center;
      }

      .speaker-success-panel {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
        border-top: 1px dashed color-mix(in srgb, var(--ink) 14%, transparent);
        padding: 22px 32px 28px;
        text-align: left;
      }

      .speaker-success-panel[hidden] {
        display: none;
      }

      .speaker-success-mark {
        width: 70px;
        height: 70px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: color-mix(in srgb, #2f9e54 14%, transparent);
        color: #2f9e54;
        font-size: 36px;
        font-weight: 800;
      }

      .speaker-success-panel h2 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(22px, 2.4vw, 28px);
        line-height: 1.05;
        letter-spacing: -0.03em;
      }

      .speaker-success-panel p {
        max-width: 62ch;
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 15.5px;
        line-height: 1.55;
      }

      @media (max-width: 1040px) {
        .speaker-application-shell {
          grid-template-columns: 1fr;
        }

        .speaker-application-hero {
          position: static;
        }
      }

      @media (max-width: 720px) {
        body.paged-site[data-view="speaker-application"] #speaker-application.speaker-application-section {
          padding: 56px 0 76px;
        }

        .speaker-application-card {
          border-radius: 20px;
        }

        .speaker-progress {
          padding: 14px;
        }

        .speaker-progress ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }

        .speaker-progress li {
          min-height: 42px;
          font-size: 11.5px;
        }

        .speaker-form-row,
        .speaker-options-grid,
        .speaker-review-grid,
        .speaker-application-stats {
          grid-template-columns: 1fr;
        }

        .speaker-application-form {
          padding: 24px 18px 26px;
        }

        .speaker-form-actions {
          flex-direction: column;
          position: static;
          margin-right: 0;
          margin-left: 0;
        }

        .speaker-primary-button,
        .speaker-secondary-button {
          width: 100%;
        }

        .speaker-success-panel {
          grid-template-columns: 1fr;
          justify-items: center;
          padding: 28px 20px;
          text-align: center;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .speaker-step {
          animation: none;
        }

        .speaker-progress-line span,
        .speaker-primary-button,
        .speaker-secondary-button {
          transition: none;
        }
      }

      .admin-modal {
        padding: clamp(14px, 2.4vw, 28px);
      }

      .admin-modal-backdrop {
        background:
          radial-gradient(70% 90% at 84% 16%, color-mix(in srgb, var(--signal) 26%, transparent), transparent 58%),
          radial-gradient(50% 70% at 16% 88%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 62%),
          color-mix(in srgb, var(--ink) 78%, transparent);
        backdrop-filter: blur(18px);
      }

      .speaker-template-card {
        width: min(1240px, 100%);
        max-height: calc(100vh - 32px);
        max-height: calc(100svh - 32px);
        border: 1px solid var(--paper);
        border-radius: 24px;
        background: var(--paper);
        color: var(--ink);
        box-shadow: none;
      }

      .speaker-template-card::before {
        height: 1px;
        background: var(--paper);
      }

      .speaker-template-inner {
        padding: clamp(28px, 4vw, 44px);
      }

      .modal-close {
        top: 18px;
        right: 18px;
        width: 42px;
        height: 42px;
        border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
        background: var(--paper);
        color: var(--ink);
        font-size: 0;
        box-shadow: none;
      }

      .modal-close::before {
        content: "x";
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
      }

      .modal-close:hover,
      .modal-close:focus-visible {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--signal) 36%, transparent);
        background: var(--paper);
        box-shadow: none;
      }

      .template-panel-header {
        max-width: 760px;
        margin: 0 0 34px;
      }

      .template-panel-header .section-label {
        color: var(--signal);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .template-panel-header h2 {
        margin: 18px 0 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.6vw, 54px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: -0.03em;
      }

      .template-panel-header p {
        max-width: 680px;
        margin: 18px 0 0;
        color: var(--ink);
        font-size: 18px;
        line-height: 1.6;
      }

      .admin-login-layout {
        grid-template-columns: 0.95fr 1.05fr;
        gap: 24px;
      }

      .admin-login-card,
      .admin-info-card,
      .cms-panel,
      .admin-dashboard-top,
      .admin-metric,
      .cms-speaker-item,
      .speaker-form {
        border: 1px solid var(--paper);
        border-radius: 16px;
        background: var(--paper);
        box-shadow: none;
      }

      .admin-login-card,
      .admin-info-card,
      .cms-panel {
        padding: 24px;
      }

      .admin-info-card {
        align-content: start;
        gap: 18px;
        background:
          radial-gradient(80% 100% at 100% 0%, color-mix(in srgb, var(--signal) 16%, transparent), transparent 58%),
          linear-gradient(160deg, var(--ink), var(--ink) 58%, var(--ink));
        color: var(--paper);
      }

      .admin-info-card h3,
      .admin-login-card h3,
      .cms-panel h3,
      .admin-dashboard-top h3 {
        color: inherit;
        font-family: var(--font-display);
        font-size: 21px;
        font-weight: 600;
        line-height: 1.12;
        letter-spacing: -0.01em;
      }

      .admin-info-card p {
        color: var(--paper);
        font-size: 15px;
        line-height: 1.65;
      }

      .admin-flow-list {
        gap: 10px;
      }

      .admin-flow-list li {
        border: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--paper) 4%, transparent);
        padding: 14px 16px;
        color: var(--paper);
        font-size: 14px;
        font-weight: 600;
      }

      .admin-login-card {
        display: grid;
        align-content: start;
        gap: 20px;
      }

      .admin-dashboard {
        gap: 16px;
      }

      .admin-dashboard-top {
        padding: 18px 20px;
      }

      .admin-dashboard-top p,
      .cms-toolbar p {
        color: var(--gold);
        font-size: 14px;
        line-height: 1.45;
      }

      .admin-metrics {
        gap: 12px;
      }

      .admin-metric {
        display: block;
        min-height: 96px;
        padding: 20px;
      }

      .admin-metric strong {
        color: var(--signal);
        font-family: var(--font-display);
        font-size: clamp(32px, 4vw, 44px);
        font-weight: 700;
        letter-spacing: -0.04em;
      }

      .admin-metric span {
        display: block;
        margin-top: 8px;
        color: var(--gold);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: none;
      }

      .cms-layout {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.8fr);
        gap: 18px;
      }

      .speaker-records-panel {
        max-height: calc(100vh - 260px);
        max-height: calc(100svh - 260px);
      }

      .cms-toolbar {
        margin-bottom: 18px;
      }

      .cms-list {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .cms-empty {
        border-color: var(--paper);
        border-radius: 14px;
        background: color-mix(in srgb, var(--paper) 56%, transparent);
        padding: 18px;
        color: var(--gold);
      }

      .cms-speaker-item {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
        transition:
          transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          border-color 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
          background 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .cms-speaker-item:hover,
      .cms-speaker-item:focus-within {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--signal) 28%, transparent);
        background: var(--paper);
        box-shadow: none;
      }

      .cms-avatar {
        width: 52px;
        height: 52px;
        border-radius: 12px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--signal) 16%, transparent), color-mix(in srgb, var(--gold) 16%, transparent)),
          var(--paper);
        color: var(--ink);
        font-family: var(--font-display);
        font-size: 15px;
        font-weight: 700;
      }

      .cms-speaker-main h4 {
        margin-bottom: 4px;
        color: var(--ink);
        font-size: 16px;
        line-height: 1.2;
      }

      .cms-speaker-main p {
        color: var(--gold);
        font-size: 13px;
        line-height: 1.38;
      }

      .cms-speaker-meta {
        gap: 6px;
        margin: 9px 0;
      }

      .status-pill {
        border-color: color-mix(in srgb, var(--gold) 28%, transparent);
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        color: var(--gold);
        font-size: 11px;
        font-weight: 700;
      }

      .status-pill.published {
        border-color: color-mix(in srgb, var(--signal) 22%, transparent);
        background: color-mix(in srgb, var(--signal) 10%, transparent);
        color: var(--signal);
      }

      .cms-speaker-actions {
        gap: 6px;
      }

      .mini-action {
        border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
        background: var(--paper);
        padding: 7px 10px;
        color: var(--ink);
        font-size: 12px;
        font-weight: 700;
      }

      .mini-action:hover,
      .mini-action:focus-visible {
        transform: translateY(-1px);
        border-color: var(--signal);
        background: var(--signal);
        color: var(--paper);
      }

      .mini-action.publish {
        border-color: color-mix(in srgb, var(--signal) 24%, transparent);
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        color: var(--signal);
      }

      .mini-action.publish:hover,
      .mini-action.publish:focus-visible {
        background: var(--signal);
        color: var(--paper);
      }

      .mini-action.delete {
        border-color: color-mix(in srgb, var(--gold) 26%, transparent);
        background: color-mix(in srgb, var(--gold) 8%, transparent);
        color: var(--gold);
      }

      .mini-action.delete:hover,
      .mini-action.delete:focus-visible {
        background: var(--gold);
        color: var(--paper);
      }

      .registrations-panel {
        display: grid;
        gap: 18px;
      }

      .registrations-toolbar {
        align-items: start;
      }

      .registration-admin-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }

      .registration-admin-filters {
        display: grid;
        grid-template-columns: minmax(240px, 1fr) minmax(210px, 0.35fr);
        gap: 12px;
      }

      .registration-admin-filters input,
      .registration-admin-filters select {
        width: 100%;
        min-height: 46px;
        border: 1px solid var(--paper);
        border-radius: 10px;
        background: var(--paper);
        padding: 11px 13px;
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 14px;
        font-weight: 500;
      }

      .registration-admin-filters input:focus,
      .registration-admin-filters select:focus {
        outline: none;
        border-color: var(--signal);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 12%, transparent);
      }

      .registration-table-wrap {
        overflow: auto;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 14px;
        background: var(--paper);
      }

      .registration-admin-table {
        width: 100%;
        min-width: 1180px;
        border-collapse: collapse;
        color: var(--ink);
        font-size: 13px;
        line-height: 1.35;
      }

      .registration-admin-table th,
      .registration-admin-table td {
        border-bottom: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        padding: 11px 12px;
        text-align: left;
        vertical-align: top;
      }

      .registration-admin-table th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: color-mix(in srgb, var(--paper) 92%, white);
        color: var(--gold);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .registration-admin-table tbody tr:hover {
        background: color-mix(in srgb, var(--signal) 5%, transparent);
      }

      .registration-admin-table tbody tr:last-child td {
        border-bottom: 0;
      }

      .registration-admin-table a {
        color: var(--signal);
        font-weight: 700;
        text-decoration: none;
      }

      .registration-admin-table .message-cell {
        max-width: 260px;
        white-space: normal;
      }

      .speaker-form {
        padding: 20px;
        background: var(--paper);
      }

      .speaker-form-grid {
        gap: 14px 16px;
      }

      .form-field {
        display: grid;
        gap: 8px;
      }

      .form-field span:first-child {
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
      }

      .admin-login-card input,
      .speaker-form input,
      .speaker-form select,
      .speaker-form textarea {
        width: 100%;
        min-height: 48px;
        border: 1px solid var(--paper);
        border-radius: 10px;
        background: var(--paper);
        padding: 12px 14px;
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 15px;
        font-weight: 500;
        box-shadow: none;
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          background 0.2s ease;
      }

      .speaker-form textarea {
        min-height: 112px;
        padding: 12px 14px;
      }

      .admin-login-card input:focus,
      .speaker-form input:focus,
      .speaker-form select:focus,
      .speaker-form textarea:focus {
        outline: none;
        border-color: var(--signal);
        background: var(--paper);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 12%, transparent);
        transform: none;
      }

      .field-help {
        color: var(--gold);
        font-size: 12px;
        font-weight: 600;
      }

      .admin-photo-upload {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 14px;
        border: 1px dashed color-mix(in srgb, var(--signal) 32%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--signal) 6%, transparent);
        padding: 12px;
      }

      .admin-photo-preview {
        border-radius: 12px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--signal) 14%, transparent), color-mix(in srgb, var(--gold) 16%, transparent)),
          var(--paper);
        color: var(--ink);
        font-size: 11px;
        font-weight: 700;
      }

      .form-status {
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 13px;
        font-weight: 700;
      }

      .form-status.error {
        border-color: color-mix(in srgb, var(--gold) 20%, transparent);
        background: color-mix(in srgb, var(--gold) 8%, transparent);
        color: var(--gold);
      }

      .form-status.success {
        border-color: color-mix(in srgb, var(--gold) 22%, transparent);
        background: color-mix(in srgb, var(--gold) 10%, transparent);
        color: var(--ink);
      }

      .modal-actions {
        gap: 10px;
      }

      .admin-login-card .button,
      .admin-dashboard .button,
      .speaker-form .button {
        min-height: 44px;
        padding: 0 18px;
        border-radius: 999px;
        font-family: var(--font-display);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
      }

      .admin-login-card .register-cta,
      .speaker-form .register-cta {
        border-color: color-mix(in srgb, var(--gold) 86%, white 10%);
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 16px 38px color-mix(in srgb, var(--gold) 24%, transparent);
      }

      .admin-login-card .register-cta:hover,
      .admin-login-card .register-cta:focus-visible,
      .speaker-form .register-cta:hover,
      .speaker-form .register-cta:focus-visible {
        transform: translateY(-2px);
        border-color: var(--gold);
        background: color-mix(in srgb, var(--gold) 92%, white 8%);
        box-shadow: 0 20px 48px color-mix(in srgb, var(--gold) 32%, transparent);
      }

      .button.secondary {
        border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
        background: transparent;
        color: var(--ink);
      }

      .button.secondary:hover,
      .button.secondary:focus-visible {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--ink) 34%, transparent);
        background: color-mix(in srgb, var(--ink) 4%, transparent);
        color: var(--ink);
        box-shadow: none;
      }

      @media (max-width: 980px) {
        .admin-login-layout,
        .cms-layout {
          grid-template-columns: 1fr;
        }

        .speaker-records-panel {
          max-height: none;
        }
      }

      @media (max-width: 720px) {
        .admin-modal {
          padding: 10px;
        }

        .speaker-template-card {
          border-radius: 18px;
        }

        .speaker-template-inner {
          padding: 24px 16px;
        }

        .template-panel-header {
          padding-right: 42px;
        }

        .admin-login-card,
        .admin-info-card,
        .cms-panel,
        .speaker-form {
          padding: 16px;
        }

        .admin-metrics,
        .speaker-form-grid,
        .admin-photo-upload,
        .registration-admin-filters {
          grid-template-columns: 1fr;
        }

        .admin-dashboard-top,
        .cms-toolbar {
          align-items: start;
          flex-direction: column;
        }

        .modal-actions,
        .cms-speaker-actions,
        .registration-admin-actions {
          align-items: stretch;
          flex-direction: column;
        }

        .modal-actions .button,
        .cms-speaker-actions .mini-action,
        .registration-admin-actions .button {
          width: 100%;
        }
      }

      body.paged-site[data-view="speakers"] #speakers.speakers-reference-section,
      body.paged-site[data-view="ai-focus"] #ai-focus {
        background: var(--ink);
        color: var(--paper);
      }

      body.paged-site[data-view="speakers"] #speakers.speakers-reference-section::before {
        display: none;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        pointer-events: none;
        background: url("../ai-focus-background.png") center center / cover no-repeat;
        opacity: 0.92;
        transform: scale(1.015);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
          radial-gradient(60% 70% at 78% 20%, color-mix(in srgb, var(--signal) 20%, transparent), transparent 62%),
          radial-gradient(54% 70% at 18% 82%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 64%),
          linear-gradient(90deg, color-mix(in srgb, var(--ink) 96%, black) 0%, color-mix(in srgb, var(--ink) 76%, transparent) 47%, color-mix(in srgb, var(--ink) 58%, transparent) 100%),
          linear-gradient(180deg, color-mix(in srgb, black 34%, transparent), color-mix(in srgb, var(--ink) 86%, transparent));
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head,
      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head p,
      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy .lead {
        color: color-mix(in srgb, var(--paper) 82%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head h2,
      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy h2 {
        color: var(--paper);
      }

      body.paged-site[data-view="speakers"] #speakers .expert-panelists-head .eyebrow,
      body.paged-site[data-view="ai-focus"] #ai-focus .eyebrow {
        border-color: color-mix(in srgb, var(--gold) 36%, transparent);
        background: color-mix(in srgb, var(--ink) 58%, transparent);
        color: var(--gold);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus {
        isolation: isolate;
        min-height: auto;
        padding: clamp(64px, 6vw, 88px) 0;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .shell {
        position: relative;
        z-index: 1;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-outcomes-layout {
        display: block;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy {
        max-width: none;
        margin-bottom: 0;
        padding: 0;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy .eyebrow {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        border-radius: 999px;
        padding: 0 16px;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--paper) 10%, transparent);
        backdrop-filter: blur(18px);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy h2 {
        max-width: 760px;
        margin-top: 18px;
        font-size: clamp(46px, 5.5vw, 72px);
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 0.98;
        text-shadow: 0 20px 60px color-mix(in srgb, black 56%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy .lead {
        max-width: 690px;
        margin-top: 20px;
        font-size: clamp(17px, 1.35vw, 20px);
        line-height: 1.58;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-focus-reference-card {
        width: min(860px, calc(100% - 48px));
        max-height: calc(100vh - 210px);
        margin: clamp(30px, 3.4vw, 44px) auto 0;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
        border-radius: 20px;
        background: color-mix(in srgb, var(--paper) 96%, white 4%);
        box-shadow:
          0 26px 72px color-mix(in srgb, black 32%, transparent),
          inset 0 1px 0 color-mix(in srgb, white 70%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-focus-reference-card img {
        display: block;
        width: 100%;
        max-height: calc(100vh - 210px);
        height: auto;
        object-fit: contain;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-grid {
        gap: clamp(14px, 1.6vw, 18px);
        margin-top: clamp(28px, 3.8vw, 44px);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card {
        min-height: 188px;
        border-color: color-mix(in srgb, var(--ink) 16%, transparent);
        border-radius: 20px;
        background:
          radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 52%),
          linear-gradient(145deg, color-mix(in srgb, white 88%, var(--paper) 12%), color-mix(in srgb, var(--paper) 92%, var(--gold) 8%)),
          var(--paper);
        padding: clamp(20px, 2vw, 26px);
        box-shadow:
          inset 0 1px 0 color-mix(in srgb, white 76%, transparent),
          0 20px 54px color-mix(in srgb, black 24%, transparent);
        backdrop-filter: blur(20px);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card:hover,
      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card:focus-within {
        border-color: color-mix(in srgb, var(--gold) 62%, transparent);
        background:
          radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 54%),
          linear-gradient(145deg, color-mix(in srgb, white 90%, var(--paper) 10%), color-mix(in srgb, var(--paper) 90%, var(--gold) 10%)),
          var(--paper);
        box-shadow:
          inset 0 1px 0 color-mix(in srgb, white 80%, transparent),
          0 24px 66px color-mix(in srgb, black 28%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--paper) 54%, var(--gold) 46%), transparent);
        opacity: 0.72;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-icon {
        width: 44px;
        height: 44px;
        border: 1px solid color-mix(in srgb, var(--gold) 34%, transparent);
        border-radius: 16px;
        background:
          radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 62%),
          color-mix(in srgb, var(--ink) 82%, var(--gold) 10%);
        color: var(--gold);
        box-shadow: 0 14px 32px color-mix(in srgb, black 22%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card h3 {
        color: var(--ink);
        font-size: clamp(17px, 1.25vw, 20px);
        letter-spacing: -0.01em;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card p {
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 14px;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-outcome {
        border-color: color-mix(in srgb, var(--gold) 34%, transparent);
        background: color-mix(in srgb, var(--gold) 12%, var(--paper) 88%);
        color: color-mix(in srgb, var(--gold) 72%, var(--ink) 28%);
        box-shadow: inset 0 1px 0 color-mix(in srgb, white 70%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-panel {
        width: 100%;
        height: clamp(380px, 38vw, 500px);
        min-height: 0;
        margin-top: clamp(128px, 10vw, 160px);
        border-color: color-mix(in srgb, var(--ink) 16%, transparent);
        border-radius: 24px;
        background:
          radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 30%),
          radial-gradient(circle at 70% 18%, color-mix(in srgb, white 20%, transparent), transparent 30%),
          linear-gradient(145deg, color-mix(in srgb, white 78%, var(--signal) 8%), color-mix(in srgb, var(--paper) 88%, var(--signal) 12%)),
          var(--paper);
        box-shadow:
          inset 0 1px 0 color-mix(in srgb, white 76%, transparent),
          0 20px 54px color-mix(in srgb, black 24%, transparent);
        backdrop-filter: blur(22px);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-panel::before {
        background:
          linear-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px),
          linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px),
          radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 35%);
        opacity: 0.72;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-route {
        stroke: color-mix(in srgb, var(--ink) 32%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-route.gold {
        stroke: color-mix(in srgb, var(--gold) 88%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-route.blue {
        stroke: color-mix(in srgb, var(--signal) 72%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-node {
        fill: color-mix(in srgb, white 92%, var(--paper) 8%);
        filter: drop-shadow(0 0 12px color-mix(in srgb, var(--ink) 22%, transparent));
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-node.gold {
        fill: var(--gold);
        filter: drop-shadow(0 0 16px color-mix(in srgb, var(--gold) 50%, transparent));
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-core {
        width: 112px;
        height: 112px;
        border-color: color-mix(in srgb, var(--gold) 46%, transparent);
        background:
          radial-gradient(circle at 50% 38%, color-mix(in srgb, white 78%, transparent), transparent 34%),
          radial-gradient(circle, color-mix(in srgb, var(--gold) 18%, transparent), transparent 68%),
          linear-gradient(145deg, color-mix(in srgb, white 82%, var(--paper) 18%), color-mix(in srgb, var(--paper) 84%, var(--gold) 16%));
        color: var(--ink);
        font-size: 32px;
        box-shadow:
          0 0 0 14px color-mix(in srgb, var(--paper) 40%, transparent),
          0 0 46px color-mix(in srgb, var(--gold) 34%, transparent),
          0 22px 62px color-mix(in srgb, black 28%, transparent);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-label {
        border-color: color-mix(in srgb, var(--ink) 14%, transparent);
        background: color-mix(in srgb, white 82%, var(--paper) 18%);
        color: color-mix(in srgb, var(--ink) 66%, transparent);
        box-shadow: 0 14px 30px color-mix(in srgb, black 12%, transparent);
        backdrop-filter: blur(18px);
      }

      body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-label strong {
        color: var(--ink);
      }

      @media (prefers-reduced-motion: no-preference) {
        body.paged-site[data-view="ai-focus"] #ai-focus::before {
          animation: aiFocusDrift 20s ease-in-out infinite alternate;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-core {
          animation: aiCorePulse 4.8s ease-in-out infinite;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card {
          transition:
            transform 260ms cubic-bezier(.22,.61,.36,1),
            border-color 260ms cubic-bezier(.22,.61,.36,1),
            background 260ms cubic-bezier(.22,.61,.36,1),
            box-shadow 260ms cubic-bezier(.22,.61,.36,1);
        }
      }

      @keyframes aiFocusDrift {
        from { transform: scale(1.015) translate3d(-8px, 0, 0); }
        to { transform: scale(1.045) translate3d(10px, -8px, 0); }
      }

      @keyframes aiCorePulse {
        0%, 100% {
          box-shadow:
            0 0 0 14px color-mix(in srgb, var(--paper) 40%, transparent),
            0 0 46px color-mix(in srgb, var(--gold) 34%, transparent),
            0 22px 62px color-mix(in srgb, black 28%, transparent);
        }
        50% {
          box-shadow:
            0 0 0 18px color-mix(in srgb, var(--paper) 48%, transparent),
            0 0 72px color-mix(in srgb, var(--gold) 42%, transparent),
            0 22px 62px color-mix(in srgb, black 28%, transparent);
        }
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-shell,
      body.paged-site[data-view="speakers"] #speakers .speaker-carousel-viewport {
        background: transparent;
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card {
        border-color: color-mix(in srgb, var(--ink) 12%, transparent);
        background: var(--paper);
        color: var(--ink);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:hover,
      body.paged-site[data-view="speakers"] #speakers .panelist-reference-card:focus-within {
        border-color: color-mix(in srgb, var(--signal) 32%, transparent);
        background: var(--paper);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-photo-frame {
        background: color-mix(in srgb, var(--ink) 6%, transparent);
        color: color-mix(in srgb, var(--ink) 18%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-photo-frame::after {
        background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--ink) 18%, transparent) 100%);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-copy h3,
      body.paged-site[data-view="speakers"] #speakers .panelist-copy p {
        color: var(--ink);
      }

      body.paged-site[data-view="speakers"] #speakers .panelist-company,
      body.paged-site[data-view="speakers"] #speakers .panelist-hover {
        color: color-mix(in srgb, var(--ink) 62%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-slider-button {
        border-color: color-mix(in srgb, var(--ink) 14%, transparent);
        background: var(--paper);
        color: var(--ink);
      }

      body.paged-site[data-view="speakers"] #speakers .speaker-dot {
        background: color-mix(in srgb, var(--ink) 18%, transparent);
      }

      @media (max-width: 980px) {
        body.paged-site[data-view="ai-focus"] #ai-focus {
          padding: 64px 0 62px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy h2 {
          max-width: 700px;
          font-size: clamp(40px, 8vw, 62px);
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-focus-reference-card {
          width: min(760px, calc(100% - 32px));
          max-height: none;
          border-radius: 20px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-focus-reference-card img {
          max-height: none;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-panel {
          justify-self: center;
          max-width: 760px;
          height: clamp(340px, 56vw, 420px);
          margin-top: 0;
        }
      }

      @media (max-width: 700px) {
        body.paged-site[data-view="ai-focus"] #ai-focus {
          padding: 52px 0 50px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus::after {
          background:
            linear-gradient(180deg, color-mix(in srgb, var(--ink) 86%, black) 0%, color-mix(in srgb, var(--ink) 74%, transparent) 48%, color-mix(in srgb, var(--ink) 92%, black) 100%);
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy h2 {
          font-size: clamp(34px, 11vw, 46px);
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-copy .lead {
          font-size: 17px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-focus-reference-card {
          width: min(100%, calc(100% - 20px));
          margin-top: 24px;
          border-radius: 16px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-feature-card {
          min-height: auto;
          border-radius: 18px;
          padding: 20px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-panel {
          height: clamp(300px, 78vw, 350px);
          border-radius: 20px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-core {
          width: 82px;
          height: 82px;
          font-size: 24px;
        }

        body.paged-site[data-view="ai-focus"] #ai-focus .ai-visual-label {
          max-width: 118px;
          padding: 8px 9px;
          font-size: 10px;
        }
      }

      .previous-editions-section {
        overflow: hidden;
        background: var(--paper);
        color: var(--ink);
      }

      .previous-hero {
        position: relative;
        min-height: min(760px, calc(100vh - 80px));
        display: grid;
        align-items: end;
        isolation: isolate;
        padding: clamp(120px, 14vw, 180px) 0 clamp(64px, 8vw, 96px);
        background: var(--ink);
        color: var(--paper);
      }

      .previous-hero-video,
      .previous-hero-overlay {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .previous-hero-video {
        object-fit: cover;
        opacity: 0.42;
        filter: saturate(0.86) contrast(1.05);
        z-index: -2;
      }

      .previous-hero-overlay {
        z-index: -1;
        background:
          radial-gradient(72% 86% at 78% 18%, color-mix(in srgb, var(--signal) 34%, transparent), transparent 62%),
          radial-gradient(54% 62% at 18% 86%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 62%),
          linear-gradient(180deg, color-mix(in srgb, var(--ink) 42%, transparent), var(--ink) 94%);
      }

      .previous-hero-content {
        max-width: 920px;
      }

      .previous-hero h1,
      .previous-copy h2,
      .previous-section-head h2,
      .previous-edition-card h2,
      .previous-cta-panel h2 {
        font-family: var(--font-display);
        letter-spacing: -0.03em;
        line-height: 1.02;
      }

      .previous-hero h1 {
        margin: 18px 0 24px;
        max-width: 840px;
        color: var(--paper);
        font-size: clamp(48px, 8vw, 104px);
        font-weight: 700;
      }

      .previous-hero p {
        max-width: 720px;
        margin: 0;
        color: color-mix(in srgb, var(--paper) 78%, transparent);
        font-size: clamp(18px, 2vw, 22px);
        line-height: 1.55;
      }

      .previous-edition-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
      }

      .previous-edition-tabs a {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, var(--paper) 22%, transparent);
        border-radius: 999px;
        padding: 0 18px;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease;
      }

      .previous-edition-tabs a:hover,
      .previous-edition-tabs a:focus-visible {
        transform: translateY(-2px);
        border-color: var(--signal);
        background: color-mix(in srgb, var(--signal) 28%, transparent);
      }

      .previous-editions-body {
        background: var(--paper);
      }

      .previous-edition-cards {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.72fr);
        gap: 20px;
        margin-top: -56px;
        position: relative;
        z-index: 2;
      }

      .previous-edition-card {
        min-height: 220px;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 18px;
        background:
          radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--signal) 10%, transparent), transparent 34%),
          var(--paper);
        padding: clamp(24px, 4vw, 36px);
        box-shadow: 0 18px 48px color-mix(in srgb, var(--ink) 8%, transparent);
      }

      .previous-edition-card.current {
        border-color: color-mix(in srgb, var(--signal) 28%, transparent);
      }

      .previous-edition-card.soon {
        background:
          radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 34%),
          color-mix(in srgb, var(--paper) 92%, white);
      }

      .previous-edition-card span,
      .previous-highlight-grid article span {
        color: var(--signal);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .previous-edition-card h2 {
        max-width: 760px;
        margin: 16px 0 14px;
        color: var(--ink);
        font-size: clamp(28px, 4vw, 46px);
        font-weight: 650;
      }

      .previous-edition-card p,
      .previous-copy p,
      .previous-section-head p,
      .previous-highlight-grid article p,
      .previous-video-grid article p,
      .previous-cta-panel p {
        color: color-mix(in srgb, var(--ink) 66%, transparent);
      }

      .previous-block {
        padding: clamp(76px, 9vw, 120px) 0;
      }

      .previous-split {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
        gap: clamp(34px, 6vw, 80px);
        align-items: start;
      }

      .previous-copy h2,
      .previous-section-head h2,
      .previous-cta-panel h2 {
        margin: 18px 0 0;
        color: var(--ink);
        font-size: clamp(34px, 4.8vw, 58px);
        font-weight: 650;
      }

      .previous-copy p {
        max-width: 720px;
        margin: 22px 0 0;
        font-size: 18px;
      }

      .previous-detail-grid {
        display: grid;
        gap: 14px;
      }

      .previous-detail {
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--paper) 92%, white);
        padding: 22px;
      }

      .previous-detail strong {
        display: block;
        color: var(--signal);
        font-family: var(--font-display);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .previous-detail span {
        display: block;
        margin-top: 10px;
        color: var(--ink);
        font-weight: 700;
        line-height: 1.45;
      }

      .previous-highlights,
      .previous-gallery,
      .previous-stats,
      .previous-cta {
        background: var(--ink);
        color: var(--paper);
      }

      .previous-section-head {
        max-width: 760px;
        margin-bottom: clamp(34px, 5vw, 60px);
      }

      .previous-highlights .previous-section-head h2,
      .previous-gallery .previous-section-head h2,
      .previous-stats .previous-section-head h2,
      .previous-cta-panel h2 {
        color: var(--paper);
      }

      .previous-highlight-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
      }

      .previous-highlight-grid article,
      .previous-video-grid article,
      .previous-testimonial-grid blockquote {
        border: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--paper) 4%, transparent);
        padding: clamp(22px, 3vw, 30px);
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .previous-highlight-grid article:hover,
      .previous-video-grid article:hover,
      .previous-testimonial-grid blockquote:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--signal) 38%, transparent);
        background: color-mix(in srgb, var(--paper) 6%, transparent);
      }

      .previous-highlight-grid article h3,
      .previous-video-grid article h3 {
        margin: 18px 0 10px;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: 22px;
        line-height: 1.12;
      }

      .previous-highlight-grid article p,
      .previous-video-grid article p,
      .previous-cta-panel p {
        color: color-mix(in srgb, var(--paper) 72%, transparent);
      }

      .previous-speakers,
      .previous-videos,
      .previous-testimonials {
        background: var(--paper);
        color: var(--ink);
      }

      .previous-speaker-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
      }

      .previous-speaker-card {
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 18px;
        background: var(--paper);
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .previous-speaker-card:hover,
      .previous-speaker-card:focus-within {
        transform: translateY(-5px);
        border-color: color-mix(in srgb, var(--signal) 32%, transparent);
        background: color-mix(in srgb, var(--paper) 94%, white);
      }

      .previous-speaker-card img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        background: color-mix(in srgb, var(--ink) 6%, transparent);
      }

      .previous-speaker-card div {
        padding: 20px;
      }

      .previous-speaker-card h3 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: 21px;
        line-height: 1.08;
      }

      .previous-speaker-title,
      .previous-speaker-company,
      .previous-speaker-bio {
        margin: 8px 0 0;
      }

      .previous-speaker-title {
        color: var(--signal);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.35;
      }

      .previous-speaker-company {
        color: var(--ink);
        font-size: 13px;
        font-weight: 800;
      }

      .previous-speaker-bio {
        color: color-mix(in srgb, var(--ink) 64%, transparent);
        font-size: 14px;
        line-height: 1.55;
      }

      .previous-photo-grid {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr 0.8fr;
        grid-auto-rows: minmax(180px, 24vw);
        gap: 14px;
      }

      .previous-photo-grid button {
        position: relative;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--paper) 6%, transparent);
        padding: 0;
        cursor: zoom-in;
      }

      .previous-photo-grid button:first-child {
        grid-row: span 2;
      }

      .previous-photo-grid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(0.92) contrast(1.02);
        transition: transform 420ms ease;
      }

      .previous-photo-grid button:hover img,
      .previous-photo-grid button:focus-visible img {
        transform: scale(1.04);
      }

      .previous-video-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
      }

      .previous-video-grid article {
        border-color: color-mix(in srgb, var(--ink) 12%, transparent);
        background: color-mix(in srgb, var(--paper) 94%, white);
      }

      .previous-video-grid article h3 {
        color: var(--ink);
      }

      .previous-video-grid article p {
        color: color-mix(in srgb, var(--ink) 62%, transparent);
      }

      .previous-video-grid iframe,
      .previous-video-grid video {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        border: 0;
        border-radius: 12px;
        background: var(--ink);
      }

      .previous-stat-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        border-radius: 20px;
        overflow: hidden;
      }

      .previous-stat-grid div {
        min-height: 170px;
        display: grid;
        place-items: center;
        align-content: center;
        border-right: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        background: color-mix(in srgb, var(--paper) 4%, transparent);
        text-align: center;
      }

      .previous-stat-grid div:last-child {
        border-right: 0;
      }

      .previous-stat-grid strong {
        color: var(--paper);
        font-family: var(--font-display);
        font-size: clamp(44px, 6vw, 72px);
        line-height: 1;
      }

      .previous-stat-grid span {
        margin-top: 12px;
        color: color-mix(in srgb, var(--paper) 68%, transparent);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .previous-testimonial-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
      }

      .previous-testimonial-grid blockquote {
        border-color: color-mix(in srgb, var(--ink) 12%, transparent);
        background: color-mix(in srgb, var(--paper) 94%, white);
        margin: 0;
      }

      .previous-testimonial-grid p {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(22px, 2.4vw, 30px);
        line-height: 1.28;
      }

      .previous-testimonial-grid cite {
        display: block;
        margin-top: 22px;
        color: var(--signal);
        font-style: normal;
        font-weight: 800;
      }

      .previous-cta-panel {
        border: 1px solid color-mix(in srgb, var(--paper) 14%, transparent);
        border-radius: 24px;
        background:
          radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--signal) 24%, transparent), transparent 36%),
          radial-gradient(circle at 12% 82%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 38%),
          color-mix(in srgb, var(--paper) 5%, transparent);
        padding: clamp(34px, 6vw, 72px);
      }

      .previous-cta-panel p {
        max-width: 620px;
        margin: 20px 0 0;
        font-size: 18px;
      }

      .previous-cta-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 32px;
      }

      .previous-lightbox {
        position: fixed;
        inset: 0;
        display: none;
        place-items: center;
        z-index: 120;
        background: color-mix(in srgb, var(--ink) 84%, transparent);
        padding: 24px;
      }

      .previous-lightbox.open {
        display: grid;
      }

      .previous-lightbox-panel {
        position: relative;
        width: min(980px, 100%);
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 20px;
        background: var(--ink);
        padding: 18px;
      }

      .previous-lightbox img {
        width: 100%;
        max-height: min(76vh, 760px);
        object-fit: contain;
        border-radius: 12px;
        background: color-mix(in srgb, var(--paper) 4%, transparent);
      }

      .previous-lightbox-caption {
        margin: 12px 52px 0 4px;
        color: color-mix(in srgb, var(--paper) 78%, transparent);
        font-size: 14px;
      }

      .previous-lightbox-close {
        position: absolute;
        right: 14px;
        bottom: 12px;
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--paper) 22%, transparent);
        border-radius: 999px;
        background: transparent;
        color: var(--paper);
        font-size: 20px;
        line-height: 1;
      }

      .previous-lightbox-close:hover,
      .previous-lightbox-close:focus-visible {
        border-color: var(--signal);
        background: var(--signal);
      }

      @media (max-width: 1100px) {
        .previous-speaker-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 980px) {
        /* Tablet: 2 columns */
        .past-events-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 24px;
        }

        .past-events-grid .featured-video-card {
          grid-column: span 2;
        }

        .previous-split,
        .previous-video-grid,
        .previous-testimonial-grid {
          grid-template-columns: 1fr;
        }

        .previous-highlight-grid,
        .previous-speaker-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .previous-photo-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-auto-rows: minmax(180px, 32vw);
        }

        .previous-stat-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .previous-stat-grid div:nth-child(2) {
          border-right: 0;
        }

        .previous-stat-grid div:nth-child(-n + 2) {
          border-bottom: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        }
      }

      @media (max-width: 620px) {
        .previous-hero {
          min-height: calc(100vh - 80px);
          padding-top: 108px;
        }

        .past-events-grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .past-events-grid .featured-video-card {
          grid-column: span 1;
        }

        .previous-highlight-grid,
        .previous-speaker-grid,
        .previous-photo-grid,
        .previous-stat-grid {
          grid-template-columns: 1fr;
        }

        .previous-photo-grid button:first-child {
          grid-row: auto;
        }

        .previous-photo-grid {
          grid-auto-rows: minmax(220px, 64vw);
        }

        .previous-stat-grid div,
        .previous-stat-grid div:nth-child(2) {
          border-right: 0;
        }

        .previous-stat-grid div:not(:last-child) {
          border-bottom: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
        }

        .previous-lightbox {
          padding: 12px;
        }
      }

      #speakers.speakers-section {
        position: relative;
        overflow: visible;
        background: var(--paper);
        color: var(--ink);
      }

      body.paged-site[data-view="speakers"] #speakers .featured-speakers {
        display: none;
      }

      .featured-speakers {
        padding-top: clamp(64px, 8vw, 96px);
        padding-bottom: clamp(64px, 8vw, 96px);
      }

      .fs-head,
      .sp-head {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
        margin-bottom: clamp(36px, 5vw, 64px);
      }

      .fs-head {
        position: relative;
        min-height: clamp(76px, 7vw, 96px);
        padding: 12px clamp(220px, 24vw, 300px) 12px 0;
        border-top: 2px solid color-mix(in srgb, var(--paper) 86%, transparent);
        border-bottom: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        background: var(--ink);
      }

      .fs-head::after {
        display: none;
      }

      .fs-head h2,
      .sp-head h2 {
        margin: 0;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: clamp(40px, 5vw, 64px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: 0;
      }

      #speakers .fs-head h2,
      #speakers .sp-head h2 {
        color: var(--paper);
      }

      .fs-view-all.btn.btn-ghost {
        position: absolute;
        top: 50%;
        right: clamp(24px, 4vw, 48px);
        order: 0;
        align-self: auto;
        margin-left: 0;
        margin-right: 0;
        transform: translateY(-50%);
        min-height: 48px;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0 22px;
        color: var(--paper);
        font-family: var(--font-main);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .fs-view-all.btn.btn-ghost:hover,
      .fs-view-all.btn.btn-ghost:focus-visible {
        background: var(--paper);
        color: var(--ink);
        transform: translateY(-50%);
      }

      .fs-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: clamp(28px, 5vw, 64px);
        align-items: start;
      }

      .fs-list {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
      }

      .fs-list li {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 20px;
        align-items: center;
        min-height: 112px;
        border-top: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        padding: 28px 32px;
        color: color-mix(in srgb, var(--ink) 88%, transparent);
        cursor: pointer;
        transition:
          background 220ms ease,
          color 220ms ease;
      }

      .fs-list li:hover,
      .fs-list li:focus-visible,
      .fs-list li.active {
        background: color-mix(in srgb, var(--ink) 3.5%, transparent);
        color: var(--ink);
        outline: none;
      }

      .fs-name,
      .fs-role,
      .sp-name,
      .sp-role {
        font-family: var(--font-main);
        line-height: 1.45;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .fs-name,
      .sp-name {
        color: currentColor;
        font-size: 15.5px;
        font-weight: 900;
      }

      .fs-role,
      .sp-role {
        margin-top: 4px;
        color: color-mix(in srgb, var(--ink) 72%, transparent);
        font-size: 13px;
        font-weight: 800;
      }

      .fs-socials,
      .sp-socials {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        opacity: 0;
        transition: opacity 220ms ease;
      }

      .fs-list li:hover .fs-socials,
      .fs-list li:focus-visible .fs-socials,
      .fs-list li:focus-within .fs-socials,
      .fs-list li.active .fs-socials {
        opacity: 1;
      }

      .fs-socials a,
      .sp-socials a {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
        border-radius: 50%;
        color: var(--ink);
        font-size: 12px;
        font-weight: 900;
        text-decoration: none;
        transition:
          border-color 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .fs-socials a:hover,
      .fs-socials a:focus-visible,
      .sp-socials a:hover,
      .sp-socials a:focus-visible {
        border-color: var(--signal);
        background: var(--signal);
        color: var(--paper);
      }

      .fs-photo {
        position: sticky;
        top: 96px;
        display: block;
        width: 100%;
        aspect-ratio: 4 / 5;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 16px;
        background:
          linear-gradient(135deg, color-mix(in srgb, var(--ink) 6%, transparent), transparent),
          color-mix(in srgb, var(--ink) 5%, transparent);
        margin: 0;
      }

      .fs-photo img,
      .fs-photo-placeholder {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 300ms ease;
      }

      .fs-photo img {
        object-fit: cover;
        filter: saturate(0.94) contrast(1.04);
      }

      .fs-photo img.active,
      .fs-photo-placeholder.active {
        opacity: 1;
      }

      .fs-photo-placeholder {
        display: grid;
        place-items: center;
        color: color-mix(in srgb, var(--ink) 26%, transparent);
        font-family: var(--font-display);
        font-size: clamp(48px, 8vw, 86px);
        font-weight: 700;
      }

      .speakers-grid-view {
        padding-top: clamp(76px, 8vw, 112px);
        padding-bottom: clamp(76px, 8vw, 112px);
      }

      .sp-head {
        margin-bottom: clamp(30px, 5vw, 48px);
      }

      .sp-grid {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 16px;
      }

      .sp-card {
        min-width: 0;
        color: var(--ink);
      }

      .sp-photo {
        position: relative;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 12px;
        background: color-mix(in srgb, var(--ink) 5%, transparent);
      }

      .sp-photo img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 400ms ease;
      }

      .sp-card:hover .sp-photo img,
      .sp-card:focus-within .sp-photo img {
        transform: scale(1.03);
      }

      .sp-initials {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        color: color-mix(in srgb, var(--ink) 24%, transparent);
        font-family: var(--font-display);
        font-size: clamp(34px, 5vw, 58px);
        font-weight: 700;
      }

      .sp-image + .sp-initials {
        display: none;
      }

      .sp-card.image-failed .sp-image {
        display: none;
      }

      .sp-card.image-failed .sp-initials {
        display: grid;
      }

      .sp-name {
        margin: 22px 0 0;
        color: var(--ink);
        font-size: 16px;
      }

      .sp-role {
        margin: 8px 0 0;
        color: color-mix(in srgb, var(--ink) 60%, transparent);
        font-size: 13px;
      }

      .sp-socials {
        margin-top: 14px;
        opacity: 0.4;
      }

      .sp-card:hover .sp-socials,
      .sp-card:focus-within .sp-socials {
        opacity: 1;
      }

      .fs-empty,
      .sp-empty {
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        font-size: 15px;
        font-weight: 700;
      }

      @media (max-width: 1000px) {
        .sp-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 900px) {
        .fs-head {
          align-items: stretch;
          flex-direction: column;
          min-height: 0;
          padding: 20px;
        }

        .fs-head::after {
          display: none;
        }

        .fs-view-all.btn.btn-ghost {
          position: static;
          transform: none;
          margin-right: 0;
          width: fit-content;
        }

        .fs-view-all.btn.btn-ghost:hover,
        .fs-view-all.btn.btn-ghost:focus-visible {
          transform: none;
        }

        .fs-grid {
          grid-template-columns: 1fr;
          min-height: auto;
        }

        .fs-photo {
          position: relative;
          top: auto;
          order: -1;
          max-width: 420px;
        }
      }

      @media (max-width: 700px) {
        .sp-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .fs-list li {
          padding: 24px 18px;
        }
      }

      @media (max-width: 420px) {
        .sp-grid {
          grid-template-columns: 1fr;
        }

        .fs-list li {
          grid-template-columns: 1fr;
        }

        .fs-socials {
          opacity: 1;
        }
      }

      /* Speakers 2026 redesign: matches the provided dark conference mock while preserving the existing hash view structure. */
      #speakers.speakers-section {
        isolation: isolate;
        overflow: hidden;
        background:
          radial-gradient(circle at 9% 24%, color-mix(in srgb, var(--signal) 22%, transparent), transparent 23%),
          radial-gradient(circle at 89% 18%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 26%),
          linear-gradient(180deg, color-mix(in srgb, var(--ink) 98%, black), color-mix(in srgb, var(--ink) 88%, black));
        color: var(--paper);
      }

      #speakers.speakers-section::before,
      #speakers.speakers-section::after {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
        border-radius: 50%;
        opacity: 0.38;
      }

      #speakers.speakers-section::before {
        left: -180px;
        top: 90px;
        width: 420px;
        height: 420px;
        border: 1px solid color-mix(in srgb, var(--signal) 36%, transparent);
        box-shadow: inset 0 0 80px color-mix(in srgb, var(--signal) 20%, transparent);
      }

      #speakers.speakers-section::after {
        right: -120px;
        top: 44px;
        width: 330px;
        height: 330px;
        border: 1px dotted color-mix(in srgb, var(--gold) 42%, transparent);
      }

      body.paged-site[data-view="speakers"] #speakers .featured-speakers {
        display: block;
      }

      .featured-speakers {
        padding-top: clamp(28px, 4vw, 44px);
        padding-bottom: clamp(16px, 3vw, 28px);
      }

      .fs-head,
      .sp-head {
        margin-bottom: 14px;
      }

      .fs-head {
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .fs-head h2,
      .sp-head h2,
      #speakers .fs-head h2,
      #speakers .sp-head h2 {
        color: var(--paper);
        font-family: var(--font-main);
        font-size: clamp(28px, 2.2vw, 36px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.1;
      }

      #speakers .fs-head h2::after,
      #speakers .sp-head h2::after {
        content: "";
        display: block;
        width: 54px;
        height: 2px;
        margin-top: 8px;
        background: var(--gold);
      }

      .fs-grid {
        display: grid;
        grid-template-columns: minmax(220px, 330px) minmax(220px, 320px) minmax(260px, 1fr);
        column-gap: clamp(28px, 3vw, 48px);
        row-gap: 0;
        align-items: stretch;
        min-height: clamp(320px, 30vw, 356px);
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
        border-radius: 8px;
        background:
          linear-gradient(90deg, color-mix(in srgb, var(--ink) 92%, transparent), color-mix(in srgb, var(--ink) 82%, transparent)),
          color-mix(in srgb, var(--ink) 92%, black);
      }

      .fs-list {
        display: flex;
        flex-direction: column;
        border: 0;
      }

      .fs-list li {
        position: relative;
        flex: 1 1 0;
        grid-template-columns: minmax(0, 1fr) 20px;
        min-height: 64px;
        border-top: 1px solid color-mix(in srgb, var(--paper) 10%, transparent);
        padding: 18px 22px 18px 32px;
        color: var(--paper);
        transition:
          background 180ms ease,
          color 180ms ease,
          border-color 180ms ease;
      }

      .fs-list li:first-child {
        border-top: 0;
      }

      .fs-list li::before {
        content: "";
        width: 3px;
        height: 28px;
        position: absolute;
        left: 18px;
        background: transparent;
      }

      .fs-list li:hover,
      .fs-list li:focus-visible,
      .fs-list li.active {
        background: color-mix(in srgb, var(--signal) 8%, transparent);
        color: var(--gold);
        outline: none;
      }

      .fs-list li.active::before {
        background: var(--gold);
      }

      .fs-name,
      .sp-name {
        color: currentColor;
        font-family: var(--font-main);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.16;
        text-transform: none;
      }

      .fs-role {
        display: none;
      }

      .fs-arrow {
        color: var(--gold);
        font-size: 20px;
        opacity: 0;
        transition: opacity 180ms ease, transform 180ms ease;
      }

      .fs-list li:hover .fs-arrow,
      .fs-list li:focus-visible .fs-arrow,
      .fs-list li.active .fs-arrow {
        opacity: 1;
        transform: translateX(2px);
      }

      .fs-photo {
        position: relative;
        top: auto;
        order: initial;
        align-self: center;
        width: min(304px, 86%);
        aspect-ratio: 1 / 1;
        margin: 0 auto;
        border: 1px solid color-mix(in srgb, var(--paper) 20%, transparent);
        border-radius: 4px;
        background: color-mix(in srgb, var(--paper) 7%, transparent);
      }

      .fs-photo img,
      .fs-photo-placeholder {
        background: color-mix(in srgb, var(--paper) 92%, var(--signal));
      }

      .fs-photo img {
        object-fit: cover;
        filter: saturate(0.95) contrast(1.02);
      }

      .fs-detail {
        position: relative;
        min-width: 0;
        border-left: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
      }

      .fs-detail-card {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        padding: clamp(32px, 3.6vw, 56px);
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity 220ms ease, transform 220ms ease;
      }

      .fs-detail-card.active {
        opacity: 1;
        pointer-events: auto;
        transform: none;
      }

      .fs-detail-card h3 {
        margin: 0;
        color: var(--paper);
        font-family: var(--font-main);
        font-size: clamp(28px, 3vw, 42px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.04;
      }

      .fs-title {
        max-width: 430px;
        margin: 10px 0 0;
        color: var(--gold);
        font-size: clamp(18px, 2vw, 26px);
        font-weight: 500;
        line-height: 1.15;
      }

      .fs-rule {
        width: min(310px, 72%);
        height: 1px;
        margin: 24px 0 18px;
        background: color-mix(in srgb, var(--gold) 68%, transparent);
      }

      .fs-company,
      .fs-bio {
        margin: 0;
        color: var(--paper);
        font-size: 17px;
        line-height: 1.35;
      }

      .fs-bio {
        max-width: 46ch;
        margin-top: 10px;
        color: color-mix(in srgb, var(--paper) 78%, transparent);
        font-size: 14px;
      }

      .fs-linkedin,
      .sp-socials a {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border: 1px solid var(--gold);
        border-radius: 4px;
        color: var(--gold);
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        text-decoration: none;
        transition:
          background 180ms ease,
          color 180ms ease,
          transform 180ms ease;
      }

      .fs-linkedin {
        margin-top: 18px;
      }

      .fs-linkedin:hover,
      .fs-linkedin:focus-visible,
      .sp-socials a:hover,
      .sp-socials a:focus-visible {
        background: var(--gold);
        color: var(--ink);
        transform: translateY(-1px);
      }

      .speakers-grid-view {
        padding-top: clamp(14px, 2vw, 22px);
        padding-bottom: clamp(58px, 7vw, 96px);
      }

      .sp-head {
        margin-bottom: 12px;
      }

      .sp-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 24px;
      }

      .sp-card {
        display: flex;
        min-width: 0;
        flex-direction: column;
        padding: 14px;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        border-radius: 14px;
        background: #ffffff;
        color: var(--ink);
        box-shadow: 0 1px 3px color-mix(in srgb, var(--ink) 6%, transparent);
        transition:
          border-color 220ms ease,
          box-shadow 220ms ease,
          transform 220ms ease;
      }

      .sp-card:hover,
      .sp-card:focus-within {
        border-color: color-mix(in srgb, var(--signal) 36%, transparent);
        box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 14%, transparent);
        transform: translateY(-4px);
      }

      .sp-photo {
        flex: 0 0 auto;
        aspect-ratio: 1 / 1;
        border-radius: 10px;
        overflow: hidden;
        background: color-mix(in srgb, var(--ink) 6%, transparent);
      }

      .sp-photo img {
        object-fit: cover;
        object-position: center 18%;
      }

      .sp-card.photo-missing .sp-photo img {
        object-fit: contain;
        object-position: center;
      }

      .sp-name {
        min-height: 0;
        margin: 14px 0 0;
        color: var(--ink);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
      }

      .sp-role {
        min-height: 0;
        margin: 4px 0 0;
        color: var(--signal);
        font-family: var(--font-main);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.25;
        text-transform: none;
      }

      .sp-company {
        margin: 4px 0 0;
        color: color-mix(in srgb, var(--ink) 70%, transparent);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.25;
      }

      .sp-bio {
        margin: 8px 0 0;
        color: color-mix(in srgb, var(--ink) 64%, transparent);
        font-size: 13px;
        line-height: 1.4;
      }

      .sp-socials {
        display: flex;
        margin-top: auto;
        padding-top: 10px;
        opacity: 1;
      }

      .sp-socials a {
        width: 32px;
        height: 32px;
        font-size: 13px;
        border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
        color: var(--ink);
        background: transparent;
      }

      .sp-socials a:hover {
        background: var(--signal);
        border-color: var(--signal);
        color: var(--paper);
      }

      .fs-empty,
      .sp-empty {
        color: color-mix(in srgb, var(--ink) 70%, transparent);
      }

      @media (min-width: 1400px) {
        .sp-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 28px;
        }
      }

      @media (min-width: 1000px) and (max-width: 1399px) {
        .sp-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 960px) {
        .fs-grid {
          grid-template-columns: minmax(210px, 1fr) minmax(220px, 1fr);
        }

        .fs-detail {
          grid-column: 1 / -1;
          min-height: 260px;
          border-top: 1px solid color-mix(in srgb, var(--paper) 12%, transparent);
          border-left: 0;
        }

        .fs-photo {
          width: min(280px, 82%);
        }
      }

      @media (max-width: 700px) {
        .featured-speakers {
          padding-top: 30px;
        }

        .fs-grid {
          grid-template-columns: 1fr;
          min-height: auto;
        }

        .fs-photo {
          order: 0;
          width: min(260px, calc(100% - 48px));
          margin: 24px auto;
        }

        .fs-detail {
          min-height: 250px;
        }

        .fs-list li {
          flex: 0 0 auto;
          min-height: 52px;
          padding: 14px 18px 14px 28px;
        }

        .sp-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
        }
      }

      @media (max-width: 420px) {
        .sp-grid {
          grid-template-columns: 1fr;
        }

        .sp-card {
          min-height: 0;
        }
      }

      /* ============================================================
         Speakers section restyle — cream background, square photos,
         eyebrow + heading intro, centered view-all link.
         Added 2026-06-19.
         ============================================================ */

      #speakers.speakers-section {
        background: var(--paper);
        color: var(--ink);
      }

      #speakers.speakers-section::before,
      #speakers.speakers-section::after {
        content: none;
        display: none;
      }

      #speakers .speakers-intro {
        display: flex;
        align-items: center;
        gap: clamp(12px, 2vw, 22px);
        flex-wrap: wrap;
        padding-top: clamp(36px, 5vw, 56px);
        padding-bottom: clamp(16px, 2.2vw, 24px);
      }

      #speakers .speakers-intro .eyebrow {
        display: inline-block;
        padding: 8px 18px;
        background: color-mix(in srgb, var(--signal) 12%, transparent);
        color: var(--signal);
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        margin-bottom: 0;
      }

      #speakers .speakers-intro h2 {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(22px, 2.4vw, 32px);
        font-weight: 700;
        line-height: 1.12;
        letter-spacing: -0.02em;
        max-width: none;
      }

      #speakers .speakers-intro p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 70%, transparent);
        font-size: clamp(16px, 1.6vw, 18px);
        line-height: 1.55;
        max-width: 680px;
      }

      /* Reset the featured-speakers panel to be light. */
      #speakers .fs-head {
        background: transparent;
        border-top: 0;
        border-bottom: 0;
        padding: 0 0 16px;
        margin-bottom: 24px;
      }

      #speakers .fs-head h2,
      #speakers .sp-head h2 {
        color: var(--ink);
      }

      #speakers .fs-grid {
        background: color-mix(in srgb, var(--ink) 96%, black);
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 16px;
        overflow: hidden;
      }

      /* Centered view-all row, hidden when the user is already on the speakers view. */
      #speakers .fs-view-all-row {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        align-items: center;
        margin-top: 24px;
      }

      #speakers .fs-view-all-row .fs-view-all,
      #speakers .fs-view-all-row .fs-apply-to-speak {
        position: static;
        transform: none;
        padding: 14px 28px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-decoration: none;
        transition: transform 180ms ease, background 180ms ease;
      }

      #speakers .fs-view-all-row .fs-view-all {
        background: var(--signal);
        color: var(--paper);
      }

      #speakers .fs-view-all-row .fs-apply-to-speak {
        border: 1px solid var(--signal);
        background: var(--signal);
        color: var(--paper);
        box-shadow: 0 14px 32px color-mix(in srgb, var(--signal) 22%, transparent);
      }

      #speakers .fs-view-all-row .fs-view-all:hover,
      #speakers .fs-view-all-row .fs-apply-to-speak:hover {
        background: color-mix(in srgb, var(--signal) 80%, black);
        transform: translateY(-2px);
      }

      #speakers .fs-view-all-row .fs-apply-to-speak:hover {
        background: color-mix(in srgb, var(--signal) 80%, black);
      }

      body.paged-site[data-view="speakers"] #speakers .fs-view-all-row {
        display: flex;
      }

      body.paged-site[data-view="speakers"] #speakers .speakers-grid-view {
        display: none;
      }

      body.paged-site[data-view="speakers"] #speakers.is-speaker-grid-open .speakers-grid-view {
        display: block;
      }

      body.paged-site[data-view="home"] #speakers.is-speaker-grid-open .speakers-grid-view {
        display: block;
      }

      /* Square photo frames in the full speaker grid — show full face. */
      .panelist-photo-frame {
        width: 100% !important;
        height: auto !important;
        flex: 0 0 auto !important;
        aspect-ratio: 1 / 1;
        border-radius: 14px;
      }

      .panelist-photo-frame img {
        object-position: center 18%;
      }

      .generated-speaker-card .panelist-photo-frame {
        width: 100% !important;
        flex-basis: auto !important;
      }

      /* Speakers grid view (the /#speakers full-list page) — match the cream
         theme so the heading is readable and cards feel consistent with the
         home view's featured speakers panel. */
      #speakers .speakers-grid-view {
        background: var(--paper);
        padding: clamp(48px, 6vw, 80px) 0;
      }

      #speakers .sp-head {
        background: transparent;
        border: 0;
        padding: 0 0 24px;
        margin-bottom: 24px;
      }

      #speakers .sp-head h2 {
        color: var(--ink);
      }

      #speakers .sp-grid .panelist-reference-card.generated-speaker-card {
        background: #ffffff;
        border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
        box-shadow: 0 1px 3px color-mix(in srgb, var(--ink) 6%, transparent);
      }

      #speakers .sp-grid .panelist-reference-card.generated-speaker-card:hover {
        background: #ffffff;
        border-color: color-mix(in srgb, var(--signal) 30%, transparent);
        box-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);
      }

      #speakers .sp-grid .panelist-copy h3 {
        color: var(--ink);
      }

      #speakers .sp-grid .panelist-copy p {
        color: color-mix(in srgb, var(--ink) 70%, transparent);
      }

      /* Footer pinning — ensure footer hugs the bottom of every view without
         a phantom band below it. Body flexes to viewport height; main grows
         to fill remaining space; footer is the last child. */
      html {
        background: var(--paper);
      }

      body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }

      body > main {
        flex: 1 0 auto;
      }

      body > footer {
        flex-shrink: 0;
      }

      /* Speakers grid view runs tight to the footer — the section already
         provides ample top spacing via its intro block. */
      #speakers .speakers-grid-view {
        padding: 32px 0 0;
      }

      /* ============================================================
         Past Events section — gallery cards per year.
         Public archive uses curated local Past Events data.
         Added 2026-06-19.
         ============================================================ */

       /* ============================================================
          Past Events Section — Premium Fortune 500 Conference Style
          Redesigned with off-white background, white cards, navy typography,
          orange/purple accents, 24px corners, and generous whitespace.
          Full responsive grid: 3 columns desktop, 2 tablet, 1 mobile.
          Featured video card is the visual focal point with 16:9 thumbnail,
          play button overlay, "Watch Recap Video" button with hover animation.
          ============================================================ */

       #previous-editions.previous-editions-section {
         --past-paper: #F9F7F4;
         --past-ink: #081B4B;
         --past-accent: #F15A24;
         --past-border: rgba(8, 27, 75, 0.1);
         --past-muted: rgba(8, 27, 75, 0.66);
         --past-ease: cubic-bezier(.22,.61,.36,1);
         background:
           radial-gradient(circle at 12% 12%, rgba(241, 90, 36, 0.08), transparent 32%),
           radial-gradient(circle at 88% 0%, rgba(8, 27, 75, 0.06), transparent 34%),
           var(--past-paper);
         color: var(--past-ink);
         padding: clamp(86px, 10vw, 126px) 0;
       }

       #previous-editions .past-events-index {
         max-width: 1240px;
       }

       #previous-editions .past-events-section-head {
         max-width: 760px;
         margin: 0 0 clamp(34px, 5vw, 54px);
         text-align: left;
       }

       #previous-editions .past-events-kicker {
         display: inline-block;
         margin-bottom: 14px;
         color: var(--past-accent);
         font-size: 12px;
         font-weight: 900;
         letter-spacing: 0.14em;
         line-height: 1;
         text-transform: uppercase;
       }

       #previous-editions .past-events-section-head h1 {
         max-width: 720px;
         margin: 0 0 18px;
         color: var(--past-ink);
         font-family: var(--font-display);
         font-size: clamp(42px, 6.2vw, 84px);
         font-weight: 800;
         letter-spacing: -0.035em;
         line-height: 0.96;
       }

       #previous-editions .past-events-section-head p {
         max-width: 570px;
         margin: 0;
         color: var(--past-muted);
         font-size: clamp(16px, 1.6vw, 18px);
         font-weight: 650;
         line-height: 1.55;
       }

       #previous-editions .past-events-grid {
         display: grid;
         grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr);
         gap: clamp(18px, 2.4vw, 28px);
         align-items: stretch;
         margin: 0 auto;
       }

       #previous-editions .past-event-card,
       #previous-editions .featured-video-card {
         position: relative;
         display: flex;
         flex-direction: column;
         min-height: 100%;
         overflow: hidden;
         border: 1px solid var(--past-border);
         border-radius: 24px;
         background: #ffffff;
         color: var(--past-ink);
         box-shadow: 0 18px 48px rgba(8, 27, 75, 0.09);
         opacity: 0;
         transform: translateY(24px);
         animation: pastEventsFadeUp 700ms var(--past-ease) forwards;
         transition:
           transform 300ms var(--past-ease),
           box-shadow 300ms var(--past-ease),
           border-color 300ms var(--past-ease);
       }

       #previous-editions .past-event-card:nth-child(2),
       #previous-editions .featured-video-card {
         animation-delay: 90ms;
       }

       #previous-editions .past-event-card:nth-child(3) {
         animation-delay: 180ms;
       }

       #previous-editions .past-event-card:hover,
       #previous-editions .past-event-card:focus-visible,
       #previous-editions .featured-video-card:hover,
       #previous-editions .featured-video-card:focus-visible {
         transform: translateY(-8px);
         border-color: rgba(241, 90, 36, 0.34);
         box-shadow: 0 28px 70px rgba(8, 27, 75, 0.16);
       }

       #previous-editions .past-event-card-cover,
       #previous-editions .featured-video-thumbnail-wrapper {
         position: relative;
         overflow: hidden;
         background: #ece7df;
       }

       #previous-editions .past-event-card-cover {
         aspect-ratio: 1.34 / 1;
       }

       #previous-editions .featured-video-thumbnail-wrapper {
         aspect-ratio: 16 / 9;
       }

       #previous-editions .past-event-card-cover img,
       #previous-editions .featured-video-thumbnail {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 300ms var(--past-ease);
       }

       #previous-editions .past-event-card:hover .past-event-card-cover img,
       #previous-editions .past-event-card:focus-visible .past-event-card-cover img,
       #previous-editions .featured-video-card:hover .featured-video-thumbnail,
       #previous-editions .featured-video-card:focus-visible .featured-video-thumbnail {
         transform: scale(1.05);
       }

       #previous-editions .past-event-year,
       #previous-editions .featured-video-badge {
         position: absolute;
         left: 16px;
         z-index: 2;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         min-height: 30px;
         padding: 7px 12px;
         border-radius: 999px;
         background: var(--past-accent);
         color: #ffffff;
         font-size: 11px;
         font-weight: 900;
         letter-spacing: 0.08em;
         line-height: 1;
         text-transform: uppercase;
         box-shadow: 0 10px 22px rgba(241, 90, 36, 0.25);
       }

       #previous-editions .past-event-year {
         bottom: 16px;
       }

       #previous-editions .featured-video-badge {
         top: 16px;
         bottom: auto;
       }

       #previous-editions .past-event-card-body,
       #previous-editions .featured-video-content {
         display: flex;
         flex: 1;
         flex-direction: column;
         padding: clamp(22px, 2.4vw, 30px);
       }

       #previous-editions .past-event-card-body {
         gap: 14px;
       }

       #previous-editions .featured-video-content {
         gap: 15px;
       }

       #previous-editions .past-event-edition {
         margin: 0;
         color: var(--past-accent);
         font-size: 12px;
         font-weight: 900;
         letter-spacing: 0.13em;
         line-height: 1;
         text-transform: uppercase;
       }

       #previous-editions .past-event-title,
       #previous-editions .featured-video-title {
         margin: 0;
         color: var(--past-ink);
         font-family: var(--font-display);
         font-weight: 800;
         letter-spacing: -0.02em;
         line-height: 1.08;
       }

       #previous-editions .past-event-title {
         font-size: clamp(24px, 2.1vw, 30px);
       }

       #previous-editions .featured-video-title {
         font-size: clamp(26px, 2.35vw, 34px);
       }

       #previous-editions .past-event-description,
       #previous-editions .featured-video-description {
         margin: 0;
         color: var(--past-muted);
         font-size: 15px;
         font-weight: 600;
         line-height: 1.58;
       }

       #previous-editions .past-event-description,
       #previous-editions .featured-video-description {
         flex: 1;
       }

       #previous-editions .featured-video-date {
         margin: -3px 0 0;
         color: var(--past-accent);
         font-size: 13px;
         font-weight: 900;
         letter-spacing: 0.04em;
         text-transform: uppercase;
       }

       #previous-editions .past-event-meta {
         display: grid;
         gap: 12px;
         margin-top: 4px;
         padding-top: 18px;
         border-top: 1px solid rgba(8, 27, 75, 0.1);
       }

       #previous-editions .past-meta-item {
         display: grid;
         grid-template-columns: 20px 1fr;
         gap: 10px;
         align-items: start;
         color: var(--past-muted);
         font-size: 13px;
         font-weight: 650;
         line-height: 1.35;
       }

       #previous-editions .past-meta-item svg {
         width: 18px;
         height: 18px;
         margin-top: 1px;
         color: var(--past-accent);
         stroke: currentColor;
         stroke-width: 2;
         fill: none;
       }

       #previous-editions .past-meta-item span {
         color: rgba(8, 27, 75, 0.76);
       }

       #previous-editions .past-meta-item strong {
         display: block;
         margin-bottom: 2px;
         color: var(--past-accent);
         font-size: 10px;
         font-weight: 900;
         letter-spacing: 0.11em;
         line-height: 1;
         text-transform: uppercase;
       }

       #previous-editions .past-event-view,
       #previous-editions .featured-video-button,
       #previous-editions .past-events-outline-button {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         min-height: 44px;
         border-radius: 999px;
         font-size: 12px;
         font-weight: 900;
         letter-spacing: 0.04em;
         line-height: 1;
         text-transform: uppercase;
         transition:
           transform 300ms var(--past-ease),
           background 300ms var(--past-ease),
           border-color 300ms var(--past-ease),
           color 300ms var(--past-ease),
           box-shadow 300ms var(--past-ease);
       }

       #previous-editions .past-event-view {
         align-self: flex-start;
         margin-top: auto;
         border: 1px solid rgba(241, 90, 36, 0.34);
         padding: 0 18px;
         background: #ffffff;
         color: var(--past-accent);
       }

       #previous-editions .past-event-card:hover .past-event-view,
       #previous-editions .past-event-card:focus-visible .past-event-view {
         background: var(--past-accent);
         color: #ffffff;
         box-shadow: 0 14px 28px rgba(241, 90, 36, 0.22);
       }

       #previous-editions .featured-video-card {
         border: 1px solid rgba(241, 90, 36, 0.28);
         background:
           linear-gradient(#ffffff, #ffffff) padding-box,
           linear-gradient(135deg, rgba(241, 90, 36, 0.7), rgba(8, 27, 75, 0.18)) border-box;
         box-shadow: 0 26px 76px rgba(8, 27, 75, 0.16);
       }

       #previous-editions .featured-video-card::after {
         content: "";
         position: absolute;
         inset: auto 24px 0;
         height: 3px;
         border-radius: 999px 999px 0 0;
         background: linear-gradient(90deg, transparent, var(--past-accent), transparent);
         opacity: 0.55;
       }

       #previous-editions .featured-video-thumbnail-wrapper::after {
         content: "";
         position: absolute;
         inset: 0;
         background: linear-gradient(180deg, rgba(8, 27, 75, 0.02), rgba(8, 27, 75, 0.2));
         pointer-events: none;
       }

       #previous-editions .featured-video-play-button {
         position: absolute;
         top: 50%;
         left: 50%;
         z-index: 2;
         display: flex;
         width: 76px;
         height: 76px;
         align-items: center;
         justify-content: center;
         border: 1px solid rgba(255, 255, 255, 0.5);
         border-radius: 50%;
         background: rgba(8, 27, 75, 0.9);
         color: #ffffff;
         box-shadow: 0 18px 36px rgba(8, 27, 75, 0.26);
         transform: translate(-50%, -50%);
         transition:
           transform 300ms var(--past-ease),
           background 300ms var(--past-ease),
           box-shadow 300ms var(--past-ease);
       }

       #previous-editions .featured-video-play-button::before {
         content: "";
         position: absolute;
         inset: -9px;
         border: 1px solid rgba(255, 255, 255, 0.44);
         border-radius: inherit;
         animation: pastEventsPlayPulse 2.2s var(--past-ease) infinite;
       }

       #previous-editions .featured-video-play-button svg {
         width: 30px;
         height: 30px;
         margin-left: 4px;
         fill: currentColor;
       }

       #previous-editions .featured-video-card:hover .featured-video-play-button,
       #previous-editions .featured-video-card:focus-visible .featured-video-play-button {
         background: var(--past-accent);
         box-shadow: 0 20px 46px rgba(241, 90, 36, 0.34);
         transform: translate(-50%, -50%) scale(1.07);
       }

       #previous-editions .featured-video-button {
         width: 100%;
         min-height: 50px;
         margin-top: auto;
         border: 1px solid var(--past-ink);
         padding: 0 22px;
         background: var(--past-ink);
         color: #ffffff;
         box-shadow: 0 16px 30px rgba(8, 27, 75, 0.16);
       }

       #previous-editions .featured-video-card:hover .featured-video-button,
       #previous-editions .featured-video-card:focus-visible .featured-video-button {
         border-color: var(--past-accent);
         background: var(--past-accent);
         box-shadow: 0 18px 34px rgba(241, 90, 36, 0.25);
         transform: translateY(-2px);
       }

       #previous-editions .past-events-all-row {
         display: flex;
         justify-content: center;
         padding-top: clamp(24px, 4vw, 36px);
       }

       #previous-editions .past-events-all-row::before {
         content: "Explore more events and stay connected with the GSC Network.";
         display: inline-flex;
         align-items: center;
         min-height: 52px;
         border: 1px solid rgba(8, 27, 75, 0.08);
         border-right: 0;
         border-radius: 999px 0 0 999px;
         background: rgba(255, 255, 255, 0.78);
         padding: 0 clamp(18px, 3vw, 32px);
         color: rgba(8, 27, 75, 0.72);
         font-size: 14px;
         font-weight: 800;
       }

       #previous-editions .past-events-outline-button {
         min-height: 52px;
         border: 1px solid rgba(241, 90, 36, 0.46);
         border-radius: 0 999px 999px 0;
         background: #ffffff;
         padding: 0 clamp(20px, 3vw, 30px);
         color: var(--past-accent);
       }

       #previous-editions .past-events-outline-button:hover,
       #previous-editions .past-events-outline-button:focus-visible {
         border-color: var(--past-accent);
         background: var(--past-accent);
         color: #ffffff;
         box-shadow: 0 16px 34px rgba(241, 90, 36, 0.22);
         transform: translateY(-2px);
       }

       @keyframes pastEventsFadeUp {
         to {
           opacity: 1;
           transform: translateY(0);
         }
       }

       @keyframes pastEventsPlayPulse {
         0% {
           opacity: 0.82;
           transform: scale(0.92);
         }
         70% {
           opacity: 0;
           transform: scale(1.28);
         }
         100% {
           opacity: 0;
           transform: scale(1.28);
         }
       }

       @media (max-width: 1024px) {
         #previous-editions .past-events-section-head {
           max-width: 680px;
           margin-right: auto;
           margin-left: auto;
           text-align: center;
         }

         #previous-editions .past-events-section-head p {
           margin-right: auto;
           margin-left: auto;
         }

         #previous-editions .past-events-grid {
           grid-template-columns: repeat(2, minmax(0, 1fr));
         }

         #previous-editions .featured-video-card {
           grid-column: 1 / -1;
           order: -1;
         }

         #previous-editions .featured-video-card .featured-video-thumbnail-wrapper {
           aspect-ratio: 16 / 8;
         }
       }

       @media (max-width: 640px) {
         #previous-editions.previous-editions-section {
           padding: 76px 0 86px;
         }

         #previous-editions .past-events-section-head {
           margin-bottom: 30px;
           text-align: left;
         }

         #previous-editions .past-events-section-head p {
           margin-left: 0;
         }

         #previous-editions .past-events-grid {
           grid-template-columns: 1fr;
           gap: 20px;
         }

         #previous-editions .featured-video-card {
           grid-column: auto;
         }

         #previous-editions .featured-video-card .featured-video-thumbnail-wrapper,
         #previous-editions .past-event-card-cover {
           aspect-ratio: 16 / 10;
         }

         #previous-editions .past-events-all-row {
           display: grid;
           gap: 10px;
           justify-items: stretch;
         }

         #previous-editions .past-events-all-row::before,
         #previous-editions .past-events-outline-button {
           width: 100%;
           border: 1px solid rgba(8, 27, 75, 0.08);
           border-radius: 18px;
           text-align: center;
         }
       }

       @media (prefers-reduced-motion: reduce) {
         #previous-editions .past-event-card,
         #previous-editions .featured-video-card {
           animation: none;
           opacity: 1;
           transform: none;
           transition: none;
         }

         #previous-editions .past-event-card-cover img,
         #previous-editions .featured-video-thumbnail,
         #previous-editions .featured-video-play-button::before {
           animation: none;
           transition: none;
         }
       }

      /* Simple gallery lightbox shared with sponsor / speaker images. */
      .pe-lightbox {
        position: fixed;
        inset: 0;
        background: color-mix(in srgb, var(--ink) 92%, black);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 32px;
      }

      .pe-lightbox[data-open="true"] {
        display: flex;
      }

      .pe-lightbox-img {
        max-width: 90vw;
        max-height: 85vh;
        border-radius: 12px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
      }

      .pe-lightbox-close {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 999px;
        background: var(--paper);
        color: var(--ink);
        font-size: 22px;
        font-weight: 700;
        cursor: pointer;
      }

      .pe-lightbox-prev,
      .pe-lightbox-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        border: 0;
        border-radius: 999px;
        background: var(--paper);
        color: var(--ink);
        font-size: 22px;
        font-weight: 700;
        cursor: pointer;
      }

      .pe-lightbox-prev { left: 24px; }
      .pe-lightbox-next { right: 24px; }

      /* ============================================================
         Site footer — simplified, light layout. Added 2026-06-19.
         Overrides the old dense dark footer entirely.
         ============================================================ */

      footer.site-footer {
        position: relative;
        overflow: visible;
        margin: 0;
        background: #f7f5f1;
        color: var(--ink);
        border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        padding-top: clamp(14px, 2vw, 24px);
        padding-right: 20px;
        padding-left: 20px;
      }

      footer.site-footer::before {
        display: none;
      }

      footer.site-footer::after {
        content: none;
        display: none;
      }

      .site-footer-inner {
        width: 95%;
        max-width: 1600px;
        margin-right: auto;
        margin-left: auto;
        display: grid;
        grid-template-columns: minmax(270px, 0.9fr) minmax(560px, 1.55fr) minmax(210px, 0.72fr);
        gap: 0;
        align-items: center;
        overflow: hidden;
        border: 1px solid rgba(12, 26, 46, 0.1);
        border-radius: 26px;
        background:
          radial-gradient(circle at 1% 15%, rgba(29, 95, 214, 0.1), transparent 28%),
          radial-gradient(circle at 99% 100%, rgba(245, 185, 66, 0.16), transparent 30%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72));
        box-shadow:
          0 18px 48px rgba(12, 26, 46, 0.12),
          0 2px 10px rgba(12, 26, 46, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.88);
      }

      .site-footer-brand {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-height: 152px;
        justify-content: center;
        padding: clamp(16px, 1.8vw, 22px) clamp(20px, 2.4vw, 32px);
      }

      .site-footer-logo {
        display: block;
        width: min(190px, 100%);
        max-width: 50vw;
        height: auto;
        object-fit: contain;
      }

      .site-footer-tagline {
        margin: 0;
        max-width: 360px;
        color: color-mix(in srgb, var(--ink) 78%, transparent);
        font-size: clamp(13px, 0.95vw, 15px);
        font-weight: 650;
        line-height: 1.55;
      }

      .site-footer-newsletter {
        display: flex;
        flex-direction: column;
        gap: 0;
        min-height: 152px;
        justify-content: center;
        padding: clamp(16px, 1.9vw, 24px) clamp(30px, 3.2vw, 48px);
        border-left: 1px solid rgba(12, 26, 46, 0.12);
        border-right: 1px solid rgba(12, 26, 46, 0.12);
      }

      .site-footer-newsletter-label {
        width: fit-content;
        margin: 0 0 8px;
        font-size: 12px;
        font-weight: 850;
        letter-spacing: 0.2em;
        line-height: 1;
        text-transform: uppercase;
        color: var(--signal);
      }

      .site-footer-newsletter-label::after,
      .site-footer-social-title::after {
        content: "";
        display: block;
        width: 52px;
        height: 2px;
        margin-top: 8px;
        background: var(--gold);
      }

      .site-footer-newsletter-title {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(30px, 2.45vw, 40px);
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.05;
        white-space: nowrap;
      }

      .site-footer-newsletter-copy {
        max-width: 680px;
        margin: 8px 0 12px;
        color: color-mix(in srgb, var(--ink) 70%, transparent);
        font-size: clamp(14px, 1.18vw, 17px);
        font-weight: 600;
        line-height: 1.5;
      }

      .site-footer-newsletter-row {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 54px;
        max-width: 610px;
        background: rgba(255, 255, 255, 0.92);
        border: 1px solid rgba(12, 26, 46, 0.12);
        border-radius: 999px;
        padding: 5px 6px 5px 18px;
        box-shadow:
          0 12px 24px rgba(12, 26, 46, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.9);
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          transform 180ms ease;
      }

      .site-footer-newsletter-row:focus-within {
        border-color: color-mix(in srgb, var(--signal) 42%, white);
        box-shadow:
          0 20px 42px rgba(12, 26, 46, 0.14),
          0 0 0 4px color-mix(in srgb, var(--signal) 12%, transparent),
          inset 0 1px 0 rgba(255, 255, 255, 0.94);
      }

      .site-footer-email-icon {
        display: inline-grid;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        place-items: center;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
      }

      .site-footer-email-icon svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.9;
      }

      .site-footer-newsletter-row input {
        flex: 1;
        min-width: 0;
        border: 0;
        background: transparent;
        padding: 0 8px;
        font: inherit;
        color: var(--ink);
        font-size: clamp(14px, 1.1vw, 17px);
        font-weight: 700;
      }

      .site-footer-newsletter-row input::placeholder {
        color: color-mix(in srgb, var(--ink) 58%, transparent);
      }

      .site-footer-newsletter-row input:focus {
        outline: none;
      }

      .site-footer-newsletter-row button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 44px;
        border: 0;
        background: linear-gradient(135deg, #2877f0 0%, var(--signal) 48%, #1647b0 100%);
        color: var(--paper);
        padding: 0 clamp(18px, 2vw, 28px);
        border-radius: 999px;
        box-shadow: 0 13px 26px color-mix(in srgb, var(--signal) 28%, transparent);
        font-size: clamp(14px, 1.05vw, 16px);
        font-weight: 850;
        letter-spacing: 0;
        cursor: pointer;
        transition:
          box-shadow 180ms ease,
          transform 180ms ease,
          filter 180ms ease;
      }

      .site-footer-newsletter-row button:hover {
        filter: saturate(1.08) brightness(1.03);
        transform: translateY(-2px);
        box-shadow: 0 17px 32px color-mix(in srgb, var(--signal) 36%, transparent);
      }

      .site-footer-newsletter-success {
        display: none;
        margin-top: 14px;
        font-size: 14px;
        font-weight: 700;
        color: color-mix(in srgb, var(--signal) 70%, var(--ink) 30%);
      }

      .site-footer-newsletter-success.is-visible {
        display: block;
      }

      .site-footer-social {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
        gap: 14px;
        min-height: 152px;
        padding: clamp(16px, 1.8vw, 22px) clamp(18px, 2.2vw, 28px);
      }

      .site-footer-social-title {
        flex-basis: 100%;
        margin: 0 0 4px;
        color: var(--signal);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: 0.2em;
        line-height: 1;
        text-align: left;
        text-transform: uppercase;
      }

      .site-footer-social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow:
          0 14px 28px rgba(12, 26, 46, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.86);
        color: var(--ink);
        transition:
          background 180ms ease,
          border-color 180ms ease,
          box-shadow 180ms ease,
          color 180ms ease,
          transform 180ms ease;
      }

      .site-footer-social-link svg {
        width: 16px;
        height: 16px;
        fill: currentColor;
        flex: 0 0 16px;
      }

      .site-footer-social-link:hover {
        background: #ffffff;
        border-color: var(--signal);
        color: var(--signal);
        transform: translateY(-4px);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--signal) 18%, transparent);
      }

      .site-footer-bar {
        border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
        padding: 14px 0;
        font-size: 13px;
        color: color-mix(in srgb, var(--ink) 56%, transparent);
      }

      .site-footer-bar-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }

      .site-footer-bar .footer-admin-access {
        color: color-mix(in srgb, var(--ink) 60%, transparent);
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        transition: color 180ms ease;
      }

      .site-footer-bar .footer-admin-access:hover {
        color: var(--signal);
        text-decoration: underline;
      }

      @media (max-width: 900px) {
        .site-footer-newsletter-title {
          white-space: normal;
        }

        .site-footer-inner {
          width: min(760px, calc(100% - 40px));
          grid-template-columns: 1fr;
          gap: 0;
        }
        .site-footer-brand,
        .site-footer-newsletter,
        .site-footer-social {
          min-height: auto;
          padding: 20px;
        }
        .site-footer-newsletter {
          border-top: 1px solid rgba(12, 26, 46, 0.12);
          border-right: 0;
          border-left: 0;
          border-bottom: 1px solid rgba(12, 26, 46, 0.12);
        }
        .site-footer-newsletter-row {
          min-width: 0;
        }
        .site-footer-bar-row {
          flex-direction: column;
          align-items: flex-start;
          gap: 8px;
        }
      }

      @media (max-width: 520px) {
        .nav {
          min-width: 0;
        }

        .brand {
          min-width: 0;
        }

        .brand-logo {
          max-width: 52vw;
        }

        .site-footer-inner,
        .site-footer-brand,
        .site-footer-tagline,
        .site-footer-newsletter,
        .site-footer-newsletter-label,
        .site-footer-social {
          width: 100%;
          max-width: 100%;
          min-width: 0;
        }

        .site-footer-newsletter-row {
          width: 100%;
          max-width: 100%;
          min-height: 56px;
          padding-left: 14px;
        }

        .site-footer-newsletter-row input {
          padding-left: 4px;
          padding-right: 4px;
        }

        .site-footer-newsletter-row button {
          min-height: 46px;
          padding: 0 14px;
        }
      }

      /* ============================================================
         Speakers grid — compact dense layout to fit 40+ speakers.
         8 per row on wide screens. Bio hidden in grid view to keep
         cards uniform and tight (name/role/company/LinkedIn only).
         Added 2026-06-19.
         ============================================================ */
      #speakers .speakers-grid-view .shell,
      #speakers .sp-head,
      #speakers .sp-grid {
        width: min(1480px, calc(100% - 40px));
      }

      #speakers .sp-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 16px;
      }

      #speakers .sp-card {
        padding: 10px;
        border-radius: 10px;
      }

      #speakers .sp-photo {
        aspect-ratio: 5 / 5;
        border-radius: 8px;
      }

      #speakers .sp-name {
        margin-top: 10px;
        font-size: 13.5px;
        font-weight: 700;
        line-height: 1.2;
      }

      #speakers .sp-role {
        margin-top: 2px;
        font-size: 11.5px;
        font-weight: 700;
        line-height: 1.25;
      }

      #speakers .sp-company {
        margin-top: 4px;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--ink) 60%, transparent);
        line-height: 1.2;
      }

      #speakers .sp-bio {
        display: none;
      }

      #speakers .sp-socials {
        padding-top: 8px;
        margin-top: auto;
      }

      #speakers .sp-socials a {
        width: 22px;
        height: 22px;
        font-size: 11px;
        border-radius: 6px;
      }

      @media (min-width: 1500px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(8, minmax(0, 1fr));
        }
      }

      @media (min-width: 1200px) and (max-width: 1499px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(6, minmax(0, 1fr));
        }
      }

      @media (min-width: 900px) and (max-width: 1199px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(5, minmax(0, 1fr));
        }
      }

      @media (min-width: 640px) and (max-width: 899px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }

      @media (max-width: 639px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
        }
      }

      @media (max-width: 420px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      /* Speakers page-view refresh - white section, centered CTA, image-led cards. */
      #speakers.speakers-section {
        background: #ffffff;
        color: var(--ink);
      }

      #speakers .speakers-intro {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: clamp(14px, 2vw, 26px);
        width: min(1180px, calc(100% - 40px));
        padding-top: clamp(20px, 3vw, 42px);
        padding-bottom: clamp(14px, 2vw, 22px);
        text-align: center;
      }

      #speakers .speakers-intro .eyebrow {
        margin: 0;
        background: transparent;
        padding: 0;
        color: color-mix(in srgb, var(--ink) 62%, transparent);
        letter-spacing: 0;
        text-transform: none;
      }

      #speakers .speakers-intro h2 {
        margin: 0;
        color: var(--ink);
        font-size: clamp(36px, 4.4vw, 62px);
        line-height: 1.02;
        letter-spacing: -0.02em;
      }

      #speakers .speakers-intro p {
        margin: 0;
        max-width: 680px;
        color: color-mix(in srgb, var(--ink) 64%, transparent);
        font-size: clamp(15px, 1.4vw, 18px);
        line-height: 1.55;
      }

      #speakers .speakers-intro .fs-apply-to-speak {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        margin-top: 0;
        min-height: 44px;
        padding: 0 28px;
        border: 1px solid color-mix(in srgb, var(--signal) 82%, white 10%);
        border-radius: 999px;
        background: var(--signal);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--signal) 22%, transparent);
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: none;
        text-decoration: none;
        white-space: nowrap;
      }

      #speakers .speakers-intro .fs-apply-to-speak:hover,
      #speakers .speakers-intro .fs-apply-to-speak:focus-visible {
        background: color-mix(in srgb, var(--signal) 82%, black);
        transform: translateY(-2px);
      }

      @media (max-width: 760px) {
        #speakers .speakers-intro {
          flex-direction: column;
        }
      }

      #speakers .speakers-grid-view {
        background: #ffffff;
        padding: 0 0 clamp(54px, 7vw, 96px);
      }

      #speakers .sp-grid {
        width: min(1480px, calc(100% - 40px));
        gap: clamp(14px, 1.5vw, 22px);
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }

      #speakers .sp-card {
        display: flex;
        overflow: hidden;
        min-height: 0;
        flex-direction: column;
        padding: 0;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 8%, transparent);
        transition:
          border-color 220ms ease,
          box-shadow 220ms ease,
          transform 220ms ease;
      }

      #speakers .sp-card:hover,
      #speakers .sp-card:focus-within {
        border-color: color-mix(in srgb, var(--signal) 38%, transparent);
        box-shadow: 0 18px 42px color-mix(in srgb, var(--ink) 16%, transparent);
        transform: translateY(-4px);
      }

      #speakers .sp-photo {
        position: relative;
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
        background: color-mix(in srgb, var(--ink) 9%, #ffffff);
        color: #ffffff;
        text-decoration: none;
      }

      #speakers .sp-photo:focus-visible {
        outline: 3px solid color-mix(in srgb, var(--signal) 58%, white);
        outline-offset: -3px;
      }

      #speakers .sp-photo img,
      #speakers .sp-image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 18%;
        transition: transform 320ms ease, filter 320ms ease;
      }

      #speakers .sp-card:hover .sp-image,
      #speakers .sp-card:focus-within .sp-image {
        filter: saturate(1.05) contrast(1.04);
        transform: scale(1.035);
      }

      #speakers .sp-card.photo-missing .sp-image,
      #speakers .sp-card.image-failed .sp-image {
        object-fit: contain;
        padding: 18px;
      }

      #speakers .sp-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
        padding: 13px 14px 15px;
      }

      #speakers .sp-name,
      #speakers .sp-role,
      #speakers .sp-company {
        display: block;
        margin: 0;
        min-height: 0;
        color: inherit;
        letter-spacing: 0;
        text-transform: none;
      }

      #speakers .sp-name {
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(14px, 1.15vw, 17px);
        font-weight: 800;
        line-height: 1.1;
      }

      #speakers .sp-role {
        color: var(--signal);
        font-size: clamp(11px, 0.92vw, 12.5px);
        font-weight: 800;
        line-height: 1.18;
      }

      #speakers .sp-company {
        color: color-mix(in srgb, var(--ink) 60%, transparent);
        font-size: clamp(9.5px, 0.78vw, 11px);
        font-weight: 800;
        line-height: 1.12;
        text-transform: uppercase;
      }

      #speakers .sp-linkedin-badge {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 3;
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.78);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.9);
        color: var(--ink);
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--ink) 18%, transparent);
      }

      #speakers .sp-initials {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        color: color-mix(in srgb, var(--ink) 44%, transparent);
        font-family: var(--font-display);
        font-size: clamp(34px, 4vw, 58px);
        font-weight: 800;
      }

      #speakers .sp-image + .sp-initials {
        opacity: 0;
      }

      #speakers .sp-bio,
      #speakers .sp-socials {
        display: none;
      }

      @media (min-width: 1200px) and (max-width: 1499px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(5, minmax(0, 1fr));
        }
      }

      @media (min-width: 900px) and (max-width: 1199px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }

      @media (min-width: 640px) and (max-width: 899px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 639px) {
        #speakers .sp-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 420px) {
        #speakers .sp-grid {
          width: min(100% - 28px, 360px);
          grid-template-columns: 1fr;
        }
      }

      /* ============================================================
         AI Focus executive redesign - dark summit experience.
         Added 2026-06-19.
         ============================================================ */

      #ai-focus.ai-executive-focus {
        --ai-navy: #102A47;
        --ai-navy-2: #173655;
        --ai-navy-3: #214461;
        --ai-gold: #D4AF37;
        --ai-ice: #EAF2FF;
        --ai-muted: rgba(234, 242, 255, 0.72);
        --ai-faint: rgba(234, 242, 255, 0.48);
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: auto;
        padding: 56px 0 64px;
        background:
          radial-gradient(circle at 78% 12%, rgba(65, 145, 255, 0.18), transparent 30%),
          radial-gradient(circle at 20% 52%, rgba(212, 175, 55, 0.10), transparent 34%),
          linear-gradient(180deg, #071B3B 0%, #0A2344 46%, #06172F 100%);
        color: var(--ai-ice);
        font-family: var(--font-main);
        scroll-margin-top: 96px;
        max-width: 100vw;
      }

      body.paged-site[data-view="ai-focus"] {
        overflow-x: hidden;
      }

      body.paged-site[data-view="ai-focus"] #ai-focus.ai-executive-focus {
        min-height: calc(100vh - 80px);
        padding: 44px 0 52px;
        background:
          radial-gradient(circle at 78% 12%, rgba(65, 145, 255, 0.18), transparent 30%),
          radial-gradient(circle at 20% 52%, rgba(212, 175, 55, 0.10), transparent 34%),
          linear-gradient(180deg, #071B3B 0%, #0A2344 46%, #06172F 100%);
        color: var(--ai-ice);
      }

      #ai-focus.ai-executive-focus::before,
      body.paged-site[data-view="ai-focus"] #ai-focus.ai-executive-focus::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        pointer-events: none;
        background:
          linear-gradient(rgba(234, 242, 255, 0.075) 1px, transparent 1px),
          linear-gradient(90deg, rgba(234, 242, 255, 0.06) 1px, transparent 1px),
          url("../ai-focus-background.png") center center / cover no-repeat;
        background-size: 54px 54px, 54px 54px, cover;
        opacity: 0.78;
        transform: none;
      }

      #ai-focus.ai-executive-focus::after,
      body.paged-site[data-view="ai-focus"] #ai-focus.ai-executive-focus::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, rgba(16, 42, 71, 0.36), rgba(16, 42, 71, 0.10) 46%, rgba(9, 25, 43, 0.28)),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 22%, rgba(0, 0, 0, 0.18) 100%);
      }

      #ai-focus.ai-executive-focus .ai-executive-shell {
        position: relative;
        z-index: 1;
        display: grid;
        width: min(1180px, calc(100vw - 40px));
        max-width: calc(100vw - 40px);
        gap: 16px;
        min-width: 0;
      }

      #ai-focus.ai-executive-focus .ai-executive-hero {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
        align-items: center;
        min-height: 320px;
        max-width: none;
        overflow: hidden;
        border: 1px solid rgba(212, 175, 55, 0.32);
        border-radius: 20px;
        background:
          radial-gradient(circle at 78% 24%, rgba(76, 157, 255, 0.26), transparent 28%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)),
          rgba(8, 26, 55, 0.78);
        padding: 28px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 22px 64px rgba(0, 0, 0, 0.26);
        backdrop-filter: blur(18px);
      }

      .ai-hero-copy {
        position: relative;
        z-index: 1;
        min-width: 0;
      }

      #ai-focus.ai-executive-focus .eyebrow {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        border: 1px solid rgba(212, 175, 55, 0.42);
        border-radius: 999px;
        background: rgba(7, 26, 53, 0.66);
        padding: 0 14px;
        color: var(--ai-gold);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 18px 46px rgba(0, 0, 0, 0.22);
        backdrop-filter: blur(18px);
      }

      #ai-focus.ai-executive-focus .ai-executive-hero h2 {
        max-width: 700px;
        margin: 16px 0 0;
        color: var(--ai-ice);
        font-family: var(--font-display);
        font-size: 46px;
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: -0.02em;
        overflow-wrap: break-word;
        word-break: normal;
        white-space: normal;
        text-shadow: 0 22px 68px rgba(0, 0, 0, 0.58);
      }

      #ai-focus.ai-executive-focus .ai-focus-title-rule {
        display: block;
        width: 72px;
        height: 2px;
        margin-top: 18px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--ai-gold), rgba(212, 175, 55, 0));
      }

      #ai-focus.ai-executive-focus .ai-executive-hero p {
        max-width: 680px;
        margin: 18px 0 0;
        color: var(--ai-muted);
        font-size: 15px;
        line-height: 1.5;
        overflow-wrap: break-word;
        word-break: normal;
        white-space: normal;
      }

      #ai-focus.ai-executive-focus .ai-focus-intro {
        max-width: 720px;
        margin-top: 24px;
      }

      #ai-focus.ai-executive-focus .ai-focus-insight {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        max-width: 720px;
        margin: 24px 0 0;
        padding: 14px 18px;
        transform: translateX(-18px);
        border: 1px solid rgba(76, 157, 255, 0.42);
        border-radius: 8px;
        background:
          linear-gradient(90deg, rgba(76, 157, 255, 0.10), rgba(76, 157, 255, 0.02)),
          rgba(6, 28, 61, 0.78);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 14px 34px rgba(0, 0, 0, 0.18);
      }

      #ai-focus.ai-executive-focus .ai-focus-quote-mark {
        color: var(--ai-gold);
        font-family: var(--font-display);
        font-size: 34px;
        font-weight: 800;
        line-height: 1;
      }

      #ai-focus.ai-executive-focus .ai-focus-insight p {
        max-width: none;
        margin: 0;
        color: var(--ai-ice);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.45;
      }

      .ai-hero-visual {
        position: relative;
        min-height: 260px;
        height: 100%;
        overflow: hidden;
        border-radius: 16px;
        background:
          radial-gradient(circle at 52% 30%, rgba(255, 255, 255, 0.78), transparent 3%),
          radial-gradient(circle at 58% 36%, rgba(72, 159, 255, 0.44), transparent 14%),
          radial-gradient(circle at 54% 60%, rgba(212, 175, 55, 0.22), transparent 30%),
          linear-gradient(145deg, rgba(5, 18, 38, 0.18), rgba(5, 18, 38, 0.56));
      }

      .ai-hero-visual-image {
        display: grid;
        place-items: center;
        padding: 8px;
        background:
          radial-gradient(circle at 50% 44%, rgba(19, 180, 255, 0.16), transparent 48%),
          linear-gradient(145deg, rgba(4, 10, 24, 0.28), rgba(4, 10, 24, 0.74));
      }

      .ai-hero-visual-image::before,
      .ai-hero-visual-image::after {
        display: none;
      }

      .ai-hero-network-image {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 12px;
        object-fit: contain;
        object-position: center center;
        filter: saturate(1.08) contrast(1.04);
      }

      .ai-hero-visual::before {
        content: "";
        position: absolute;
        inset: 10% -4% -44% 6%;
        border-radius: 50%;
        background:
          radial-gradient(circle at 62% 20%, rgba(255, 255, 255, 0.50), transparent 2%),
          radial-gradient(circle at 38% 38%, rgba(212, 175, 55, 0.76), transparent 1.2%),
          radial-gradient(circle at 44% 54%, rgba(212, 175, 55, 0.70), transparent 1.1%),
          radial-gradient(circle at 58% 62%, rgba(212, 175, 55, 0.62), transparent 1.2%),
          radial-gradient(circle at 68% 46%, rgba(212, 175, 55, 0.70), transparent 1%),
          linear-gradient(25deg, transparent 45%, rgba(76, 157, 255, 0.42) 46%, transparent 48%),
          linear-gradient(95deg, transparent 42%, rgba(212, 175, 55, 0.38) 43%, transparent 46%),
          linear-gradient(155deg, transparent 48%, rgba(76, 157, 255, 0.34) 49%, transparent 51%),
          radial-gradient(circle at 50% 54%, #0C2A54 0%, #081E3D 54%, #041229 74%);
        box-shadow:
          0 0 72px rgba(76, 157, 255, 0.36),
          inset -34px -38px 70px rgba(0, 0, 0, 0.48),
          inset 22px 18px 54px rgba(255, 255, 255, 0.12);
        opacity: 0.98;
      }

      .ai-hero-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at 18% 26%, rgba(212, 175, 55, 0.82) 0 1px, transparent 2px),
          radial-gradient(circle at 32% 48%, rgba(212, 175, 55, 0.70) 0 1px, transparent 2px),
          radial-gradient(circle at 72% 34%, rgba(255, 255, 255, 0.62) 0 1px, transparent 2px),
          radial-gradient(circle at 82% 62%, rgba(212, 175, 55, 0.66) 0 1px, transparent 2px);
        background-size: 90px 70px, 110px 80px, 130px 90px, 100px 74px;
        opacity: 0.72;
      }

      .ai-digital-earth {
        position: absolute;
        inset: 0;
      }

      .ai-digital-earth span {
        position: absolute;
        left: 15%;
        right: 7%;
        top: 28%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.75), rgba(76, 157, 255, 0.38), transparent);
        border-radius: 999px;
        transform: rotate(-10deg);
        filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.46));
      }

      .ai-digital-earth span:nth-child(2) {
        top: 48%;
        left: 8%;
        right: 14%;
        transform: rotate(8deg);
      }

      .ai-digital-earth span:nth-child(3) {
        top: 62%;
        left: 28%;
        right: 2%;
        transform: rotate(-22deg);
      }

      .ai-reference-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.58fr) minmax(320px, 0.42fr);
        gap: 16px;
        align-items: start;
      }

      .ai-ecosystem-stage {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        max-width: none;
        margin: 0;
        border: 1px solid rgba(212, 175, 55, 0.25);
        border-radius: 18px;
        background:
          radial-gradient(circle at 50% 54%, rgba(52, 113, 170, 0.18), transparent 42%),
          linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
          rgba(7, 27, 59, 0.88);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 22px 58px rgba(0, 0, 0, 0.26);
        backdrop-filter: blur(24px);
      }

      .ai-ecosystem-title {
        position: absolute;
        left: 18px;
        top: 16px;
        z-index: 3;
        color: var(--ai-gold);
        font-family: var(--font-main);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.16em;
        line-height: 1;
        text-transform: uppercase;
      }

      .ai-network-map {
        position: relative;
        height: 100%;
        min-height: 300px;
        overflow: hidden;
      }

      .ai-side-stack {
        display: grid;
        gap: 16px;
        align-content: start;
        min-width: 0;
      }

      .ai-network-map::before {
        content: "";
        position: absolute;
        inset: 10px;
        border: 1px solid rgba(234, 242, 255, 0.08);
        border-radius: 14px;
        pointer-events: none;
      }

      .ai-network-glow {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          radial-gradient(circle at 50% 52%, rgba(212, 175, 55, 0.18), transparent 22%),
          radial-gradient(circle at 44% 48%, rgba(69, 139, 218, 0.18), transparent 38%),
          linear-gradient(180deg, rgba(234, 242, 255, 0.07), transparent 34%);
        opacity: 0.95;
      }

      .ai-network-lines {
        position: absolute;
        inset: 34px 10px 12px;
        z-index: 1;
        width: calc(100% - 20px);
        height: calc(100% - 46px);
        overflow: visible;
      }

      .ai-network-line {
        fill: none;
        stroke: rgba(212, 175, 55, 0.44);
        stroke-width: 1.2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 3 6;
        filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.32));
        animation: aiNetworkFlow 10s linear infinite;
      }

      .ai-network-line.line-b,
      .ai-network-line.line-d,
      .ai-network-line.line-h {
        stroke: rgba(116, 180, 255, 0.38);
        filter: drop-shadow(0 0 10px rgba(116, 180, 255, 0.28));
        animation-duration: 9.5s;
      }

      .ai-network-line.line-c,
      .ai-network-line.line-f,
      .ai-network-line.line-j {
        animation-duration: 11s;
      }

      .ai-economy-core {
        position: absolute;
        left: 50%;
        top: 52%;
        z-index: 2;
        display: grid;
        min-width: 96px;
        min-height: 64px;
        place-items: center;
        border: 1px solid rgba(212, 175, 55, 0.56);
        border-radius: 12px;
        background:
          linear-gradient(145deg, rgba(212, 175, 55, 0.20), rgba(255, 255, 255, 0.08)),
          rgba(7, 26, 53, 0.88);
        color: var(--ai-ice);
        text-align: center;
        transform: translate(-50%, -50%);
        box-shadow:
          0 0 0 10px rgba(212, 175, 55, 0.055),
          0 0 54px rgba(212, 175, 55, 0.24),
          inset 0 1px 0 rgba(255, 255, 255, 0.18);
        backdrop-filter: blur(20px);
      }

      .ai-economy-core span {
        color: rgba(234, 242, 255, 0.66);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .ai-economy-core strong {
        margin-top: -12px;
        color: var(--ai-gold);
        font-family: var(--font-display);
        font-size: 17px;
        line-height: 1;
        letter-spacing: 0;
      }

      .ai-ecosystem-node {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        z-index: 2;
        width: 132px;
        min-height: 38px;
        border: 1px solid rgba(212, 175, 55, 0.20);
        border-radius: 9px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045)),
          rgba(7, 26, 53, 0.78);
        padding: 6px 9px;
        color: var(--ai-ice);
        font-family: var(--font-main);
        font-size: 10px;
        font-weight: 700;
        line-height: 1.12;
        text-align: left;
        box-shadow:
          0 14px 28px rgba(0, 0, 0, 0.20),
          inset 0 1px 0 rgba(255, 255, 255, 0.14);
        backdrop-filter: blur(18px);
        transition:
          transform 240ms cubic-bezier(.22,.61,.36,1),
          border-color 240ms cubic-bezier(.22,.61,.36,1),
          color 240ms cubic-bezier(.22,.61,.36,1),
          box-shadow 240ms cubic-bezier(.22,.61,.36,1);
      }

      .ai-ecosystem-node::before {
        content: none;
      }

      .ai-ecosystem-node span {
        display: inline-grid;
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
        place-items: center;
        border: 1px solid rgba(212, 175, 55, 0.34);
        border-radius: 999px;
        color: var(--ai-gold);
        font-size: 11px;
        line-height: 1;
        text-shadow: 0 0 12px rgba(212, 175, 55, 0.48);
      }

      .ai-ecosystem-node:hover,
      .ai-ecosystem-node:focus-visible {
        border-color: rgba(212, 175, 55, 0.72);
        color: #fff7d8;
        transform: translateY(-3px);
        box-shadow:
          0 22px 54px rgba(0, 0, 0, 0.34),
          0 0 34px rgba(212, 175, 55, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.18);
      }

      .node-chemicals:hover,
      .node-chemicals:focus-visible {
        transform: translate(-50%, -3px);
      }

      .node-energy { left: 22px; top: 52px; }
      .node-logistics { left: 22px; top: 102px; }
      .node-leadership { left: 22px; top: 152px; }
      .node-infrastructure { left: 22px; top: 202px; }
      .node-data { right: 22px; top: 52px; }
      .node-supply { right: 22px; top: 102px; }
      .node-manufacturing { right: 22px; top: 152px; }
      .node-defense { right: 22px; top: 202px; }
      .node-chemicals {
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
      }

      .ai-focus-block {
        display: grid;
        grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
        gap: 28px;
        align-items: start;
        min-width: 0;
      }

      .ai-pillar-block {
        display: block;
        border: 1px solid rgba(212, 175, 55, 0.22);
        border-radius: 20px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045)),
          rgba(27, 55, 82, 0.76);
        padding: 18px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.13),
          0 22px 58px rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(18px);
      }

      .ai-block-heading {
        position: sticky;
        top: 104px;
        min-width: 0;
      }

      .ai-pillar-block .ai-block-heading {
        position: static;
        margin-bottom: 16px;
      }

      .ai-block-heading span {
        display: inline-flex;
        margin-bottom: 14px;
        color: var(--ai-gold);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .ai-block-heading h3 {
        margin: 0;
        color: var(--ai-ice);
        font-family: var(--font-display);
        font-size: 28px;
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: 0;
        overflow-wrap: break-word;
        word-break: normal;
        white-space: normal;
      }

      .ai-pillar-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
        min-width: 0;
      }

      .ai-pillar-card {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        align-items: start;
        min-height: 122px;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        border: 1px solid rgba(234, 242, 255, 0.13);
        border-radius: 12px;
        background:
          linear-gradient(110deg, rgba(212, 175, 55, 0.17) 0 54px, rgba(255, 255, 255, 0.10) 54px, rgba(255, 255, 255, 0.045)),
          rgba(15, 38, 64, 0.76);
        padding: 14px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13);
        backdrop-filter: blur(18px);
        transition:
          transform 220ms cubic-bezier(.22,.61,.36,1),
          border-color 220ms cubic-bezier(.22,.61,.36,1),
          background 220ms cubic-bezier(.22,.61,.36,1);
      }

      .ai-pillar-card::after {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: var(--ai-gold);
        opacity: 0.86;
      }

      .ai-pillar-card span {
        color: rgba(212, 175, 55, 0.74);
        font-family: var(--font-display);
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
      }

      .ai-pillar-card i {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(212, 175, 55, 0.42);
        border-radius: 999px;
        color: var(--ai-gold);
        font-style: normal;
        font-size: 18px;
        box-shadow: 0 0 18px rgba(212, 175, 55, 0.18);
      }

      .ai-pillar-card h4 {
        margin: 0;
        min-width: 0;
        color: var(--ai-ice);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.18;
        letter-spacing: 0;
        overflow-wrap: break-word;
        white-space: normal;
      }

      .ai-pillar-card:hover {
        border-color: rgba(212, 175, 55, 0.56);
        background:
          linear-gradient(110deg, rgba(212, 175, 55, 0.13), rgba(255, 255, 255, 0.045)),
          rgba(9, 32, 64, 0.82);
        transform: translateX(6px);
      }

      .ai-investment-dashboard {
        display: block;
        border: 1px solid rgba(212, 175, 55, 0.20);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(212, 175, 55, 0.11), rgba(255, 255, 255, 0.035) 52%, rgba(116, 180, 255, 0.08)),
          rgba(27, 55, 82, 0.76);
        padding: 18px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.13),
          0 18px 42px rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(22px);
      }

      .ai-investment-dashboard .ai-block-heading {
        position: static;
        margin-bottom: 14px;
      }

      .ai-investment-dashboard .ai-block-heading h3 {
        max-width: 18ch;
        font-size: 23px;
      }

      .ai-metric-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        overflow: hidden;
        border: 1px solid rgba(234, 242, 255, 0.10);
        border-radius: 14px;
      }

      .ai-metric {
        min-height: 92px;
        border-right: 1px solid rgba(234, 242, 255, 0.10);
        background: rgba(3, 14, 29, 0.28);
        padding: 16px;
      }

      .ai-metric:nth-child(2n) {
        border-right: 0;
      }

      .ai-metric:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(234, 242, 255, 0.10);
      }

      .ai-metric strong {
        display: block;
        color: var(--ai-gold);
        font-family: var(--font-display);
        font-size: 32px;
        font-weight: 750;
        line-height: 0.95;
        letter-spacing: 0;
        text-shadow: 0 0 34px rgba(212, 175, 55, 0.20);
      }

      .ai-metric span {
        display: block;
        max-width: 190px;
        margin-top: 10px;
        color: var(--ai-muted);
        font-size: 10px;
        font-weight: 700;
        line-height: 1.35;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }

      .ai-agenda-wall {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        border-top: 1px solid rgba(234, 242, 255, 0.12);
        border-left: 1px solid rgba(234, 242, 255, 0.12);
      }

      .ai-agenda-block {
        display: block;
        border: 1px solid rgba(212, 175, 55, 0.22);
        border-radius: 18px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035)),
          rgba(12, 33, 63, 0.72);
        padding: 18px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 18px 48px rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(18px);
      }

      .ai-agenda-block .ai-block-heading {
        position: static;
        margin-bottom: 14px;
      }

      .ai-agenda-block .ai-block-heading h3 {
        font-size: 25px;
      }

      .ai-agenda-wall article {
        min-height: 98px;
        border-right: 1px solid rgba(234, 242, 255, 0.12);
        border-bottom: 1px solid rgba(234, 242, 255, 0.12);
        background: rgba(255, 255, 255, 0.052);
        padding: 14px;
        transition:
          background 220ms cubic-bezier(.22,.61,.36,1),
          color 220ms cubic-bezier(.22,.61,.36,1),
          box-shadow 220ms cubic-bezier(.22,.61,.36,1);
      }

      .ai-agenda-wall article:hover {
        background:
          linear-gradient(145deg, rgba(212, 175, 55, 0.14), rgba(255, 255, 255, 0.04)),
          rgba(7, 26, 53, 0.64);
        box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.26);
      }

      .ai-agenda-wall span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border: 1px solid rgba(212, 175, 55, 0.34);
        border-radius: 999px;
        color: var(--ai-gold);
        font-size: 15px;
        font-weight: 800;
        line-height: 1;
        text-shadow: 0 0 16px rgba(212, 175, 55, 0.34);
      }

      .ai-agenda-wall strong {
        display: block;
        margin-top: 20px;
        color: var(--ai-ice);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.18;
        letter-spacing: 0;
      }

      @keyframes aiNetworkFlow {
        to {
          stroke-dashoffset: -96;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .ai-network-line {
          animation: none;
        }

        .ai-ecosystem-node,
        .ai-pillar-card,
        .ai-agenda-wall article {
          transition: none;
        }
      }

      @media (max-width: 1100px) {
        #ai-focus.ai-executive-focus .ai-executive-hero h2 {
          font-size: 40px;
        }

        .ai-reference-grid {
          grid-template-columns: minmax(0, 1fr) minmax(300px, 0.78fr);
          gap: 20px;
        }

        .ai-ecosystem-stage {
          max-width: none;
        }

        .ai-network-map {
          min-height: 300px;
        }

        .ai-pillar-list {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .ai-agenda-wall {
          grid-template-columns: repeat(5, minmax(0, 1fr));
        }
      }

      @media (max-width: 860px) {
        #ai-focus.ai-executive-focus,
        body.paged-site[data-view="ai-focus"] #ai-focus.ai-executive-focus {
          padding: 44px 0 56px;
        }

        #ai-focus.ai-executive-focus .ai-executive-shell {
          gap: 32px;
        }

        #ai-focus.ai-executive-focus .ai-executive-hero {
          grid-template-columns: 1fr;
          min-height: 0;
        }

        .ai-hero-visual {
          min-height: 220px;
        }

        #ai-focus.ai-executive-focus .ai-executive-hero h2 {
          font-size: 38px;
          line-height: 1.05;
        }

        #ai-focus.ai-executive-focus .ai-executive-hero p {
          font-size: 16px;
        }

        #ai-focus.ai-executive-focus .ai-focus-insight p {
          font-size: 14px;
        }

        #ai-focus.ai-executive-focus .ai-focus-insight {
          transform: translateX(-10px);
        }

        .ai-reference-grid {
          grid-template-columns: 1fr;
        }

        .ai-focus-block,
        .ai-investment-dashboard {
          grid-template-columns: 1fr;
        }

        .ai-pillar-block {
          padding: 18px;
        }

        .ai-pillar-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .ai-investment-dashboard {
          padding: 18px;
        }

        .ai-block-heading {
          position: static;
        }

        .ai-ecosystem-title {
          position: relative;
          left: auto;
          top: auto;
          display: block;
          margin: 18px 18px 0;
        }

        .ai-network-lines {
          display: none;
        }

        .ai-network-map {
          display: grid;
          grid-template-columns: 1fr;
          gap: 10px;
          min-height: 0;
          padding: 12px 18px 18px;
        }

        .ai-network-map::before {
          inset: 14px;
        }

        .ai-economy-core,
        .ai-ecosystem-node {
          position: relative;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          transform: none;
        }

        .ai-economy-core {
          min-height: 88px;
          margin-bottom: 8px;
        }

        .ai-ecosystem-node {
          justify-content: flex-start;
          width: 100%;
          min-height: 44px;
        }

        .ai-ecosystem-node:hover,
        .ai-ecosystem-node:focus-visible {
          transform: translateY(-2px);
        }

        .node-chemicals:hover,
        .node-chemicals:focus-visible {
          transform: translateY(-2px);
        }
      }

      @media (max-width: 620px) {
        #ai-focus.ai-executive-focus .ai-executive-shell {
          width: min(335px, calc(100vw - 40px));
          max-width: min(335px, calc(100vw - 40px));
          margin-left: 20px;
          margin-right: auto;
        }

        #ai-focus.ai-executive-focus .eyebrow {
          min-height: auto;
          border-radius: 16px;
          padding: 8px 11px;
          font-size: 10px;
          line-height: 1.35;
        }

        #ai-focus.ai-executive-focus .ai-executive-hero h2 {
          max-width: 12ch;
          font-size: 30px;
        }

        #ai-focus.ai-executive-focus .ai-focus-title-rule {
          width: 56px;
          margin-top: 14px;
        }

        #ai-focus.ai-executive-focus .ai-focus-intro {
          margin-top: 18px;
        }

        #ai-focus.ai-executive-focus .ai-focus-insight {
          gap: 10px;
          margin-top: 18px;
          padding: 12px 14px;
          transform: none;
        }

        #ai-focus.ai-executive-focus .ai-focus-quote-mark {
          font-size: 30px;
        }

        .ai-ecosystem-stage,
        .ai-investment-dashboard {
          border-radius: 16px;
        }

        .ai-block-heading h3 {
          font-size: 24px;
        }

        .ai-pillar-card {
          min-height: 96px;
          padding: 12px 14px;
        }

        .ai-pillar-card h4 {
          font-size: 16px;
        }

        .ai-agenda-wall {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .ai-metric strong {
          font-size: 28px;
        }

        .ai-agenda-wall article {
          min-height: 94px;
        }
      }

      @media (max-width: 460px) {
        .ai-pillar-list,
        .ai-metric-grid {
          grid-template-columns: 1fr;
        }

        .ai-metric,
        .ai-metric:nth-child(2n) {
          border-right: 0;
        }

        .ai-metric:nth-child(-n + 3) {
          border-bottom: 1px solid rgba(234, 242, 255, 0.10);
        }
      }

      @media (max-width: 520px) {
        .shell.nav {
          min-width: 0;
          overflow: hidden;
        }

        .nav-links {
          width: auto;
          max-width: none;
          box-sizing: border-box;
        }

        .speaker-field input,
        .speaker-field select,
        .speaker-field textarea {
          min-width: 0;
        }

        footer.site-footer {
          overflow-x: hidden;
        }

        .site-footer-inner {
          justify-items: stretch;
        }

        .site-footer-inner > *,
        .site-footer-brand,
        .site-footer-tagline,
        .site-footer-newsletter,
        .site-footer-newsletter-label,
        .site-footer-social {
          width: auto !important;
          max-width: 100% !important;
          min-width: 0 !important;
        }

        .site-footer-newsletter-row {
          width: 100%;
          grid-template-columns: minmax(0, 1fr) auto;
        }
      }

      /* ============================================================
         Home spacing refinement - compact, consistent section rhythm.
         Added 2026-06-25.
         ============================================================ */

      body.paged-site[data-view="home"] {
        --home-section-y: clamp(52px, 6vw, 76px);
        --home-section-y-tight: clamp(42px, 5vw, 62px);
        --home-head-gap: clamp(22px, 3vw, 34px);
        --home-grid-gap: clamp(18px, 2.4vw, 22px);
        --home-card-pad: clamp(16px, 2vw, 20px);
      }

      body.paged-site[data-view="home"] #speakers.speakers-section,
      body.paged-site[data-view="home"] #partners.partners-section,
      body.paged-site[data-view="home"] #previous-editions.previous-editions-section {
        padding-top: var(--home-section-y);
        padding-bottom: var(--home-section-y);
      }

      body.paged-site[data-view="home"] #speakers.speakers-section {
        padding-top: clamp(42px, 5vw, 72px);
      }

      body.paged-site[data-view="home"] #partners.partners-section {
        padding-bottom: clamp(28px, 3.5vw, 44px);
      }

      body.paged-site[data-view="home"] #location.map-only-section {
        padding-top: clamp(32px, 4vw, 52px);
      }

      body.paged-site[data-view="home"] #speakers .speakers-intro {
        padding-top: 0;
        padding-bottom: clamp(12px, 1.8vw, 18px);
      }

      body.paged-site[data-view="home"] #partners .eyebrow,
      body.paged-site[data-view="home"] #previous-editions .eyebrow {
        margin-bottom: 14px;
      }

      body.paged-site[data-view="home"] #previous-editions .previous-editions-head h2 {
        margin-bottom: 14px;
      }

      body.paged-site[data-view="home"] #speakers .speakers-intro p,
      body.paged-site[data-view="home"] #partners .partners-head p,
      body.paged-site[data-view="home"] #previous-editions .previous-editions-head p {
        line-height: 1.5;
      }

      body.paged-site[data-view="home"] .featured-speakers {
        padding-top: 0;
        padding-bottom: 0;
      }

      body.paged-site[data-view="home"] #speakers .fs-head {
        padding-bottom: 0;
        margin-bottom: 12px;
      }

      body.paged-site[data-view="home"] #speakers .fs-grid {
        min-height: clamp(320px, 30vw, 356px);
      }

      body.paged-site[data-view="home"] #speakers .speakers-grid-view {
        padding-top: clamp(34px, 4vw, 56px);
      }

      body.paged-site[data-view="home"] #speakers .fs-list li {
        min-height: 64px;
        padding-top: 18px;
        padding-bottom: 18px;
      }

      body.paged-site[data-view="home"] #speakers .fs-detail-card {
        padding: var(--home-card-pad);
      }

      body.paged-site[data-view="home"] #speakers .fs-rule {
        margin: 18px 0 14px;
      }

      body.paged-site[data-view="home"] #speakers .fs-view-all-row {
        margin-top: 18px;
      }

      body.paged-site[data-view="home"] #partners .partners-head {
        max-width: 760px;
        margin-bottom: var(--home-head-gap);
      }

      body.paged-site[data-view="home"] #partners .partners-head h2 {
        margin-top: 14px;
      }

      body.paged-site[data-view="home"] #partners .gsc-reference-logos {
        gap: var(--home-grid-gap);
        margin-top: 0;
        margin-bottom: 0;
      }

      body.paged-site[data-view="home"] #partners .gsc-reference-logos .partner-logo-tile {
        min-height: clamp(118px, 12vw, 132px);
        padding: var(--home-card-pad);
      }

      body.paged-site[data-view="home"] #previous-editions .previous-editions-head {
        max-width: 720px;
        margin-bottom: var(--home-head-gap);
      }

      body.paged-site[data-view="home"] #previous-editions .previous-editions-head h2 {
        margin-top: 14px;
      }

      body.paged-site[data-view="home"] .previous-editions-grid {
        gap: var(--home-grid-gap);
      }

      body.paged-site[data-view="home"] .previous-edition-body {
        gap: 10px;
        padding: var(--home-card-pad);
      }

      body.paged-site[data-view="home"] .previous-edition-stats,
      body.paged-site[data-view="home"] .previous-edition-actions {
        padding-top: 10px;
      }

      body.paged-site[data-view="home"] .previous-editions-empty {
        padding: clamp(28px, 5vw, 40px);
      }

      @media (max-width: 960px) {
        body.paged-site[data-view="home"] {
          --home-section-y: clamp(46px, 7vw, 60px);
          --home-head-gap: 22px;
          --home-grid-gap: 16px;
        }

        body.paged-site[data-view="home"] #speakers .fs-detail {
          min-height: 230px;
        }
      }

      @media (max-width: 700px) {
        body.paged-site[data-view="home"] {
          --home-section-y: 42px;
          --home-head-gap: 18px;
          --home-grid-gap: 14px;
          --home-card-pad: 16px;
        }

        body.paged-site[data-view="home"] #speakers.speakers-section,
        body.paged-site[data-view="home"] #partners.partners-section,
        body.paged-site[data-view="home"] #previous-editions.previous-editions-section {
          padding-top: var(--home-section-y);
          padding-bottom: var(--home-section-y);
        }

        body.paged-site[data-view="home"] #partners.partners-section {
          padding-bottom: 30px;
        }

        body.paged-site[data-view="home"] #location.map-only-section {
          padding-top: 32px;
        }

        body.paged-site[data-view="home"] .featured-speakers {
          padding-top: 0;
        }

        body.paged-site[data-view="home"] #speakers .fs-photo {
          width: min(220px, calc(100% - 40px));
          margin: 14px auto;
        }

        body.paged-site[data-view="home"] #speakers .fs-detail {
          min-height: 218px;
        }

        body.paged-site[data-view="home"] #speakers .fs-list li {
          min-height: 48px;
          padding: 12px 16px 12px 28px;
        }

        body.paged-site[data-view="home"] #partners .gsc-reference-logos .partner-logo-tile {
          min-height: 106px;
        }

        body.paged-site[data-view="home"] .previous-editions-grid {
          grid-template-columns: 1fr;
        }
      }

      /* ============================================================
         Past Events archive page - premium conference archive layout.
         Added 2026-06-26.
         ============================================================ */

      body.paged-site[data-view="home"] #previous-editions.previous-editions-section {
        display: none;
      }

      body.paged-site[data-view="home"] #previous-editions.previous-editions-section {
        display: block;
        order: 70;
      }

      body.paged-site[data-view="previous-editions"] {
        background: #071b3b;
      }

      body.paged-site[data-view="previous-editions"] #previous-editions.previous-editions-section {
        display: block;
      }

      #previous-editions.past-events-page {
        --past-navy: #071b3b;
        --past-navy-2: #0e2b63;
        --past-blue: #2563eb;
        --past-muted: #cbd5e1;
        --past-card-shadow: 0 26px 70px rgba(1, 10, 28, 0.28);
        overflow: hidden;
        background:
          radial-gradient(circle at 80% 8%, color-mix(in srgb, var(--past-blue) 24%, transparent), transparent 34%),
          linear-gradient(180deg, var(--past-navy) 0%, #031226 100%);
        color: #ffffff;
        padding: 0 0 clamp(38px, 5vw, 68px);
        scroll-margin-top: 80px;
      }

      .past-events-hero {
        position: relative;
        min-height: clamp(205px, 22vw, 285px);
        display: grid;
        align-items: end;
        isolation: isolate;
        overflow: hidden;
        padding: clamp(44px, 5vw, 64px) 0 clamp(24px, 3vw, 34px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: var(--past-navy);
      }

      .past-events-hero-media,
      .past-events-hero-media::after,
      .past-events-hero-media img {
        position: absolute;
        inset: 0;
      }

      .past-events-hero-media {
        z-index: -1;
        background: var(--past-navy);
      }

      .past-events-hero-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: blur(2px) saturate(0.88) contrast(1.08);
        opacity: 0.32;
        transform: scale(1.04);
      }

      .past-events-hero-media::after {
        content: "";
        background:
          radial-gradient(circle at 72% 20%, rgba(37, 99, 235, 0.34), transparent 38%),
          linear-gradient(90deg, rgba(7, 27, 59, 0.98) 0%, rgba(7, 27, 59, 0.88) 42%, rgba(7, 27, 59, 0.48) 100%),
          linear-gradient(180deg, rgba(7, 27, 59, 0.2) 0%, var(--past-navy) 100%);
      }

      .past-events-hero-content {
        position: relative;
        z-index: 1;
      }

      .past-events-kicker,
      .past-event-year {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        border-radius: 999px;
        background: var(--past-blue);
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 0.01em;
        line-height: 1;
      }

      .past-events-kicker {
        padding: 11px 16px;
      }

      .past-events-hero .past-events-kicker,
      .past-events-section-head .past-events-kicker {
        background: transparent;
        padding: 0;
        color: #ffffff;
      }

      .past-events-hero h1 {
        max-width: none;
        margin: 8px 0 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(30px, 3.45vw, 44px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -0.03em;
        white-space: nowrap;
      }

      .past-events-hero h1::after {
        content: "";
        display: block;
        width: 92px;
        height: 3px;
        margin-top: 14px;
        border-radius: 999px;
        background: var(--past-blue);
      }

      .past-events-hero p {
        max-width: 520px;
        margin: 14px 0 0;
        color: var(--past-muted);
        font-size: 13px;
        line-height: 1.6;
      }

      .past-events-index {
        padding-top: clamp(14px, 2.2vw, 24px);
      }

      .past-events-section-head {
        display: none;
        max-width: 760px;
        margin-bottom: 28px;
      }

      .past-events-section-head h2 {
        margin: 13px 0 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(28px, 3vw, 42px);
        font-weight: 750;
        line-height: 1.08;
        letter-spacing: -0.03em;
      }

      #previous-editions .previous-editions-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
        margin-bottom: 0;
        align-items: stretch;
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
      }

      #previous-editions .previous-edition-card {
        position: relative;
        height: 330px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.72);
        border-radius: 12px;
        background: #ffffff;
        color: #071b3b;
        box-shadow: 0 18px 48px rgba(1, 10, 28, 0.24);
        text-decoration: none;
        transition:
          transform 400ms cubic-bezier(.22,.61,.36,1),
          box-shadow 400ms cubic-bezier(.22,.61,.36,1),
          border-color 400ms cubic-bezier(.22,.61,.36,1);
      }

      #previous-editions .previous-edition-card:hover,
      #previous-editions .previous-edition-card:focus-visible,
      #previous-editions .previous-edition-card.is-selected {
        transform: translateY(-7px);
        border-color: rgba(37, 99, 235, 0.7);
        box-shadow: 0 24px 60px rgba(1, 10, 28, 0.34);
      }

      #previous-editions .previous-edition-card.is-selected {
        outline: 2px solid rgba(37, 99, 235, 0.82);
        outline-offset: 3px;
      }

      #previous-editions .previous-edition-cover {
        position: relative;
        height: 164px;
        flex: 0 0 164px;
        overflow: hidden;
        background: #f6f2ea;
      }

      #previous-editions .previous-edition-cover::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        background: linear-gradient(180deg, rgba(7, 27, 59, 0.1), rgba(7, 27, 59, 0.68));
        transition: opacity 400ms cubic-bezier(.22,.61,.36,1);
      }

      #previous-editions .previous-edition-card:hover .previous-edition-cover::after,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-cover::after {
        opacity: 1;
      }

      #previous-editions .previous-edition-cover img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform 400ms cubic-bezier(.22,.61,.36,1);
      }

      #previous-editions .previous-edition-card:hover .previous-edition-cover img,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-cover img {
        transform: scale(1.03);
      }

      #previous-editions .previous-edition-year {
        position: static;
        z-index: auto;
        width: fit-content;
        margin-bottom: 2px;
        padding: 7px 10px;
        background: var(--past-blue);
        color: #ffffff;
        border-radius: 999px;
        font-family: var(--font-display);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0;
      }

      #previous-editions .previous-edition-body {
        position: relative;
        min-height: 0;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 7px;
        padding: 12px 16px 42px;
      }

      #previous-editions .previous-edition-title {
        display: -webkit-box;
        min-height: 38px;
        margin: 0;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #071b3b;
        font-family: var(--font-display);
        font-size: clamp(13px, 1.05vw, 16px);
        font-weight: 800;
        line-height: 1.22;
        letter-spacing: -0.02em;
      }

      #previous-editions .previous-edition-description {
        margin: 0;
        color: rgba(7, 27, 59, 0.7);
        font-size: 15px;
        line-height: 1.5;
      }

      #previous-editions .previous-edition-meta,
      #previous-editions .previous-edition-stats {
        display: grid;
        gap: 7px;
        margin-top: auto;
      }

      #previous-editions .previous-edition-meta span,
      #previous-editions .previous-edition-stats span {
        display: flex;
        align-items: center;
        gap: 10px;
        color: rgba(7, 27, 59, 0.78);
        font-size: 10.5px;
        font-weight: 700;
        line-height: 1.35;
        text-transform: none;
        letter-spacing: 0;
      }

      #previous-editions .previous-edition-meta svg {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
        color: #071b3b;
      }

      #previous-editions .previous-edition-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid rgba(7, 27, 59, 0.1);
        padding-top: 16px;
      }

      #previous-editions .previous-edition-stats span {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        color: rgba(7, 27, 59, 0.62);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }

      #previous-editions .previous-edition-stats strong {
        color: #071b3b;
        font-size: 22px;
        letter-spacing: 0;
      }

      #previous-editions .previous-edition-actions {
        display: none;
      }

      .previous-edition-arrow {
        position: absolute;
        right: 14px;
        bottom: 14px;
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: var(--past-blue);
        color: transparent !important;
        font-size: 0 !important;
        line-height: 1;
        box-shadow: 0 10px 22px rgba(37, 99, 235, 0.3);
        transition:
          transform 400ms cubic-bezier(.22,.61,.36,1),
          box-shadow 400ms cubic-bezier(.22,.61,.36,1);
      }

      .previous-edition-arrow::before {
        content: "\2192";
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 900;
        line-height: 1;
      }

      #previous-editions .previous-edition-card:hover .previous-edition-arrow,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-arrow,
      #previous-editions .previous-edition-card.is-selected .previous-edition-arrow {
        transform: rotate(-45deg) scale(1.08);
        box-shadow: 0 16px 34px rgba(37, 99, 235, 0.48);
      }

      .past-events-all-row {
        display: flex;
        justify-content: center;
        padding: clamp(18px, 2.4vw, 26px) 0 clamp(18px, 3vw, 32px);
      }

      .past-events-outline-button {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--past-blue);
        border-radius: 999px;
        padding: 0 28px;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 12px;
        font-weight: 800;
        transition:
          background 220ms ease,
          transform 220ms ease,
          box-shadow 220ms ease;
      }

      .past-events-outline-button:hover,
      .past-events-outline-button:focus-visible {
        background: var(--past-blue);
        transform: translateY(-2px);
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.34);
      }

      .past-event-detail {
        position: relative;
        display: none;
        grid-column: 1 / -1;
        grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
        gap: 24px;
        align-items: stretch;
        margin: clamp(12px, 2vw, 18px) 0 clamp(22px, 4vw, 34px);
      }

      .past-event-detail.is-open {
        display: grid;
        height: min(640px, calc(100vh - 116px));
        max-height: 640px;
      }

      .past-event-close {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 4;
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(7, 27, 59, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        color: #071b3b;
        font-size: 22px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 12px 28px rgba(1, 10, 28, 0.18);
        cursor: pointer;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .past-event-close:hover,
      .past-event-close:focus-visible {
        background: var(--past-blue);
        color: #ffffff;
        transform: translateY(-1px);
      }

      .past-event-info {
        position: relative;
        top: auto;
        min-height: 0;
        height: 100%;
        overflow: auto;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 24px;
        background:
          radial-gradient(circle at 20% 0%, rgba(37, 99, 235, 0.28), transparent 42%),
          linear-gradient(180deg, #082653 0%, #061834 100%);
        padding: clamp(20px, 2.2vw, 28px);
        box-shadow: 0 28px 80px rgba(1, 10, 28, 0.28);
      }

      .past-event-year {
        padding: 10px 14px;
        font-size: 13px;
      }

      .past-event-info h2 {
        margin: 16px 0 14px;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(22px, 2.35vw, 30px);
        font-weight: 800;
        line-height: 1.14;
        letter-spacing: -0.03em;
      }

      .past-event-info p {
        margin: 0 0 10px;
        color: var(--past-muted);
        font-size: 13px;
        line-height: 1.48;
      }

      .past-event-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 16px 0;
      }

      .past-event-stats div {
        min-height: 72px;
        display: grid;
        place-items: center;
        align-content: center;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 16px;
        background: rgba(14, 43, 99, 0.46);
        text-align: center;
      }

      .past-event-stats strong {
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 24px;
        line-height: 1;
      }

      .past-event-stats span {
        margin-top: 5px;
        color: #ffffff;
        font-size: 11px;
        font-weight: 750;
      }

      .past-event-facts {
        display: grid;
        gap: 10px;
        margin: 0;
      }

      .past-event-facts div {
        display: grid;
        grid-template-columns: 26px 1fr;
        column-gap: 14px;
      }

      .past-event-facts dt,
      .past-event-facts dd {
        margin: 0;
      }

      .past-event-facts dt {
        display: contents;
        color: #ffffff;
        font-size: 11px;
        font-weight: 800;
      }

      .past-event-facts dt svg {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        fill: none;
        stroke: #93c5fd;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .past-event-facts dd {
        grid-column: 2;
        color: var(--past-muted);
        font-size: 12px;
        line-height: 1.45;
      }

      .past-event-media {
        min-height: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 20px;
        background: #ffffff;
        color: #071b3b;
        box-shadow: var(--past-card-shadow);
      }

      .past-event-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: end;
        gap: 0;
        border-bottom: 1px solid rgba(7, 27, 59, 0.14);
        padding: 10px 56px 0 18px;
      }

      .past-event-tabs button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border: 0;
        background: transparent;
        color: #071b3b;
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.15;
        text-align: center;
        cursor: pointer;
      }

      .past-event-tabs button::after {
        content: "";
        position: absolute;
        right: 10px;
        bottom: -1px;
        left: 10px;
        height: 3px;
        border-radius: 999px 999px 0 0;
        background: var(--past-blue);
        opacity: 0;
        transform: scaleX(0.45);
        transition:
          opacity 220ms ease,
          transform 220ms ease;
      }

      .past-event-tabs button.active,
      .past-event-tabs button[aria-selected="true"] {
        color: var(--past-blue);
      }

      .past-event-tabs button.active::after,
      .past-event-tabs button[aria-selected="true"]::after {
        opacity: 1;
        transform: scaleX(1);
      }

      .past-tab-panel {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
        padding: 14px;
      }

      .past-tab-panel[hidden] {
        display: none;
      }

      .past-featured-photo,
      .past-masonry button {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border: 0;
        border-radius: 16px;
        background: #f6f2ea;
        padding: 0;
        cursor: zoom-in;
      }

      .past-featured-photo {
        aspect-ratio: 2.12 / 1;
        height: auto;
        margin-bottom: 10px;
      }

      .past-featured-photo img,
      .past-masonry img,
      .past-video-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .past-masonry {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: 104px;
        gap: 10px;
      }

      .past-masonry button:nth-child(1),
      .past-masonry button:nth-child(4) {
        grid-row: span 2;
      }

      .past-masonry button:nth-child(3) {
        grid-row: span 2;
      }

      .past-masonry button img,
      .past-featured-photo img {
        transition: transform 360ms ease;
      }

      .past-masonry button:hover img,
      .past-masonry button:focus-visible img,
      .past-featured-photo:hover img,
      .past-featured-photo:focus-visible img {
        transform: scale(1.02);
      }

      .past-view-all-tile::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(7, 27, 59, 0.72);
      }

      .past-view-all-tile span {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: grid;
        place-items: center;
        align-content: center;
        color: #ffffff;
        font-size: 20px;
        font-weight: 750;
      }

      .past-view-all-tile strong {
        display: block;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 48px;
        line-height: 1;
      }

      .past-video-grid,
      .past-speaker-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .past-video-grid article,
      .past-speaker-grid article {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(7, 27, 59, 0.12);
        border-radius: 16px;
        background: #ffffff;
        padding: 10px;
        box-shadow: 0 14px 34px rgba(7, 27, 59, 0.08);
        transition:
          transform 260ms ease,
          box-shadow 260ms ease,
          border-color 260ms ease;
      }

      .past-video-grid article:hover,
      .past-speaker-grid article:hover {
        transform: translateY(-5px);
        border-color: rgba(37, 99, 235, 0.34);
        box-shadow: 0 20px 48px rgba(7, 27, 59, 0.14);
      }

      .past-video-thumb {
        position: relative;
        height: 150px;
        overflow: hidden;
        border-radius: 12px;
        background: #0e2b63;
      }

      .past-video-player {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        border: 0;
        border-radius: 12px;
        background: #071b3b;
      }

      .past-video-thumb span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 58px;
        height: 58px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: #ffffff;
        color: var(--past-blue);
        font-size: 0;
        transform: translate(-50%, -50%);
      }

      .past-video-thumb span::before {
        content: "";
        margin-left: 4px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid currentColor;
      }

      .past-video-thumb em {
        position: absolute;
        right: 10px;
        bottom: 10px;
        border-radius: 999px;
        background: rgba(7, 27, 59, 0.8);
        padding: 5px 9px;
        color: #ffffff;
        font-size: 12px;
        font-style: normal;
        font-weight: 800;
      }

      .past-video-grid h3,
      .past-speaker-grid h3 {
        margin: 10px 0 5px;
        color: #071b3b;
        font-family: var(--font-display);
        font-size: 16px;
        line-height: 1.16;
      }

      .past-video-grid p,
      .past-speaker-grid p,
      .past-speaker-grid span {
        margin: 0;
        color: rgba(7, 27, 59, 0.66);
        font-size: 12px;
        line-height: 1.45;
      }

      .past-speaker-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .past-speaker-grid article {
        padding: 0 0 14px;
      }

      .past-speaker-grid img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        background: #dbeafe;
      }

      .past-speaker-grid h3,
      .past-speaker-grid p,
      .past-speaker-grid span {
        margin-right: 16px;
        margin-left: 16px;
      }

      .past-speaker-grid a {
        position: absolute;
        right: 14px;
        bottom: 14px;
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 7px;
        background: var(--past-blue);
        color: #ffffff;
        font-weight: 900;
      }

      .past-session-timeline {
        position: relative;
        display: grid;
        gap: 0;
        max-width: 760px;
        margin: 0;
        padding: 8px 0 8px 116px;
        list-style: none;
      }

      .past-session-timeline::before {
        content: "";
        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 88px;
        width: 2px;
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.42);
      }

      .past-session-timeline li {
        position: relative;
        min-height: 52px;
        display: grid;
        grid-template-columns: 96px 1fr;
        gap: 24px;
        align-items: start;
        margin-left: -116px;
        padding: 10px 0 10px 116px;
      }

      .past-session-timeline li::before {
        content: "";
        position: absolute;
        top: 18px;
        left: 82px;
        width: 14px;
        height: 14px;
        border: 3px solid #ffffff;
        border-radius: 999px;
        background: var(--past-blue);
        box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.14);
      }

      .past-session-timeline time {
        color: rgba(7, 27, 59, 0.7);
        font-size: 14px;
        font-weight: 800;
      }

      .past-session-timeline span {
        color: #071b3b;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.35;
      }

      @media (max-width: 1120px) {
        #previous-editions .previous-editions-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 32px;
        }

        .past-event-detail {
          grid-template-columns: 1fr;
          align-items: start;
        }

        .past-event-detail.is-open {
          height: auto;
          max-height: none;
        }

        .past-event-info,
        .past-event-media {
          height: auto;
          max-height: none;
        }

        .past-event-detail {
          gap: 18px;
        }

        .past-speaker-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 760px) {
        .past-events-hero {
          min-height: 240px;
          align-items: end;
          padding-top: 76px;
          padding-bottom: 30px;
        }

        .past-events-hero h1 {
          font-size: clamp(30px, 9vw, 40px);
          white-space: normal;
        }

        #previous-editions .previous-editions-grid,
        .past-video-grid,
        .past-speaker-grid {
          grid-template-columns: 1fr;
        }

        #previous-editions .previous-edition-card {
          height: 330px;
        }

        .past-event-tabs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          padding: 10px 42px 0 12px;
        }

        .past-featured-photo {
          height: auto;
        }

        .past-masonry {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          grid-auto-rows: 92px;
        }
      }

      @media (max-width: 520px) {
        #previous-editions.past-events-page {
          padding-bottom: 42px;
        }

        .past-events-hero p {
          font-size: 16px;
        }

        #previous-editions .previous-edition-cover {
          height: 164px;
          flex-basis: 164px;
        }

        #previous-editions .previous-edition-body {
          padding: 12px 16px 42px;
        }

        .past-event-info {
          padding: 20px 16px;
          border-radius: 20px;
        }

        .past-event-stats {
          grid-template-columns: 1fr 1fr;
        }

        .past-tab-panel {
          padding: 12px;
        }

        .past-masonry {
          grid-template-columns: 1fr;
          grid-auto-rows: 170px;
        }

        .past-masonry button:nth-child(1),
        .past-masonry button:nth-child(3),
        .past-masonry button:nth-child(4) {
          grid-row: auto;
        }

        .past-session-timeline {
          padding-left: 94px;
        }

        .past-session-timeline::before {
          left: 76px;
        }

        .past-session-timeline li {
          grid-template-columns: 78px 1fr;
          gap: 16px;
          margin-left: -94px;
          padding-left: 94px;
        }

        .past-session-timeline li::before {
          left: 70px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #previous-editions .previous-edition-card,
        #previous-editions .previous-edition-cover img,
        #previous-editions .previous-edition-cover::after,
        .previous-edition-arrow,
        .past-masonry button img,
        .past-featured-photo img,
        .past-video-grid article,
        .past-speaker-grid article {
          transition: none;
        }
      }

      /* Past Events mockup refresh */
      #previous-editions.past-events-page {
        --past-cream: #f8f3eb;
        --past-card: #ffffff;
        --past-ink: #070f36;
        --past-soft: #47506a;
        --past-line: rgba(7, 15, 54, 0.12);
        --past-orange: #ff5a1f;
        --past-purple: #6d42c8;
        --past-teal: #008b91;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: var(--past-cream);
        color: var(--past-ink);
        padding: clamp(74px, 7vw, 98px) 0 clamp(38px, 5vw, 56px);
        scroll-margin-top: 80px;
      }

      #previous-editions .past-events-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        width: min(62vw, 920px);
        height: clamp(260px, 28vw, 370px);
        pointer-events: none;
      }

      #previous-editions .past-events-backdrop img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.78;
      }

      #previous-editions .past-events-backdrop::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, var(--past-cream) 0%, rgba(248, 243, 235, 0.92) 20%, rgba(248, 243, 235, 0.18) 62%),
          linear-gradient(180deg, rgba(248, 243, 235, 0) 0%, var(--past-cream) 100%);
      }

      #previous-editions .past-events-index {
        position: relative;
        z-index: 1;
        width: min(920px, calc(100% - 40px));
        padding-top: 0;
      }

      #previous-editions .past-events-section-head {
        display: block;
        max-width: 620px;
        margin-bottom: clamp(28px, 3vw, 38px);
      }

      #previous-editions .past-events-kicker {
        display: block;
        width: fit-content;
        margin: 0 0 10px;
        padding: 0;
        background: transparent;
        color: var(--past-orange);
        font-family: var(--font-main);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1.2;
        text-transform: uppercase;
      }

      #previous-editions .past-events-section-head h1 {
        max-width: 610px;
        margin: 0;
        color: var(--past-ink);
        font-family: var(--font-display);
        font-size: clamp(42px, 5.2vw, 76px);
        font-weight: 700;
        letter-spacing: 0;
        line-height: 0.98;
      }

      #previous-editions .past-events-section-head h1 span {
        display: block;
      }

      #previous-editions .past-events-section-head h1::after {
        content: "";
        display: block;
        width: 54px;
        height: 2px;
        margin-top: 20px;
        background: var(--past-orange);
      }

      #previous-editions .past-events-section-head p {
        max-width: 570px;
        margin: 18px 0 0;
        color: var(--past-ink);
        font-size: clamp(17px, 1.4vw, 20px);
        font-weight: 500;
        line-height: 1.55;
      }

      #previous-editions .previous-editions-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(16px, 1.8vw, 22px);
        align-items: stretch;
      }

      #previous-editions .previous-edition-card {
        position: relative;
        min-height: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 0;
        border-radius: 8px;
        background: var(--past-card);
        color: var(--past-ink);
        box-shadow: 0 16px 44px rgba(7, 15, 54, 0.1);
        text-decoration: none;
        transition:
          transform 260ms cubic-bezier(.22,.61,.36,1),
          box-shadow 260ms cubic-bezier(.22,.61,.36,1);
      }

      #previous-editions .previous-edition-card:hover,
      #previous-editions .previous-edition-card:focus-visible,
      #previous-editions .previous-edition-card.is-selected {
        transform: translateY(-3px);
        border-color: transparent;
        box-shadow: 0 22px 54px rgba(7, 15, 54, 0.14);
      }

      #previous-editions .previous-edition-card.is-selected {
        outline: 2px solid color-mix(in srgb, var(--past-orange) 70%, white 30%);
        outline-offset: 4px;
      }

      #previous-editions .previous-edition-cover {
        position: relative;
        height: clamp(142px, 11.5vw, 166px);
        flex: 0 0 auto;
        overflow: hidden;
        margin: 12px 12px 0;
        border-radius: 6px;
        background: #ece7df;
      }

      #previous-editions .previous-edition-cover::after {
        display: none;
      }

      #previous-editions .previous-edition-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 320ms cubic-bezier(.22,.61,.36,1);
      }

      #previous-editions .previous-edition-card:hover .previous-edition-cover img,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-cover img {
        transform: scale(1.025);
      }

      #previous-editions .previous-edition-year {
        position: absolute;
        left: 12px;
        bottom: -10px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 34px;
        min-height: 34px;
        margin: 0;
        border-radius: 7px;
        background: var(--past-purple);
        padding: 0 12px;
        color: #ffffff;
        font-family: var(--font-main);
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1;
        box-shadow: 0 8px 16px rgba(7, 15, 54, 0.15);
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .previous-edition-year {
        background: var(--past-orange);
      }

      #previous-editions .previous-edition-body {
        position: relative;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 0;
        padding: 15px 17px 17px;
      }

      #previous-editions .previous-edition-title {
        display: block;
        min-height: 0;
        margin: 0;
        overflow: visible;
        padding-right: 58px;
        color: var(--past-ink);
        font-family: var(--font-display);
        font-size: clamp(16px, 1.18vw, 19px);
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.12;
      }

      #previous-editions .previous-edition-title span {
        display: block;
      }

      #previous-editions .previous-edition-title sup {
        font-size: 0.55em;
        line-height: 0;
      }

      #previous-editions .previous-edition-description {
        max-width: 94%;
        margin: 8px 52px 0 0;
        color: var(--past-ink);
        font-size: clamp(10.8px, 0.84vw, 12px);
        font-weight: 500;
        line-height: 1.5;
      }

      #previous-editions .previous-edition-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: auto;
        border-top: 1px solid var(--past-line);
        padding-top: 12px;
      }

      #previous-editions .past-meta-item {
        display: flex;
        align-items: flex-start;
        gap: 7px;
        color: var(--past-ink);
        font-size: 10px;
        font-weight: 500;
        line-height: 1.35;
      }

      #previous-editions .past-meta-item svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
        color: var(--past-purple);
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .past-meta-item svg,
      #previous-editions .previous-edition-card[data-past-year="2022"] .past-meta-item strong {
        color: var(--past-orange);
      }

      #previous-editions .past-meta-item span {
        display: grid;
        gap: 2px;
      }

      #previous-editions .past-meta-item strong {
        display: block;
        color: var(--past-purple);
        font-size: 9.5px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
      }

      #previous-editions .past-meta-focus {
        grid-column: 1 / -1;
        border-radius: 6px;
        background: linear-gradient(135deg, rgba(109, 66, 200, 0.12), rgba(109, 66, 200, 0.05));
        padding: 9px 10px;
      }

      #previous-editions .previous-edition-arrow {
        position: absolute;
        right: 16px;
        top: 22px;
        bottom: auto;
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border: 2px solid var(--past-purple);
        border-radius: 999px;
        background: #ffffff;
        color: transparent !important;
        font-size: 0 !important;
        box-shadow: none;
        transition:
          transform 260ms cubic-bezier(.22,.61,.36,1),
          background 260ms ease,
          color 260ms ease;
      }

      #previous-editions .previous-edition-arrow::before {
        content: "\2192";
        color: var(--past-purple) !important;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .previous-edition-arrow {
        border-color: var(--past-orange);
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .previous-edition-arrow::before {
        color: var(--past-orange) !important;
      }

      #previous-editions .previous-edition-card:hover .previous-edition-arrow,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-arrow,
      #previous-editions .previous-edition-card.is-selected .previous-edition-arrow {
        transform: translateX(4px);
        background: rgba(109, 66, 200, 0.06);
        box-shadow: none;
      }

      #previous-editions .previous-edition-card[data-past-year="2022"]:hover .previous-edition-arrow,
      #previous-editions .previous-edition-card[data-past-year="2022"]:focus-visible .previous-edition-arrow,
      #previous-editions .previous-edition-card[data-past-year="2022"].is-selected .previous-edition-arrow {
        background: rgba(255, 90, 31, 0.06);
      }

      #previous-editions .past-events-all-row {
        display: flex;
        justify-content: center;
        padding: 30px 0 0;
      }

      #previous-editions .past-events-outline-button {
        display: inline-flex;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        border: 1.5px solid var(--past-teal);
        border-radius: 999px;
        background: transparent;
        padding: 0 38px;
        color: var(--past-teal);
        font-family: var(--font-main);
        font-size: 15px;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
        transition:
          background 220ms ease,
          color 220ms ease,
          transform 220ms ease,
          box-shadow 220ms ease;
      }

      #previous-editions .past-events-outline-button:hover,
      #previous-editions .past-events-outline-button:focus-visible {
        background: var(--past-teal);
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 14px 32px rgba(0, 139, 145, 0.2);
      }

      @media (max-width: 980px) {
        #previous-editions .previous-editions-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }

        #previous-editions .past-events-backdrop {
          width: 100%;
          opacity: 0.42;
        }
      }

      @media (max-width: 760px) {
        #previous-editions.past-events-page {
          padding: 68px 0 44px;
        }

        #previous-editions .past-events-section-head {
          margin-bottom: 26px;
        }

        #previous-editions .past-events-section-head h1 {
          font-size: clamp(38px, 12vw, 56px);
        }

        #previous-editions .previous-edition-card {
          height: auto;
        }

        #previous-editions .previous-edition-cover {
          height: clamp(168px, 50vw, 220px);
          margin: 12px 12px 0;
        }

        #previous-editions .previous-edition-body {
          padding: 17px 16px 20px;
        }

        #previous-editions .previous-edition-description {
          margin-right: 0;
          padding-right: 62px;
        }

        #previous-editions .previous-edition-meta {
          grid-template-columns: 1fr;
          gap: 15px;
          margin-top: 24px;
        }

        #previous-editions .previous-edition-arrow {
          right: 15px;
          top: 20px;
          width: 36px;
          height: 36px;
        }

        #previous-editions .previous-edition-arrow::before {
          font-size: 20px;
        }
      }

      @media (max-width: 520px) {
        #previous-editions .past-events-backdrop {
          height: 240px;
        }

        #previous-editions .past-events-section-head p {
          font-size: 16px;
        }

        #previous-editions .previous-edition-title {
          font-size: 19px;
        }

        #previous-editions .previous-edition-description {
          padding-right: 0;
        }

        #previous-editions .previous-edition-arrow {
          position: absolute;
          top: auto;
          right: 18px;
          bottom: 22px;
          margin-top: 0;
        }

        #previous-editions .previous-edition-body {
          padding-bottom: 88px;
        }

        #previous-editions .past-events-outline-button {
          width: min(100%, 320px);
          padding: 0 24px;
          font-size: 13px;
        }
      }

      #previous-editions .previous-edition-cover > .previous-edition-year {
        position: absolute !important;
        top: auto !important;
        right: auto !important;
        bottom: -10px !important;
        left: 12px !important;
        height: 34px;
        min-height: 34px;
      }

      #previous-editions .previous-edition-body > .previous-edition-arrow {
        position: absolute !important;
        top: 22px !important;
        right: 16px !important;
        bottom: auto !important;
      }

      /* Past Events final UI polish: cards, media detail, and modal. */
      #previous-editions .previous-editions-grid {
        align-items: stretch;
        grid-auto-rows: auto;
      }

      #previous-editions .previous-edition-card {
        align-self: stretch;
        height: 552px !important;
        min-height: 552px;
        border: 1px solid rgba(12, 26, 46, 0.08);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 18px 48px rgba(12, 26, 46, 0.11);
      }

      #previous-editions .previous-edition-card:hover,
      #previous-editions .previous-edition-card:focus-visible,
      #previous-editions .previous-edition-card.is-selected {
        transform: translateY(-4px);
        box-shadow: 0 24px 58px rgba(12, 26, 46, 0.15);
      }

      #previous-editions .previous-edition-cover {
        height: clamp(156px, 12vw, 184px);
      }

      #previous-editions .previous-edition-cover > .previous-edition-year {
        bottom: 12px !important;
        height: 32px;
        min-height: 32px;
        border-radius: 8px;
        padding: 0 12px;
        font-family: var(--font-main);
        font-size: 14px;
        font-weight: 900;
      }

      #previous-editions .previous-edition-body {
        min-height: 0;
        padding: 22px 18px 18px;
      }

      #previous-editions .previous-edition-title {
        min-height: 98px;
        padding-right: 96px;
        font-family: var(--font-display);
        font-size: clamp(17px, 1.22vw, 21px);
        font-weight: 800;
        letter-spacing: -0.015em;
        line-height: 1.14;
      }

      #previous-editions .previous-edition-description {
        min-height: 72px;
        margin: 14px 0 18px;
        font-size: clamp(12px, 0.86vw, 13px);
        line-height: 1.48;
      }

      #previous-editions .previous-edition-meta {
        grid-template-columns: minmax(0, 0.86fr) minmax(116px, 1fr) minmax(0, 1.28fr);
        gap: 12px;
        padding-top: 14px;
      }

      #previous-editions .past-meta-item {
        display: grid;
        grid-template-columns: 19px minmax(0, 1fr);
        gap: 8px;
        font-size: 10.5px;
      }

      #previous-editions .past-meta-item svg {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
      }

      #previous-editions .past-meta-item strong {
        margin-bottom: 1px;
        font-family: var(--font-main);
        font-size: 9.5px;
        letter-spacing: 0.02em;
      }

      #previous-editions .previous-edition-meta .past-meta-item:nth-child(2) > span {
        white-space: nowrap;
      }

      #previous-editions .past-meta-focus {
        align-items: start;
        padding: 10px 11px;
      }

      #previous-editions .previous-edition-arrow,
      #previous-editions .previous-edition-body > .previous-edition-arrow {
        top: 21px !important;
        right: 18px !important;
        width: 42px;
        height: 42px;
        border: 1.5px solid currentColor;
        background: #ffffff;
        color: var(--past-purple) !important;
        box-shadow: 0 10px 24px rgba(12, 26, 46, 0.08);
      }

      #previous-editions .previous-edition-arrow::before {
        content: "";
        width: 15px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transform: rotate(-45deg) translateX(-1px);
      }

      #previous-editions .previous-edition-arrow::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translate(4px, -4px);
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .previous-edition-arrow {
        color: var(--past-orange) !important;
      }

      #previous-editions .previous-edition-card:hover .previous-edition-arrow,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-arrow,
      #previous-editions .previous-edition-card.is-selected .previous-edition-arrow {
        transform: translateX(3px);
        background: color-mix(in srgb, currentColor 8%, white 92%);
      }

      #previous-editions .previous-edition-view {
        position: absolute;
        right: 18px;
        top: 22px;
        bottom: auto;
        display: inline-flex;
        min-width: 76px;
        height: 38px;
        align-items: center;
        justify-content: center;
        border: 1.5px solid var(--past-purple);
        border-radius: 999px;
        background: #ffffff;
        color: var(--past-purple);
        font-family: var(--font-main);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1;
        text-transform: uppercase;
        box-shadow: 0 10px 24px rgba(12, 26, 46, 0.08);
        transition:
          transform 220ms ease,
          background 220ms ease,
          color 220ms ease,
          box-shadow 220ms ease;
      }

      #previous-editions .previous-edition-card[data-past-year="2022"] .previous-edition-view {
        border-color: var(--past-orange);
        color: var(--past-orange);
      }

      #previous-editions .previous-edition-card:hover .previous-edition-view,
      #previous-editions .previous-edition-card:focus-visible .previous-edition-view,
      #previous-editions .previous-edition-card.is-selected .previous-edition-view {
        transform: translateY(-2px);
        background: var(--past-purple);
        color: #ffffff;
        box-shadow: 0 14px 30px rgba(109, 66, 200, 0.18);
      }

      #previous-editions .previous-edition-card[data-past-year="2022"]:hover .previous-edition-view,
      #previous-editions .previous-edition-card[data-past-year="2022"]:focus-visible .previous-edition-view,
      #previous-editions .previous-edition-card[data-past-year="2022"].is-selected .previous-edition-view {
        background: var(--past-orange);
        box-shadow: 0 14px 30px rgba(255, 90, 31, 0.18);
      }

      #previous-editions .past-event-detail {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-row: auto;
        gap: 0;
        align-self: start;
        min-height: 0;
        margin: clamp(20px, 2.4vw, 32px) 0 0;
        padding: 0;
      }

      #previous-editions .past-event-detail.is-open {
        display: block;
        height: auto;
        max-height: none;
      }

      #previous-editions .past-event-info {
        display: none !important;
      }

      #previous-editions .past-event-media {
        min-height: 0;
        height: auto;
        overflow: hidden;
        border: 1px solid rgba(12, 26, 46, 0.08);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 18px 48px rgba(12, 26, 46, 0.1);
      }

      #previous-editions .past-event-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 8px 52px 0 16px;
      }

      #previous-editions .past-event-tabs button {
        min-height: 46px;
        font-family: var(--font-main);
        font-size: 13px;
        letter-spacing: 0.01em;
      }

      #previous-editions .past-tab-panel {
        overflow: visible;
        padding: 16px;
      }

      #previous-editions .past-featured-photo {
        display: none;
      }

      #previous-editions .past-masonry {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 18px;
      }

      #previous-editions .past-masonry button,
      #previous-editions .past-masonry button:nth-child(1),
      #previous-editions .past-masonry button:nth-child(3),
      #previous-editions .past-masonry button:nth-child(4) {
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        place-items: stretch;
        grid-row: auto;
        aspect-ratio: 1.55 / 1;
        border-radius: 4px;
        background: #f8fafc;
        box-shadow: 0 1px 0 rgba(12, 26, 46, 0.08);
      }

      #previous-editions .past-view-all-tile {
        display: none !important;
      }

      #previous-editions .past-masonry img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
      }

      #previous-editions .past-video-thumb img {
        object-fit: cover;
      }

      #previous-editions .past-masonry button:hover img,
      #previous-editions .past-masonry button:focus-visible img {
        transform: none;
      }

      #previous-editions .past-masonry button::before {
        content: attr(data-lightbox-caption);
        position: static;
        display: block;
        width: 100%;
        z-index: 1;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.92);
        padding: 6px 9px;
        color: rgba(12, 26, 46, 0.72);
        font-size: 10px;
        font-weight: 800;
        line-height: 1.2;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      #previous-editions .past-view-all-tile::before {
        content: "";
        background: transparent;
        padding: 0;
      }

      #previous-editions .past-video-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 320px));
        gap: 14px;
        align-items: start;
      }

      #previous-editions .past-video-grid article {
        border-radius: 8px;
        padding: 10px;
      }

      #previous-editions .past-video-thumb {
        width: 100%;
        height: auto;
        aspect-ratio: 1.55 / 1;
        border: 0;
        padding: 0;
        cursor: pointer;
      }

      #previous-editions .past-video-thumb span {
        width: 42px;
        height: 42px;
        box-shadow: 0 12px 24px rgba(12, 26, 46, 0.18);
      }

      #previous-editions .past-video-thumb span::before {
        margin-left: 3px;
        border-top-width: 7px;
        border-bottom-width: 7px;
        border-left-width: 11px;
        margin-top: 3.5px;
      }

      .previous-lightbox {
        z-index: 300;
        background: rgba(4, 10, 24, 0.92);
        padding: clamp(14px, 3vw, 34px);
      }

      .previous-lightbox-panel {
        width: min(1180px, 100%);
        max-height: 92vh;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
      }

      .previous-lightbox img,
      .previous-lightbox-video,
      .previous-lightbox-frame {
        width: 100%;
        max-height: 82vh;
        border: 0;
        border-radius: 10px;
        background: #020617;
        box-shadow: 0 26px 80px rgba(0, 0, 0, 0.45);
      }

      .previous-lightbox img {
        object-fit: contain;
      }

      .previous-lightbox-video,
      .previous-lightbox-frame {
        aspect-ratio: 16 / 9;
        height: min(78vh, 720px);
      }

      .previous-lightbox-caption {
        margin: 14px 58px 0 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 14px;
      }

      .previous-lightbox-close {
        top: 0;
        right: 0;
        bottom: auto;
        border-color: rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.1);
      }

      .previous-lightbox-nav {
        position: fixed;
        top: 50%;
        z-index: 2;
        display: grid;
        place-items: center;
        width: clamp(42px, 5vw, 58px);
        height: clamp(56px, 7vw, 76px);
        transform: translateY(-50%);
        border: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.78);
        font-family: var(--font-main);
        font-size: clamp(42px, 5vw, 62px);
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
      }

      .previous-lightbox-prev {
        left: clamp(8px, 2vw, 28px);
      }

      .previous-lightbox-next {
        right: clamp(8px, 2vw, 28px);
      }

      .previous-lightbox-nav:hover,
      .previous-lightbox-nav:focus-visible {
        color: #ffffff;
        outline: none;
      }

      .previous-lightbox-nav[hidden] {
        display: none;
      }

      @media (max-width: 980px) {
        #previous-editions .previous-editions-grid {
          grid-auto-rows: auto;
        }

        #previous-editions .past-masonry,
        #previous-editions .past-video-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 760px) {
        #previous-editions .previous-edition-description {
          min-height: 0;
        }

        #previous-editions .past-event-tabs {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          padding-right: 44px;
        }
      }

      .premium-section {
        padding: clamp(32px, 6vw, 64px) 0;
        background: var(--navy-dark);
        background-image: var(--soft-blue-gradient);
        position: relative;
        overflow: hidden;
      }

      .premium-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F5B942' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        opacity: 0.5;
      }

      .premium-section .shell {
        position: relative;
        z-index: 1;
      }

      .premium-two-column {
        display: grid;
        grid-template-columns: 55fr 45fr;
        gap: clamp(16px, 3vw, 32px);
        margin-bottom: clamp(40px, 8vw, 64px);
      }

      @media (max-width: 1024px) {
        .premium-two-column {
          grid-template-columns: 1fr;
          gap: clamp(24px, 5vw, 40px);
        }
      }

      .premium-card {
        background: var(--glass-bg);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        padding: clamp(24px, 4vw, 32px);
        box-shadow: var(--premium-shadow);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
      }

      .premium-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold-accent), transparent);
        opacity: 0.6;
      }

      .premium-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--premium-shadow), var(--gold-shadow);
        border-color: rgba(245, 185, 66, 0.4);
      }

      .premium-section-title {
        font-family: var(--font-display);
        font-size: clamp(28px, 5vw, 42px);
        font-weight: 700;
        color: #ffffff;
        margin-bottom: clamp(16px, 3vw, 24px);
        line-height: 1.2;
        letter-spacing: -0.02em;
      }

      .premium-section-title .gold-accent {
        color: var(--gold-accent);
        position: relative;
      }

      .premium-section-title .gold-accent::after {
        content: "";
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--gold-accent);
        box-shadow: 0 0 10px var(--gold-glow);
      }

      .premium-card-content h3 {
        font-family: var(--font-display);
        font-size: clamp(22px, 4vw, 32px);
        font-weight: 700;
        color: var(--gold-accent);
        margin: 0 0 clamp(12px, 2vw, 20px) 0;
        letter-spacing: -0.01em;
      }

      .premium-card-content p {
        font-size: clamp(15px, 2.5vw, 17px);
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.85);
        margin: 0 0 clamp(20px, 4vw, 32px) 0;
      }

      .kpi-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(12px, 2vw, 20px);
        margin-top: clamp(20px, 4vw, 32px);
      }

      @media (max-width: 768px) {
        .kpi-grid {
          grid-template-columns: 1fr;
          gap: clamp(12px, 2vw, 16px);
        }
      }

      .kpi-card {
        background: rgba(245, 185, 66, 0.1);
        border: 1px solid rgba(245, 185, 66, 0.2);
        border-radius: 12px;
        padding: clamp(16px, 3vw, 24px);
        text-align: center;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
      }

      .kpi-card::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        background: radial-gradient(circle, rgba(245, 185, 66, 0.15) 0%, transparent 70%);
        transform: translate(-50%, -50%);
        transition: all 0.3s ease;
      }

      .kpi-card:hover::before {
        width: 150px;
        height: 150px;
      }

      .kpi-card:hover {
        background: rgba(245, 185, 66, 0.15);
        border-color: rgba(245, 185, 66, 0.4);
        transform: scale(1.02);
      }

      .kpi-number {
        font-family: var(--font-display);
        font-size: clamp(32px, 5vw, 48px);
        font-weight: 700;
        color: var(--gold-accent);
        margin-bottom: 4px;
        position: relative;
        z-index: 1;
      }

      .kpi-label {
        font-size: clamp(13px, 2vw, 14px);
        font-weight: 600;
        color: rgba(255, 255, 255, 0.9);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        position: relative;
        z-index: 1;
      }

      .premium-table-container {
        margin-top: clamp(24px, 5vw, 40px);
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--glass-border);
        border-radius: 16px;
        overflow: hidden;
        backdrop-filter: blur(10px);
      }

      .premium-table {
        width: 100%;
        border-collapse: collapse;
      }

      .premium-table th,
      .premium-table td {
        padding: clamp(16px, 3vw, 24px);
        text-align: left;
        border-bottom: 1px solid var(--glass-border);
      }

      .premium-table th {
        background: rgba(245, 185, 66, 0.1);
        font-family: var(--font-display);
        font-size: clamp(16px, 2.5vw, 18px);
        font-weight: 700;
        color: var(--gold-accent);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        white-space: nowrap;
      }

      .premium-table td {
        font-size: clamp(15px, 2vw, 16px);
        color: rgba(255, 255, 255, 0.85);
        transition: all 0.3s ease;
        position: relative;
      }

      .premium-table tr:hover td {
        background: rgba(245, 185, 66, 0.08);
        color: #ffffff;
      }

      .premium-table tr:last-child td {
        border-bottom: none;
      }

      .premium-table tr:hover td::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--gold-accent);
        box-shadow: 0 0 8px var(--gold-glow);
      }

      .premium-row-label {
        display: flex;
        align-items: center;
        gap: clamp(8px, 1.5vw, 12px);
        font-weight: 600;
      }

      .premium-row-label svg {
        width: clamp(20px, 2.5vw, 24px);
        height: clamp(20px, 2.5vw, 24px);
        color: var(--gold-accent);
        flex-shrink: 0;
      }

      .premium-section-four-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: clamp(20px, 4vw, 32px);
      }

      @media (max-width: 1024px) {
        .premium-section-four-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 600px) {
        .premium-section-four-grid {
          grid-template-columns: 1fr;
        }
      }

      .premium-feature-card {
        background: var(--glass-bg);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        padding: clamp(24px, 4vw, 32px);
        min-height: 100%;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }

      .premium-feature-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--gold-accent), transparent);
        opacity: 0.6;
      }

      .premium-feature-card:hover {
        transform: translateY(-6px);
        box-shadow: var(--premium-shadow), var(--gold-shadow);
        border-color: rgba(245, 185, 66, 0.4);
      }

      .premium-feature-icon {
        width: clamp(48px, 6vw, 56px);
        height: clamp(48px, 6vw, 56px);
        background: linear-gradient(135deg, rgba(245, 185, 66, 0.15), rgba(245, 185, 66, 0.05));
        border: 2px solid var(--glass-border);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: clamp(20px, 4vw, 28px);
        position: relative;
        overflow: hidden;
      }

      .premium-feature-card:hover .premium-feature-icon {
        background: linear-gradient(135deg, rgba(245, 185, 66, 0.25), rgba(245, 185, 66, 0.1));
        border-color: var(--gold-accent);
        box-shadow: 0 0 20px var(--gold-glow);
      }

      .premium-feature-icon svg {
        width: clamp(24px, 3vw, 28px);
        height: clamp(24px, 3vw, 28px);
        color: var(--gold-accent);
      }

      .premium-feature-card h3 {
        font-family: var(--font-display);
        font-size: clamp(20px, 3vw, 26px);
        font-weight: 700;
        color: var(--gold-accent);
        margin: 0 0 clamp(12px, 2vw, 18px) 0;
        letter-spacing: -0.01em;
      }

      .premium-feature-card p {
        font-size: clamp(14px, 2vw, 15px);
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.85);
        margin: 0 0 clamp(20px, 4vw, 28px) 0;
        flex-grow: 1;
      }

      .premium-feature-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: clamp(20px, 4vw, 28px);
      }

      .premium-badge {
        background: rgba(245, 185, 66, 0.1);
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        padding: 6px 14px;
        font-size: clamp(12px, 1.5vw, 13px);
        font-weight: 600;
        color: var(--gold-accent);
        text-transform: uppercase;
        letter-spacing: 0.03em;
        transition: all 0.3s ease;
      }

      .premium-badge:hover {
        background: rgba(245, 185, 66, 0.2);
        border-color: var(--gold-accent);
      }

      .premium-feature-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .premium-feature-buttons .button {
        text-align: center;
        padding: clamp(14px, 2.5vw, 18px);
        font-size: clamp(14px, 2vw, 15px);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }

      .premium-stats-ribbon {
        background: linear-gradient(90deg, var(--navy-dark) 0%, rgba(16, 42, 84, 0.9) 50%, var(--navy-dark) 100%);
        border-top: 1px solid var(--glass-border);
        border-bottom: 1px solid var(--glass-border);
        padding: clamp(32px, 6vw, 48px) 0;
        position: relative;
        overflow: hidden;
      }

      .premium-stats-ribbon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--gold-accent), transparent);
      }

      .premium-stats-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: clamp(20px, 4vw, 32px);
        align-items: center;
      }

      @media (max-width: 1200px) {
        .premium-stats-grid {
          grid-template-columns: repeat(3, 1fr);
        }

        .premium-stats-grid .stats-item:nth-child(4),
        .premium-stats-grid .stats-item:nth-child(5) {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .premium-stats-grid {
          grid-template-columns: repeat(3, 1fr);
        }

        .premium-stats-grid .stats-item:nth-child(5) {
          display: none;
        }
      }

      @media (max-width: 480px) {
        .premium-stats-grid {
          grid-template-columns: 1fr;
          gap: clamp(16px, 3vw, 24px);
        }

        .premium-stats-grid .stats-item {
          text-align: center;
        }

        .premium-stats-grid .stats-separator {
          display: none;
        }
      }

      .stats-item {
        display: flex;
        align-items: center;
        gap: clamp(12px, 2vw, 16px);
        position: relative;
      }

      .stats-icon {
        width: clamp(40px, 5vw, 48px);
        height: clamp(40px, 5vw, 48px);
        background: rgba(245, 185, 66, 0.1);
        border: 1px solid var(--glass-border);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
      }

      .stats-icon::before {
        content: "";
        position: absolute;
        inset: -4px;
        border: 1px solid var(--gold-accent);
        border-radius: 50%;
        opacity: 0;
        transition: all 0.3s ease;
      }

      .stats-item:hover .stats-icon::before {
        opacity: 0.5;
      }

      .stats-item:hover .stats-icon {
        background: rgba(245, 185, 66, 0.15);
        border-color: var(--gold-accent);
        box-shadow: 0 0 20px var(--gold-glow);
      }

      .stats-icon svg {
        width: clamp(20px, 2.5vw, 24px);
        height: clamp(20px, 2.5vw, 24px);
        color: var(--gold-accent);
      }

      .stats-content {
        display: flex;
        flex-direction: column;
      }

      .stats-number {
        font-family: var(--font-display);
        font-size: clamp(32px, 4vw, 40px);
        font-weight: 700;
        color: var(--gold-accent);
        line-height: 1;
        margin-bottom: 4px;
      }

      .stats-label {
        font-size: clamp(12px, 1.5vw, 14px);
        font-weight: 600;
        color: rgba(255, 255, 255, 0.85);
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }

      .stats-separator {
        width: clamp(20px, 2.5vw, 28px);
        height: 2px;
        background: var(--glass-border);
        margin: clamp(4px, 1vw, 8px) 0;
        position: relative;
      }

      .stats-separator::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 20px;
        height: 2px;
        background: var(--gold-accent);
        transition: all 0.3s ease;
      }

      .stats-item:hover .stats-separator::after {
        left: 100%;
        width: 20px;
        box-shadow: 0 0 8px var(--gold-glow);
      }

      .premium-card-btn {
        display: inline-block;
        background: linear-gradient(135deg, var(--gold-accent), #d4a835);
        color: var(--navy-dark);
        font-family: var(--font-display);
        font-weight: 700;
        padding: clamp(14px, 2.5vw, 18px);
        border-radius: 12px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(14px, 2vw, 15px);
        transition: all 0.3s ease;
        border: none;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(245, 185, 66, 0.3);
      }

      .premium-card-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(245, 185, 66, 0.5);
      }

      .premium-card-btn-outline {
        background: transparent;
        color: var(--gold-accent);
        border: 1px solid var(--gold-accent);
      }

      .premium-card-btn-outline:hover {
        background: rgba(245, 185, 66, 0.1);
      }

      .ai-globe-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: clamp(24px, 4vw, 32px);
        position: relative;
      }

      .ai-globe {
        width: clamp(100px, 15vw, 160px);
        height: clamp(100px, 15vw, 160px);
        position: relative;
        animation: float 6s ease-in-out infinite;
      }

      @keyframes float {
        0%, 100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }

      .ai-globe-circle {
        position: absolute;
        border: 2px solid rgba(245, 185, 66, 0.3);
        border-radius: 50%;
        animation: pulse 4s ease-in-out infinite;
      }

      .ai-globe-circle:nth-child(1) {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }

      .ai-globe-circle:nth-child(2) {
        width: 70%;
        height: 70%;
        top: 15%;
        left: 15%;
        animation-delay: 0.5s;
      }

      .ai-globe-circle:nth-child(3) {
        width: 40%;
        height: 40%;
        top: 30%;
        left: 30%;
        animation-delay: 1s;
      }

      @keyframes pulse {
        0%, 100% {
          opacity: 0.3;
          transform: scale(1);
        }
        50% {
          opacity: 0.8;
          transform: scale(1.05);
        }
      }

      .speakers-avatars {
        display: flex;
        gap: -12px;
        margin-bottom: clamp(20px, 4vw, 28px);
        position: relative;
        height: clamp(100px, 12vw, 120px);
      }

      .speaker-avatar {
        width: clamp(70px, 8vw, 90px);
        height: clamp(70px, 8vw, 90px);
        border-radius: 50%;
        border: 3px solid var(--navy-dark);
        background: linear-gradient(135deg, rgba(245, 185, 66, 0.2), rgba(16, 42, 84, 0.5));
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
      }

      .speaker-avatar:hover {
        transform: scale(1.1) translateY(-8px);
        z-index: 10;
        box-shadow: 0 8px 25px rgba(245, 185, 66, 0.3);
      }

      .speaker-avatar:nth-child(1) {
        left: 20%;
        z-index: 3;
      }

      .speaker-avatar:nth-child(2) {
        left: 35%;
        top: -10px;
        z-index: 4;
      }

      .speaker-avatar:nth-child(3) {
        left: 50%;
        top: -20px;
        z-index: 5;
      }

      .speaker-avatar:nth-child(4) {
        left: 65%;
        top: -10px;
        z-index: 4;
      }

      .speaker-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
      }

      .speaker-avatar-overlay {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--gold-accent);
        font-weight: 700;
        font-size: clamp(16px, 2vw, 20px);
      }

      .speaker-avatar .avatar-label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--gold-accent);
        font-weight: 700;
        font-size: clamp(12px, 1.5vw, 14px);
        z-index: 2;
      }

      .speakers-avatars + .badge-count {
        background: var(--gold-accent);
        color: var(--navy-dark);
        font-weight: 700;
        padding: clamp(4px, 1vw, 8px) clamp(10px, 2vw, 14px);
        border-radius: 20px;
        font-size: clamp(12px, 1.5vw, 14px);
        display: inline-block;
        margin-bottom: clamp(16px, 3vw, 24px);
      }

      .sponsor-tiles {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(12px, 2vw, 16px);
        margin-bottom: clamp(20px, 4vw, 28px);
      }

      .sponsor-tile {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--glass-border);
        border-radius: 12px;
        padding: clamp(16px, 3vw, 24px);
        text-align: center;
        transition: all 0.3s ease;
      }

      .sponsor-tile:hover {
        background: rgba(245, 185, 66, 0.1);
        border-color: var(--gold-accent);
        transform: scale(1.02);
      }

      .sponsor-tile img {
        max-width: 80px;
        height: auto;
        display: block;
        margin: 0 auto clamp(8px, 1.5vw, 12px);
      }

      .past-event-collage {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(8px, 2vw, 12px);
        margin-bottom: clamp(20px, 4vw, 28px);
        height: clamp(120px, 15vw, 180px);
        position: relative;
      }

      .past-event-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        transition: all 0.4s ease;
      }

      .past-event-collage:hover .past-event-image {
        transform: scale(1.1);
      }

      .collage-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(7, 27, 59, 0.7), rgba(16, 42, 84, 0.8));
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
      }

      .collage-overlay h4 {
        color: #ffffff;
        font-size: clamp(14px, 2vw, 16px);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
      }

      .premium-feature-card.past-events {
        position: relative;
        overflow: hidden;
      }

      .premium-feature-card.past-events::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, transparent 60%, var(--navy-dark) 100%);
      }

      @media (max-width: 560px) {
        #previous-editions .past-masonry,
        #previous-editions .past-video-grid {
          grid-template-columns: 1fr;
        }

        #previous-editions .previous-edition-arrow,
        #previous-editions .previous-edition-body > .previous-edition-arrow {
          top: auto !important;
          right: 18px !important;
          bottom: 22px !important;
        }

        #previous-editions .previous-edition-title {
          min-height: 0;
          padding-right: 0;
        }

        #previous-editions .previous-edition-view {
          position: static;
          width: fit-content;
          margin-top: 18px;
        }

        #previous-editions .previous-edition-card {
          height: auto !important;
          min-height: 0;
        }
      }

      :root {
        --announcement-height: 42px;
      }

      .announcement-bar {
        position: sticky;
        top: 0;
        z-index: 50;
        min-height: var(--announcement-height);
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 1px 0 rgba(8, 17, 31, 0.18);
      }

      .announcement-inner {
        min-height: var(--announcement-height);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .announcement-inner span {
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
      }

      .announcement-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        border: 1px solid rgba(8, 17, 31, 0.22);
        border-radius: 999px;
        background: #08111f;
        padding: 0 14px;
        color: var(--gold);
        font-family: var(--font-display);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        transition: transform 180ms ease, box-shadow 180ms ease;
      }

      .announcement-button:hover,
      .announcement-button:focus-visible {
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(8, 17, 31, 0.2);
      }

      header {
        top: var(--announcement-height);
      }

      .brand-text {
        align-items: flex-start;
        flex-direction: column;
        gap: 0;
        color: var(--paper);
        text-transform: none;
      }

      .brand-text strong {
        color: #ffffff;
        font-size: 20px;
        line-height: 1;
      }

      .brand-text span {
        margin-top: 5px;
        color: color-mix(in srgb, var(--paper) 68%, transparent);
        font-family: var(--font-main);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.02em;
        line-height: 1.1;
      }

      .nav-register.register-cta {
        border-color: color-mix(in srgb, var(--gold) 86%, white 10%);
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 16px 38px color-mix(in srgb, var(--gold) 24%, transparent);
      }

      .nav-register.register-cta:hover,
      .nav-register.register-cta:focus-visible {
        border-color: var(--gold);
        background: color-mix(in srgb, var(--gold) 92%, white 8%);
        color: #08111f;
        box-shadow: 0 20px 48px color-mix(in srgb, var(--gold) 32%, transparent);
      }

      body.paged-site[data-view="register"] {
        background: #050816;
      }

      body.paged-site[data-view="register"] #register.pricing-landing {
        min-height: calc(100vh - var(--announcement-height) - 80px);
        overflow: hidden;
        padding: clamp(54px, 7vw, 86px) 0 clamp(72px, 9vw, 118px);
        background:
          radial-gradient(circle at 78% 12%, rgba(37, 99, 235, 0.26), transparent 32%),
          radial-gradient(circle at 14% 30%, rgba(245, 185, 66, 0.1), transparent 26%),
          linear-gradient(145deg, #050816 0%, #081022 48%, #0b1120 100%);
        color: #f8fafc;
      }

      .pricing-particles {
        position: absolute;
        inset: 0;
        pointer-events: none;
        overflow: hidden;
      }

      .pricing-particles span {
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: rgba(245, 185, 66, 0.7);
        box-shadow: 0 0 22px rgba(245, 185, 66, 0.5);
        animation: pricingParticleFloat 10s ease-in-out infinite alternate;
      }

      .pricing-particles span:nth-child(1) { left: 12%; top: 18%; }
      .pricing-particles span:nth-child(2) { right: 16%; top: 34%; animation-delay: 1.7s; background: rgba(96, 165, 250, 0.75); }
      .pricing-particles span:nth-child(3) { left: 28%; bottom: 20%; animation-delay: 2.4s; }
      .pricing-particles span:nth-child(4) { right: 28%; bottom: 28%; animation-delay: 3.2s; background: rgba(96, 165, 250, 0.68); }

      @keyframes pricingParticleFloat {
        from { transform: translate3d(0, 0, 0); opacity: 0.42; }
        to { transform: translate3d(18px, -24px, 0); opacity: 0.95; }
      }

      .pricing-hero,
      .early-bird-card,
      .pricing-section,
      .pricing-progress-card,
      .trust-metrics,
      body.paged-site[data-view="register"] #register .register-reference-grid {
        position: relative;
        z-index: 1;
      }

      .pricing-hero {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.58fr);
        gap: clamp(28px, 5vw, 64px);
        align-items: center;
      }

      .pricing-hero-copy,
      .pricing-hero-offer,
      .early-bird-card,
      .pricing-card,
      .pricing-progress-card,
      .trust-metric,
      body.paged-site[data-view="register"] #register .register-reference-card {
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
        backdrop-filter: blur(18px);
      }

      .pricing-hero-copy {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
      }

      .pricing-eyebrow {
        display: inline-flex;
        margin-bottom: 16px;
        color: var(--gold);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.16em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .pricing-hero h1 {
        max-width: 17ch;
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(34px, 4.8vw, 58px);
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.04;
      }

      .pricing-subtitle {
        max-width: 520px;
        margin: 18px 0 0;
        color: #dbeafe;
        font-size: clamp(17px, 1.8vw, 23px);
        font-weight: 700;
        line-height: 1.34;
      }

      .pricing-description {
        max-width: 58ch;
        margin: 26px 0 0;
        color: rgba(226, 232, 240, 0.82);
        font-size: 18px;
        line-height: 1.62;
      }

      .pricing-hero-offer {
        min-height: 260px;
        display: grid;
        align-content: center;
        justify-items: start;
        border-color: rgba(245, 185, 66, 0.52);
        border-radius: 24px;
        background:
          radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.34), transparent 26%),
          linear-gradient(135deg, rgba(245, 185, 66, 0.98), rgba(247, 198, 91, 0.92));
        padding: clamp(24px, 3vw, 34px);
        color: #08111f;
        box-shadow: 0 26px 80px rgba(245, 185, 66, 0.24), 0 24px 80px rgba(0, 0, 0, 0.34);
      }

      .pricing-hero-offer span {
        font-size: 13px;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1.25;
        text-transform: uppercase;
      }

      .pricing-hero-offer strong {
        display: block;
        max-width: 13ch;
        margin-top: 14px;
        font-family: var(--font-display);
        font-size: clamp(30px, 3.8vw, 46px);
        font-weight: 800;
        letter-spacing: -0.01em;
        line-height: 1.02;
      }

      .pricing-hero-offer a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin-top: 24px;
        border-radius: 999px;
        background: #08111f;
        padding: 0 22px;
        color: var(--gold);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        transition: transform 220ms ease, box-shadow 220ms ease;
      }

      .pricing-hero-offer a:hover,
      .pricing-hero-offer a:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(8, 17, 31, 0.24);
      }

      .pricing-primary-button,
      .pricing-card-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        border: 1px solid color-mix(in srgb, var(--gold) 86%, white 10%);
        border-radius: 999px;
        background: var(--gold);
        color: #08111f;
        font-family: var(--font-display);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        box-shadow: 0 16px 46px rgba(245, 185, 66, 0.26);
        transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
      }

      .pricing-primary-button {
        margin-top: 28px;
        padding: 0 28px;
      }

      .pricing-primary-button:hover,
      .pricing-primary-button:focus-visible,
      .pricing-card-button:hover,
      .pricing-card-button:focus-visible {
        transform: translateY(-2px);
        filter: brightness(1.05);
        box-shadow: 0 20px 58px rgba(245, 185, 66, 0.34);
      }

      .pricing-globe-card {
        min-height: clamp(430px, 46vw, 560px);
        display: grid;
        place-items: center;
        border-radius: 28px;
        position: relative;
        overflow: hidden;
      }

      .pricing-globe-card::before {
        content: "";
        position: absolute;
        inset: 10%;
        border-radius: 999px;
        background:
          radial-gradient(circle, rgba(37, 99, 235, 0.42), rgba(37, 99, 235, 0.08) 44%, transparent 68%),
          linear-gradient(135deg, rgba(245, 185, 66, 0.16), transparent);
        filter: blur(12px);
      }

      .pricing-globe {
        position: relative;
        width: min(360px, 72vw);
        aspect-ratio: 1;
        border: 1px solid rgba(96, 165, 250, 0.34);
        border-radius: 999px;
        background:
          linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
          radial-gradient(circle at 38% 28%, rgba(245, 185, 66, 0.32), transparent 18%),
          radial-gradient(circle at 60% 58%, rgba(37, 99, 235, 0.42), rgba(11, 17, 32, 0.86) 62%);
        background-size: 100% 32px, 32px 100%, auto, auto;
        box-shadow: inset 0 0 42px rgba(96, 165, 250, 0.18), 0 0 70px rgba(37, 99, 235, 0.28);
        animation: pricingGlobePulse 6s ease-in-out infinite alternate;
      }

      .globe-orbit {
        position: absolute;
        inset: 12%;
        border: 1px solid rgba(245, 185, 66, 0.34);
        border-radius: 999px;
      }

      .orbit-one { transform: rotate(22deg) scaleX(1.05); }
      .orbit-two { transform: rotate(-32deg) scaleX(0.72); border-color: rgba(96, 165, 250, 0.38); }
      .orbit-three { transform: rotate(78deg) scaleX(0.5); }

      .globe-node {
        position: absolute;
        width: 12px;
        height: 12px;
        border: 2px solid rgba(255, 255, 255, 0.8);
        border-radius: 999px;
        background: var(--gold);
        box-shadow: 0 0 22px rgba(245, 185, 66, 0.66);
      }

      .node-one { left: 22%; top: 28%; }
      .node-two { right: 24%; top: 34%; background: #60a5fa; box-shadow: 0 0 22px rgba(96, 165, 250, 0.7); }
      .node-three { left: 38%; bottom: 18%; }
      .node-four { right: 34%; bottom: 30%; background: #60a5fa; box-shadow: 0 0 22px rgba(96, 165, 250, 0.7); }

      @keyframes pricingGlobePulse {
        from { transform: translateY(0) rotate(0deg); }
        to { transform: translateY(-10px) rotate(3deg); }
      }

      .globe-status {
        position: absolute;
        right: 24px;
        bottom: 24px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16px;
        background: rgba(5, 8, 22, 0.74);
        padding: 14px 16px;
      }

      .globe-status span,
      .globe-status strong {
        display: block;
      }

      .globe-status span {
        color: rgba(226, 232, 240, 0.74);
        font-size: 12px;
      }

      .globe-status strong {
        margin-top: 3px;
        color: #ffffff;
        font-size: 15px;
      }

      .early-bird-card {
        display: grid;
        grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.1fr) minmax(220px, 0.7fr);
        gap: 24px;
        align-items: center;
        margin-top: clamp(44px, 7vw, 78px);
        border-radius: 24px;
        padding: clamp(22px, 3vw, 34px);
      }

      .early-bird-card h2,
      .pricing-progress-card h2 {
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(30px, 4vw, 46px);
        letter-spacing: 0;
        line-height: 1.02;
        text-transform: uppercase;
      }

      .early-bird-countdown {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }

      .early-bird-countdown div {
        min-height: 108px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(245, 185, 66, 0.2);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.055);
        text-align: center;
      }

      .early-bird-countdown strong {
        color: var(--gold);
        font-family: var(--font-display);
        font-size: clamp(34px, 4vw, 52px);
        line-height: 1;
        font-variant-numeric: tabular-nums;
      }

      .early-bird-countdown span {
        color: rgba(226, 232, 240, 0.72);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .early-bird-message {
        display: flex;
        gap: 14px;
        align-items: center;
        color: rgba(226, 232, 240, 0.82);
        font-size: 15px;
        line-height: 1.45;
      }

      .early-bird-message svg {
        width: 42px;
        height: 42px;
        flex: 0 0 auto;
        fill: none;
        stroke: var(--gold);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .early-bird-message p {
        margin: 0;
      }

      .early-bird-message strong {
        display: block;
        color: #ffffff;
      }

      .pricing-section {
        margin-top: clamp(60px, 8vw, 92px);
      }

      .landing-registration-flow {
        position: relative;
        overflow: hidden;
        padding: clamp(36px, 5vw, 66px) 0 clamp(42px, 6vw, 76px);
        background:
          radial-gradient(circle at 78% 10%, rgba(37, 99, 235, 0.22), transparent 32%),
          radial-gradient(circle at 14% 26%, rgba(245, 185, 66, 0.1), transparent 26%),
          linear-gradient(180deg, #071426 0%, #050816 100%);
        color: #f8fafc;
      }

      .landing-registration-flow::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(245, 185, 66, 0.34), transparent);
      }

      .landing-registration-flow .pricing-particles {
        opacity: 0.78;
      }

      .landing-early-bird-banner {
        position: relative;
        top: auto;
        z-index: 6;
        width: min(1120px, calc(100% - 40px));
        min-height: 54px;
        margin: 0 auto 18px;
        overflow: hidden;
        border-radius: 14px;
        background:
          linear-gradient(90deg, rgba(245, 185, 66, 0.98), rgba(247, 198, 91, 0.96) 58%, rgba(245, 185, 66, 0.98));
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
      }

      .landing-early-bird-banner .announcement-inner {
        width: 100%;
        min-height: 54px;
        justify-content: space-between;
        padding: 0 clamp(16px, 2.4vw, 26px);
        gap: 14px;
      }

      .landing-registration-flow .early-bird-card {
        width: min(1120px, calc(100% - 40px));
        margin-top: 0;
        border-color: rgba(255, 255, 255, 0.16);
        border-radius: 22px;
        background:
          radial-gradient(circle at 76% 12%, rgba(37, 99, 235, 0.24), transparent 36%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));
        box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
        grid-template-columns: minmax(190px, 0.52fr) minmax(340px, 1fr) minmax(210px, 0.5fr);
        gap: clamp(18px, 3vw, 30px);
        padding: clamp(22px, 3vw, 32px);
      }

      .landing-registration-flow .early-bird-card h2 {
        max-width: 10.5ch;
        font-size: clamp(27px, 3vw, 38px);
        line-height: 1.06;
        text-transform: uppercase;
      }

      .landing-registration-flow .pricing-eyebrow {
        margin-bottom: 8px;
      }

      .landing-registration-flow .early-bird-countdown {
        gap: 10px;
      }

      .landing-registration-flow .early-bird-countdown div {
        min-height: 86px;
        border-color: rgba(245, 185, 66, 0.24);
        border-radius: 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
      }

      .landing-registration-flow .early-bird-countdown strong {
        font-size: clamp(31px, 3.5vw, 46px);
      }

      .landing-registration-flow .early-bird-message {
        align-self: center;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
        padding-left: clamp(16px, 2.4vw, 24px);
      }

      .landing-registration-flow .pricing-section {
        width: min(1120px, calc(100% - 40px));
        margin-top: clamp(56px, 7vw, 88px);
        scroll-margin-top: 108px;
      }

      .pricing-section[data-pricing-reveal] {
        opacity: 0;
        transform: translateY(28px);
        transition:
          opacity 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
          transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .pricing-section[data-pricing-reveal].is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      .pricing-section[data-pricing-reveal][hidden] {
        display: none;
      }

      .pricing-section[data-pricing-reveal]:not(.is-visible) {
        pointer-events: none;
      }

      .pricing-section[data-pricing-reveal].is-visible .pricing-card {
        animation: pricingCardFadeUp 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .pricing-section[data-pricing-reveal].is-visible .pricing-card:nth-child(2) {
        animation-delay: 90ms;
      }

      .pricing-section[data-pricing-reveal].is-visible .pricing-card:nth-child(3) {
        animation-delay: 180ms;
      }

      .selected-pass-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 12px;
        gap: 5px;
        border: 1px solid rgba(245, 185, 66, 0.36);
        border-radius: 16px;
        background: rgba(245, 185, 66, 0.12);
        padding: 14px 16px;
      }

      .selected-pass-summary[hidden] {
        display: none;
      }

      .selected-pass-summary span {
        grid-column: 1;
        color: rgba(226, 232, 240, 0.74);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .selected-pass-summary strong {
        grid-column: 1;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 18px;
        line-height: 1.2;
      }

      .selected-summary-remove {
        grid-column: 2;
        grid-row: 1 / span 2;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(245, 185, 66, 0.44);
        border-radius: 999px;
        background: rgba(6, 17, 35, 0.54);
        color: #ffffff;
        cursor: pointer;
        display: inline-grid;
        place-items: center;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
      }

      .selected-summary-remove:hover,
      .selected-summary-remove:focus-visible {
        transform: translateY(-1px);
        border-color: rgba(245, 185, 66, 0.82);
        background: rgba(37, 99, 235, 0.22);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
      }

      @keyframes pricingCardFadeUp {
        from {
          opacity: 0;
          transform: translateY(26px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (max-width: 1100px) {
        .landing-registration-flow .early-bird-card {
          grid-template-columns: 1fr;
        }

        .landing-registration-flow .early-bird-card h2 {
          max-width: 18ch;
        }

        .landing-registration-flow .early-bird-message {
          border-top: 1px solid rgba(255, 255, 255, 0.12);
          border-left: 0;
          padding-top: 20px;
          padding-left: 0;
        }
      }

      @media (max-width: 760px) {
        .landing-registration-flow {
          padding: 34px 0 48px;
        }

        .landing-early-bird-banner,
        .landing-registration-flow .early-bird-card,
        .landing-registration-flow .pricing-section {
          width: min(100% - 28px, 1120px);
        }

        .landing-early-bird-banner .announcement-inner {
          min-height: 86px;
          flex-direction: column;
          justify-content: center;
          padding: 12px 16px;
        }

        .landing-registration-flow .early-bird-card {
          border-radius: 18px;
          padding: 18px 16px;
        }

        .landing-registration-flow .early-bird-card h2 {
          max-width: 100%;
          font-size: clamp(25px, 8vw, 34px);
        }

        .landing-registration-flow .early-bird-countdown {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
        }

        .landing-registration-flow .early-bird-countdown div {
          min-height: 76px;
        }
      }

      .pricing-section-head {
        max-width: 920px;
        margin: 0 auto clamp(28px, 4vw, 42px);
        text-align: center;
      }

      .pricing-section-head h2 {
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(32px, 3.6vw, 48px);
        letter-spacing: 0;
        line-height: 1.04;
        white-space: nowrap;
      }

      .pricing-section-head p {
        max-width: 850px;
        margin: 12px auto 0;
        color: rgba(226, 232, 240, 0.78);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
      }

      .pricing-card-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        align-items: stretch;
      }

      .pricing-card {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 24px;
        padding: clamp(18px, 2vw, 25px);
        transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease, opacity 240ms ease;
      }

      .pricing-card.featured {
        border-color: color-mix(in srgb, var(--gold) 78%, transparent);
        box-shadow: 0 30px 90px rgba(245, 185, 66, 0.16), 0 24px 80px rgba(0, 0, 0, 0.34);
      }

      .pricing-card:hover,
      .pricing-card:focus-within {
        transform: translateY(-7px);
        border-color: color-mix(in srgb, var(--gold) 62%, transparent);
      }

      .pricing-card.featured:hover,
      .pricing-card.featured:focus-within {
        transform: translateY(-8px) scale(1.015);
      }

      .pricing-card.is-active {
        border-color: var(--gold);
      }

      .pricing-card.is-expired {
        opacity: 0.46;
      }

      .pricing-badge-row {
        min-height: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-bottom: 14px;
      }

      .pricing-badge,
      .pricing-save {
        display: inline-flex;
        align-items: center;
        min-height: 23px;
        border-radius: 999px;
        padding: 0 9px;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pricing-badge {
        background: var(--gold);
        color: #08111f;
      }

      .pricing-save {
        border: 1px solid rgba(245, 185, 66, 0.32);
        color: var(--gold);
      }

      .pricing-card h3 {
        margin: 0;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 21px;
        letter-spacing: 0;
      }

      .pricing-price {
        margin-top: 14px;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(38px, 4vw, 52px);
        font-weight: 700;
        line-height: 1;
      }

      .pricing-deadline {
        margin: 6px 0 18px;
        color: rgba(226, 232, 240, 0.72);
        font-size: 13px;
        font-weight: 700;
      }

      .pricing-features {
        display: grid;
        gap: 9px;
        margin: 0 0 20px;
        padding: 0;
        color: rgba(248, 250, 252, 0.86);
        list-style: none;
      }

      .pricing-features li {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        font-size: 13px;
        line-height: 1.3;
      }

      .pricing-features li::before {
        content: "";
        width: 15px;
        height: 15px;
        flex: 0 0 auto;
        margin-top: 1px;
        border-radius: 999px;
        background: var(--gold);
        clip-path: polygon(14% 52%, 28% 38%, 43% 53%, 72% 22%, 86% 36%, 43% 78%);
      }

      .pricing-card-button {
        width: 100%;
        margin-top: 24px;
      }

      .golf-addon-card {
        border-color: rgba(163, 217, 78, 0.42);
        background:
          radial-gradient(circle at 22% 8%, rgba(163, 217, 78, 0.14), transparent 32%),
          linear-gradient(180deg, rgba(27, 127, 58, 0.18), rgba(255, 255, 255, 0.045));
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(163, 217, 78, 0.08) inset;
      }

      .golf-addon-card:hover,
      .golf-addon-card:focus-within {
        border-color: rgba(163, 217, 78, 0.78);
        box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34), 0 0 30px rgba(163, 217, 78, 0.16);
      }

      .golf-addon-card.is-active {
        border-color: #A3D94E;
        box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34), 0 0 34px rgba(163, 217, 78, 0.22);
      }

      .golf-addon-topline {
        justify-content: space-between;
      }

      .golf-addon-icon {
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(163, 217, 78, 0.12);
        border: 1px solid rgba(163, 217, 78, 0.36);
        color: #A3D94E;
      }

      .golf-addon-icon svg,
      .golf-addon-button svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .golf-addon-badge {
        background: linear-gradient(135deg, #A3D94E, #8CC63E);
        color: #071B3B;
      }

      .golf-addon-price {
        margin-top: 6px;
        color: #A3D94E;
        font-family: var(--font-display);
        font-size: clamp(30px, 3vw, 40px);
        font-weight: 800;
        line-height: 1;
      }

      .golf-addon-or {
        position: relative;
        display: grid;
        place-items: center;
        margin: 2px 0;
        color: rgba(226, 232, 240, 0.64);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.16em;
      }

      .golf-addon-or::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: rgba(163, 217, 78, 0.22);
      }

      .golf-addon-or span {
        position: relative;
        padding: 0 10px;
        background: #071B3B;
      }

      .golf-addon-card .pricing-features li::before {
        background: #A3D94E;
      }

      .golf-addon-button {
        gap: 8px;
        min-height: 44px;
        border: 0;
        background: linear-gradient(135deg, #A3D94E, #8CC63E);
        color: #071B3B;
        box-shadow: 0 18px 36px rgba(140, 198, 62, 0.28);
      }

      .golf-addon-button:hover,
      .golf-addon-button:focus-visible {
        box-shadow: 0 20px 44px rgba(140, 198, 62, 0.36);
      }

      .golf-addon-helper {
        margin: 9px 0 0;
        color: rgba(226, 232, 240, 0.68);
        font-size: 10px;
        line-height: 1.45;
      }

      .pricing-closed {
        display: none;
        width: 100%;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        border: 1px solid rgba(226, 232, 240, 0.18);
        border-radius: 999px;
        color: rgba(226, 232, 240, 0.72);
        font-weight: 800;
      }

      .pricing-card.is-expired .pricing-card-button {
        display: none;
      }

      .pricing-card.is-expired .pricing-closed {
        display: inline-flex;
      }

      .pricing-progress-card {
        display: grid;
        grid-template-columns: minmax(220px, 0.36fr) 1fr;
        gap: 26px;
        align-items: center;
        margin-top: clamp(34px, 5vw, 54px);
        border-radius: 24px;
        padding: clamp(24px, 3vw, 34px);
      }

      .pricing-progress-card p {
        margin: 8px 0 0;
        color: rgba(226, 232, 240, 0.76);
        font-size: 16px;
        font-weight: 700;
      }

      .pricing-progress-track {
        height: 18px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.075);
        overflow: hidden;
      }

      .pricing-progress-track span {
        display: block;
        width: 0;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--gold), #2563eb);
        transition: width 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .pricing-progress-card.is-visible .pricing-progress-track span {
        width: 65%;
      }

      .trust-metrics {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        margin-top: clamp(34px, 5vw, 54px);
      }

      .trust-metric {
        min-height: 164px;
        display: grid;
        place-items: center;
        border-radius: 22px;
        padding: 22px;
        text-align: center;
      }

      .trust-metric > span {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(245, 185, 66, 0.3);
        border-radius: 999px;
        color: var(--gold);
        font-weight: 900;
      }

      .trust-metric strong {
        display: block;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(34px, 4vw, 50px);
        line-height: 1;
      }

      .trust-metric p {
        margin: 0;
        color: rgba(226, 232, 240, 0.72);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      body.paged-site[data-view="register"] #register .register-reference-grid {
        margin-top: clamp(54px, 7vw, 90px);
        padding-top: clamp(34px, 5vw, 58px);
        border-top: 1px solid rgba(255, 255, 255, 0.12);
      }

      body.paged-site[data-view="register"] #register .register-reference-info h2,
      body.paged-site[data-view="register"] #register .register-reference-info .lead,
      body.paged-site[data-view="register"] #register .register-reference-info .notice,
      body.paged-site[data-view="register"] #register .register-reference-field,
      body.paged-site[data-view="register"] #register .register-reference-field span,
      body.paged-site[data-view="register"] #register .success {
        color: #f8fafc;
      }

      body.paged-site[data-view="register"] #register .register-reference-info h2 {
        font-size: clamp(34px, 4.6vw, 54px);
        letter-spacing: 0;
      }

      body.paged-site[data-view="register"] #register .register-reference-info .lead,
      body.paged-site[data-view="register"] #register .register-reference-info .notice,
      body.paged-site[data-view="register"] #register .register-reference-consent {
        color: rgba(226, 232, 240, 0.76);
      }

      body.paged-site[data-view="register"] #register .register-reference-info .notice {
        border-color: rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.06);
      }

      body.paged-site[data-view="register"] #register .register-reference-card {
        border-radius: 24px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field input,
      body.paged-site[data-view="register"] #register .register-reference-field select,
      body.paged-site[data-view="register"] #register .register-reference-field textarea {
        border-color: rgba(255, 255, 255, 0.16);
        background: rgba(255, 255, 255, 0.94);
        color: #08111f;
      }

      body.paged-site[data-view="register"] #register .register-error {
        color: #fecaca;
      }

      body.paged-site[data-view="register"] #register .register-reference-submit {
        border-color: var(--gold);
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 16px 46px rgba(245, 185, 66, 0.22);
      }

      body.paged-site[data-view="register"] #register .register-reference-submit:hover,
      body.paged-site[data-view="register"] #register .register-reference-submit:focus-visible {
        border-color: var(--gold);
        background: var(--gold);
        color: #08111f;
        box-shadow: 0 20px 58px rgba(245, 185, 66, 0.3);
      }

      body.paged-site[data-view="register"] #register .success {
        border-color: rgba(245, 185, 66, 0.55);
        background: #fff7e6;
        color: #1a2230;
      }

      body.paged-site[data-view="register"] #register .success.is-error {
        border-color: rgba(248, 113, 113, 0.55);
        background: #fdecec;
        color: #1a2230;
      }

      @media (max-width: 1100px) {
        .pricing-hero,
        .early-bird-card,
        .pricing-progress-card {
          grid-template-columns: 1fr;
        }

        .pricing-card-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .pricing-card.featured {
          grid-column: 1 / -1;
        }
      }

      @media (max-width: 980px) {
        .nav-links {
          top: calc(var(--announcement-height) + 80px);
        }

        .trust-metrics {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 720px) {
        :root {
          --announcement-height: 76px;
        }

        .announcement-inner {
          flex-wrap: wrap;
          gap: 8px 12px;
          padding: 9px 0;
          line-height: 1.15;
        }

        .announcement-inner strong,
        .announcement-inner span {
          flex: 1 1 100%;
        }

        body.paged-site[data-view="register"] #register.pricing-landing {
          padding-top: 42px;
        }

        .brand-text span {
          display: none;
        }

        .pricing-hero h1 {
          max-width: 100%;
          font-size: clamp(40px, 13vw, 58px);
        }

        .early-bird-countdown {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .pricing-globe-card {
          min-height: 360px;
        }

        .globe-status {
          left: 18px;
          right: 18px;
          bottom: 18px;
        }

        .pricing-card-grid,
        .trust-metrics {
          grid-template-columns: 1fr;
        }

        .pricing-card.featured {
          grid-column: auto;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .pricing-particles span,
        .pricing-globe {
          animation: none;
        }

        .pricing-primary-button,
        .pricing-card-button,
        .pricing-card,
        .announcement-button,
        .pricing-progress-track span {
          transition: none;
        }
      }

      header {
        top: 0;
      }

      body.paged-site[data-view="register"] #register.pricing-landing {
        min-height: calc(100vh - 80px);
      }

      body.paged-site[data-view="register"] #register .pricing-hero h1 {
        max-width: 17ch;
        font-size: clamp(34px, 4.8vw, 58px);
      }

      .pricing-inline-announcement {
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 22px;
        margin-bottom: clamp(28px, 4vw, 42px);
        border-radius: 0;
        background: linear-gradient(90deg, var(--gold), #f7c65b 58%, var(--gold));
        color: #08111f;
        padding: 10px clamp(18px, 3vw, 28px);
        text-align: center;
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
      }

      .pricing-inline-announcement strong {
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1.2;
      }

      .pricing-inline-announcement span {
        font-size: 14px;
        font-weight: 800;
        line-height: 1.2;
      }

      @media (max-width: 980px) {
        .nav-links {
          top: 80px;
        }
      }

      @media (max-width: 720px) {
        body.paged-site[data-view="register"] #register .pricing-hero h1 {
          max-width: 100%;
          font-size: clamp(32px, 9vw, 44px);
        }

        .pricing-hero-offer {
          min-height: 220px;
          justify-items: center;
          text-align: center;
        }

        .pricing-hero-offer strong {
          max-width: 14ch;
          font-size: clamp(28px, 8vw, 38px);
        }

        .pricing-inline-announcement {
          flex-direction: column;
          gap: 6px;
          min-height: 74px;
        }
      }

      /* Compact register view: layout-only pass to reduce scrolling without changing content. */
      body.paged-site[data-view="register"] #register.pricing-landing {
        padding: clamp(30px, 4.5vw, 48px) 0 clamp(50px, 6vw, 76px);
      }

      body.paged-site[data-view="register"] #register .pricing-hero {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.52fr);
        gap: clamp(22px, 4vw, 46px);
      }

      body.paged-site[data-view="register"] #register .pricing-hero h1 {
        max-width: 19ch;
        font-size: clamp(32px, 4.15vw, 52px);
        line-height: 1.05;
      }

      body.paged-site[data-view="register"] #register .pricing-subtitle {
        max-width: 480px;
        margin-top: 12px;
        font-size: clamp(15px, 1.45vw, 20px);
        line-height: 1.35;
      }

      body.paged-site[data-view="register"] #register .pricing-hero-offer {
        min-height: 198px;
        border-radius: 20px;
        padding: clamp(20px, 2.4vw, 28px);
      }

      body.paged-site[data-view="register"] #register .pricing-hero-offer span {
        font-size: 11px;
      }

      body.paged-site[data-view="register"] #register .pricing-hero-offer strong {
        max-width: 12ch;
        margin-top: 10px;
        font-size: clamp(25px, 2.9vw, 36px);
      }

      body.paged-site[data-view="register"] #register .pricing-hero-offer a {
        min-height: 40px;
        margin-top: 18px;
        padding-inline: 20px;
        font-size: 11px;
      }

      body.paged-site[data-view="register"] #register .early-bird-card {
        grid-template-columns: minmax(175px, 0.55fr) minmax(300px, 1fr) minmax(180px, 0.58fr);
        gap: 18px;
        margin-top: clamp(24px, 4vw, 38px);
        border-radius: 20px;
        padding: clamp(18px, 2.4vw, 24px);
      }

      body.paged-site[data-view="register"] #register .pricing-eyebrow {
        margin-bottom: 9px;
        font-size: 10px;
      }

      body.paged-site[data-view="register"] #register .early-bird-card h2,
      body.paged-site[data-view="register"] #register .pricing-progress-card h2 {
        font-size: clamp(24px, 3vw, 36px);
      }

      body.paged-site[data-view="register"] #register .early-bird-countdown {
        gap: 10px;
      }

      body.paged-site[data-view="register"] #register .early-bird-countdown div {
        min-height: 78px;
        border-radius: 14px;
      }

      body.paged-site[data-view="register"] #register .early-bird-countdown strong {
        font-size: clamp(28px, 3vw, 42px);
      }

      body.paged-site[data-view="register"] #register .early-bird-countdown span {
        margin-top: 2px;
        font-size: 10px;
      }

      body.paged-site[data-view="register"] #register .early-bird-message {
        gap: 10px;
        font-size: 13px;
        line-height: 1.35;
      }

      body.paged-site[data-view="register"] #register .early-bird-message svg {
        width: 32px;
        height: 32px;
      }

      body.paged-site[data-view="register"] #register .pricing-section {
        width: min(1480px, calc(100% - 48px));
        max-width: 1480px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
      }

      body.paged-site[data-view="register"] #register .pricing-section-head {
        width: min(720px, calc(100% - 96px));
        max-width: 720px;
        margin-right: auto;
        margin-bottom: clamp(18px, 2.4vw, 24px);
        margin-left: auto;
        padding-right: 32px;
        padding-left: 32px;
        text-align: center;
      }

      body.paged-site[data-view="register"] #register .pricing-section-head h2 {
        max-width: 680px;
        margin-right: auto;
        margin-left: auto;
        font-size: clamp(28px, 2.65vw, 38px);
        line-height: 1.1;
        white-space: normal;
      }

      body.paged-site[data-view="register"] #register .pricing-section-head p {
        max-width: 560px;
        margin-right: auto;
        margin-left: auto;
        font-size: 14px;
        line-height: 1.45;
      }

      body.paged-site[data-view="register"] #register .pricing-card-grid {
        grid-template-columns: repeat(4, minmax(280px, 1fr));
        gap: clamp(24px, 2.2vw, 32px);
      }

      body.paged-site[data-view="register"] #register .pricing-card {
        border-radius: 20px;
        padding: clamp(14px, 1.45vw, 19px) clamp(20px, 1.9vw, 26px);
      }

      body.paged-site[data-view="register"] #register .pricing-badge-row {
        min-height: 28px;
        gap: 6px;
        margin-bottom: 14px;
      }

      body.paged-site[data-view="register"] #register .pricing-badge,
      body.paged-site[data-view="register"] #register .pricing-save {
        min-height: 22px;
        padding-inline: 9px;
        font-size: 9px;
      }

      body.paged-site[data-view="register"] #register .pricing-card h3 {
        font-size: 20px;
      }

      body.paged-site[data-view="register"] #register .pricing-price {
        margin-top: 10px;
        font-size: clamp(38px, 3.7vw, 50px);
      }

      body.paged-site[data-view="register"] #register .pricing-deadline {
        margin: 4px 0 12px;
        font-size: 12px;
      }

      body.paged-site[data-view="register"] #register .pricing-features {
        gap: 7px;
        margin-bottom: 14px;
      }

      body.paged-site[data-view="register"] #register .pricing-features li {
        gap: 8px;
        font-size: 12px;
        line-height: 1.25;
      }

      body.paged-site[data-view="register"] #register .pricing-features li::before {
        width: 15px;
        height: 15px;
      }

      body.paged-site[data-view="register"] #register .pricing-card-button,
      body.paged-site[data-view="register"] #register .pricing-closed {
        min-height: 40px;
        font-size: 11px;
      }

      body.paged-site[data-view="register"] #register .pricing-progress-card {
        grid-template-columns: minmax(160px, 0.32fr) 1fr;
        gap: 20px;
        margin-top: 24px;
        border-radius: 20px;
        padding: clamp(18px, 2.4vw, 24px);
      }

      body.paged-site[data-view="register"] #register .pricing-progress-card p {
        margin-top: 5px;
        font-size: 13px;
      }

      body.paged-site[data-view="register"] #register .pricing-progress-track {
        height: 14px;
      }

      body.paged-site[data-view="register"] #register .trust-metrics {
        gap: 12px;
        margin-top: 24px;
      }

      body.paged-site[data-view="register"] #register .trust-metric {
        min-height: 118px;
        border-radius: 18px;
        padding: 16px;
      }

      body.paged-site[data-view="register"] #register .trust-metric > span {
        width: 28px;
        height: 28px;
      }

      body.paged-site[data-view="register"] #register .trust-metric strong {
        font-size: clamp(28px, 3vw, 40px);
      }

      body.paged-site[data-view="register"] #register .trust-metric p {
        font-size: 11px;
      }

      body.paged-site[data-view="payment"] #payment.payment-page {
        min-height: calc(100vh - 80px);
        padding: clamp(14px, 2vw, 24px) 0 clamp(24px, 3vw, 40px);
        background:
          radial-gradient(circle at 78% 4%, rgba(245, 185, 66, 0.12), transparent 32%),
          radial-gradient(circle at 12% 12%, rgba(29, 95, 214, 0.18), transparent 34%),
          linear-gradient(135deg, #06152d 0%, #071b3b 48%, #020817 100%);
        color: #f8fafc;
      }

      .payment-shell {
        display: grid;
        width: min(1460px, calc(100% - 44px));
        gap: clamp(12px, 1.6vw, 18px);
      }

      .payment-progress ol {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .payment-progress li {
        position: relative;
        display: grid;
        justify-items: center;
        gap: 5px;
        color: rgba(248, 250, 252, 0.76);
        font-size: 11px;
        font-weight: 700;
        text-align: center;
      }

      .payment-progress li:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 14px;
        left: calc(50% + 22px);
        width: calc(100% - 44px);
        height: 2px;
        background: rgba(255, 255, 255, 0.18);
      }

      .payment-progress span {
        position: relative;
        z-index: 1;
        width: 30px;
        height: 30px;
        font-size: 12px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 999px;
        background: rgba(7, 27, 59, 0.9);
        color: #f8fafc;
      }

      .payment-progress .is-complete span,
      .payment-progress .is-active span,
      .payment-progress [data-payment-confirm-step].is-active span {
        border-color: var(--gold);
        background: var(--gold);
        color: #08111f;
      }

      .payment-progress .is-complete::after {
        background: var(--gold);
      }

      .payment-progress .is-active strong,
      .payment-progress [data-payment-confirm-step].is-active strong {
        color: var(--gold);
      }

      .payment-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);
        gap: clamp(18px, 2vw, 28px);
        align-items: start;
      }

      .payment-card {
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
        backdrop-filter: blur(18px);
      }

      .payment-form-card,
      .payment-summary,
      .payment-confirmation {
        padding: clamp(14px, 1.7vw, 22px);
      }

      .payment-heading h1,
      .payment-summary h2,
      .payment-confirmation h1 {
        margin: 4px 0 6px;
        color: #ffffff;
        font-family: var(--font-display);
        font-size: clamp(22px, 2.1vw, 30px);
        line-height: 1.08;
      }

      .payment-heading p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 1.35;
      }

      .payment-summary h2 {
        white-space: nowrap;
        font-size: clamp(19px, 1.6vw, 24px);
      }

      .payment-heading p,
      .payment-panel p,
      .golf-payment-fieldset p,
      .payment-confirmation p,
      .payment-mock-note,
      .secure-payment-note {
        color: rgba(226, 232, 240, 0.76);
      }

      .payment-methods,
      .golf-payment-fieldset {
        display: grid;
        gap: 8px;
        margin: 14px 0 0;
        padding: 0;
        border: 0;
      }

      .payment-methods legend,
      .golf-payment-fieldset legend {
        margin-bottom: 4px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
      }

      .payment-methods {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .payment-method,
      .golf-payment-option {
        min-height: 38px;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background: rgba(4, 13, 31, 0.42);
        padding: 6px 8px;
        color: #ffffff;
        font-size: 11px;
        cursor: pointer;
        transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
      }

      .payment-method:hover,
      .payment-method:focus-within,
      .payment-method.is-selected,
      .golf-payment-option:hover,
      .golf-payment-option:focus-within,
      .golf-payment-option.is-selected {
        border-color: var(--gold);
        background: rgba(245, 185, 66, 0.08);
      }

      .payment-method input,
      .golf-payment-option input {
        width: 12px;
        height: 12px;
        accent-color: var(--gold);
      }

      .payment-method-icon {
        color: var(--gold);
        font-size: 16px;
      }

      .payment-method small,
      .golf-payment-option small {
        display: block;
        color: rgba(226, 232, 240, 0.7);
        font-size: 10px;
        line-height: 1.25;
      }

      .payment-panel {
        display: grid;
        gap: 7px;
        margin-top: 8px;
        border: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 12px;
        background: rgba(3, 10, 24, 0.34);
        padding: 9px 10px;
      }

      .payment-panel[hidden] {
        display: none;
        margin: 0;
      }

      .payment-panel h2 {
        margin: 0;
        color: #ffffff;
        font-size: 16px;
      }

      .payment-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(106px, 0.3fr) minmax(78px, 0.22fr);
        gap: 8px;
      }

      .payment-field {
        display: grid;
        gap: 5px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
      }

      .payment-field input,
      .payment-field textarea {
        width: 100%;
        min-height: 30px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.94);
        padding: 7px 10px;
        color: #08111f;
        font-size: 11px;
      }

      .payment-field textarea {
        min-height: 58px;
        resize: vertical;
      }

      .payment-field input:focus,
      .payment-field textarea:focus,
      .payment-submit:focus-visible,
      .payment-remove-golf:focus-visible {
        outline: none;
        border-color: var(--gold);
        box-shadow: 0 0 0 4px rgba(245, 185, 66, 0.22);
      }

      .payment-error {
        display: none;
        color: #fecaca;
        font-size: 12px;
      }

      .payment-field.is-invalid input,
      .payment-field.is-invalid textarea {
        border-color: #f87171;
        box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2);
      }

      .payment-field.is-invalid .payment-error {
        display: block;
      }

      .golf-payment-fieldset {
        border: 1px solid rgba(245, 185, 66, 0.42);
        border-radius: 12px;
        background: rgba(245, 185, 66, 0.055);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 10px;
        padding: 8px 10px;
      }

      .golf-payment-fieldset legend,
      .golf-payment-fieldset p,
      .payment-remove-golf {
        grid-column: 1 / -1;
      }

      .golf-payment-fieldset p {
        display: none;
      }

      .payment-remove-golf {
        justify-self: start;
        min-height: 28px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 999px;
        background: transparent;
        padding: 0 14px;
        color: #ffffff;
        font-size: 11px;
        font-weight: 800;
      }

      .payment-submit {
        width: 100%;
        min-height: 40px;
        margin-top: 8px;
        border: 1px solid var(--gold);
        border-radius: 10px;
        background: linear-gradient(135deg, var(--gold), #ffd36b);
        box-shadow: 0 18px 48px rgba(245, 185, 66, 0.24);
        color: #08111f;
        font-size: 13px;
        font-weight: 900;
        cursor: pointer;
      }

      .payment-submit:disabled {
        cursor: wait;
        opacity: 0.72;
      }

      .payment-status {
        min-height: 14px;
        margin: 7px 0 0;
        color: #bfdbfe;
        font-size: 12px;
        font-weight: 700;
      }

      .payment-status.is-error {
        color: #fecaca;
      }

      .payment-event-summary {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        padding-bottom: 14px;
      }

      .payment-event-summary h3 {
        margin: 0 0 8px;
        color: var(--gold);
        font-size: 16px;
        line-height: 1.25;
      }

      .payment-event-summary p {
        margin: 4px 0;
        color: rgba(248, 250, 252, 0.86);
        font-size: 13px;
        line-height: 1.35;
      }

      .payment-summary-lines {
        display: grid;
        gap: 10px;
        margin: 16px 0 0;
        font-size: 13px;
      }

      .payment-summary-lines div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: baseline;
      }

      .payment-summary-lines dt {
        color: rgba(248, 250, 252, 0.86);
      }

      .payment-summary-lines dd {
        margin: 0;
        color: #ffffff;
        font-weight: 800;
      }

      .payment-summary-lines [data-summary-golf-row] dt,
      .payment-summary-lines [data-summary-golf-row] dd {
        color: var(--gold);
      }

      .payment-summary-lines .payment-total {
        margin-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.16);
        padding-top: 14px;
      }

      .payment-total dt,
      .payment-total dd {
        color: var(--gold);
        font-size: clamp(20px, 1.9vw, 28px);
      }

      .secure-payment-note,
      .payment-mock-note {
        margin: 0;
        font-size: 11px;
        line-height: 1.25;
      }

      .payment-confirmation {
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
      }

      .payment-confirmation[hidden],
      [data-payment-checkout][hidden] {
        display: none;
      }

      @media (max-width: 920px) {
        .payment-grid,
        .payment-row {
          grid-template-columns: 1fr;
        }

        .payment-methods {
          grid-template-columns: 1fr;
        }

        .payment-summary h2 {
          white-space: normal;
        }

        .golf-payment-fieldset {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 640px) {
        .payment-progress ol {
          gap: 4px;
        }

        .payment-progress li {
          font-size: 11px;
        }

        .payment-progress span {
          width: 34px;
          height: 34px;
        }

        .payment-progress li:not(:last-child)::after {
          top: 16px;
          left: calc(50% + 22px);
          width: calc(100% - 44px);
        }

        .payment-form-card,
        .payment-summary,
        .payment-confirmation {
          border-radius: 18px;
          padding: 18px;
        }
      }

      @media (max-width: 1024px) {
        body.paged-site[data-view="register"] #register .pricing-section-head h2 {
          white-space: normal;
        }

        body.paged-site[data-view="register"] #register .pricing-card-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        body.paged-site[data-view="register"] #register .pricing-card.featured {
          grid-column: auto;
        }
      }

      @media (max-width: 760px) {
        body.paged-site[data-view="register"] #register .pricing-card-grid {
          grid-template-columns: 1fr;
        }
      }

      body.paged-site[data-view="register"] #register .register-reference-grid {
        grid-template-columns: minmax(270px, 0.88fr) minmax(360px, 1.12fr);
        gap: clamp(28px, 4vw, 50px);
        margin-top: clamp(34px, 5vw, 54px);
        padding-top: clamp(26px, 4vw, 40px);
      }

      body.paged-site[data-view="register"] #register .register-reference-info h2 {
        margin-bottom: 14px;
        font-size: clamp(30px, 3.6vw, 44px);
        line-height: 1.06;
      }

      body.paged-site[data-view="register"] #register .register-reference-info .lead {
        margin-bottom: 18px;
        font-size: 15px;
        line-height: 1.55;
      }

      body.paged-site[data-view="register"] #register .register-reference-info .notice {
        padding: 14px 16px;
        font-size: 13px;
        line-height: 1.45;
      }

      body.paged-site[data-view="register"] #register .register-reference-card {
        border-radius: 20px;
        padding: clamp(22px, 2.8vw, 30px);
      }

      body.paged-site[data-view="register"] #register .register-reference-form {
        gap: 14px;
      }

      body.paged-site[data-view="register"] #register .register-reference-row {
        gap: 12px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field {
        gap: 6px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field span {
        font-size: 12px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field input,
      body.paged-site[data-view="register"] #register .register-reference-field select {
        min-height: 44px;
        padding: 11px 14px;
      }

      body.paged-site[data-view="register"] #register .register-reference-field textarea {
        min-height: 86px;
        padding: 12px 14px;
      }

      body.paged-site[data-view="register"] #register .register-reference-submit {
        min-height: 48px;
        margin-top: 4px;
      }

      body.paged-site[data-view="register"] #register .register-reference-consent {
        margin-top: 10px;
        font-size: 11px;
        line-height: 1.45;
      }

      @media (min-width: 901px) and (max-width: 1100px) {
        body.paged-site[data-view="register"] #register .pricing-card-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        body.paged-site[data-view="register"] #register .pricing-card.featured {
          grid-column: auto;
        }
      }

      @media (max-width: 980px) {
        body.paged-site[data-view="register"] #register .pricing-hero,
        body.paged-site[data-view="register"] #register .early-bird-card,
        body.paged-site[data-view="register"] #register .pricing-progress-card,
        body.paged-site[data-view="register"] #register .register-reference-grid {
          grid-template-columns: 1fr;
        }

        body.paged-site[data-view="register"] #register .pricing-hero-offer {
          max-width: 520px;
        }
      }

      @media (max-width: 720px) {
        body.paged-site[data-view="register"] #register.pricing-landing {
          padding-top: 30px;
        }

        body.paged-site[data-view="register"] #register .pricing-hero {
          gap: 22px;
        }

        body.paged-site[data-view="register"] #register .pricing-hero h1 {
          font-size: clamp(30px, 9vw, 42px);
        }

        body.paged-site[data-view="register"] #register .pricing-hero-offer {
          min-height: 176px;
        }

        body.paged-site[data-view="register"] #register .early-bird-countdown {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 6px;
        }

        body.paged-site[data-view="register"] #register .early-bird-countdown div {
          min-height: 64px;
          border-radius: 12px;
        }

        body.paged-site[data-view="register"] #register .early-bird-countdown strong {
          font-size: clamp(22px, 7vw, 32px);
        }

        body.paged-site[data-view="register"] #register .early-bird-countdown span {
          font-size: 8px;
        }
      }

      @media (max-width: 520px) {
        body.paged-site[data-view="register"] #register .pricing-card-grid,
        body.paged-site[data-view="register"] #register .trust-metrics {
          grid-template-columns: 1fr;
        }

        body.paged-site[data-view="register"] #register .early-bird-countdown {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      #partners .partners-head {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
      }

      #partners.partners-section .partners-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: clamp(18px, 4vw, 56px);
        row-gap: 14px;
        max-width: none;
      }

      #partners .partners-head-copy {
        display: grid;
        grid-template-columns: minmax(0, max-content);
        align-items: start;
        justify-items: start;
        gap: 8px;
        min-width: 0;
        max-width: none;
      }

      #partners .partners-title {
        margin: 0;
        color: var(--ink);
        font-family: var(--font-display);
        font-size: clamp(34px, 4.5vw, 48px);
        font-weight: 650;
        line-height: 1;
        letter-spacing: -0.035em;
        white-space: nowrap;
      }

      #partners .partners-title-rule {
        width: 70px;
        height: 2px;
        background: var(--gold);
      }

      #partners .partners-kicker {
        color: color-mix(in srgb, var(--ink) 78%, transparent);
        font-family: var(--font-main);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.16em;
        line-height: 1.2;
        text-transform: uppercase;
        white-space: nowrap;
      }

      @media (min-width: 521px) {
        body.paged-site[data-view="home"] #partners.partners-section .partners-head {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          column-gap: clamp(18px, 4vw, 56px);
          max-width: none;
          margin-bottom: var(--home-head-gap);
        }

        body.paged-site[data-view="home"] #partners .partners-head-copy {
          display: grid;
        }

        body.paged-site[data-view="home"] #partners .partners-head h2 {
          margin: 0;
          white-space: nowrap;
        }
      }

      .become-sponsor-button {
        align-self: center;
        justify-self: end;
        margin-right: clamp(120px, 14vw, 220px);
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--signal) 82%, white 10%);
        border-radius: 999px;
        background: var(--signal);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--signal) 22%, transparent);
        padding: 0 28px;
        color: var(--paper);
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: none;
        white-space: nowrap;
        cursor: pointer;
        transition:
          transform 200ms ease,
          background 200ms ease,
          box-shadow 200ms ease;
      }

      .become-sponsor-button span {
        font-size: 1.05em;
        line-height: 1;
        transition: transform 200ms ease;
      }

      .become-sponsor-button:hover,
      .become-sponsor-button:focus-visible {
        background: color-mix(in srgb, var(--signal) 82%, black);
        transform: translateY(-2px);
        box-shadow: 0 18px 38px color-mix(in srgb, var(--signal) 28%, transparent);
      }

      .become-sponsor-button:hover span,
      .become-sponsor-button:focus-visible span {
        transform: translateX(3px);
      }

      .sponsor-modal-overlay {
        position: fixed;
        inset: 0;
        z-index: 1300;
        display: none;
        align-items: center;
        justify-content: center;
        background: color-mix(in srgb, var(--ink) 72%, transparent);
        padding: clamp(18px, 4vw, 42px);
      }

      .sponsor-modal-overlay.open {
        display: flex;
      }

      .sponsor-modal-panel {
        position: relative;
        width: min(700px, 90vw);
        max-height: min(92vh, 860px);
        overflow: hidden;
        border: 1px solid color-mix(in srgb, #4C5FD6 22%, transparent);
        border-radius: 18px;
        background: #ffffff;
        box-shadow:
          0 1px 0 color-mix(in srgb, #ffffff 76%, transparent) inset,
          0 30px 80px color-mix(in srgb, var(--ink) 42%, transparent);
      }

      .sponsor-modal-content {
        max-height: inherit;
        overflow-y: auto;
        padding: clamp(24px, 4vw, 38px);
      }

      .sponsor-modal-head {
        position: static;
        inset: auto;
        z-index: auto;
        display: grid;
        gap: 10px;
        overflow: visible;
        margin-bottom: 22px;
        border: 0;
        background: transparent;
        padding-right: 44px;
        box-shadow: none;
        backdrop-filter: none;
      }

      .sponsor-modal-head::before {
        display: none;
      }

      .sponsor-modal-head .section-label {
        color: #4C5FD6;
      }

      .sponsor-modal-head h2 {
        margin: 0;
        color: var(--ink);
        font-size: clamp(30px, 4vw, 42px);
        line-height: 1.06;
      }

      .sponsor-modal-head p {
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 15.5px;
        font-weight: 650;
        line-height: 1.6;
      }

      .sponsor-modal-head p strong {
        color: var(--gold);
      }

      .sponsor-modal-close {
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 2;
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
        border-radius: 999px;
        background: #ffffff;
        color: var(--ink);
        cursor: pointer;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease,
          border-color 180ms ease;
      }

      .sponsor-modal-close:hover,
      .sponsor-modal-close:focus-visible {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, #4C5FD6 34%, transparent);
        background: color-mix(in srgb, #4C5FD6 8%, #ffffff);
        color: #2E56D2;
      }

      .sponsor-modal-close svg {
        width: 18px;
        height: 18px;
        fill: currentColor;
      }

      .sponsor-inquiry-form {
        display: grid;
        gap: 16px;
      }

      .sponsor-inquiry-form[hidden] {
        display: none;
      }

      .sponsor-form-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px;
      }

      .sponsor-field {
        display: grid;
        gap: 8px;
        min-width: 0;
        color: var(--ink);
        font-size: 13.5px;
        font-weight: 700;
        line-height: 1.2;
      }

      .sponsor-field > span {
        color: var(--ink);
      }

      .sponsor-field input,
      .sponsor-field select,
      .sponsor-field textarea {
        width: 100%;
        min-height: 50px;
        border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
        border-radius: 10px;
        background: #ffffff;
        padding: 13px 15px;
        color: var(--ink);
        font-family: var(--font-main);
        font-size: 14.5px;
        font-weight: 500;
        line-height: 1.35;
        box-shadow: none;
        transition:
          border-color 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease;
      }

      .sponsor-field textarea {
        min-height: 112px;
        resize: vertical;
      }

      .sponsor-field input::placeholder,
      .sponsor-field textarea::placeholder {
        color: color-mix(in srgb, var(--ink) 42%, transparent);
      }

      .sponsor-field input:focus,
      .sponsor-field select:focus,
      .sponsor-field textarea:focus {
        outline: none;
        border-color: #4C5FD6;
        background: #ffffff;
        box-shadow: 0 0 0 3px color-mix(in srgb, #4C5FD6 14%, transparent);
      }

      .sponsor-phone-control {
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr);
      }

      .sponsor-phone-control select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

      .sponsor-phone-control input {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }

      .sponsor-error {
        display: none;
        color: #cc3a2a;
        font-size: 12.5px;
        font-weight: 700;
      }

      .sponsor-field.is-invalid input,
      .sponsor-field.is-invalid select,
      .sponsor-field.is-invalid textarea,
      .sponsor-consent.is-invalid {
        border-color: #cc3a2a;
        box-shadow: 0 0 0 3px color-mix(in srgb, #cc3a2a 11%, transparent);
      }

      .sponsor-field.is-invalid .sponsor-error,
      .sponsor-consent-error.show {
        display: block;
      }

      .sponsor-consent {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        border: 1px solid color-mix(in srgb, #4C5FD6 14%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, #4C5FD6 5%, #ffffff);
        padding: 13px 14px;
        color: color-mix(in srgb, var(--ink) 76%, transparent);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.45;
      }

      .sponsor-consent input {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        margin-top: 2px;
        accent-color: #4C5FD6;
      }

      .sponsor-submit-button {
        width: 100%;
        min-height: 56px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in srgb, #5A73E6 58%, transparent);
        border-radius: 10px;
        background: linear-gradient(135deg, #5A73E6 0%, #4C5FD6 48%, #2E56D2 100%);
        box-shadow:
          0 18px 36px color-mix(in srgb, #2E56D2 28%, transparent),
          inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent);
        color: #ffffff;
        font-family: var(--font-display);
        font-size: 16px;
        font-weight: 850;
        cursor: pointer;
        transition:
          transform 200ms ease,
          box-shadow 200ms ease,
          filter 200ms ease;
      }

      .sponsor-submit-button:hover,
      .sponsor-submit-button:focus-visible {
        transform: translateY(-2px);
        filter: saturate(1.08);
        box-shadow:
          0 22px 46px color-mix(in srgb, #2E56D2 36%, transparent),
          inset 0 1px 0 color-mix(in srgb, #ffffff 34%, transparent);
      }

      .sponsor-submit-button:disabled {
        cursor: wait;
        opacity: 0.68;
        transform: none;
      }

      .sponsor-privacy-note {
        margin: -2px 0 0;
        color: color-mix(in srgb, var(--ink) 50%, transparent);
        font-size: 12px;
        font-weight: 650;
        text-align: center;
      }

      .sponsor-form-status {
        display: none;
        margin: 0;
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 13px;
        font-weight: 750;
        line-height: 1.45;
      }

      .sponsor-form-status.show {
        display: block;
      }

      .sponsor-form-status.error {
        border: 1px solid color-mix(in srgb, #cc3a2a 22%, transparent);
        background: color-mix(in srgb, #cc3a2a 8%, transparent);
        color: #9f2519;
      }

      .sponsor-success-panel {
        display: grid;
        justify-items: center;
        gap: 16px;
        border: 1px solid color-mix(in srgb, #4C5FD6 18%, transparent);
        border-radius: 18px;
        background:
          radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 42%),
          color-mix(in srgb, #4C5FD6 6%, #ffffff);
        padding: clamp(34px, 6vw, 58px) clamp(20px, 5vw, 46px);
        text-align: center;
        animation: sponsorSuccessReveal 420ms cubic-bezier(.22,.61,.36,1) both;
      }

      .sponsor-success-panel[hidden] {
        display: none;
      }

      .sponsor-success-mark {
        width: 64px;
        height: 64px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        border: 1px solid color-mix(in srgb, #2f9e54 26%, transparent);
        background:
          radial-gradient(circle, color-mix(in srgb, #2f9e54 18%, transparent), transparent 72%),
          #ffffff;
        color: #247a40;
        box-shadow: 0 18px 46px color-mix(in srgb, #2f9e54 18%, transparent);
        animation: sponsorSuccessPulse 900ms cubic-bezier(.22,.61,.36,1) 120ms both;
      }

      .sponsor-success-mark svg {
        width: 32px;
        height: 32px;
        fill: none;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .sponsor-success-panel h3 {
        margin: 0;
        color: var(--ink);
        font-size: clamp(26px, 4vw, 36px);
        line-height: 1.08;
      }

      .sponsor-success-panel p {
        max-width: 52ch;
        margin: 0;
        color: color-mix(in srgb, var(--ink) 68%, transparent);
        font-size: 16px;
        font-weight: 650;
        line-height: 1.6;
      }

      .sponsor-success-actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        margin-top: 8px;
      }

      .sponsor-success-actions button {
        min-height: 48px;
        min-width: min(100%, 190px);
        border-radius: 999px;
        padding: 0 22px;
        font-family: var(--font-display);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.01em;
        cursor: pointer;
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease,
          box-shadow 180ms ease;
      }

      .sponsor-success-home {
        border: 1px solid color-mix(in srgb, var(--signal) 82%, white 10%);
        background: var(--signal);
        color: var(--paper);
        box-shadow: 0 16px 34px color-mix(in srgb, var(--signal) 22%, transparent);
      }

      .sponsor-success-again {
        border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
        background: #ffffff;
        color: var(--ink);
      }

      .sponsor-success-actions button:hover,
      .sponsor-success-actions button:focus-visible {
        transform: translateY(-2px);
      }

      .sponsor-success-home:hover,
      .sponsor-success-home:focus-visible {
        background: color-mix(in srgb, var(--signal) 82%, black);
        box-shadow: 0 18px 38px color-mix(in srgb, var(--signal) 28%, transparent);
      }

      .sponsor-success-again:hover,
      .sponsor-success-again:focus-visible {
        border-color: color-mix(in srgb, var(--signal) 34%, transparent);
        background: color-mix(in srgb, var(--signal) 8%, #ffffff);
      }

      @keyframes sponsorSuccessReveal {
        from {
          opacity: 0;
          transform: translateY(12px) scale(0.97);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes sponsorSuccessPulse {
        0% {
          transform: scale(0.82);
          opacity: 0;
        }
        58% {
          transform: scale(1.06);
          opacity: 1;
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .sponsor-success-panel,
        .sponsor-success-mark {
          animation: none;
        }

        .sponsor-success-actions button {
          transition: none;
        }
      }

      .sponsor-modal-panel:has(.sponsor-registration-content) {
        width: min(960px, calc(100vw - 38px));
        max-height: min(88vh, 720px);
        border: 1px solid rgba(212, 166, 74, 0.35);
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 32px 90px rgba(6, 38, 77, 0.32);
        overflow: hidden;
      }

      .sponsor-registration-content {
        padding: 0;
        background: radial-gradient(circle at 96% 8%, rgba(212, 166, 74, 0.16), transparent 26%), radial-gradient(circle at 7% 92%, rgba(11, 122, 59, 0.12), transparent 30%), #ffffff;
      }

      .sponsor-modal-content.sponsor-registration-content {
        padding: 0;
        max-height: inherit;
        overflow: hidden;
      }

      .sponsor-registration-head {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        padding: 18px 26px 16px;
        background: linear-gradient(135deg, #06264D, #071B3B);
        color: #fff;
      }

      .sponsor-registration-head .section-label {
        color: #D4A64A;
        font-size: 11px;
        letter-spacing: 0.12em;
      }

      .sponsor-registration-head h2 {
        margin: 4px 0;
        color: #fff;
        font-size: clamp(24px, 3vw, 32px);
        line-height: 1.05;
      }

      .sponsor-registration-head p {
        margin: 0;
        color: rgba(255, 255, 255, 0.76);
        font-size: 13px;
      }

      .sponsor-registration-badge {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(212, 166, 74, 0.58);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
        color: #D4A64A;
      }

      .sponsor-registration-badge svg,
      .sponsor-upload-icon svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .sponsor-registration-form {
        grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.25fr);
        gap: 20px;
        max-height: calc(min(88vh, 720px) - 126px);
        overflow-y: auto;
        overflow-x: hidden;
        padding: 18px 26px 22px;
      }

      .sponsor-package-column,
      .sponsor-details-column {
        display: grid;
        align-content: start;
        gap: 14px;
        min-width: 0;
      }

      .sponsor-package-column {
        position: relative;
        padding: 16px;
        border: 1px solid rgba(212, 166, 74, 0.22);
        border-radius: 16px;
        background: radial-gradient(circle at 18% 82%, rgba(11, 122, 59, 0.12), transparent 28%), linear-gradient(145deg, rgba(255, 252, 244, 0.92), rgba(247, 251, 248, 0.86));
        box-shadow: 0 18px 42px rgba(6, 38, 77, 0.08);
        overflow: hidden;
      }

      .sponsor-package-column::after {
        content: "";
        position: absolute;
        right: -46px;
        bottom: -52px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        opacity: 0.25;
        background: linear-gradient(26deg, transparent 0 58%, rgba(212, 166, 74, 0.86) 59% 61%, transparent 62%), repeating-linear-gradient(96deg, rgba(6, 38, 77, 0.18) 0 2px, transparent 2px 18px), radial-gradient(circle, rgba(11, 122, 59, 0.5), transparent 60%);
        pointer-events: none;
      }

      .sponsor-benefits-card,
      .sponsor-price-summary {
        position: relative;
        z-index: 1;
        border: 1px solid rgba(6, 38, 77, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: 0 14px 30px rgba(6, 38, 77, 0.08);
        backdrop-filter: blur(12px);
      }

      .sponsor-benefits-card {
        padding: 14px;
        transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
      }

      .sponsor-benefits-card.is-selected {
        border-color: rgba(212, 166, 74, 0.92);
        box-shadow: 0 20px 44px rgba(212, 166, 74, 0.2), 0 0 0 1px rgba(212, 166, 74, 0.16);
      }

      .sponsor-benefits-top,
      .sponsor-price-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-width: 0;
      }

      .sponsor-benefits-top span,
      .sponsor-price-summary span {
        color: #06264D;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .sponsor-benefits-top strong,
      .sponsor-price-summary strong {
        min-width: 0;
        color: #0B7A3B;
        font-size: 18px;
        font-weight: 950;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .sponsor-benefits-card ul {
        display: grid;
        gap: 7px;
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
        color: rgba(6, 38, 77, 0.82);
        font-size: 12.5px;
        font-weight: 750;
        line-height: 1.35;
      }

      .sponsor-benefits-card li {
        position: relative;
        padding-left: 22px;
        overflow-wrap: anywhere;
      }

      .sponsor-benefits-card li::before {
        content: "✓";
        position: absolute;
        left: 0;
        color: #0B7A3B;
        font-weight: 950;
      }

      .sponsor-price-summary {
        padding: 12px 14px;
        min-width: 0;
      }

      .sponsor-details-column .sponsor-field input,
      .sponsor-details-column .sponsor-field select,
      .sponsor-details-column .sponsor-field textarea {
        min-height: 44px;
        border-radius: 12px;
        border-color: rgba(6, 38, 77, 0.14);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 10px 22px rgba(6, 38, 77, 0.05);
      }

      .sponsor-details-column .sponsor-field input:focus,
      .sponsor-details-column .sponsor-field select:focus,
      .sponsor-details-column .sponsor-field textarea:focus {
        border-color: #0B7A3B;
        box-shadow: 0 0 0 4px rgba(11, 122, 59, 0.12);
      }

      .sponsor-radio-card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        border: 0;
      }

      .sponsor-radio-card legend {
        grid-column: 1 / -1;
        color: #06264D;
        font-size: 13px;
        font-weight: 850;
      }

      .sponsor-radio-card label {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgba(6, 38, 77, 0.12);
        border-radius: 12px;
        background: #fff;
        color: rgba(6, 38, 77, 0.78);
        font-size: 13px;
        font-weight: 750;
      }

      .sponsor-radio-card input {
        accent-color: #0B7A3B;
      }

      .sponsor-form-row-tall {
        align-items: stretch;
      }

      .sponsor-upload-drop {
        min-height: 136px;
        display: grid;
        place-items: center;
        gap: 7px;
        padding: 18px;
        border: 1px dashed rgba(6, 38, 77, 0.24);
        border-radius: 16px;
        background: radial-gradient(circle at 90% 10%, rgba(212, 166, 74, 0.12), transparent 26%), rgba(247, 251, 248, 0.9);
        color: #06264D;
        text-align: center;
        cursor: pointer;
        transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
      }

      .sponsor-upload-drop:hover {
        transform: translateY(-2px);
        border-color: rgba(212, 166, 74, 0.8);
        box-shadow: 0 18px 36px rgba(6, 38, 77, 0.1);
      }

      .sponsor-upload-drop input {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        opacity: 0;
        pointer-events: none;
      }

      .sponsor-upload-icon {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: linear-gradient(135deg, #06264D, #0B7A3B);
        color: #D4A64A;
      }

      .sponsor-upload-drop strong {
        font-size: 14px;
        font-weight: 900;
      }

      .sponsor-upload-drop small {
        color: rgba(6, 38, 77, 0.58);
        font-size: 12px;
        font-weight: 700;
      }

      .sponsor-consent-hidden {
        display: none;
      }

      .sponsor-modal-footer {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
      }

      .sponsor-cancel-button,
      .sponsor-registration-form .sponsor-submit-button {
        width: auto;
        min-height: 44px;
        padding: 0 24px;
        border-radius: 12px;
      }

      .sponsor-cancel-button {
        border: 1px solid rgba(6, 38, 77, 0.16);
        background: #fff;
        color: #06264D;
        font-weight: 850;
      }

      .sponsor-registration-form .sponsor-submit-button {
        min-width: 210px;
        background: linear-gradient(135deg, #06264D, #071B3B);
        color: #fff;
        box-shadow: 0 18px 38px rgba(6, 38, 77, 0.22);
      }

      .sponsor-modal-panel:has(.sponsor-registration-content) .sponsor-modal-close {
        top: 18px;
        right: 54px;
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border-color: rgba(255, 255, 255, 0.72);
        background: #ffffff;
        color: #06264D;
        font-size: 18px;
        font-weight: 900;
        line-height: 1;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
        z-index: 50;
      }

      .sponsor-modal-panel:has(.sponsor-registration-content) .sponsor-modal-close:hover,
      .sponsor-modal-panel:has(.sponsor-registration-content) .sponsor-modal-close:focus-visible {
        border-color: rgba(212, 166, 74, 0.78);
        background: #F5B942;
        color: #06264D;
      }

      .sponsor-modal-panel:has(.sponsor-registration-content) .sponsor-modal-close span {
        display: block;
        transform: translateY(-1px);
      }

      @media (max-width: 820px) {
        .sponsor-modal-panel:has(.sponsor-registration-content) {
          width: 100%;
          max-height: none;
          min-height: 100vh;
          border-radius: 0;
        }

        .sponsor-registration-form {
          max-height: none;
          overflow: visible;
        }

        .sponsor-registration-head,
        .sponsor-registration-form {
          padding-left: 20px;
          padding-right: 20px;
        }

        .sponsor-registration-form,
        .sponsor-registration-form .sponsor-form-row {
          grid-template-columns: 1fr;
        }

        .sponsor-modal-footer {
          flex-direction: column;
        }

        .sponsor-cancel-button,
        .sponsor-registration-form .sponsor-submit-button {
          width: 100%;
        }

        #partners.partners-section .partners-head {
          column-gap: 12px;
        }

        #partners .partners-head-copy {
          gap: 8px;
        }

        #partners .partners-title {
          font-size: clamp(32px, 5vw, 40px);
        }

        #partners .partners-title-rule {
          width: 58px;
        }

        #partners .partners-kicker {
          font-size: 10px;
        }

        #partners .become-sponsor-button {
          min-height: 44px;
          margin-right: 0;
          padding: 0 22px;
          font-size: 13px;
        }

        #partners .partner-video-row {
          grid-template-columns: 1fr;
          margin-top: 40px;
        }

        #partners .partner-video-card {
          height: clamp(240px, 48vw, 300px);
        }

      }

      @media (max-width: 620px) {
        #partners.partners-section .partners-head {
          grid-template-columns: 1fr;
        }

        #partners .partners-head-copy {
          gap: 8px;
        }

        #partners .partners-title {
          font-size: clamp(30px, 9vw, 38px);
        }

        #partners .partners-kicker {
          font-size: 10px;
        }

        #partners .become-sponsor-button {
          min-height: 42px;
          justify-self: start;
          padding: 0 18px;
          font-size: 13px;
        }

        #partners .partner-video-row {
          gap: 18px;
          margin: 36px 0 42px;
        }

        #partners .partner-video-card {
          height: 245px;
        }

        #partners .partner-video-content {
          width: min(78%, 360px);
          gap: 14px;
          padding: 22px;
        }

        #partners .partner-video-title {
          font-size: clamp(11px, 3.6vw, 15px);
        }

      }

      @media (max-width: 520px) {
        #partners.partners-section .partners-head {
          grid-template-columns: 1fr;
        }

        .become-sponsor-button {
          justify-self: start;
        }

        #partners .partner-video-card {
          height: clamp(210px, calc((100vw - 40px) * 0.5625), 245px);
        }

        #partners .partner-video-content {
          width: 100%;
          padding-right: 76px;
        }

        #partners .partner-video-play {
          width: 37px;
          height: 37px;
          font-size: 14px;
        }
      }

      @media (max-width: 620px) {
        .sponsor-modal-overlay {
          align-items: stretch;
          padding: 0;
        }

        .sponsor-modal-panel {
          width: 100%;
          max-height: none;
          min-height: 100vh;
          border: 0;
          border-radius: 0;
        }

        .sponsor-modal-content {
          max-height: 100vh;
          padding: 24px 20px 32px;
        }

        .sponsor-form-row {
          grid-template-columns: 1fr;
        }

        .sponsor-phone-control {
          grid-template-columns: 78px minmax(0, 1fr);
        }

        .sponsor-success-actions {
          flex-direction: column;
        }

        .sponsor-success-actions button {
          width: 100%;
        }

        .become-sponsor-button {
          width: 100%;
        }
      }

      /* Final Past Events video thumbnail play control override. */
      #previous-editions .past-video-thumb {
        position: relative !important;
        display: block !important;
        overflow: hidden !important;
      }

      #previous-editions .past-video-thumb span {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        z-index: 2;
        width: 20px !important;
        height: 20px !important;
        background: rgba(255, 255, 255, 0.82) !important;
        color: #1d5fd6 !important;
        box-shadow: 0 8px 18px rgba(12, 26, 46, 0.16) !important;
        backdrop-filter: blur(7px);
        transform: translate(-50%, -50%) !important;
      }

      #previous-editions .past-video-thumb span::before {
        margin-left: 2px !important;
        border-top-width: 5px !important;
        border-bottom-width: 5px !important;
        border-left-width: 9px !important;
      }

      @media (max-width: 760px) {
        #previous-editions .previous-edition-meta {
          grid-template-columns: 1fr !important;
        }
      }

      /* Keep the expanded Past Events panel directly below the selected row. */
      #previous-editions .previous-editions-grid {
        grid-auto-rows: auto !important;
        align-items: start;
      }

      #previous-editions .past-event-tabs {
        grid-template-columns: minmax(0, 1fr) !important;
      }

      #previous-editions .past-event-detail {
        grid-column: 1 / -1;
        min-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
      }

      #previous-editions .past-event-detail.is-open {
        display: block !important;
        height: auto !important;
        max-height: none !important;
      }

      #previous-editions .past-video-player,
      #previous-editions .past-video-frame {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        border: 0;
        border-radius: 8px;
        background: #020617;
      }

      #previous-editions .past-video-grid {
        margin-bottom: clamp(18px, 2.4vw, 32px);
      }

      #previous-editions .past-event-detail.is-all-events {
        width: 100vw !important;
        max-width: none !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
      }

      #previous-editions .past-event-detail.is-all-events .past-event-media {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
      }

      #previous-editions .past-event-detail.is-all-events .past-tab-panel {
        padding: clamp(18px, 3vw, 42px) clamp(12px, 2vw, 24px);
      }

      #previous-editions .past-event-detail.is-all-events .past-video-grid,
      #previous-editions .past-event-detail.is-all-events .past-masonry {
        width: min(1440px, calc(100vw - 32px));
        margin-right: auto;
        margin-left: auto;
      }

      #previous-editions .past-event-detail.is-all-events .past-video-grid {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      }

      #previous-editions .past-event-detail.is-all-events .past-masonry {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(18px, 2vw, 28px);
      }

      #previous-editions .past-event-detail.is-all-events .past-masonry button,
      #previous-editions .past-event-detail.is-all-events .past-masonry button:nth-child(1),
      #previous-editions .past-event-detail.is-all-events .past-masonry button:nth-child(3),
      #previous-editions .past-event-detail.is-all-events .past-masonry button:nth-child(4) {
        aspect-ratio: 1.78 / 1;
      }

      @media (max-width: 760px) {
        #previous-editions .past-event-detail.is-all-events .past-video-grid,
        #previous-editions .past-event-detail.is-all-events .past-masonry {
          width: min(100%, calc(100vw - 24px));
        }

        #previous-editions .past-event-detail.is-all-events .past-video-grid,
        #previous-editions .past-event-detail.is-all-events .past-masonry {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 1100px) {
        #location .venue-map-shell {
          grid-template-columns: 1fr;
        }

        #location .venue-map-copy {
          padding: 36px 28px 28px;
        }

        .venue-media-stack {
          padding: 0 28px 32px;
        }

        .venue-feature-strip {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 22px 0;
        }

        .venue-feature-item:nth-child(3) {
          border-left: 0;
        }
      }

      @media (max-width: 680px) {
        #location.map-only-section {
          padding: 28px 14px;
        }

        #location .venue-map-shell {
          border-radius: 12px;
        }

        #location .venue-map-copy {
          padding: 28px 20px 24px;
        }

        #location .venue-map-copy h2 {
          font-size: clamp(34px, 10vw, 44px);
        }

        #location .venue-map-details {
          grid-template-columns: 1fr;
          gap: 12px;
          margin-top: 28px;
        }

        #location .venue-map-details span {
          min-height: 112px;
        }

        .venue-media-stack {
          grid-template-rows: auto auto;
          padding: 0 16px 24px;
        }

        .venue-photo-frame,
        .venue-photo-frame img {
          min-height: 0;
        }

        #location .venue-media-stack .map-card,
        #location .venue-media-stack .map-card iframe {
          min-height: 260px;
        }

        .venue-map-open {
          top: 12px;
          left: 12px;
          min-height: 38px;
          padding: 0 12px;
          font-size: 12px;
        }

        .venue-feature-strip {
          grid-template-columns: 1fr;
          padding: 22px 20px 26px;
        }

        .venue-feature-item {
          min-height: 0;
          padding: 0;
        }

        .venue-feature-item + .venue-feature-item,
        .venue-feature-item:nth-child(3) {
          border-left: 0;
          border-top: 1px solid rgba(15, 23, 42, 0.1);
          padding-top: 18px;
        }
      }

      /* Final cascade guard for the refreshed Speakers page-view. */
      body.paged-site[data-view="speakers"] #speakers.speakers-section {
        overflow-x: hidden;
        background: #ffffff;
      }

      body.paged-site[data-view="speakers"] #speakers.is-speaker-grid-open .speakers-grid-view {
        display: block;
      }

      body.paged-site[data-view="speakers"] #speakers .sp-grid {
        width: min(1480px, calc(100vw - 40px));
        max-width: calc(100vw - 40px);
        margin-right: auto;
        margin-left: auto;
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }

      body.paged-site[data-view="speakers"] #speakers .sp-card {
        padding: 0;
      }

      body.paged-site[data-view="speakers"] #speakers .sp-photo {
        aspect-ratio: 1 / 1;
      }

      @media (min-width: 900px) and (max-width: 1199px) {
        body.paged-site[data-view="speakers"] #speakers .sp-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
      }

      @media (min-width: 640px) and (max-width: 899px) {
        body.paged-site[data-view="speakers"] #speakers .sp-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 639px) {
        body.paged-site[data-view="speakers"] #speakers .sp-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 420px) {
        body.paged-site[data-view="speakers"] #speakers .sp-grid {
          width: min(360px, calc(100vw - 28px));
          max-width: calc(100vw - 28px);
          grid-template-columns: 1fr;
        }
      }

      /* GOLF TOURNAMENT PAGE STYLES */
      #golf-tournament {
        min-height: auto;
        background: linear-gradient(180deg, var(--navy-dark) 0%, #0a2547 100%);
        color: var(--paper);
        overflow-x: hidden;
      }

      #golf-tournament.hidden {
        display: none;
      }

      #golf-tournament:not(.hidden) .main-page-section {
        display: none;
      }

      .main-page-section {
        display: block;
      }

      .main-page-section.hidden {
        display: none;
      }

      /* Golf Hero Section */
      .golf-hero-section {
        position: relative;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 100px 0 60px;
      }

      .golf-hero-background {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(27, 127, 58, 0.4) 0%, rgba(7, 27, 59, 0.8) 100%),
          url('https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?w=1920&q=80') center/cover no-repeat;
        z-index: 0;
        animation: golfHeroFade 1.5s ease-in-out;
      }

      @keyframes golfHeroFade {
        from { opacity: 0; }
        to { opacity: 1; }
      }

      .golf-hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(7, 27, 59, 0.7) 0%, rgba(7, 27, 59, 0.95) 100%);
        z-index: 1;
      }

      .golf-hero-content {
        position: relative;
        z-index: 2;
        text-align: center;
        max-width: 1200px;
        padding: 0 20px;
      }

      .golf-eyebrow {
        display: inline-block;
        padding: 8px 20px;
        background: rgba(27, 127, 58, 0.3);
        border: 1px solid rgba(245, 185, 66, 0.3);
        border-radius: 999px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--gold);
        margin-bottom: 30px;
        animation: fadeInUp 0.8s ease-out;
      }

      .golf-hero-section h1 {
        font-size: clamp(48px, 6vw, 90px);
        font-weight: 700;
        margin-bottom: 24px;
        line-height: 1.1;
        letter-spacing: -0.03em;
        animation: fadeInUp 0.8s ease-out 0.1s both;
      }

      .golf-hero-section h1 .em {
        color: var(--gold);
      }

      .golf-hero-subtitle {
        font-size: clamp(18px, 2vw, 24px);
        margin-bottom: 40px;
        line-height: 1.6;
        opacity: 0.9;
        animation: fadeInUp 0.8s ease-out 0.2s both;
      }

      .golf-hero-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
        margin-bottom: 40px;
        animation: fadeInUp 0.8s ease-out 0.3s both;
      }

      .golf-meta-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 20px;
        background: rgba(245, 185, 66, 0.1);
        border: 1px solid rgba(245, 185, 66, 0.2);
        border-radius: 999px;
        font-size: 15px;
        font-weight: 600;
      }

      .golf-meta-icon {
        color: var(--gold);
        flex-shrink: 0;
      }

      .golf-hero-actions {
        animation: fadeInUp 0.8s ease-out 0.4s both;
      }

      /* Golf Gallery Section */
      .golf-gallery-section {
        padding: 120px 0;
        background: var(--paper);
        color: var(--ink);
      }

      .golf-gallery-header {
        text-align: center;
        margin-bottom: 60px;
      }

      .golf-section-label {
        display: block;
        padding: 6px 16px;
        background: var(--navy-dark);
        color: var(--gold);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        border-radius: 999px;
        margin: 0 auto 24px;
        display: inline-block;
      }

      .golf-gallery-header h2 {
        font-size: clamp(34px, 4.6vw, 56px);
        font-weight: 700;
        margin-bottom: 16px;
        letter-spacing: -0.03em;
      }

      .golf-gallery-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-bottom: 40px;
      }

      .golf-gallery-item {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 4/3;
      }

      .golf-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s cubic-bezier(.22,.61,.36,1);
      }

      .golf-gallery-item:hover img {
        transform: scale(1.1);
      }

      .golf-gallery-view-full {
        text-align: center;
      }

      .golf-gallery-btn {
        background: var(--navy-dark);
        color: var(--gold);
        border: 2px solid var(--gold);
      }

      /* Golf Information Section */
      .golf-info-section {
        padding: 120px 0;
        background: linear-gradient(180deg, var(--paper) 0%, #f8f4f0 100%);
        color: var(--ink);
      }

      .golf-info-grid {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 80px;
      }

      .golf-info-content h2 {
        font-size: clamp(32px, 4.2vw, 48px);
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: -0.03em;
        color: var(--navy-dark);
      }

      .golf-info-intro {
        font-size: 18px;
        line-height: 1.7;
        color: #43505f;
        margin-bottom: 40px;
      }

      .golf-info-features h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 24px;
        color: var(--navy-dark);
      }

      .golf-features-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .golf-features-list li {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 16px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      }

      .golf-feature-check {
        width: 24px;
        height: 24px;
        color: #1B7F3A;
        flex-shrink: 0;
        margin-top: 2px;
      }

      /* Golf Availability Card */
      .golf-availability-card {
        background: linear-gradient(135deg, var(--navy-dark) 0%, #0a2547 100%);
        border: 2px solid var(--gold);
        border-radius: 24px;
        padding: 40px;
        position: relative;
        box-shadow: 0 20px 60px rgba(7, 27, 59, 0.4);
        backdrop-filter: blur(10px);
      }

      .golf-availability-header {
        text-align: center;
        margin-bottom: 30px;
      }

      .golf-availability-badge {
        display: inline-block;
        padding: 8px 20px;
        background: var(--gold);
        color: #071B3B;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        border-radius: 999px;
        margin-bottom: 16px;
      }

      .golf-availability-header h3 {
        font-size: clamp(28px, 3.5vw, 36px);
        font-weight: 700;
        color: var(--gold);
        margin: 0;
      }

      .golf-progress-container {
        margin-bottom: 24px;
      }

      .golf-progress-bar {
        width: 100%;
        height: 8px;
        background: rgba(245, 185, 66, 0.2);
        border-radius: 999px;
        overflow: hidden;
        margin-bottom: 12px;
      }

      .golf-progress-fill {
        height: 100%;
        background: linear-gradient(90deg, #1B7F3A 0%, #2E9B5F 50%, var(--gold) 100%);
        border-radius: 999px;
        transition: width 1s ease-in-out;
        box-shadow: 0 0 20px rgba(245, 185, 66, 0.3);
      }

      .golf-progress-text {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: rgba(245, 185, 66, 0.9);
        font-weight: 600;
      }

      .golf-availability-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        background: rgba(245, 185, 66, 0.2);
        border-radius: 999px;
        color: var(--gold);
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .golf-availability-close:hover {
        background: var(--gold);
        color: #071B3B;
      }

      .golf-price-section {
        text-align: center;
        padding: 24px 0;
        border-top: 1px solid rgba(245, 185, 66, 0.2);
      }

      .golf-price-subtitle {
        font-size: 14px;
        color: rgba(245, 185, 66, 0.8);
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        margin-bottom: 8px;
      }

      .golf-price {
        font-size: 48px;
        font-weight: 800;
        color: var(--gold);
        margin-bottom: 8px;
        letter-spacing: -0.02em;
      }

      .golf-price-note {
        font-size: 14px;
        color: rgba(245, 185, 66, 0.8);
      }

      /* Golf Why Join Section */
      .golf-why-section {
        padding: 120px 0;
        background: var(--navy-dark);
        color: var(--paper);
      }

      .golf-why-header {
        text-align: center;
        margin-bottom: 80px;
      }

      .golf-why-header h2 {
        font-size: clamp(32px, 4.2vw, 48px);
        font-weight: 700;
        margin-bottom: 16px;
        letter-spacing: -0.03em;
      }

      .golf-why-header p {
        font-size: 18px;
        opacity: 0.8;
        max-width: 600px;
        margin: 0 auto;
      }

      .golf-why-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
      }

      .golf-why-card {
        background: rgba(7, 27, 59, 0.6);
        border: 1px solid rgba(245, 185, 66, 0.2);
        border-radius: 24px;
        padding: 40px 32px;
        transition: all 0.4s cubic-bezier(.22,.61,.36,1);
        backdrop-filter: blur(10px);
      }

      .golf-why-card:hover {
        transform: translateY(-8px);
        border-color: var(--gold);
        box-shadow: 0 20px 60px rgba(245, 185, 66, 0.15);
      }

      .golf-why-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 24px;
        display: grid;
        place-items: center;
        background: linear-gradient(135deg, rgba(245, 185, 66, 0.1) 0%, rgba(27, 127, 58, 0.1) 100%);
        border-radius: 16px;
      }

      .golf-why-icon svg {
        width: 32px;
        height: 32px;
        color: var(--gold);
      }

      .golf-why-card h3 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 16px;
        letter-spacing: -0.01em;
      }

      .golf-why-card p {
        font-size: 16px;
        line-height: 1.7;
        opacity: 0.9;
        margin: 0;
      }

      /* Golf Bottom CTA */
      .golf-bottom-cta {
        padding: 120px 0;
        background: linear-gradient(135deg, rgba(27, 127, 58, 0.3) 0%, rgba(7, 27, 59, 0.8) 100%),
          url('https://images.unsplash.com/photo-1535581652167-3d6b98c36cd0?w=1920&q=80') center/cover no-repeat fixed;
        color: var(--paper);
        text-align: center;
      }

      .golf-bottom-cta h2 {
        font-size: clamp(40px, 6vw, 64px);
        font-weight: 700;
        margin-bottom: 24px;
        letter-spacing: -0.04em;
      }

      .golf-bottom-cta h2 .em {
        color: var(--gold);
        font-style: italic;
      }

      .golf-bottom-cta p {
        font-size: 19px;
        max-width: 600px;
        margin: 0 auto 40px;
        line-height: 1.6;
        opacity: 0.9;
      }

      .golf-bottom-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
      }

      .golf-register-btn {
        background: var(--gold);
        color: #071B3B;
        border: 2px solid var(--gold);
        font-size: 16px;
        padding: 18px 40px;
      }

      .golf-register-btn:hover {
        background: rgba(245, 185, 66, 0.9);
        border-color: var(--gold);
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(245, 185, 66, 0.3);
      }

      .golf-register-btn.btn-secondary {
        background: transparent;
        color: var(--gold);
        border: 2px solid var(--gold);
      }

      .golf-register-btn.btn-secondary:hover {
        background: rgba(245, 185, 66, 0.1);
        color: var(--gold);
        border-color: var(--gold);
      }

      /* Animation Keyframes */
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Responsive Design */
      @media (max-width: 1024px) {
        .golf-gallery-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        .golf-info-grid {
          grid-template-columns: 1fr;
          gap: 60px;
        }

        .golf-why-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 768px) {
        .golf-hero-section {
          padding: 80px 0 40px;
        }

        .golf-meta-item {
          flex-direction: column;
          gap: 6px;
          font-size: 13px;
        }

        .golf-gallery-section,
        .golf-info-section,
        .golf-why-section,
        .golf-bottom-cta {
          padding: 80px 0;
        }

        .golf-gallery-grid {
          grid-template-columns: 1fr;
        }

        .golf-availability-card {
          padding: 30px 24px;
        }

        .golf-why-card {
          padding: 30px 24px;
        }

        .golf-why-icon {
          width: 56px;
          height: 56px;
        }

        .golf-why-icon svg {
          width: 28px;
          height: 28px;
        }

        .golf-bottom-actions {
          flex-direction: column;
          max-width: 320px;
        }

        .golf-register-btn {
          width: 100%;
          padding: 18px 32px;
        }

        .golf-register-btn.btn-secondary {
          width: 100%;
        }
      }

      @media (max-width: 480px) {
        .golf-hero-section h1 {
          font-size: clamp(36px, 12vw, 52px);
        }

        .golf-eyebrow {
          font-size: 12px;
          padding: 6px 16px;
        }

        .golf-price {
          font-size: 36px;
        }
      }

      /* Golf For Good redesign */
      #golf-tournament {
        --golf-green: #1B7F3A;
        --golf-navy: #071B3B;
        --golf-gold: #F5B942;
        --golf-ink: #102033;
        --golf-muted: #667085;
        --golf-border: #E4E9F0;
        --golf-paper: #F7F9FC;
        min-height: 100vh;
        background: #fff;
        color: var(--golf-ink);
        font-family: var(--font-main);
      }

      #golf-tournament h1,
      #golf-tournament h2,
      #golf-tournament h3,
      #golf-tournament button {
        font-family: var(--font-display);
        letter-spacing: -0.02em;
      }

      .golf-hero-section {
        min-height: clamp(520px, 43vw, 760px);
        justify-content: flex-start;
        padding: 64px 0 54px;
      }

      .golf-hero-background {
        background:
          linear-gradient(90deg, rgba(5, 20, 10, 0.9) 0%, rgba(5, 38, 21, 0.62) 42%, rgba(5, 38, 21, 0.12) 100%),
          url('../golf-tournament-wide-bg.png') center center / 100% auto no-repeat;
        background-color: #082018;
      }

      .golf-hero-overlay {
        background: linear-gradient(180deg, rgba(7, 27, 59, 0.12), rgba(7, 27, 59, 0.2));
      }

      .golf-hero-content {
        text-align: left;
        width: min(52%, 820px);
        max-width: 820px;
        margin-left: clamp(160px, 12vw, 240px);
        padding-top: 10px;
      }

      .golf-eyebrow {
        margin-bottom: 14px;
        padding: 5px 10px;
        border: 0;
        border-radius: 4px;
        background: var(--golf-green);
        color: #fff;
        font-size: 11px;
        letter-spacing: 0.08em;
      }

      .golf-hero-section h1 {
        margin-bottom: 10px;
        color: #fff;
        font-size: clamp(42px, 5vw, 76px);
        line-height: 0.98;
      }

      .golf-hero-subtitle {
        max-width: 760px;
        margin-bottom: 24px;
        color: rgba(255, 255, 255, 0.88);
        font-size: clamp(17px, 1.9vw, 23px);
        line-height: 1.45;
      }

      .golf-hero-meta {
        justify-content: flex-start;
        gap: 18px 28px;
        margin-bottom: 0;
      }

      .golf-meta-item {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.92);
        font-size: 14px;
        line-height: 1.35;
      }

      .golf-meta-icon {
        width: 22px;
        height: 22px;
        color: var(--golf-green);
        stroke: currentColor;
        stroke-width: 2;
        fill: none;
      }

      .golf-benefit-callout {
        position: relative;
        width: min(650px, 100%);
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr);
        align-items: center;
        gap: 22px;
        margin-top: 24px;
        padding: 18px 24px;
        border: 1px solid rgba(245, 185, 66, 0.82);
        border-radius: 18px;
        background:
          radial-gradient(circle at 8% 22%, rgba(245, 185, 66, 0.18), transparent 26%),
          linear-gradient(135deg, rgba(8, 32, 24, 0.88), rgba(7, 27, 59, 0.72)),
          rgba(8, 32, 24, 0.72);
        color: #fff;
        box-shadow: 0 18px 44px rgba(7, 27, 59, 0.26), 0 0 26px rgba(245, 185, 66, 0.16);
        backdrop-filter: blur(12px);
        overflow: hidden;
        transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
      }

      .golf-benefit-callout::before,
      .golf-benefit-callout::after {
        content: "";
        position: absolute;
        width: 76px;
        height: 76px;
        border-radius: 999px;
        background: radial-gradient(circle, rgba(245, 185, 66, 0.42), transparent 62%);
        pointer-events: none;
      }

      .golf-benefit-callout::before {
        top: -34px;
        left: -28px;
      }

      .golf-benefit-callout::after {
        right: -32px;
        bottom: -34px;
      }

      .golf-benefit-callout:hover {
        transform: translateY(-4px);
        border-color: #F5B942;
        box-shadow: 0 24px 58px rgba(7, 27, 59, 0.32), 0 0 36px rgba(245, 185, 66, 0.24);
      }

      .golf-benefit-icon {
        position: relative;
        width: 76px;
        height: 76px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(245, 185, 66, 0.92);
        border-radius: 999px;
        background: rgba(245, 185, 66, 0.08);
        color: #F5B942;
        box-shadow: inset 0 0 22px rgba(245, 185, 66, 0.12), 0 0 22px rgba(245, 185, 66, 0.2);
      }

      .golf-benefit-icon svg {
        width: 48px;
        height: 48px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.7;
      }

      .golf-benefit-copy {
        position: relative;
        padding-left: 22px;
        border-left: 1px solid rgba(245, 185, 66, 0.5);
      }

      .golf-benefit-copy strong {
        display: block;
        margin-bottom: 8px;
        color: #fff;
        font-size: clamp(18px, 2vw, 25px);
        font-weight: 950;
        letter-spacing: 0.04em;
        line-height: 1.1;
      }

      .golf-benefit-copy strong::before {
        content: "\2665";
        display: inline-block;
        margin-right: 10px;
        color: #F5B942;
      }

      .golf-benefit-copy strong span {
        color: #F5B942;
      }

      .golf-benefit-copy p {
        margin: 0;
        color: rgba(255, 255, 255, 0.86);
        font-size: clamp(13px, 1.25vw, 16px);
        line-height: 1.48;
      }

      .golf-gallery-section {
        padding: 46px 0 38px;
        background: #fff;
        color: var(--golf-ink);
        border-bottom: 1px solid var(--golf-border);
      }

      .golf-gallery-header {
        margin-bottom: 24px;
      }

      .golf-gallery-header h2 {
        display: inline-flex;
        align-items: center;
        gap: 18px;
        margin: 0;
        color: var(--golf-navy);
        font-size: clamp(18px, 2vw, 24px);
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .golf-gallery-header h2::before,
      .golf-gallery-header h2::after {
        content: "";
        width: 76px;
        height: 1px;
        background: #B8C1CC;
      }

      .golf-gallery-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 24px;
      }

      .golf-gallery-item {
        margin: 0;
        aspect-ratio: 1.28;
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(7, 27, 59, 0.13);
      }

      .golf-outline-button,
      .golf-modal-cancel {
        min-height: 40px;
        padding: 10px 20px;
        border: 1px solid var(--golf-green);
        border-radius: 6px;
        background: #fff;
        color: var(--golf-green);
        font-weight: 800;
        transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
      }

      .golf-outline-button:hover,
      .golf-modal-cancel:hover {
        transform: translateY(-2px);
        background: #F1FBF4;
        box-shadow: 0 10px 22px rgba(27, 127, 58, 0.16);
      }

      .golf-registration-intro {
        padding: 22px 0 32px;
        background: #fff;
      }

      .golf-promo-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 1.25fr) minmax(0, 1fr);
        gap: 18px;
        align-items: stretch;
      }

      .golf-intro-card {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: center;
        min-height: 236px;
        padding: 18px 20px;
        border: 1px solid var(--golf-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 16px 42px rgba(7, 27, 59, 0.12);
      }

      .golf-intro-copy {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
      }

      .golf-intro-icon {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #E8F5EC;
        color: var(--golf-green);
      }

      .golf-intro-icon svg,
      .golf-why-icon svg {
        width: 28px;
        height: 28px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .golf-intro-card h2 {
        margin-bottom: 5px;
        color: var(--golf-navy);
        font-size: clamp(20px, 2vw, 26px);
        font-weight: 850;
        line-height: 1.1;
      }

      .golf-intro-card p {
        max-width: 640px;
        margin-bottom: 12px;
        color: var(--golf-muted);
        font-size: 14px;
        line-height: 1.45;
      }

      .golf-intro-subtitle span {
        display: block;
      }

      @media (min-width: 981px) {
        .golf-intro-copy {
          grid-template-columns: 42px minmax(0, 1fr);
          gap: 14px;
        }

        .golf-intro-icon {
          width: 42px;
          height: 42px;
        }

        .golf-intro-icon svg {
          width: 25px;
          height: 25px;
        }

        .golf-intro-subtitle {
          font-size: 12.5px;
          line-height: 1.45;
        }

        .golf-intro-subtitle span:first-child {
          white-space: nowrap;
        }
      }

      .golf-register-btn {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 22px;
        border: 1px solid var(--golf-green);
        border-radius: 6px;
        background: var(--golf-green);
        color: #fff;
        font-size: 14px;
        font-weight: 850;
        line-height: 1;
        transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
      }

      .golf-register-btn:hover {
        transform: translateY(-2px);
        background: #156D31;
        border-color: #156D31;
        box-shadow: 0 12px 28px rgba(27, 127, 58, 0.26);
      }

      .golf-register-btn:disabled {
        cursor: wait;
        opacity: 0.72;
        transform: none;
        box-shadow: none;
      }

      .golf-availability-mini {
        padding: 14px 16px;
        border: 1px solid var(--golf-border);
        border-radius: 8px;
        background: #FBFCFE;
      }

      .golf-availability-mini strong {
        display: block;
        margin-bottom: 10px;
        color: var(--golf-navy);
        font-size: 14px;
      }

      .golf-video-card {
        min-height: 236px;
        padding: 0;
        border: 1px solid rgba(245, 185, 66, 0.28);
        border-radius: 14px;
        background:
          linear-gradient(135deg, rgba(7, 27, 59, 0.94), rgba(8, 32, 24, 0.9)),
          url('../golf-tournament-wide-bg.png') center center / cover no-repeat;
        color: #fff;
        box-shadow: 0 16px 42px rgba(7, 27, 59, 0.16);
        overflow: hidden;
        transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
      }

      .golf-video-stack {
        display: contents;
      }

      .golf-video-stack .golf-video-card:first-child {
        display: none;
      }

      .golf-video-card:hover {
        transform: translateY(-4px);
        border-color: rgba(245, 185, 66, 0.58);
        box-shadow: 0 22px 50px rgba(7, 27, 59, 0.22);
      }

      .golf-video-copy {
        grid-area: copy;
      }

      .golf-video-copy span {
        display: inline-flex;
        margin-bottom: 6px;
        color: var(--golf-gold);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .golf-video-copy h2 {
        margin: 0 0 6px;
        color: #fff;
        font-size: clamp(18px, 1.7vw, 23px);
        font-weight: 900;
        line-height: 1.12;
      }

      .golf-video-copy p {
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 13px;
        line-height: 1.45;
      }

      .golf-video-thumb {
        position: relative;
        min-height: 236px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 4px;
        padding: 16px;
        border: 0;
        border-radius: 12px;
        background: #071B3B;
        overflow: hidden;
        cursor: pointer;
      }

      .golf-video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        width: 26px;
        height: 26px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 999px;
        background: #ff0000;
        color: #fff;
        box-shadow: 0 6px 14px rgba(255, 0, 0, 0.24);
        transform: translate(-50%, -50%);
        transition: transform 200ms ease, background 200ms ease, box-shadow 200ms ease;
      }

      .golf-video-thumb:hover .golf-video-play {
        transform: translate(-50%, -50%) scale(1.06);
        background: #cc0000;
        box-shadow: 0 8px 18px rgba(255, 0, 0, 0.3);
      }

      .golf-video-play svg,
      .golf-video-button svg {
        width: 10px;
        height: 10px;
        fill: currentColor;
      }

      .golf-video-thumb strong {
        position: relative;
        z-index: 2;
        color: #fff;
        font-size: 17px;
        font-weight: 900;
      }

      .golf-video-thumb small {
        position: relative;
        z-index: 2;
        color: rgba(255, 255, 255, 0.78);
        font-size: 12px;
        font-weight: 750;
      }

      .golf-video-media {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .golf-video-media-fit {
        object-fit: contain;
        object-position: center center;
        background: #061A15;
      }

      .golf-video-thumb::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(7, 27, 59, 0.08), rgba(7, 27, 59, 0.78));
        pointer-events: none;
      }

      .golf-video-label {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 4px;
      }

      .golf-video-thumb.is-playing {
        padding: 0;
      }

      .golf-video-thumb.is-playing::after,
      .golf-video-thumb.is-playing .golf-video-play,
      .golf-video-thumb.is-playing .golf-video-label {
        display: none;
      }

      .golf-video-button {
        grid-area: button;
        width: fit-content;
        border-color: rgba(245, 185, 66, 0.58);
        background: rgba(245, 185, 66, 0.12);
        color: #fff;
      }

      .golf-progress-bar {
        height: 8px;
        margin-bottom: 10px;
        border-radius: 999px;
        background: #E6ECEB;
        overflow: hidden;
      }

      .golf-progress-fill {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: var(--golf-green);
        box-shadow: none;
      }

      .golf-progress-text {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: var(--golf-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .golf-sponsorship-section {
        position: relative;
        padding: 64px 0 44px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 247, 0.94)),
          radial-gradient(circle at 10% 10%, rgba(245, 185, 66, 0.16), transparent 28%),
          radial-gradient(circle at 92% 18%, rgba(27, 127, 58, 0.13), transparent 32%);
        overflow: hidden;
      }

      .golf-sponsorship-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url('../golf-tournament-wide-bg.png') center center / cover no-repeat;
        opacity: 0.1;
        pointer-events: none;
      }

      .golf-sponsorship-section .shell {
        position: relative;
        z-index: 1;
      }

      .golf-sponsorship-heading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        margin-bottom: 34px;
        text-align: center;
      }

      .golf-sponsorship-heading::before,
      .golf-sponsorship-heading::after {
        content: "";
        width: min(150px, 15vw);
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(245, 185, 66, 0.9), transparent);
      }

      .golf-sponsor-flag {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: linear-gradient(135deg, #1B7F3A, #071B3B);
        color: #F5B942;
        box-shadow: 0 14px 30px rgba(7, 27, 59, 0.18);
      }

      .golf-sponsorship-heading h2 {
        margin: 0;
        color: #071B3B;
        font-size: clamp(25px, 3.3vw, 44px);
        font-weight: 900;
        letter-spacing: 0.14em;
        line-height: 1.05;
        text-transform: uppercase;
      }

      .golf-sponsor-register-button {
        min-width: 260px;
        min-height: 54px;
        margin-left: 18px;
        padding: 0 28px;
        border: 1px solid rgba(245, 185, 66, 0.72);
        border-radius: 999px;
        background: linear-gradient(135deg, #071B3B, #082018);
        color: #F5B942;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 0.05em;
        line-height: 1.12;
        text-transform: uppercase;
        box-shadow: 0 16px 34px rgba(7, 27, 59, 0.18);
        transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
      }

      .golf-sponsor-register-button:hover,
      .golf-sponsor-register-button:focus-visible {
        transform: translateY(-2px);
        border-color: #F5B942;
        box-shadow: 0 20px 42px rgba(7, 27, 59, 0.24), 0 0 0 4px rgba(245, 185, 66, 0.14);
      }

      .golf-sponsorship-layout {
        display: grid;
        grid-template-columns: repeat(3, minmax(180px, 0.92fr)) minmax(260px, 1fr);
        gap: 16px;
        align-items: stretch;
      }

      .golf-sponsor-card,
      .golf-sponsor-side-card {
        position: relative;
        border: 1px solid rgba(7, 27, 59, 0.1);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 22px 55px rgba(7, 27, 59, 0.13);
        backdrop-filter: blur(14px);
        overflow: hidden;
        transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
      }

      .golf-sponsor-card {
        padding: 70px 22px 22px;
        height: 100%;
      }

      .golf-sponsor-card > h3,
      .golf-sponsor-card > strong,
      .golf-sponsor-card > ul {
        position: relative;
        z-index: 2;
      }

      .golf-sponsor-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 58px;
        background:
          radial-gradient(circle at 50% 110%, rgba(255, 255, 255, 0.98) 0 56px, transparent 58px),
          linear-gradient(135deg, #07361F, #071B3B);
      }

      .golf-sponsor-card::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 10px;
        background: linear-gradient(90deg, #071B3B, #1B7F3A, #071B3B);
      }

      .golf-sponsor-card:hover,
      .golf-sponsor-side-card:hover {
        transform: translateY(-5px);
        border-color: rgba(245, 185, 66, 0.55);
        box-shadow: 0 30px 70px rgba(7, 27, 59, 0.18);
      }

      .golf-sponsor-card-featured {
        box-shadow: 0 26px 70px rgba(27, 127, 58, 0.18);
      }

      .golf-sponsor-icon,
      .golf-small-icon {
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: radial-gradient(circle at 35% 25%, rgba(245, 185, 66, 0.35), rgba(7, 27, 59, 0) 42%), linear-gradient(135deg, #0A4A2C, #071B3B);
        color: #F5B942;
      }

      .golf-sponsor-icon {
        position: absolute;
        top: 20px;
        left: 50%;
        width: 68px;
        height: 68px;
        transform: translateX(-50%);
        border: 3px solid rgba(255, 255, 255, 0.94);
        box-shadow: 0 16px 34px rgba(7, 27, 59, 0.22);
        z-index: 1;
      }

      .golf-sponsor-icon svg,
      .golf-small-icon svg,
      .golf-sponsor-flag svg,
      .golf-sponsor-impact svg,
      .golf-ticket-item svg {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .golf-sponsor-card h3 {
        margin: 16px 0 10px;
        color: #071B3B;
        font-size: clamp(20px, 1.55vw, 28px);
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1.12;
        text-align: center;
        text-transform: uppercase;
      }

      .golf-sponsor-card > strong,
      .golf-hole-item strong,
      .golf-ticket-item strong {
        display: block;
        color: #0A5D2A;
        font-weight: 900;
        letter-spacing: 0.02em;
      }

      .golf-sponsor-card > strong {
        margin-bottom: 16px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(245, 185, 66, 0.72);
        font-size: clamp(28px, 2.3vw, 36px);
        text-align: center;
      }

      .golf-sponsor-card ul {
        margin: 0;
        padding-left: 18px;
        color: #071B3B;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.45;
      }

      .golf-sponsor-card li::marker {
        color: #1B7F3A;
      }

      .golf-sponsor-card ul ul {
        margin-top: 4px;
        padding-left: 18px;
        color: rgba(7, 27, 59, 0.84);
        font-size: 13px;
        font-weight: 700;
      }

      .golf-sponsor-card ul ul li::marker {
        color: #C88918;
      }

      .golf-sponsor-visual {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 36%;
        min-height: 150px;
        pointer-events: none;
        z-index: 1;
        opacity: 0.88;
        overflow: hidden;
        border-radius: 0 0 18px 18px;
        background:
          radial-gradient(circle at 50% 9%, rgba(245, 185, 66, 0.42), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(244, 249, 242, 0.55) 18%, rgba(70, 132, 55, 0.38) 58%, rgba(5, 54, 31, 0.95) 100%);
      }

      .golf-sponsor-visual::before,
      .golf-sponsor-visual::after {
        content: "";
        position: absolute;
        pointer-events: none;
      }

      .golf-sponsor-visual::before {
        inset: 42% -12% -10%;
        background:
          radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.52), transparent 36%),
          repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.14) 0 2px, transparent 2px 22px),
          linear-gradient(120deg, rgba(27, 127, 58, 0.52), rgba(5, 64, 37, 0.9));
        transform: skewY(-5deg);
      }

      .golf-sponsor-visual::after {
        left: -8%;
        right: -8%;
        bottom: -1px;
        height: 46px;
        background:
          radial-gradient(60% 105% at 50% 0%, transparent 56%, rgba(245, 185, 66, 0.95) 57% 63%, rgba(7, 27, 59, 0.98) 64%);
      }

      .golf-sponsor-visual-freedom {
        background:
          radial-gradient(circle at 50% 8%, rgba(245, 185, 66, 0.55), transparent 28%),
          radial-gradient(circle at 35% 64%, rgba(255, 255, 255, 0.92) 0 22px, rgba(255, 255, 255, 0) 24px),
          linear-gradient(22deg, transparent 0 56%, rgba(7, 27, 59, 0.35) 57% 59%, transparent 60%),
          linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(244, 249, 242, 0.52) 18%, rgba(72, 132, 54, 0.42) 58%, rgba(5, 54, 31, 0.96) 100%);
      }

      .golf-sponsor-visual-freedom::before {
        background:
          radial-gradient(circle at 34% 32%, rgba(7, 27, 59, 0.18) 0 3px, transparent 4px),
          radial-gradient(circle at 39% 35%, rgba(7, 27, 59, 0.14) 0 2px, transparent 3px),
          radial-gradient(circle at 30% 39%, rgba(7, 27, 59, 0.12) 0 2px, transparent 3px),
          repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.13) 0 2px, transparent 2px 20px),
          linear-gradient(120deg, rgba(36, 142, 62, 0.58), rgba(4, 59, 35, 0.94));
      }

      .golf-sponsor-visual-empowerment {
        background:
          radial-gradient(circle at 52% 13%, rgba(245, 185, 66, 0.54), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(239, 247, 243, 0.5) 22%, rgba(63, 128, 58, 0.38) 58%, rgba(5, 54, 31, 0.96) 100%);
      }

      .golf-sponsor-visual-empowerment::before {
        inset: 30% 0 12%;
        background:
          radial-gradient(circle at 25% 48%, rgba(7, 27, 59, 0.78) 0 8px, transparent 9px),
          radial-gradient(circle at 46% 38%, rgba(7, 27, 59, 0.72) 0 8px, transparent 9px),
          radial-gradient(circle at 68% 46%, rgba(7, 27, 59, 0.76) 0 8px, transparent 9px),
          linear-gradient(90deg, transparent 20%, rgba(7, 27, 59, 0.55) 20% 28%, transparent 28% 41%, rgba(7, 27, 59, 0.5) 41% 51%, transparent 51% 63%, rgba(7, 27, 59, 0.55) 63% 72%, transparent 72%),
          linear-gradient(120deg, rgba(27, 127, 58, 0.5), rgba(4, 58, 35, 0.92));
        transform: none;
        clip-path: polygon(0 35%, 100% 20%, 100% 100%, 0 100%);
      }

      .golf-sponsor-visual-restoration {
        background:
          radial-gradient(circle at 58% 12%, rgba(245, 185, 66, 0.55), transparent 27%),
          radial-gradient(circle at 40% 64%, rgba(255, 255, 255, 0.9) 0 14px, rgba(255, 255, 255, 0) 15px),
          linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(241, 248, 240, 0.52) 18%, rgba(72, 132, 54, 0.42) 58%, rgba(5, 54, 31, 0.96) 100%);
      }

      .golf-sponsor-visual-restoration::before {
        inset: 10% 12% 18%;
        background:
          radial-gradient(ellipse at 63% 26%, rgba(245, 185, 66, 0.84) 0 18px, rgba(161, 105, 17, 0.78) 19px 26px, transparent 27px),
          linear-gradient(90deg, transparent 52%, rgba(115, 72, 10, 0.78) 52% 56%, transparent 56%),
          linear-gradient(90deg, transparent 45%, rgba(245, 185, 66, 0.86) 45% 66%, transparent 66%),
          repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.12) 0 2px, transparent 2px 22px),
          linear-gradient(120deg, rgba(44, 143, 62, 0.48), rgba(4, 58, 35, 0.9));
        transform: none;
        clip-path: polygon(0 34%, 100% 18%, 100% 100%, 0 100%);
      }

      .golf-sponsor-side-card {
        display: grid;
        gap: 20px;
        height: 100%;
        min-width: 0;
        padding: 24px 18px 22px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(250, 253, 251, 0.78)),
          linear-gradient(135deg, rgba(27, 127, 58, 0.08), rgba(245, 185, 66, 0.09));
      }

      .golf-side-block h3 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0 0 20px;
        color: #071B3B;
        font-size: clamp(19px, 1.5vw, 25px);
        font-weight: 900;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
      }

      .golf-side-block h3::before,
      .golf-side-block h3::after {
        content: "";
        width: 34px;
        height: 1px;
        background: rgba(245, 185, 66, 0.82);
      }

      .golf-hole-grid,
      .golf-ticket-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
      }

      .golf-hole-item,
      .golf-ticket-item {
        min-width: 0;
        padding: 0 7px;
        text-align: center;
      }

      .golf-hole-item + .golf-hole-item,
      .golf-ticket-item + .golf-ticket-item {
        border-left: 1px solid rgba(7, 27, 59, 0.16);
      }

      .golf-small-icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 10px;
      }

      .golf-small-icon svg {
        width: 26px;
        height: 26px;
      }

      .golf-hole-item strong {
        width: 100%;
        margin-bottom: 10px;
        font-size: clamp(19px, 1.45vw, 25px);
        line-height: 1.08;
        white-space: nowrap;
      }

      .golf-hole-item p,
      .golf-hole-item span {
        margin: 0;
        color: #071B3B;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.3;
      }

      .golf-hole-item span {
        display: block;
        margin-top: 9px;
      }

      .golf-ticket-block {
        padding-top: 16px;
        border-top: 1px solid rgba(245, 185, 66, 0.54);
      }

      .golf-ticket-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .golf-ticket-item span {
        display: block;
        margin-bottom: 10px;
        color: #071B3B;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .golf-ticket-item strong {
        margin-bottom: 12px;
        font-size: clamp(28px, 2.3vw, 36px);
      }

      .golf-ticket-item svg {
        width: 44px;
        height: 44px;
        color: #1B7F3A;
        filter: drop-shadow(0 12px 14px rgba(7, 27, 59, 0.18));
      }

      .golf-sponsor-impact {
        display: grid;
        grid-template-columns: auto auto 1fr auto;
        align-items: center;
        gap: 22px;
        margin-top: 28px;
        padding: 18px 24px;
        border: 1px solid rgba(245, 185, 66, 0.3);
        border-radius: 18px;
        background: linear-gradient(135deg, #07361F, #082018 62%, #071B3B);
        color: #fff;
        box-shadow: 0 22px 48px rgba(7, 27, 59, 0.18);
      }

      .golf-sponsor-impact span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: rgba(245, 185, 66, 0.15);
        color: #F5B942;
      }

      .golf-sponsor-impact strong {
        color: #F5B942;
        font-size: clamp(18px, 1.8vw, 26px);
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .golf-sponsor-impact p {
        margin: 0;
        color: rgba(255, 255, 255, 0.9);
        font-size: clamp(16px, 1.5vw, 21px);
        font-weight: 750;
      }

      .golf-why-section {
        position: relative;
        padding: 78px 0;
        background:
          linear-gradient(90deg, rgba(5, 20, 10, 0.92), rgba(5, 38, 21, 0.68)),
          url('../golf-tournament-wide-bg.png') center bottom / 100% auto no-repeat;
        background-color: #082018;
        color: #fff;
      }

      .golf-why-header {
        margin-bottom: 34px;
        text-align: left;
      }

      .golf-section-label {
        margin: 0 0 14px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: var(--golf-gold);
        font-size: 12px;
      }

      .golf-why-header h2 {
        max-width: 780px;
        margin: 0;
        color: #fff;
        font-size: clamp(26px, 2.8vw, 40px);
      }

      .golf-why-header p {
        max-width: 760px;
        margin: 14px 0 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 15px;
        line-height: 1.55;
      }

      .golf-why-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 18px;
      }

      .golf-why-card {
        min-height: 210px;
        padding: 28px 22px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: none;
      }

      .golf-why-card:hover {
        transform: translateY(-6px);
        border-color: rgba(245, 185, 66, 0.55);
        background: rgba(255, 255, 255, 0.16);
      }

      .golf-why-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 18px;
        border-radius: 12px;
        background: rgba(27, 127, 58, 0.36);
        color: var(--golf-gold);
      }

      .golf-why-card h3 {
        margin-bottom: 10px;
        color: #fff;
        font-size: 18px;
      }

      .golf-why-card p {
        color: rgba(255, 255, 255, 0.78);
        font-size: 14px;
        line-height: 1.55;
      }

      .golf-impact-feature-card {
        position: relative;
        border-color: rgba(245, 185, 66, 0.55);
        box-shadow: inset 0 -2px 0 rgba(245, 185, 66, 0.8), 0 18px 42px rgba(245, 185, 66, 0.12);
      }

      .golf-impact-tag {
        position: absolute;
        top: 0;
        right: 0;
        padding: 7px 14px;
        border-bottom-left-radius: 12px;
        background: linear-gradient(135deg, rgba(245, 185, 66, 0.96), rgba(245, 185, 66, 0.68));
        color: #071B3B;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .golf-impact-banner {
        display: grid;
        grid-template-columns: auto minmax(230px, 0.9fr) minmax(260px, 1fr) auto;
        align-items: center;
        gap: 34px;
        margin-top: 34px;
        padding: 24px 34px;
        border: 1px solid rgba(245, 185, 66, 0.52);
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(7, 27, 59, 0.82), rgba(27, 127, 58, 0.38)),
          rgba(255, 255, 255, 0.08);
        box-shadow: 0 22px 56px rgba(0, 0, 0, 0.18);
      }

      .golf-impact-banner-icon {
        width: 92px;
        height: 92px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        border: 1px solid rgba(245, 185, 66, 0.42);
        background: rgba(245, 185, 66, 0.08);
        color: var(--golf-gold);
        box-shadow: 0 0 34px rgba(245, 185, 66, 0.16);
      }

      .golf-impact-banner svg {
        width: 52px;
        height: 52px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
      }

      .golf-impact-banner strong {
        display: block;
        color: #fff;
        font-size: clamp(24px, 2.9vw, 42px);
        font-weight: 900;
        line-height: 1;
      }

      .golf-impact-banner strong span {
        color: var(--golf-gold);
        font-size: 1.22em;
      }

      .golf-impact-banner p {
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 15px;
        line-height: 1.6;
      }

      .golf-impact-banner > div:nth-child(2) p {
        margin-top: 8px;
      }

      .golf-impact-banner > p {
        padding-left: 34px;
        border-left: 1px solid rgba(245, 185, 66, 0.5);
      }

      .golf-impact-flag {
        color: var(--golf-gold);
        opacity: 0.9;
      }

      .golf-impact-flag svg {
        width: 82px;
        height: 82px;
      }

      .golf-bottom-cta {
        padding: 24px 0;
        background: #082018;
        color: #fff;
        text-align: left;
      }

      .golf-bottom-shell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
      }

      .golf-bottom-cta p {
        margin: 0;
        max-width: none;
        color: rgba(255, 255, 255, 0.9);
        font-size: 18px;
        font-weight: 750;
      }

      .golf-modal-overlay {
        position: fixed;
        inset: 0;
        z-index: 200;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 26px;
        background:
          radial-gradient(circle at 18% 18%, rgba(212, 166, 74, 0.16), transparent 28%),
          radial-gradient(circle at 82% 74%, rgba(11, 122, 59, 0.18), transparent 32%),
          rgba(5, 14, 30, 0.76);
        backdrop-filter: blur(8px);
        opacity: 0;
        transition: opacity 220ms ease;
      }

      .golf-modal-overlay.active {
        display: flex;
        opacity: 1;
      }

      .golf-modal {
        position: relative;
        width: min(1160px, calc(100vw - 48px));
        max-height: min(90vh, 900px);
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid rgba(212, 166, 74, 0.28);
        border-radius: 16px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.96)),
          radial-gradient(circle at 96% 8%, rgba(11, 122, 59, 0.14), transparent 28%);
        color: var(--golf-ink);
        box-shadow: 0 34px 100px rgba(0, 0, 0, 0.34);
      }

      .golf-modal::before {
        content: "";
        position: absolute;
        right: -72px;
        bottom: -82px;
        width: 290px;
        height: 290px;
        border: 1px solid rgba(212, 166, 74, 0.22);
        border-radius: 50%;
        background:
          radial-gradient(circle, rgba(11, 122, 59, 0.13), transparent 58%),
          repeating-linear-gradient(115deg, rgba(6, 38, 77, 0.08) 0 2px, transparent 2px 18px);
        pointer-events: none;
      }

      .golf-modal-form {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 340px minmax(0, 1fr);
        gap: 0;
        min-height: 640px;
        min-width: 0;
      }

      .golf-success-message {
        display: none;
        flex-direction: column;
        gap: 18px;
        padding: 30px;
      }

      .golf-modal-heading h2,
      .golf-success-message h2 {
        margin: 0;
        color: #06264D;
        font-size: clamp(24px, 3vw, 36px);
        line-height: 1.05;
      }

      .golf-modal-heading small {
        display: inline-flex;
        width: fit-content;
        margin-bottom: 8px;
        color: #D4A64A;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .golf-modal-close {
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 4;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: rgba(6, 38, 77, 0.08);
        color: #06264D;
        font-size: 22px;
        line-height: 1;
        transition: transform 180ms ease, background 180ms ease, color 180ms ease;
      }

      .golf-modal-close:hover {
        transform: translateY(-1px);
        background: #06264D;
        color: #fff;
      }

      .golf-modal-sidebar {
        position: relative;
        display: grid;
        align-content: start;
        gap: 18px;
        padding: 30px 24px;
        min-width: 0;
        overflow: hidden;
        background:
          radial-gradient(circle at 20% 14%, rgba(212, 166, 74, 0.28), transparent 30%),
          radial-gradient(circle at 88% 82%, rgba(11, 122, 59, 0.34), transparent 36%),
          linear-gradient(160deg, #06264D 0%, #082018 100%);
        color: #fff;
      }

      .golf-modal-sidebar::after {
        content: "";
        position: absolute;
        inset: auto -36px -50px 22px;
        height: 160px;
        opacity: 0.26;
        background:
          radial-gradient(circle at 22% 55%, rgba(255, 255, 255, 0.88) 0 15px, transparent 16px),
          linear-gradient(28deg, transparent 0 60%, rgba(212, 166, 74, 0.9) 61% 63%, transparent 64%),
          repeating-linear-gradient(94deg, rgba(255, 255, 255, 0.14) 0 2px, transparent 2px 18px),
          linear-gradient(130deg, rgba(11, 122, 59, 0.65), rgba(4, 62, 33, 0.98));
        border-radius: 999px 0 0 0;
        pointer-events: none;
      }

      .golf-modal-brand,
      .golf-option-card {
        position: relative;
        z-index: 1;
      }

      .golf-modal-brand {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding-bottom: 10px;
      }

      .golf-modal-brand-icon {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(212, 166, 74, 0.58);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        color: #D4A64A;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
      }

      .golf-modal-brand-icon svg {
        width: 26px;
        height: 26px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .golf-modal-brand small,
      .golf-option-card h3 {
        display: block;
        color: rgba(255, 255, 255, 0.7);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .golf-modal-brand strong {
        display: block;
        margin-top: 3px;
        color: #fff;
        font-size: 20px;
        font-weight: 900;
        line-height: 1.1;
      }

      .golf-option-card {
        padding: 16px;
        border: 1px solid rgba(212, 166, 74, 0.34);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 18px 40px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(14px);
        transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
      }

      .golf-option-card:hover {
        transform: translateY(-3px);
        border-color: rgba(212, 166, 74, 0.62);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 24px 52px rgba(0, 0, 0, 0.24);
      }

      .golf-option-card h3 {
        margin: 0 0 14px;
      }

      .golf-option-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: flex-start;
        gap: 10px;
        padding: 13px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
      }

      .golf-option-row span {
        min-width: 0;
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        font-weight: 800;
      }

      .golf-option-row em {
        display: block;
        margin-top: 3px;
        color: rgba(255, 255, 255, 0.62);
        font-size: 12px;
        font-style: normal;
      }

      .golf-option-row strong,
      .golf-option-availability > strong {
        color: #D4A64A;
        font-size: 18px;
        font-weight: 950;
        white-space: nowrap;
      }

      .golf-option-availability > strong {
        display: block;
        margin-bottom: 12px;
        color: #fff;
        font-size: 16px;
        line-height: 1.25;
      }

      .golf-option-availability > span {
        display: block;
        margin-top: 10px;
        color: rgba(255, 255, 255, 0.68);
        font-size: 12px;
        font-weight: 750;
      }

      .golf-modal-main {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 34px 34px 28px;
        min-width: 0;
      }

      .golf-modal-strip,
      .golf-notice {
        border: 1px solid rgba(11, 122, 59, 0.14);
        border-radius: 16px;
        background: rgba(246, 251, 247, 0.82);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
      }

      .golf-modal-strip {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding: 13px 16px;
        min-width: 0;
        color: #40526A;
        font-size: 12px;
        font-weight: 800;
      }

      .golf-modal-strip span {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .golf-check-row {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 18px;
        color: #06264D;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.35;
        margin: 0;
        padding: 12px 14px;
        border: 1px solid rgba(212, 166, 74, 0.28);
        border-radius: 14px;
        background: rgba(255, 252, 244, 0.72);
      }

      .golf-check-row span {
        min-width: 0;
        flex: 1 1 auto;
      }

      .golf-check-row input,
      .golf-radio-field input {
        accent-color: var(--golf-green);
      }

      .golf-check-row input[type="checkbox"] {
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
        flex: 0 0 14px;
        margin: 0;
        padding: 0;
        box-shadow: none;
        vertical-align: middle;
      }

      .golf-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 16px;
      }

      .golf-field,
      .golf-radio-field {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0;
        padding: 0;
        border: 0;
        color: #06264D;
        font-size: 13px;
        font-weight: 800;
      }

      .golf-field input,
      .golf-field select {
        width: 100%;
        min-height: 44px;
        padding: 10px 13px;
        border: 1px solid rgba(6, 38, 77, 0.16);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.94);
        color: var(--golf-ink);
        box-shadow: 0 8px 18px rgba(6, 38, 77, 0.04);
        transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
      }

      .golf-field input:focus,
      .golf-field select:focus {
        outline: none;
        border-color: #0B7A3B;
        box-shadow: 0 0 0 4px rgba(11, 122, 59, 0.12), 0 12px 24px rgba(6, 38, 77, 0.08);
      }

      .golf-radio-field legend {
        margin-bottom: 8px;
      }

      .golf-radio-field label {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        min-height: 18px;
        color: #40526A;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.35;
        margin: 0;
        padding: 0;
        max-width: 100%;
        white-space: normal;
      }

      .golf-radio-field input[type="radio"] {
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
        flex: 0 0 14px;
        margin: 2px 0 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        vertical-align: middle;
      }

      .golf-notice {
        margin: 0;
        padding: 14px 16px 14px 44px;
        color: #40526A;
        font-size: 13px;
        line-height: 1.5;
        background:
          radial-gradient(circle at 22px 22px, rgba(212, 166, 74, 0.9) 0 4px, transparent 5px),
          rgba(246, 251, 247, 0.82);
      }

      .golf-modal-actions {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        padding-top: 2px;
      }

      .golf-modal-actions .golf-register-btn {
        min-width: 230px;
        border-color: #0B7A3B;
        border-radius: 12px;
        background: linear-gradient(135deg, #0B7A3B, #085F31);
        box-shadow: 0 16px 34px rgba(11, 122, 59, 0.22);
      }

      .golf-modal-actions .golf-register-btn:hover {
        background: linear-gradient(135deg, #0E8D46, #0B7A3B);
        box-shadow: 0 20px 42px rgba(11, 122, 59, 0.3);
      }

      .golf-modal-actions .golf-modal-cancel {
        min-height: 42px;
        border-radius: 12px;
        border-color: rgba(6, 38, 77, 0.16);
        background: rgba(255, 255, 255, 0.72);
        color: #06264D;
      }

      .golf-success-message {
        display: none;
        min-height: 160px;
        align-items: center;
        justify-content: center;
        text-align: center;
      }

      .golf-success-message.show {
        display: flex;
      }

      .golf-success-message.is-error {
        border: 1px solid rgba(185, 28, 28, 0.2);
        background: #FEF2F2;
        gap: 10px;
        padding: 22px;
      }

      .golf-success-message.is-error h2 {
        color: #991B1B;
        font-size: clamp(20px, 2vw, 24px);
        line-height: 1.15;
      }

      .golf-success-message.is-error p {
        max-width: 620px;
        margin: 0;
        color: #0F1B2D;
        font-size: 14px;
        line-height: 1.45;
      }

      @media (max-width: 1024px) {
        .golf-gallery-grid,
        .golf-why-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .golf-sponsorship-layout {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .golf-promo-grid {
          grid-template-columns: 1fr;
        }

        .golf-sponsor-side-card {
          grid-column: 1 / -1;
        }

        .golf-intro-card {
          grid-template-columns: 1fr;
        }

        .golf-video-card {
          grid-template-columns: minmax(0, 1fr) 200px;
        }

        .golf-modal-form {
          grid-template-columns: 290px minmax(0, 1fr);
        }

        .golf-modal-main {
          padding: 30px 24px 26px;
        }

        .golf-option-row strong,
        .golf-option-availability > strong {
          font-size: 18px;
        }
      }

      @media (min-width: 1025px) {
        .golf-hero-section h1 {
          white-space: nowrap;
        }

        .golf-hero-subtitle {
          white-space: nowrap;
        }

        .golf-why-header h2 {
          white-space: nowrap;
        }
      }

      @media (max-width: 768px) {
        .golf-hero-section {
          min-height: 430px;
          padding: 54px 0 40px;
        }

        .golf-hero-content {
          width: auto;
          max-width: 820px;
          margin-left: 0;
        }

        .golf-hero-background,
        .golf-why-section {
          background-position: center center;
          background-size: cover;
        }

        .golf-hero-subtitle,
        .golf-why-header h2 {
          white-space: normal;
        }

        .golf-benefit-callout {
          grid-template-columns: 1fr;
          gap: 14px;
          padding: 18px;
        }

        .golf-benefit-copy {
          padding-left: 0;
          border-left: 0;
        }

        .golf-hero-meta,
        .golf-bottom-shell,
        .golf-modal-actions {
          flex-direction: column;
          align-items: stretch;
        }

        .golf-gallery-header h2::before,
        .golf-gallery-header h2::after {
          width: 34px;
        }

        .golf-gallery-grid,
        .golf-why-grid,
        .golf-sponsorship-layout,
        .golf-form-grid,
        .golf-modal-strip {
          grid-template-columns: 1fr;
        }

        .golf-modal {
          width: min(100%, 680px);
          max-height: 92vh;
        }

        .golf-modal-form {
          grid-template-columns: 1fr;
          min-height: 0;
          padding: 0;
        }

        .golf-modal-sidebar {
          padding: 24px 20px;
        }

        .golf-modal-main {
          padding: 24px 18px 22px;
        }

        .golf-sponsorship-section {
          padding: 54px 0;
        }

        .golf-sponsorship-heading {
          gap: 10px;
          margin-bottom: 24px;
          flex-wrap: wrap;
        }

        .golf-sponsorship-heading::before,
        .golf-sponsorship-heading::after {
          width: 34px;
        }

        .golf-sponsorship-heading h2 {
          font-size: clamp(22px, 7vw, 32px);
          letter-spacing: 0.08em;
        }

        .golf-sponsor-register-button {
          width: 100%;
          max-width: 320px;
          margin-left: 0;
        }

        .golf-sponsor-card {
          padding: 72px 22px 24px;
        }

        .golf-sponsor-card h3 {
          font-size: 25px;
        }

        .golf-sponsor-card ul {
          font-size: 15px;
        }

        .golf-hole-grid,
        .golf-ticket-grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .golf-hole-item,
        .golf-ticket-item {
          padding: 0 0 20px;
          border-left: 0 !important;
          border-bottom: 1px solid rgba(7, 27, 59, 0.14);
        }

        .golf-hole-item:last-child,
        .golf-ticket-item:last-child {
          padding-bottom: 0;
          border-bottom: 0;
        }

        .golf-sponsor-impact {
          grid-template-columns: 1fr;
          justify-items: start;
          gap: 12px;
        }

        .golf-impact-banner {
          grid-template-columns: 1fr;
          gap: 18px;
          padding: 24px 20px;
        }

        .golf-impact-banner > p {
          padding-left: 0;
          border-left: 0;
        }

        .golf-impact-flag {
          display: none;
        }

        .golf-intro-copy {
          grid-template-columns: 1fr;
        }

        .golf-intro-card,
        .golf-video-card {
          min-height: 0;
        }

        .golf-video-card {
          grid-template-columns: 1fr;
          grid-template-areas:
            "copy"
            "thumb"
            "button";
        }

        .golf-video-stack {
          grid-template-columns: 1fr;
        }

        .golf-video-thumb {
          min-height: 150px;
        }

        .golf-register-btn,
        .golf-outline-button,
        .golf-modal-cancel {
          width: 100%;
        }

        .golf-success-message {
          padding: 24px 18px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #golf-tournament *,
        #golf-tournament *::before,
        #golf-tournament *::after {
          animation-duration: 0.01ms !important;
          transition-duration: 0.01ms !important;
        }
      }

      /* Glassmorphism Cards */
      .glassmorphism-card {
        background: rgba(7, 27, 59, 0.4);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(245, 185, 66, 0.2);
        border-radius: 16px;
        padding: 32px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      }

      .glassmorphism-card:hover {
        background: rgba(7, 27, 59, 0.5);
        border-color: rgba(245, 185, 66, 0.4);
      }

      /* Final Past Events premium archive override. Keep after older archive polish rules. */
      #previous-editions.past-events-page {
        --past-paper: #F9F7F4;
        --past-ink: #081B4B;
        --past-accent: #F15A24;
        --past-border: rgba(8, 27, 75, 0.1);
        --past-muted: rgba(8, 27, 75, 0.66);
        --past-ease: cubic-bezier(.22,.61,.36,1);
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 12%, rgba(241, 90, 36, 0.08), transparent 32%),
          radial-gradient(circle at 88% 0%, rgba(8, 27, 75, 0.06), transparent 34%),
          var(--past-paper) !important;
        color: var(--past-ink);
        padding: clamp(86px, 10vw, 126px) 0 !important;
      }

      #previous-editions.past-events-page .past-events-index {
        width: min(1240px, calc(100% - 40px)) !important;
        max-width: 1240px;
      }

      #previous-editions.past-events-page .past-events-section-head {
        max-width: 760px;
        margin: 0 0 clamp(34px, 5vw, 54px) !important;
        text-align: left;
      }

      #previous-editions.past-events-page .past-events-kicker {
        margin: 0 0 14px !important;
        color: var(--past-accent) !important;
        font-size: 12px !important;
        font-weight: 900;
        letter-spacing: 0.14em !important;
      }

      #previous-editions.past-events-page .past-events-section-head h1 {
        max-width: 720px;
        margin: 0 0 18px !important;
        color: var(--past-ink);
        font-family: var(--font-display);
        font-size: clamp(42px, 6.2vw, 84px);
        font-weight: 800;
        letter-spacing: -0.035em;
        line-height: 0.96;
      }

      #previous-editions.past-events-page .past-events-section-head h1::after {
        width: 54px;
        height: 2px;
        margin-top: 20px;
        background: var(--past-accent);
      }

      #previous-editions.past-events-page .past-events-section-head p {
        max-width: 570px;
        margin: 0 !important;
        color: var(--past-muted);
        font-size: clamp(16px, 1.6vw, 18px);
        font-weight: 650;
      }

      #previous-editions.past-events-page .past-events-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr) !important;
        gap: clamp(18px, 2.4vw, 28px) !important;
        align-items: stretch;
      }

      #previous-editions.past-events-page .past-event-card,
      #previous-editions.past-events-page .featured-video-card {
        height: auto !important;
        min-height: 100%;
        border: 1px solid var(--past-border);
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 18px 48px rgba(8, 27, 75, 0.09);
      }

      #previous-editions.past-events-page .featured-video-card {
        border-color: rgba(241, 90, 36, 0.28);
        box-shadow: 0 26px 76px rgba(8, 27, 75, 0.16);
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        height: auto !important;
        margin: 0 !important;
        border-radius: 0;
      }

      #previous-editions.past-events-page .past-event-card-cover {
        aspect-ratio: 1.34 / 1;
      }

      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        aspect-ratio: 16 / 9;
      }

      #previous-editions.past-events-page .past-event-year,
      #previous-editions.past-events-page .featured-video-badge {
        top: auto !important;
        right: auto !important;
        bottom: 16px !important;
        left: 16px !important;
        height: auto !important;
        min-height: 30px !important;
        border-radius: 999px !important;
        background: var(--past-accent) !important;
        padding: 7px 12px !important;
        color: #ffffff !important;
        font-size: 11px !important;
        letter-spacing: 0.08em !important;
      }

      #previous-editions.past-events-page .featured-video-badge {
        top: 16px !important;
        bottom: auto !important;
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        padding: clamp(22px, 2.4vw, 30px) !important;
      }

      #previous-editions.past-events-page .past-event-title,
      #previous-editions.past-events-page .featured-video-title {
        min-height: 0;
        padding-right: 0;
        color: var(--past-ink);
        font-family: var(--font-display);
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.08;
      }

      #previous-editions.past-events-page .past-event-title {
        font-size: clamp(24px, 2.1vw, 30px);
      }

      #previous-editions.past-events-page .featured-video-title {
        font-size: clamp(26px, 2.35vw, 34px);
      }

      #previous-editions.past-events-page .past-event-description,
      #previous-editions.past-events-page .featured-video-description {
        min-height: 0;
        margin: 0;
        color: var(--past-muted);
        font-size: 15px;
        font-weight: 600;
        line-height: 1.58;
      }

      #previous-editions.past-events-page .past-event-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 4px;
        padding-top: 18px;
      }

      #previous-editions.past-events-page .past-meta-item {
        display: grid;
        grid-template-columns: 20px 1fr;
        gap: 10px;
        font-size: 13px;
      }

      #previous-editions.past-events-page .past-meta-item svg,
      #previous-editions.past-events-page .previous-edition-card[data-past-year="2022"] .past-meta-item svg {
        color: var(--past-accent);
      }

      #previous-editions.past-events-page .past-meta-item strong,
      #previous-editions.past-events-page .previous-edition-card[data-past-year="2022"] .past-meta-item strong {
        color: var(--past-accent);
        letter-spacing: 0.11em;
      }

      #previous-editions.past-events-page .past-event-view {
        position: static;
        align-self: flex-start;
        margin-top: auto;
        border: 1px solid rgba(241, 90, 36, 0.34);
        border-radius: 999px;
        background: #ffffff;
        padding: 0 18px;
        color: var(--past-accent);
      }

      #previous-editions.past-events-page .featured-video-button {
        width: 100%;
        min-height: 50px;
        margin-top: auto;
        border: 1px solid var(--past-ink);
        border-radius: 999px;
        background: var(--past-ink);
        color: #ffffff;
      }

      #previous-editions.past-events-page .past-events-all-row::before {
        border-color: rgba(8, 27, 75, 0.08);
        background: rgba(255, 255, 255, 0.78);
        color: rgba(8, 27, 75, 0.72);
      }

      #previous-editions.past-events-page .past-events-outline-button {
        border-color: rgba(241, 90, 36, 0.46);
        background: #ffffff;
        color: var(--past-accent);
      }

      @media (max-width: 1024px) {
        #previous-editions.past-events-page .past-events-section-head {
          margin-right: auto !important;
          margin-left: auto !important;
          text-align: center;
        }

        #previous-editions.past-events-page .past-events-section-head p {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }

        #previous-editions.past-events-page .featured-video-card {
          grid-column: 1 / -1 !important;
          order: -1;
        }
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page {
          padding: 76px 0 86px !important;
        }

        #previous-editions.past-events-page .past-events-section-head {
          text-align: left;
        }

        #previous-editions.past-events-page .past-events-section-head p {
          margin-left: 0 !important;
        }

        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: 1fr !important;
        }

        #previous-editions.past-events-page .featured-video-card {
          grid-column: auto !important;
        }
      }

      /* Past Events width and proportion tuning. */
      #previous-editions.past-events-page .past-events-index {
        width: min(1404px, calc(100% - 80px)) !important;
        max-width: 1404px;
      }

      #previous-editions.past-events-page .past-events-grid {
        max-width: 1404px;
        margin: 0 auto;
        padding: 0 40px;
        gap: 32px !important;
      }

      #previous-editions.past-events-page .past-event-card,
      #previous-editions.past-events-page .featured-video-card {
        aspect-ratio: 4 / 5;
        max-height: 560px;
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        row-gap: 16px;
        padding: 28px !important;
      }

      #previous-editions.past-events-page .past-event-card-cover {
        aspect-ratio: 1.78 / 1;
      }

      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        aspect-ratio: 16 / 8.6;
      }

      #previous-editions.past-events-page .past-event-title {
        font-size: clamp(22px, 1.65vw, 26px);
      }

      #previous-editions.past-events-page .featured-video-title {
        font-size: clamp(24px, 1.8vw, 28px);
      }

      #previous-editions.past-events-page .past-event-description,
      #previous-editions.past-events-page .featured-video-description {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        flex: 0 0 auto;
        font-size: 14px;
        line-height: 1.48;
      }

      #previous-editions.past-events-page .past-event-meta {
        gap: 9px;
        margin-top: 0;
        padding-top: 12px;
      }

      #previous-editions.past-events-page .past-meta-item {
        grid-template-columns: 18px 1fr;
        gap: 8px;
        font-size: 12px;
        line-height: 1.26;
      }

      #previous-editions.past-events-page .past-meta-item svg {
        width: 16px;
        height: 16px;
      }

      #previous-editions.past-events-page .past-meta-item strong {
        margin-bottom: 1px;
        font-size: 9px;
      }

      #previous-editions.past-events-page .past-event-view,
      #previous-editions.past-events-page .featured-video-button {
        min-height: 42px;
      }

      @media (min-width: 1280px) {
        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(3, minmax(380px, 1fr)) !important;
        }
      }

      @media (max-width: 1279px) {
        #previous-editions.past-events-page .past-events-index {
          width: min(100% - 40px, 980px) !important;
        }

        #previous-editions.past-events-page .past-events-grid {
          padding: 0;
        }

        #previous-editions.past-events-page .past-event-card,
        #previous-editions.past-events-page .featured-video-card {
          aspect-ratio: auto;
          max-height: none;
        }
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-events-index {
          width: min(100% - 40px, 420px) !important;
        }

        #previous-editions.past-events-page .past-event-card-body,
        #previous-editions.past-events-page .featured-video-content {
          padding: 22px !important;
        }
      }

      /* Past Events media alignment: side event covers match featured video treatment. */
      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        display: block;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto !important;
        max-width: none !important;
        height: clamp(140px, 10vw, 158px) !important;
        margin: 28px 28px 0 !important;
        border-radius: 0;
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper,
      #previous-editions.past-events-page .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-thumbnail {
        aspect-ratio: 16 / 9 !important;
      }

      #previous-editions.past-events-page .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-thumbnail {
        display: block;
        width: 100%;
        height: 100% !important;
        border-radius: 0;
        object-fit: cover;
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        padding-top: 26px !important;
      }

      #previous-editions.past-events-page .past-event-year {
        top: 16px !important;
        bottom: auto !important;
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-event-card-cover,
        #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
          width: auto !important;
          height: auto !important;
          margin: 22px 22px 0 !important;
        }
      }

      /* Past Events compact card controls and restored badge placement. */
      #previous-editions.past-events-page .past-event-year,
      #previous-editions.past-events-page .featured-video-badge {
        top: auto !important;
        bottom: 12px !important;
        left: 14px !important;
        min-height: 28px !important;
        padding: 6px 11px !important;
        font-size: 10px !important;
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        row-gap: 10px;
        padding: 18px 28px 20px !important;
      }

      #previous-editions.past-events-page .past-event-edition-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }

      #previous-editions.past-events-page .past-event-edition-group {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      #previous-editions.past-events-page .past-event-year-inline {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        padding: 6px 11px;
        border-radius: 999px;
        background: var(--past-accent);
        color: #ffffff;
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.04em;
        box-shadow: 0 10px 22px rgba(241, 90, 36, 0.2);
      }

      #previous-editions.past-events-page .past-event-edition {
        margin: 0;
        font-size: 11px;
        line-height: 1;
      }

      #previous-editions.past-events-page .past-event-view {
        position: static;
        flex: 0 0 auto;
        min-height: 30px;
        margin: 0;
        padding: 0 15px;
        border: 1px solid rgba(241, 90, 36, 0.38);
        border-radius: 999px;
        background: #ffffff;
        color: var(--past-accent);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      #previous-editions.past-events-page .past-event-card:hover .past-event-view,
      #previous-editions.past-events-page .past-event-card:focus-visible .past-event-view {
        background: var(--past-accent);
        color: #ffffff;
      }

      #previous-editions.past-events-page .past-event-title {
        font-size: clamp(20px, 1.45vw, 23px);
        line-height: 1.04;
      }

      #previous-editions.past-events-page .featured-video-title {
        font-size: clamp(23px, 1.65vw, 26px);
        line-height: 1.04;
      }

      #previous-editions.past-events-page .past-event-description,
      #previous-editions.past-events-page .featured-video-description {
        -webkit-line-clamp: 2;
        font-size: 12.5px;
        line-height: 1.42;
      }

      #previous-editions.past-events-page .past-event-meta {
        gap: 6px;
        padding-top: 9px;
      }

      #previous-editions.past-events-page .past-meta-item {
        grid-template-columns: 15px 1fr;
        gap: 7px;
        font-size: 10.8px;
        line-height: 1.18;
      }

      #previous-editions.past-events-page .past-meta-item svg {
        width: 14px;
        height: 14px;
      }

      #previous-editions.past-events-page .past-meta-item strong {
        margin-bottom: 1px;
        font-size: 8px;
        letter-spacing: 0.08em;
      }

      #previous-editions.past-events-page .featured-video-play-button {
        width: 46px;
        height: 46px;
      }

      #previous-editions.past-events-page .featured-video-play-button::before {
        inset: -5px;
      }

      #previous-editions.past-events-page .featured-video-play-button svg {
        width: 18px;
        height: 18px;
        margin-left: 2px;
      }

      #previous-editions.past-events-page .featured-video-card:hover .featured-video-play-button,
      #previous-editions.past-events-page .featured-video-card:focus-visible .featured-video-play-button {
        transform: translate(-50%, -50%) scale(1.05);
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-event-card-body,
        #previous-editions.past-events-page .featured-video-content {
          padding: 18px 22px 20px !important;
        }
      }

      /* Past Events larger cover treatment and Golf for Good play styling. */
      #previous-editions.past-events-page .past-events-index {
        width: min(1560px, calc(100% - 48px)) !important;
        max-width: 1560px;
      }

      #previous-editions.past-events-page .past-events-grid {
        max-width: 1560px;
        padding: 0 24px;
      }

      #previous-editions.past-events-page .past-event-card,
      #previous-editions.past-events-page .featured-video-card {
        aspect-ratio: auto;
        min-height: 520px;
        max-height: none;
        overflow: hidden;
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: clamp(206px, 15vw, 252px) !important;
        margin: 0 !important;
        border-radius: 22px 22px 0 0;
        background: transparent;
        box-shadow: none;
      }

      #previous-editions.past-events-page .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-thumbnail {
        border-radius: 22px 22px 0 0;
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        padding: 22px 28px 24px !important;
      }

      #previous-editions.past-events-page .featured-video-play-button {
        width: 26px;
        height: 26px;
        border: 0;
        background: #ff0000;
        color: #ffffff;
        box-shadow: 0 6px 14px rgba(255, 0, 0, 0.24);
        transform: translate(-50%, -50%);
        transition: transform 200ms ease, background 200ms ease, box-shadow 200ms ease;
      }

      #previous-editions.past-events-page .featured-video-play-button::before {
        content: none;
      }

      #previous-editions.past-events-page .featured-video-play-button svg {
        width: 10px;
        height: 10px;
        margin-left: 1px;
        fill: currentColor;
      }

      #previous-editions.past-events-page .featured-video-card:hover .featured-video-play-button,
      #previous-editions.past-events-page .featured-video-card:focus-visible .featured-video-play-button {
        background: #cc0000;
        box-shadow: 0 8px 18px rgba(255, 0, 0, 0.3);
        transform: translate(-50%, -50%) scale(1.06);
      }

      @media (min-width: 1280px) {
        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(3, minmax(400px, 1fr)) !important;
        }
      }

      @media (min-width: 1440px) {
        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(3, minmax(420px, 1fr)) !important;
        }
      }

      @media (max-width: 1279px) {
        #previous-editions.past-events-page .past-events-grid {
          padding: 0;
        }
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-events-index {
          width: min(100% - 32px, 440px) !important;
        }

        #previous-editions.past-events-page .past-event-card,
        #previous-editions.past-events-page .featured-video-card {
          min-height: 0;
        }

        #previous-editions.past-events-page .past-event-card-cover,
        #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
          height: auto !important;
          aspect-ratio: 16 / 9 !important;
        }
      }

      /* Past Events badges return to the lower-left of the cover image. */
      #previous-editions.past-events-page .past-event-card,
      #previous-editions.past-events-page .featured-video-card {
        overflow: hidden;
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        overflow: hidden !important;
      }

      #previous-editions.past-events-page .past-event-year,
      #previous-editions.past-events-page .featured-video-badge {
        top: auto !important;
        bottom: 14px !important;
        left: 28px !important;
        z-index: 5;
        box-shadow: 0 12px 24px rgba(241, 90, 36, 0.22);
      }

      #previous-editions.past-events-page .featured-video-description {
        display: block;
        overflow: visible;
        -webkit-line-clamp: unset;
        -webkit-box-orient: initial;
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-event-year,
        #previous-editions.past-events-page .featured-video-badge {
          left: 22px !important;
        }
      }

      /* Past Events clean flat card redesign. */
      #previous-editions.past-events-page .past-events-index {
        width: min(1500px, calc(100% - 48px)) !important;
        max-width: 1500px;
      }

      #previous-editions.past-events-page .past-events-grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 28px !important;
        max-width: 1500px;
        padding: 0;
      }

      #previous-editions.past-events-page .past-event-card,
      #previous-editions.past-events-page .featured-video-card {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        padding: 0 !important;
        border: 1px solid #E5E7EB !important;
        border-radius: 20px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        overflow: hidden;
        transform: none;
        transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
      }

      #previous-editions.past-events-page .past-event-card:hover,
      #previous-editions.past-events-page .past-event-card:focus-visible,
      #previous-editions.past-events-page .featured-video-card:hover,
      #previous-editions.past-events-page .featured-video-card:focus-visible {
        border-color: rgba(241, 90, 36, 0.26) !important;
        box-shadow: 0 16px 34px rgba(8, 27, 75, 0.08) !important;
        transform: translateY(-3px);
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
        width: 100% !important;
        height: clamp(220px, 16vw, 250px) !important;
        margin: 0 !important;
        border-radius: 20px 20px 0 0 !important;
        background: #f3f4f6;
        overflow: hidden !important;
      }

      #previous-editions.past-events-page .past-event-card-cover,
      #previous-editions.past-events-page .featured-video-thumbnail-wrapper,
      #previous-editions.past-events-page .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-thumbnail {
        aspect-ratio: 16 / 9 !important;
      }

      #previous-editions.past-events-page .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-thumbnail {
        width: 100%;
        height: 100% !important;
        border-radius: 20px 20px 0 0 !important;
        object-fit: cover;
        transition: transform 300ms ease;
      }

      #previous-editions.past-events-page .past-event-card:hover .past-event-card-cover img,
      #previous-editions.past-events-page .past-event-card:focus-visible .past-event-card-cover img,
      #previous-editions.past-events-page .featured-video-card:hover .featured-video-thumbnail,
      #previous-editions.past-events-page .featured-video-card:focus-visible .featured-video-thumbnail {
        transform: scale(1.05);
      }

      #previous-editions.past-events-page .past-event-card-body,
      #previous-editions.past-events-page .featured-video-content {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 14px;
        padding: 24px !important;
      }

      #previous-editions.past-events-page .past-event-year,
      #previous-editions.past-events-page .featured-video-badge,
      #previous-editions.past-events-page .past-event-year-inline {
        display: none !important;
      }

      #previous-editions.past-events-page .past-event-edition-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        order: 0;
      }

      #previous-editions.past-events-page .past-event-edition-group {
        display: block;
        min-width: 0;
      }

      #previous-editions.past-events-page .past-event-edition,
      #previous-editions.past-events-page .featured-video-date {
        margin: 0;
        color: var(--past-accent);
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      #previous-editions.past-events-page .past-event-title,
      #previous-editions.past-events-page .featured-video-title {
        margin: 0;
        color: #0B1F4D;
        font-size: clamp(30px, 2.25vw, 36px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: 0;
      }

      #previous-editions.past-events-page .past-event-description,
      #previous-editions.past-events-page .featured-video-description {
        display: -webkit-box;
        min-height: 0;
        margin: 0;
        overflow: hidden;
        color: #667085;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }

      #previous-editions.past-events-page .past-event-meta {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
      }

      #previous-editions.past-events-page .past-meta-item {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #344054;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.3;
      }

      #previous-editions.past-events-page .past-meta-item:nth-child(n+2) {
        display: none !important;
      }

      #previous-editions.past-events-page .past-meta-item svg {
        width: 18px;
        height: 18px;
        color: var(--past-accent);
        stroke: currentColor;
      }

      #previous-editions.past-events-page .past-meta-item strong {
        display: none;
      }

      #previous-editions.past-events-page .past-event-view,
      #previous-editions.past-events-page .featured-video-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: flex-start;
        min-height: 42px;
        margin-top: auto;
        padding: 0 20px;
        border: 1px solid var(--past-accent);
        border-radius: 999px;
        background: var(--past-accent);
        color: #ffffff;
        box-shadow: none;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
        transition: background 300ms ease, color 300ms ease, transform 300ms ease;
      }

      #previous-editions.past-events-page .past-event-card:hover .past-event-view,
      #previous-editions.past-events-page .past-event-card:focus-visible .past-event-view,
      #previous-editions.past-events-page .featured-video-card:hover .featured-video-button,
      #previous-editions.past-events-page .featured-video-card:focus-visible .featured-video-button {
        background: #cf4518;
        color: #ffffff;
        transform: translateY(-1px);
      }

      #previous-editions.past-events-page .featured-video-date {
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }

      #previous-editions.past-events-page .featured-video-date::before {
        content: "";
        width: 16px;
        height: 16px;
        background: currentColor;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 5h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
      }

      @media (min-width: 900px) {
        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
      }

      @media (min-width: 1280px) {
        #previous-editions.past-events-page .past-events-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
      }

      @media (max-width: 640px) {
        #previous-editions.past-events-page .past-events-index {
          width: min(100% - 32px, 440px) !important;
        }

        #previous-editions.past-events-page .past-event-card-cover,
        #previous-editions.past-events-page .featured-video-thumbnail-wrapper {
          height: auto !important;
          min-height: 210px;
        }

        #previous-editions.past-events-page .past-event-card-body,
        #previous-editions.past-events-page .featured-video-content {
          padding: 20px !important;
        }

        #previous-editions.past-events-page .past-event-title,
        #previous-editions.past-events-page .featured-video-title {
          font-size: clamp(26px, 8vw, 32px);
        }
      }

      /* Past Events final content sizing refinements. */
      #previous-editions.past-events-page .past-event-view {
        min-height: 34px;
        padding: 0 16px;
        font-size: 11px;
      }

      #previous-editions.past-events-page .featured-video-description {
        -webkit-line-clamp: 4;
      }

      #previous-editions.past-events-page .past-meta-item,
      #previous-editions.past-events-page .featured-video-date {
        white-space: nowrap;
        font-size: 12px;
        letter-spacing: 0.03em;
      }

      #previous-editions.past-events-page .past-meta-item span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      #previous-editions.past-events-page .past-events-all-row::before {
        min-height: 58px;
        padding: 0 clamp(22px, 3.5vw, 40px);
        font-size: clamp(15px, 1.15vw, 18px);
        line-height: 1.25;
      }

      #previous-editions.past-events-page .past-events-outline-button {
        min-height: 58px;
        font-size: 15px;
      }

      .recap-video-modal {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: none;
        align-items: center;
        justify-content: center;
        background:
          radial-gradient(circle at 50% 18%, rgba(241, 90, 36, 0.18), transparent 34%),
          rgba(3, 8, 22, 0.88);
        padding: clamp(18px, 4vw, 56px);
        backdrop-filter: blur(12px);
      }

      .recap-video-modal.open {
        display: flex;
      }

      .recap-video-dialog {
        position: relative;
        width: min(1120px, 100%);
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(11, 24, 56, 0.98), rgba(5, 12, 30, 0.98));
        box-shadow: 0 36px 110px rgba(0, 0, 0, 0.48);
        padding: clamp(12px, 1.8vw, 18px);
      }

      .recap-video-frame {
        overflow: hidden;
        border-radius: 16px;
        background: #020612;
      }

      .recap-video-player {
        display: block;
        width: 100%;
        max-height: min(76vh, 720px);
        aspect-ratio: 16 / 9;
        background: #020612;
      }

      .recap-video-close {
        position: absolute;
        top: -18px;
        right: -18px;
        z-index: 2;
        width: 44px;
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 999px;
        background: #ffffff;
        color: #081B4B;
        font-size: 24px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.26);
      }

      .recap-video-close:hover,
      .recap-video-close:focus-visible {
        background: #F15A24;
        color: #ffffff;
      }

      @media (max-width: 640px) {
        .recap-video-dialog {
          border-radius: 18px;
          padding: 8px;
        }

        .recap-video-close {
          top: -14px;
          right: -10px;
          width: 40px;
          height: 40px;
        }
      }

      /* Mobile polish for high-density event flows: speaker application, registration pricing, and golf partner modal. */
      @media (max-width: 768px) {
        body.paged-site[data-view="speaker-application"] #speaker-application.speaker-application-section {
          padding: 42px 0 58px;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-shell {
          width: min(100% - 32px, 1000px);
          gap: 18px;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-hero .section-label {
          max-width: 100%;
          white-space: normal;
          line-height: 1.2;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-hero h1 {
          font-size: clamp(34px, 11vw, 44px);
          line-height: 1.03;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-hero .speaker-application-subtitle {
          font-size: clamp(21px, 6.5vw, 28px);
          line-height: 1.28;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-hero p:not(.speaker-application-subtitle) {
          font-size: 17px;
          line-height: 1.55;
        }

        body.paged-site[data-view="speaker-application"] .speaker-progress {
          padding: 12px;
          overflow: hidden;
        }

        body.paged-site[data-view="speaker-application"] .speaker-progress ol {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        body.paged-site[data-view="speaker-application"] .speaker-progress li {
          width: 100%;
          min-height: 44px;
          justify-content: flex-start;
          border-radius: 14px;
          padding: 8px 12px;
          font-size: 13px;
          line-height: 1.25;
          text-align: left;
          white-space: normal;
        }

        body.paged-site[data-view="speaker-application"] .speaker-progress li span {
          width: 28px;
          height: 28px;
          flex-basis: 28px;
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-form {
          padding: 24px 18px 28px;
        }

        body.paged-site[data-view="speaker-application"] .speaker-step legend {
          font-size: clamp(34px, 11vw, 44px);
          line-height: 1.04;
        }

        body.paged-site[data-view="speaker-application"] .speaker-step-helper {
          border-radius: 18px;
          padding: 14px 16px;
          font-size: 16px;
          line-height: 1.45;
        }

        body.paged-site[data-view="register"] #register.pricing-landing {
          padding-top: 34px;
          overflow-x: hidden;
        }

        body.paged-site[data-view="register"] #register .pricing-section {
          width: min(100% - 36px, 1240px);
        }

        body.paged-site[data-view="register"] #register .pricing-section-head {
          margin-bottom: 24px;
        }

        body.paged-site[data-view="register"] #register .pricing-section-head h2 {
          max-width: 11ch;
          margin-inline: auto;
          font-size: clamp(34px, 11vw, 46px);
          line-height: 1.08;
          white-space: normal;
        }

        body.paged-site[data-view="register"] #register .pricing-section-head p {
          max-width: 22ch;
          font-size: 17px;
          line-height: 1.45;
        }

        body.paged-site[data-view="register"] #register .pricing-card {
          border-radius: 20px;
          padding: 24px 22px;
        }

        body.paged-site[data-view="register"] #register .pricing-card h3 {
          font-size: 25px;
          line-height: 1.12;
        }

        body.paged-site[data-view="register"] #register .pricing-price {
          font-size: clamp(54px, 17vw, 68px);
        }

        body.paged-site[data-view="register"] #register .pricing-deadline,
        body.paged-site[data-view="register"] #register .pricing-features li {
          font-size: 16px;
          line-height: 1.35;
        }

        body.paged-site[data-view="register"] #register .register-reference-grid {
          width: min(100% - 36px, 1240px);
          gap: 22px;
          margin-top: 34px;
          padding-top: 28px;
        }

        body.paged-site[data-view="register"] #register .register-reference-info h2 {
          font-size: clamp(32px, 10vw, 42px);
        }

        body.paged-site[data-view="register"] #register .register-reference-card {
          padding: 20px 16px;
        }

        body.paged-site[data-view="register"] #register .register-reference-row {
          grid-template-columns: 1fr;
        }

        body.paged-site[data-view="register"] #register .register-reference-consent {
          font-size: 12px;
          line-height: 1.5;
        }

        .sponsor-modal-panel:has(.sponsor-registration-content) {
          width: calc(100vw - 22px);
          min-height: auto;
          max-height: calc(100svh - 20px);
          margin: 10px auto;
          border-radius: 18px;
        }

        .sponsor-modal-content.sponsor-registration-content {
          max-height: calc(100svh - 20px);
          overflow-y: auto;
        }

        .sponsor-registration-head {
          grid-template-columns: 1fr;
          padding: 22px 20px 18px;
          text-align: left;
        }

        .sponsor-registration-badge {
          width: 42px;
          height: 42px;
        }

        .sponsor-registration-head h2 {
          max-width: 10ch;
          font-size: clamp(34px, 10.5vw, 44px);
          line-height: 1.05;
        }

        .sponsor-registration-head p {
          font-size: 14px;
          line-height: 1.45;
        }

        .sponsor-registration-form {
          grid-template-columns: 1fr;
          gap: 16px;
          max-height: none;
          overflow: visible;
          padding: 18px 20px 24px;
        }

        .sponsor-package-column {
          display: none;
        }

        .sponsor-details-column,
        .sponsor-registration-form .sponsor-form-row,
        .sponsor-radio-card {
          grid-template-columns: 1fr;
        }

        .sponsor-details-column .sponsor-field input,
        .sponsor-details-column .sponsor-field select,
        .sponsor-details-column .sponsor-field textarea {
          min-height: 50px;
          font-size: 15px;
        }

        .sponsor-modal-panel:has(.sponsor-registration-content) .sponsor-modal-close {
          top: 16px;
          right: 16px;
        }

        .golf-modal-overlay.active {
          align-items: flex-start;
          padding: 10px;
          overflow-y: auto;
        }

        .golf-modal {
          width: min(100%, 520px);
          max-height: none;
          overflow: visible;
          border-radius: 18px;
        }

        .golf-modal-form {
          grid-template-columns: 1fr;
        }

        .golf-modal-sidebar {
          display: none;
        }

        .golf-modal-main {
          padding: 24px 20px 22px;
        }

        .golf-modal-heading {
          padding-right: 54px;
        }

        .golf-modal-heading small {
          max-width: 100%;
          white-space: normal;
          line-height: 1.25;
        }

        .golf-modal-heading h2 {
          max-width: 11ch;
          font-size: clamp(34px, 10.5vw, 44px);
          line-height: 1.05;
        }

        .golf-modal-strip,
        .golf-form-grid {
          grid-template-columns: 1fr;
        }

        .golf-opt-in-card {
          padding: 18px;
        }

        .golf-opt-in-card span {
          font-size: clamp(20px, 6vw, 26px);
          line-height: 1.25;
        }

        .golf-modal-actions {
          flex-direction: column;
          align-items: stretch;
        }

        .golf-modal-actions .golf-modal-cancel,
        .golf-modal-actions .golf-register-btn {
          width: 100%;
          min-width: 0;
        }
      }

      @media (max-width: 390px) {
        body.paged-site[data-view="speaker-application"] .speaker-application-shell,
        body.paged-site[data-view="register"] #register .pricing-section,
        body.paged-site[data-view="register"] #register .register-reference-grid {
          width: min(100% - 24px, 1240px);
        }

        body.paged-site[data-view="speaker-application"] .speaker-application-hero h1,
        body.paged-site[data-view="speaker-application"] .speaker-step legend {
          font-size: clamp(31px, 10vw, 38px);
        }

        body.paged-site[data-view="register"] #register .pricing-section-head h2,
        .sponsor-registration-head h2 {
          font-size: clamp(31px, 10vw, 40px);
        }
      }