:root {
        --blue: #0789ee;
        --blue-deep: #0074de;
        --text: #111;
        --cream: #f2f2f1;
      }

      *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      html { scroll-behavior: auto; }


      body {
        font-family: "Roboto", Arial, sans-serif;
        color: var(--text);
        background: #fff;
        overflow-x: hidden;
        cursor: default;
      }

      a[href],
      a[href] * {
        cursor: pointer;
      }

      button,
      input,
      select,
      label {
        cursor: default;
      }

      textarea {
        cursor: text;
      }

      .logo-group {
        display: flex;
        align-items: center;
        gap: clamp(10px, 1.2vw, 18px);
      }

      .brand-logo {
        height: clamp(36px, 3.6vw, 56px);
        width: auto;
      }

      .logo-separator {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(14px, 1.4vw, 22px);
        font-weight: 300;
        color: #999;
        line-height: 1;
      }

      .toc-logo {
        height: clamp(28px, 2.8vw, 44px);
        width: auto;
        filter: invert(1);
      }

      .highlight-green {
        color: #8de674;
      }

      .highlight-blue {
        color: var(--blue);
      }

      /* ==================== HEADER ==================== */
      .header {
        position: absolute;
        top: 0; left: 0; right: 0;
        z-index: 20;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: clamp(24px, 2vw, 30px) clamp(20px, 2.8vw, 43px) clamp(14px, 1.2vw, 20px) clamp(38px, 3.9vw, 64px);
      }

      .logo {
        color: #050505;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        pointer-events: auto;
      }

      .menu-button {
        width: clamp(56px, 6.7vw, 112px);
        height: clamp(52px, 6vw, 101px);
        border: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: clamp(6px, 0.6vw, 10px);
        background: linear-gradient(135deg, #0799fb 0%, #0084ee 58%, #047fe6 100%);
        box-shadow: -16px 22px 45px rgba(0, 72, 130, 0.18);
        cursor: pointer;
        flex-shrink: 0;
        position: fixed;
        top: clamp(14px, 1.2vw, 20px);
        right: clamp(20px, 2.8vw, 43px);
        z-index: 21;
        pointer-events: auto;
      }

      .menu-button span {
        width: clamp(22px, 2.2vw, 36px);
        height: clamp(2px, 0.18vw, 3px);
        background: #fff;
        display: block;
        transition: transform 180ms ease, opacity 180ms ease;
      }

      /* ==================== REVEAL MOTION ==================== */
      .has-reveal .reveal-item {
        opacity: 0;
        translate: 0 24px;
        filter: blur(4px);
        transition-property: opacity, translate, filter;
        transition-duration: 700ms;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transition-delay: var(--reveal-delay, 0ms);
        will-change: opacity, translate, filter;
      }

      .has-reveal .reveal-item.is-visible {
        opacity: 1;
        translate: 0 0;
        filter: blur(0);
      }

      .has-reveal .reveal-item > svg,
      .has-reveal .reveal-item .form-contact-icon,
      .has-reveal .reveal-item .pain-number {
        opacity: 0;
        scale: 0.25;
        filter: blur(4px);
        transition-property: opacity, scale, filter;
        transition-duration: 520ms;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transition-delay: calc(var(--reveal-delay, 0ms) + 90ms);
        will-change: opacity, scale, filter;
      }

      .has-reveal .reveal-item.is-visible > svg,
      .has-reveal .reveal-item.is-visible .form-contact-icon,
      .has-reveal .reveal-item.is-visible .pain-number {
        opacity: 1;
        scale: 1;
        filter: blur(0);
      }

      /* ==================== HERO ==================== */
      .hero {
        position: relative;
        width: 100%;
        aspect-ratio: 1672 / 941;
        overflow: visible;
      }

      .bg-photo {
        position: absolute;
        top: 0; right: 0;
        width: 100%;
        height: 79%;
        object-fit: contain;
        object-position: right top;
        filter: saturate(1.12) contrast(1.18);
        display: block;
      }

      .image-grade {
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,0.99) 28%,
            rgba(255,255,255,0.92) 38%,
            rgba(255,255,255,0.6) 50%,
            rgba(255,255,255,0.2) 64%,
            rgba(255,255,255,0) 76%),
          linear-gradient(180deg,
            rgba(255,255,255,0.14) 0%,
            rgba(255,255,255,0.03) 48%,
            rgba(255,255,255,0.24) 80%,
            rgba(255,255,255,0.34) 100%);
        mask-image: linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,0.62) 86%, transparent 100%);
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,0.62) 86%, transparent 100%);
        pointer-events: none;
      }

      .left-wash {
        position: absolute;
        inset: 0;
        height: 100%;
        background:
          radial-gradient(ellipse at 14% 88%, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.34) 17%, rgba(255,255,255,0.03) 31%, rgba(255,255,255,0) 45%),
          linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.96) 30%, rgba(255,255,255,0.78) 42%, rgba(255,255,255,0.32) 54%, rgba(255,255,255,0) 67%);
        pointer-events: none;
      }

      .hero-copy {
        position: absolute;
        top: clamp(80px, 10.3vw, 172px);
        left: clamp(24px, 3.2vw, 54px);
        z-index: 4;
      }

      .stamp {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: clamp(160px, 16vw, 268px);
        height: clamp(32px, 3.2vw, 53px);
        border: clamp(2px, 0.18vw, 3px) solid #1189ed;
        color: #1189ed;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 1.26vw, 21px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: clamp(1.5px, 0.19vw, 3.2px);
        white-space: nowrap;
        transform: rotate(-3deg);
        transform-origin: left center;
        border-radius: 4px;
      }

      .hero-copy h1 {
        margin-top: clamp(10px, 1.1vw, 18px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(36px, 5.6vw, 94px);
        line-height: 0.98;
        text-transform: uppercase;
        font-weight: 900;
        color: #111;
        text-shadow: 0 4px 18px rgba(0,0,0,0.08);
        transform: scaleX(0.905);
        transform-origin: left top;
        -webkit-text-stroke: 0.6px #111;
      }

      .hero-copy h1 span { display: block; }

      .hero-copy > p {
        margin-top: clamp(12px, 1.26vw, 21px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(14px, 1.3vw, 21px);
        line-height: 1.48;
        color: #121212;
        transform: scaleX(0.97);
        transform-origin: left top;
      }

      /* ==================== EVENT STRIP ==================== */
      .event-strip {
        position: relative;
        z-index: 8;
        display: flex;
        align-items: center;
        height: clamp(42px, 4.1vw, 69px);
        padding: clamp(12px, 1.5vw, 24px) clamp(20px, 2.75vw, 46px);
      }

      .event-item {
        display: flex;
        align-items: center;
        color: #090909;
      }

      .event-item svg {
        width: clamp(24px, 2.6vw, 42px);
        height: clamp(24px, 2.6vw, 42px);
        margin-right: clamp(8px, 1vw, 16px);
        stroke: #050505;
        stroke-width: 4;
        fill: none;
        stroke-linecap: square;
        stroke-linejoin: miter;
        flex-shrink: 0;
      }

      .event-item div {
        display: flex;
        flex-direction: column;
        gap: clamp(2px, 0.2vw, 4px);
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(11px, 1.05vw, 17px);
        line-height: 1;
        font-weight: 500;
        letter-spacing: 0.2px;
      }

      .event-item span {
        white-space: nowrap;
        text-transform: uppercase;
      }

      .event-divider {
        width: 1px;
        height: clamp(32px, 3.4vw, 55px);
        margin: 0 clamp(12px, 1.3vw, 22px);
        background: rgba(0,0,0,0.55);
      }

      .event-location div,
      .event-booth div {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 1.15vw, 19px);
        font-weight: 500;
        letter-spacing: 1.3px;
      }

      .event-location svg { margin-right: clamp(12px, 1.44vw, 24px); }
      .event-booth svg {
        width: clamp(28px, 3.1vw, 52px);
        height: clamp(28px, 3.1vw, 52px);
      }

      /* ==================== CTA PANEL ==================== */
      .cta-panel {
        position: absolute;
        right: 0;
        top: 61.7%;
        z-index: 3;
        width: 59%;
        height: 59.5%;
        color: #fff;
        text-decoration: none;
        background: var(--blue);
        clip-path: polygon(0 29%, 100% 0, 100% 68%, 11.1% 88%);
        display: block;
        overflow: hidden;
      }

      .cta-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(135deg, rgba(0,116,222,0.92) 0%, rgba(0,86,190,0.84) 100%);
        opacity: 0;
        transition: opacity 520ms cubic-bezier(0.2, 0, 0, 1);
        pointer-events: none;
      }

      .cta-panel:hover::before { opacity: 1; }

      .cta-arrow, .cta-separator { display: none; }

      .cta-copy {
        position: absolute;
        top: 23%;
        left: 51%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 40%;
      }

      .cta-kicker {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(10px, 1.14vw, 19px);
        line-height: 1.16;
        font-weight: 500;
        letter-spacing: clamp(1px, 0.15vw, 2.5px);
        text-transform: uppercase;
      }

      .cta-title {
        margin-top: clamp(10px, 1.3vw, 22px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(20px, 3.4vw, 57px);
        line-height: 0.86;
        font-weight: 900;
        letter-spacing: clamp(1px, 0.12vw, 2px);
        text-transform: uppercase;
        text-shadow: 0 2px 10px rgba(0, 63, 128, 0.18);
      }

      .mobile-cta-panel {
        display: none;
      }

      .cta-small-arrow {
        position: absolute;
        right: 6%;
        bottom: 17%;
        width: clamp(32px, 3.4vw, 57px);
        height: clamp(3px, 0.24vw, 4px);
        background: #fff;
        transform: translateX(0);
        transition: transform 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .cta-small-arrow::before,
      .cta-small-arrow::after {
        content: "";
        position: absolute;
        right: -1px;
        width: clamp(14px, 1.44vw, 24px);
        height: clamp(3px, 0.24vw, 4px);
        background: #fff;
        transform-origin: right center;
      }

      .cta-small-arrow::before { transform: rotate(45deg); }
      .cta-small-arrow::after  { transform: rotate(-45deg); }

      .cta-panel:hover .cta-small-arrow,
      .cta-panel:focus-visible .cta-small-arrow {
        transform: translateX(4px);
      }

      /* ==================== HERO-BOOTH TRANSITION ==================== */
      .hero-booth-transition {
        position: relative;
        z-index: 2;
        width: 100%;
        background: #f2f2f1;
        margin-top: -11.82vw;
        padding: clamp(10px, 1.2vw, 20px) 0;
      }

      /* ==================== BOOTH SECTION ==================== */
      .booth-section {
        position: relative;
        width: 100%;
        aspect-ratio: 1672 / 1035;
        overflow: visible;
        background: #fff;
      }

      .booth-copy {
        position: absolute;
        inset: 0 auto 0 0;
        z-index: 2;
        width: 45.5%;
        padding: clamp(24px, 2.6vw, 44px) 0 clamp(100px, 10vw, 160px) clamp(24px, 4.1vw, 68px);
        background: #fff;
        clip-path: polygon(0 0, 91.4% 0, 100% clamp(60px, 7vw, 118px), 100% 100%, 0 100%);
        display: flex;
        flex-direction: column;
      }

      .booth-copy h2 {
        margin-top: clamp(14px, 1.8vw, 30px);
        margin-bottom: clamp(32px, 4vw, 64px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(30px, 4.7vw, 78px);
        line-height: 0.98;
        font-weight: 900;
        text-transform: uppercase;
        color: #050505;
        transform: scaleX(0.82);
        transform-origin: left top;
      }

      .booth-copy h2 span { display: block; }

      .booth-benefits {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: clamp(16px, 1.8vw, 28px);
        width: clamp(280px, 34vw, 560px);
      }

      .benefit-card {
        position: relative;
        color: #1f2b43;
        display: flex;
        align-items: flex-start;
        gap: clamp(12px, 1.2vw, 20px);
      }

      .benefit-card:not(:last-child) {
        padding-bottom: clamp(16px, 1.8vw, 28px);
        border-bottom: 1px solid rgba(0,0,0,0.12);
      }

      .benefit-card svg {
        width: clamp(40px, 3.8vw, 58px);
        height: clamp(40px, 3.8vw, 58px);
        flex-shrink: 0;
        stroke: #1189ed;
        stroke-width: 3;
        fill: none;
        stroke-linejoin: miter;
        stroke-linecap: square;
      }

      .benefit-card h3 {
        margin-top: 0;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 1.32vw, 22px);
        line-height: 1.22;
        font-weight: 500;
        text-transform: uppercase;
        color: #1d2940;
      }

      .benefit-card p {
        margin-top: clamp(6px, 0.8vw, 12px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(12px, 0.9vw, 14px);
        line-height: 1.7;
        font-weight: 500;
        color: #394458;
      }

      /* ==================== BOOTH VISUAL ==================== */
      .booth-visual {
        position: absolute;
        top: auto;
        bottom: 0;
        right: -1%;
        z-index: 5;
        width: 66.4%;
        pointer-events: none;
      }

      .booth-visual picture {
        display: block;
        width: 82%;
        height: auto;
        margin-left: auto;
      }

      .booth-visual img {
        display: block;
        width: 100%;
        height: auto;
      }

      /* ==================== BOOTH FOOTER ==================== */
      .booth-footer {
        position: relative;
        z-index: 6;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: fit-content;
        margin-top: clamp(28px, 3.3vw, 56px);
        padding: 0;
        background: transparent;
      }

      .booth-cta {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: clamp(8px, 1vw, 14px);
        height: clamp(44px, 4.9vw, 82px);
        padding: 0 clamp(24px, 2.8vw, 44px);
        color: #fff;
        text-decoration: none;
        background: linear-gradient(135deg, #078df5 0%, #0075df 100%);
        clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
        box-shadow: none;
        overflow: hidden;
        transform: translateY(0);
        transition:
          transform 520ms cubic-bezier(0.2, 0, 0, 1),
          box-shadow 520ms cubic-bezier(0.2, 0, 0, 1),
          filter 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .booth-cta::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.02) 55%, rgba(0,58,120,0.18) 100%);
        opacity: 0;
        transition: opacity 520ms cubic-bezier(0.2, 0, 0, 1);
        pointer-events: none;
      }

      .booth-cta:hover,
      .booth-cta:focus-visible {
        box-shadow: 0 18px 32px rgba(0, 96, 186, 0.28);
        filter: saturate(1.05);
      }

      .booth-cta:hover::before,
      .booth-cta:focus-visible::before {
        opacity: 1;
      }

      .booth-cta span {
        position: relative;
        z-index: 1;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(14px, 1.5vw, 24px);
        line-height: 1;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .booth-cta svg {
        position: relative;
        z-index: 1;
        width: clamp(18px, 1.8vw, 28px);
        height: clamp(18px, 1.8vw, 28px);
        flex-shrink: 0;
        transform: translateX(0);
        transition: transform 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .booth-cta:hover svg,
      .booth-cta:focus-visible svg {
        transform: translateX(4px);
      }

      /* ==================== MOBILE NAV ==================== */
      .mobile-nav {
        display: flex;
        position: fixed;
        inset: 0;
        z-index: 15;
        background: rgba(255,255,255,0.97);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 32px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        translate: 0 -24px;
        filter: blur(6px);
        transition-property: opacity, translate, filter, visibility;
        transition-duration: 460ms, 460ms, 460ms, 0ms;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transition-delay: 0ms, 0ms, 0ms, 460ms;
        will-change: opacity, translate, filter;
      }

      .mobile-nav a {
        display: block;
        width: max-content;
        margin-inline: auto;
        color: #070707;
        text-decoration: none;
        text-transform: uppercase;
        font-size: clamp(30px, 3.6vw, 42px);
        font-weight: 900;
        letter-spacing: 0;
        line-height: 0.98;
        opacity: 0;
        translate: 0 22px;
        filter: blur(4px);
        transition-property: opacity, translate, filter;
        transition-duration: 520ms;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
        transition-delay: 0ms;
        will-change: opacity, translate, filter;
      }

      body.menu-open .mobile-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        translate: 0 0;
        filter: blur(0);
        transition-delay: 0ms;
      }

      body.menu-open .mobile-nav a {
        opacity: 1;
        translate: 0 0;
        filter: blur(0);
      }

      body.menu-open .mobile-nav a:nth-child(1) { transition-delay: 70ms; }
      body.menu-open .mobile-nav a:nth-child(2) { transition-delay: 145ms; }
      body.menu-open .mobile-nav a:nth-child(3) { transition-delay: 220ms; }

      body.menu-open .menu-button { z-index: 22; }

      body.menu-open .menu-button span:nth-child(1) {
        transform: translateY(calc(clamp(6px, 0.6vw, 10px) + clamp(2px, 0.18vw, 3px))) rotate(45deg);
      }
      body.menu-open .menu-button span:nth-child(2) { opacity: 0; }
      body.menu-open .menu-button span:nth-child(3) {
        transform: translateY(calc((clamp(6px, 0.6vw, 10px) + clamp(2px, 0.18vw, 3px)) * -1)) rotate(-45deg);
      }

      /* ==================== RESPONSIVE ==================== */
      @media (max-width: 960px) {
        .hero {
          aspect-ratio: auto;
          min-height: 100vh;
          min-height: 100svh;
        }

        .hero-copy {
          top: clamp(70px, 12vw, 120px);
        }

        .event-strip {
          position: relative;
          bottom: auto; left: auto;
          margin-top: clamp(24px, 5vw, 48px);
          padding-left: clamp(24px, 3.2vw, 54px);
          padding-bottom: clamp(200px, 42vw, 360px);
        }

        .hero-copy,
        .event-strip {
          position: relative;
          top: auto; left: auto;
          padding-left: clamp(24px, 4vw, 54px);
          padding-top: 0;
          z-index: 4;
        }

        .hero-copy {
          padding-top: clamp(80px, 14vw, 140px);
        }

        .cta-panel {
          width: 80%;
          height: 40%;
          clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
        }

        .cta-copy {
          top: 28%;
          right: 6%;
          width: 40%;
        }

        .booth-section {
          aspect-ratio: auto;
          min-height: auto;
          padding-bottom: 0;
        }

        .booth-copy {
          position: relative;
          width: 100%;
          clip-path: none;
          padding-bottom: clamp(24px, 4vw, 48px);
        }

        .booth-visual {
          position: relative;
          top: 0;
          width: 100%;
          display: flex;
          justify-content: center;
          padding: clamp(16px, 3vw, 32px);
        }

        .booth-visual picture {
          width: 80%;
          max-width: 600px;
          margin: 0 auto;
        }

        .booth-visual img {
          width: 100%;
          max-width: none;
          margin: 0;
        }

        .booth-benefits {
          position: relative;
          left: auto; bottom: auto;
          margin: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 54px) 0;
          grid-template-columns: repeat(3, 1fr);
          column-gap: clamp(16px, 3vw, 48px);
        }

        .booth-footer {
          position: relative;
          height: auto;
          padding: 0;
          flex-wrap: wrap;
          gap: 16px;
        }

        .booth-cta {
          width: auto;
          flex: 1;
          min-width: 280px;
          padding: 0 clamp(24px, 3vw, 48px);
          clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
        }
      }

      @media (max-width: 640px) {
        .hero {
          min-height: auto;
          aspect-ratio: auto;
        }

        .hero-copy h1 {
          font-size: clamp(32px, 10vw, 50px);
        }

        .mobile-nav a {
          font-size: clamp(34px, 10vw, 44px);
          font-weight: 700;
          letter-spacing: 2px;
          line-height: 1;
        }

        .stamp {
          width: auto;
          padding: 8px 14px;
          font-size: 11px;
          letter-spacing: 2px;
        }

        .event-strip {
          flex-direction: column;
          align-items: flex-start;
          gap: 14px;
          padding-bottom: clamp(160px, 50vw, 280px);
        }

        .event-divider { display: none; }

        .cta-panel {
          width: 100%;
          height: 38%;
          clip-path: polygon(0 24%, 100% 0, 100% 100%, 0 100%);
        }

        .cta-copy {
          top: 32%;
          right: 5%;
          width: 55%;
        }

        .cta-title {
          font-size: clamp(20px, 6vw, 36px);
        }

        .cta-kicker {
          font-size: clamp(9px, 2.5vw, 13px);
        }

        .booth-copy h2 {
          font-size: clamp(28px, 8vw, 44px);
        }

        .booth-benefits {
          grid-template-columns: 1fr;
          gap: 28px;
        }

        .benefit-card:not(:last-child)::after { display: none; }

        .benefit-card p {
          font-size: 12px;
        }

        .booth-footer {
          flex-direction: column;
          align-items: stretch;
        }

        .booth-cta {
          height: 52px;
          clip-path: none;
          justify-content: center;
        }

        .booth-cta span {
          font-size: 14px;
        }
      }

      /* ==================== TOPICS SECTION ==================== */
      .topics-section {
        background: #fff;
        padding: clamp(48px, 5.5vw, 88px) clamp(28px, 4vw, 64px);
      }

      .topics-inner {
        width: 100%;
        max-width: none;
        margin: 0;
      }

      .section-countdown {
        position: relative;
        z-index: 3;
        width: 100%;
        padding: clamp(24px, 2.75vw, 44px) clamp(28px, 4vw, 64px);
        margin-bottom: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(10px, 1vw, 18px);
        background: #0789ee;
        border-bottom: 0;
        color: #fff;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(24px, 2.45vw, 42px);
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
      }

      .countdown-chevron {
        width: clamp(30px, 3vw, 48px);
        height: clamp(24px, 2.3vw, 38px);
        fill: none;
        stroke: currentColor;
        stroke-width: 2.8;
        stroke-linecap: square;
        stroke-linejoin: miter;
        flex: 0 0 auto;
      }

      .countdown-chevron path {
        transform-box: fill-box;
        transform-origin: center;
        animation: countdown-chevron-pulse 1450ms cubic-bezier(0.2, 0, 0, 1) infinite;
      }

      .countdown-chevron-left path {
        --countdown-chevron-x: -5px;
      }

      .countdown-chevron-right path {
        --countdown-chevron-x: 5px;
      }

      .countdown-chevron path:nth-child(2) {
        animation-delay: 140ms;
      }

      @keyframes countdown-chevron-pulse {
        0%, 100% {
          opacity: 0.68;
          translate: 0 0;
        }

        46% {
          opacity: 1;
          translate: var(--countdown-chevron-x) 0;
        }
      }

      .section-countdown strong {
        color: #a7ff3d;
        font-size: 1.8em;
        font-weight: 700;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        transition: color 180ms ease;
      }

      .section-countdown strong.is-counting {
        color: #fff;
      }

      .section-countdown.is-ended strong {
        display: none;
      }

      .topics-h2 {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(30px, 4vw, 66px);
        font-weight: 900;
        line-height: 0.98;
        text-transform: uppercase;
        color: #111;
        transform: scaleX(0.905);
        transform-origin: left top;
        margin: 0 0 clamp(32px, 3.5vw, 56px);
      }

      .topics-h2 em {
        font-style: normal;
        color: var(--blue);
      }

      .topics-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(24px, 2.5vw, 40px);
      }

      .topic-item {
        padding: clamp(16px, 1.8vw, 28px) 0;
        border-top: 1px solid rgba(0,0,0,0.12);
      }

      .topic-item:nth-child(-n + 3) {
        border-top: 0;
      }

      .topic-item svg {
        width: clamp(32px, 3vw, 44px);
        height: clamp(32px, 3vw, 44px);
        flex-shrink: 0;
        stroke: var(--blue);
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        margin-bottom: clamp(8px, 1vw, 14px);
      }

      .topic-heading {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 1.32vw, 22px);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        line-height: 1.22;
        color: #1f2b43;
        margin: 0 0 clamp(6px, 0.8vw, 12px);
      }

      .topic-body {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(12px, 0.9vw, 14px);
        line-height: 1.7;
        color: #5a5a5a;
        margin: 0;
      }

      .brochure-section {
        position: relative;
        overflow: visible;
        padding: 0 clamp(44px, 6vw, 92px);
        background: linear-gradient(135deg, #078df5 0%, #0079e7 100%);
        margin-top: 0;
      }

      .brochure-card {
        position: relative;
        isolation: isolate;
        display: grid;
        grid-template-columns: minmax(0, 1fr) clamp(280px, 28vw, 360px);
        align-items: center;
        gap: clamp(24px, 3vw, 40px);
        max-width: 1360px;
        margin: 0 auto;
        padding: 0;
        background: transparent;
        border: 0;
        overflow: visible;
      }

      .brochure-card::before {
        content: none;
      }

      .brochure-copy {
        position: relative;
        z-index: 1;
        min-width: 0;
        max-width: 760px;
      }

      .brochure-eyebrow {
        margin: 0 0 clamp(8px, 0.8vw, 12px);
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 0.95vw, 15px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #a7ff3d;
      }

      .brochure-title {
        margin: 0 0 clamp(10px, 1vw, 16px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(28px, 2.9vw, 46px);
        font-weight: 900;
        line-height: 0.98;
        text-transform: uppercase;
        color: #fff;
        transform: scaleX(0.92);
        transform-origin: left top;
      }

      .brochure-lead {
        max-width: 72ch;
        margin: 0;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(14px, 1.05vw, 17px);
        line-height: 1.65;
        color: rgba(255,255,255,0.92);
      }

      .brochure-aside {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 18px;
        min-width: fit-content;
        min-height: clamp(170px, 16vw, 220px);
        align-self: center;
        justify-content: center;
      }

      .brochure-mockup {
        position: absolute;
        top: 50%;
        right: 220px;
        bottom: auto;
        z-index: 1;
        display: block;
        width: clamp(210px, 20vw, 280px);
        margin-right: 0;
        text-decoration: none;
        transform: translateY(-50%) rotate(-4deg);
        transform-origin: center center;
      }

      .brochure-mockup picture {
        display: block;
        width: 100%;
      }

      .brochure-mockup img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        border: 0;
        background: transparent;
        box-shadow: none;
        filter: drop-shadow(0 24px 44px rgba(0, 34, 78, 0.28));
      }

      .brochure-actions {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 14px;
        min-width: fit-content;
        transform: translate(-80px, 0);
      }

      .brochure-cta {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        min-height: clamp(52px, 5vw, 66px);
        padding: 0 clamp(22px, 2.6vw, 36px);
        color: var(--blue);
        text-decoration: none;
        background: rgba(255,255,255,0.96);
        box-shadow: 0 15px 28px rgba(0, 112, 204, 0.12);
        overflow: hidden;
        transform: translateY(0);
        transition:
          transform 520ms cubic-bezier(0.2, 0, 0, 1),
          box-shadow 520ms cubic-bezier(0.2, 0, 0, 1),
          background-color 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .brochure-cta::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(7,137,238,0.12) 100%);
        opacity: 0;
        transition: opacity 520ms cubic-bezier(0.2, 0, 0, 1);
        pointer-events: none;
      }

      .brochure-cta:hover::before,
      .brochure-cta:focus-visible::before {
        opacity: 1;
      }

      .brochure-cta:hover,
      .brochure-cta:focus-visible {
        background: rgba(255,255,255,1);
        box-shadow: 0 20px 34px rgba(0, 79, 160, 0.2);
      }

      .brochure-cta span,
      .brochure-cta svg {
        position: relative;
        z-index: 1;
      }

      .brochure-cta span {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(14px, 1.2vw, 18px);
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        white-space: nowrap;
      }

      .brochure-cta svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform: translateX(0);
        transition: transform 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .brochure-cta:hover svg,
      .brochure-cta:focus-visible svg {
        transform: translateX(4px);
      }

      .brochure-alt {
        align-self: flex-end;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 0.95vw, 14px);
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
      }

      .brochure-alt:hover,
      .brochure-alt:focus-visible {
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      /* ==================== FORM SECTION ==================== */
      .form-section {
        background:
          linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.94) 54%, rgba(248,248,247,0.96) 100%),
          #f8f8f7;
        padding: 0;
        overflow: hidden;
      }

      .form-inner {
        --form-site-padding-x: clamp(28px, 4vw, 64px);
        --form-bleed-right: 0px;
        width: 100%;
        margin: 0;
      }

      .form-hero {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
        gap: clamp(28px, 4vw, 72px);
        align-items: start;
        margin-bottom: clamp(42px, 5vw, 70px);
        padding-left: var(--form-site-padding-x);
      }

      .form-copy {
        position: relative;
        z-index: 1;
        padding-top: clamp(48px, 5.5vw, 88px);
        min-width: 0;
      }

      .form-h2 {
        margin: 0;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(30px, 4vw, 66px);
        line-height: 0.98;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #111;
        font-weight: 900;
        transform: scaleX(0.905);
        transform-origin: left top;
        text-wrap: balance;
      }

      .form-h2 span,
      .form-h2 em {
        display: block;
        font-style: normal;
      }

      .form-h2 em {
        color: var(--blue);
      }

      .form-lead {
        margin: clamp(28px, 3.4vw, 46px) 0 0;
        max-width: 62ch;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(16px, 1.35vw, 22px);
        line-height: 1.48;
        color: #263044;
        font-weight: 400;
        overflow-wrap: break-word;
      }

      .form-photo {
        position: relative;
        z-index: 1;
        isolation: isolate;
        width: calc(100% + var(--form-bleed-right));
        margin: 0 calc(0px - var(--form-bleed-right)) 0 0;
        min-height: clamp(270px, 30vw, 430px);
        overflow: visible;
        background: transparent;
      }

      .form-photo::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: -44%;
        height: clamp(132px, 42%, 186px);
        background: #0789ee;
        clip-path: polygon(0 0, 100% 0, 72% 100%, 38% 100%);
        z-index: 0;
        pointer-events: none;
      }

      .form-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.78) 11%, rgba(255,255,255,0.22) 28%, rgba(255,255,255,0) 42%);
        clip-path: polygon(-2px 38%, 82% 0, 100% 0, 100% calc(100% + 3px), -2px calc(100% + 3px));
        pointer-events: none;
      }

      .form-photo picture {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        min-height: inherit;
      }

      .form-photo img {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        min-height: inherit;
        object-fit: cover;
        object-position: 58% 45%;
        display: block;
        clip-path: polygon(-2px 38%, 82% 0, 100% 0, 100% calc(100% + 3px), -2px calc(100% + 3px));
        filter: saturate(1.05) contrast(1.08);
      }

      .form-layout {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1.13fr) minmax(360px, 0.87fr);
        gap: clamp(34px, 4.6vw, 66px);
        align-items: stretch;
        margin-right: 0;
        margin-left: var(--form-site-padding-x);
        padding-bottom: clamp(48px, 5.5vw, 88px);
      }

      .contact-form {
        display: flex;
        flex-direction: column;
        gap: clamp(10px, 1vw, 14px);
        padding: clamp(8px, 0.9vw, 12px);
        background: rgba(255,255,255,0.74);
      }

      .form-honeypot {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
      }

      .form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(10px, 1vw, 14px);
      }

      .form-field {
        position: relative;
        display: block;
        min-width: 0;
      }

      .form-input {
        width: 100%;
        height: clamp(48px, 4.65vw, 62px);
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(13px, 1.05vw, 16px);
        line-height: 1;
        padding: 0 clamp(14px, 1.45vw, 20px);
        border: 1px solid rgba(31,43,67,0.18);
        border-radius: 4px;
        background: rgba(255,255,255,0.92);
        color: #111;
        outline: none;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.035), 0 1px 2px rgba(0,0,0,0.025);
        transition: border-color 0.2s, box-shadow 0.2s;
        -webkit-appearance: none;
        appearance: none;
      }

      .form-input:focus {
        border-color: var(--blue);
        box-shadow: 0 0 0 3px rgba(7,137,238,0.12);
      }

      .form-input::placeholder {
        color: #8a929d;
      }

      .form-field-with-marker .form-input {
        padding-right: clamp(42px, 4vw, 54px);
      }

      .field-marker {
        position: absolute;
        right: clamp(14px, 1.25vw, 18px);
        top: 50%;
        width: clamp(18px, 1.55vw, 23px);
        height: clamp(18px, 1.55vw, 23px);
        border-radius: 3px;
        background: #d94141;
        transform: translateY(-50%);
      }

      .field-marker::before {
        content: "";
        position: absolute;
        inset: 5px 4px;
        background: radial-gradient(circle, #fff 0 1.2px, transparent 1.4px) 0 50% / 6px 6px repeat-x;
      }

      .form-select-field::after {
        content: "";
        position: absolute;
        right: clamp(17px, 1.45vw, 22px);
        top: 50%;
        width: 9px;
        height: 9px;
        border-right: 2px solid #7f8790;
        border-bottom: 2px solid #7f8790;
        transform: translateY(-65%) rotate(45deg);
        pointer-events: none;
      }

      select.form-input {
        cursor: default;
        color: #111;
        padding-right: clamp(42px, 4vw, 56px);
      }

      select.form-input:invalid {
        color: #111;
      }

      .form-privacy {
        display: grid;
        grid-template-columns: 18px 1fr;
        align-items: start;
        gap: 10px;
        margin: 2px 0 0;
        color: #5b6472;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(12px, 0.95vw, 14px);
        line-height: 1.4;
      }

      .form-privacy input {
        width: 18px;
        height: 18px;
        margin: 1px 0 0;
        accent-color: var(--blue);
      }

      .form-privacy span {
        min-width: 0;
      }

      .form-privacy a {
        color: var(--blue);
        font-weight: 700;
        text-decoration: none;
      }

      .form-privacy a:hover,
      .form-privacy a:focus-visible {
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .form-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: clamp(56px, 5vw, 68px);
        width: 100%;
        border: 0;
        border-radius: 3px;
        background: linear-gradient(135deg, #078df5 0%, #0079e7 100%);
        color: #fff;
        cursor: default;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(15px, 1.18vw, 19px);
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        box-shadow: 0 15px 28px rgba(0, 112, 204, 0.16);
        transition: background 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      }

      .form-btn:hover {
        background: linear-gradient(135deg, #0079e7 0%, #005fcb 100%);
      }

      .form-btn:hover svg,
      .form-btn:focus-visible svg {
        transform: translateX(4px);
      }

      .form-btn:active {
        transform: translateY(1px);
      }

      .form-btn:disabled {
        cursor: wait;
        opacity: 0.72;
      }

      .form-btn:disabled svg {
        transform: translateX(0);
      }

      .form-btn svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform: translateX(0);
        transition: transform 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .form-note {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: clamp(14px, 1.5vw, 20px) 0 0 4px;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(12px, 0.95vw, 14px);
        line-height: 1.35;
        color: #9aa1aa;
      }

      .form-note svg {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        fill: none;
        stroke: var(--blue);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .form-status {
        margin: 0;
        padding: 14px 16px;
        border-radius: 3px;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(13px, 1.05vw, 15px);
        line-height: 1.4;
        color: #1f2b43;
        background: rgba(255,255,255,0.9);
        border: 1px solid rgba(31,43,67,0.12);
      }

      .form-status.is-success {
        color: #176f32;
        border-color: rgba(23,111,50,0.24);
        background: rgba(240,250,243,0.92);
      }

      .form-status.is-error {
        color: #9b2525;
        border-color: rgba(155,37,37,0.24);
        background: rgba(255,245,245,0.94);
      }

      .form-contact-card {
        position: absolute;
        top: calc((clamp(42px, 5vw, 70px) * -1) - clamp(270px, 30vw, 430px));
        right: 0;
        bottom: 0;
        width: calc((100% - clamp(34px, 4.6vw, 66px)) * 0.435);
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: clamp(42px, 4.8vw, 66px);
        min-height: 100%;
        padding: calc(clamp(270px, 30vw, 430px) + clamp(42px, 5vw, 70px) + clamp(42px, 4.7vw, 64px)) clamp(34px, 4.1vw, 56px) clamp(42px, 4.7vw, 64px);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(248,248,247,0.36) 18%, rgba(248,248,247,0.56) 100%);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: translateY(-34px);
      }

      .form-contact-row {
        display: grid;
        grid-template-columns: clamp(62px, 6vw, 82px) minmax(0, 1fr);
        align-items: start;
        gap: clamp(20px, 2.2vw, 30px);
      }

      .form-contact-link {
        position: relative;
        color: inherit;
        text-decoration: none;
        transition: color 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .form-contact-link .form-contact-icon svg,
      .form-contact-link .form-contact-val {
        transition: color 520ms cubic-bezier(0.2, 0, 0, 1), stroke 520ms cubic-bezier(0.2, 0, 0, 1);
      }

      .form-contact-link .form-contact-icon {
        position: relative;
        isolation: isolate;
      }

      .form-contact-link .form-contact-icon::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(135deg, rgba(0,116,222,0.92) 0%, rgba(0,86,190,0.84) 100%);
        opacity: 0;
        transition: opacity 520ms cubic-bezier(0.2, 0, 0, 1);
        pointer-events: none;
        clip-path: inherit;
      }

      .form-contact-link:hover .form-contact-icon,
      .form-contact-link:focus-visible .form-contact-icon {
        background: #eef1f5;
      }

      .form-contact-link:hover .form-contact-icon::before,
      .form-contact-link:focus-visible .form-contact-icon::before {
        opacity: 1;
      }

      .form-contact-link:hover .form-contact-icon svg,
      .form-contact-link:focus-visible .form-contact-icon svg {
        stroke: #fff;
      }

      .form-contact-link:focus-visible {
        outline: none;
      }

      .form-contact-icon {
        width: clamp(64px, 5.9vw, 84px);
        height: clamp(64px, 5.9vw, 84px);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        background: #eef1f5;
        clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
      }

      .form-contact-icon svg {
        position: relative;
        z-index: 1;
        width: clamp(34px, 3vw, 44px);
        height: clamp(34px, 3vw, 44px);
        fill: none;
        stroke: var(--blue);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .form-contact-label {
        margin: clamp(7px, 0.7vw, 10px) 0 clamp(8px, 0.8vw, 11px);
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(15px, 1.25vw, 20px);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--blue);
      }

      .form-contact-val {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(17px, 1.55vw, 22px);
        line-height: 1.45;
        color: #111;
      }

      .form-contact-link:hover .form-contact-val,
      .form-contact-link:focus-visible .form-contact-val {
        color: var(--blue);
      }

      /* ==================== PAIN SECTION ==================== */
      .pain-section {
        background: #f2f2f1;
        display: block;
        padding-bottom: clamp(40px, 4vw, 72px);
      }

      .pain-content {
        padding: clamp(48px, 5.5vw, 88px) clamp(28px, 4vw, 64px);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(32px, 4vw, 64px);
        align-items: start;
      }

      .pain-copy {
        margin-bottom: 0;
      }

      .pain-eyebrow {
        display: block;
        color: var(--blue);
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(11px, 0.85vw, 13px);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        margin-bottom: clamp(10px, 1vw, 16px);
      }

      .pain-h2 {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(30px, 4vw, 66px);
        font-weight: 900;
        line-height: 0.98;
        text-transform: uppercase;
        color: #111;
        transform: scaleX(0.905);
        transform-origin: left top;
        margin: 0 0 clamp(14px, 1.4vw, 22px);
      }

      .pain-h2 em {
        font-style: normal;
        color: var(--blue);
      }

      .pain-lead {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(14px, 1.1vw, 17px);
        line-height: 1.65;
        color: #5a5a5a;
        max-width: 56ch;
        margin: 0;
      }

      .pain-stats {
        display: flex;
        flex-direction: column;
        gap: 0;
      }

      .pain-stat {
        background: none;
        padding: clamp(16px, 1.8vw, 28px) 0;
        display: flex;
        align-items: flex-start;
        gap: clamp(14px, 1.6vw, 24px);
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      }

      .pain-stat:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,0.12);
      }

      .pain-number {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(28px, 2.8vw, 44px);
        font-weight: 700;
        color: var(--blue);
        line-height: 1;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        flex-shrink: 0;
        min-width: clamp(60px, 6vw, 96px);
      }

      .pain-number span {
        font-size: 0.55em;
      }

      .pain-text {
        flex: 1;
        min-width: 0;
      }

      .pain-label {
        font-family: "Roboto Mono", "Courier New", monospace;
        font-weight: 700;
        font-size: clamp(12px, 1.32vw, 22px);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        line-height: 1.22;
        color: #1f2b43;
        margin-bottom: clamp(4px, 0.4vw, 8px);
      }

      .pain-desc {
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(12px, 0.9vw, 14px);
        line-height: 1.7;
        color: #5a5a5a;
        margin-top: clamp(6px, 0.8vw, 12px);
        margin: 0;
      }

      .site-footer {
        background: #0789ee;
        color: #fff;
        padding: clamp(22px, 2.6vw, 42px) clamp(28px, 4vw, 64px) clamp(22px, 2.6vw, 42px) clamp(52px, 6vw, 96px);
      }

      .site-footer-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
      }

      .site-footer p {
        margin: 0;
        font-family: "Roboto", Arial, sans-serif;
        font-size: clamp(13px, 1vw, 16px);
        line-height: 1.4;
      }

      .site-footer nav {
        display: flex;
        align-items: center;
        gap: clamp(18px, 2vw, 32px);
      }

      .site-footer a {
        color: #fff;
        font-family: "Roboto Mono", "Courier New", monospace;
        font-size: clamp(12px, 0.95vw, 15px);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-decoration: none;
        text-transform: uppercase;
      }

      .site-footer a:hover {
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      @media (max-width: 1240px) {
        .brochure-card {
          grid-template-columns: minmax(0, 1fr) 280px;
          gap: 20px;
        }

        .brochure-copy {
          max-width: 620px;
        }

        .brochure-aside {
          min-height: 190px;
        }

        .brochure-mockup {
          right: 130px;
          width: clamp(190px, 18vw, 240px);
        }

        .brochure-actions {
          transform: translate(-36px, 0);
        }
      }

      @media (max-width: 768px) {
        .topics-grid {
          grid-template-columns: 1fr;
        }

        .brochure-section {
          padding-top: 20px;
          padding-bottom: 0;
          padding-left: 28px;
          padding-right: 28px;
        }

        .brochure-card {
          grid-template-columns: 1fr;
          gap: 44px;
        }

        .brochure-card::before {
          content: none;
        }

        .brochure-aside {
          position: relative;
          width: min(100%, 320px);
          min-height: 190px;
          margin-left: 0;
          align-items: flex-start;
          justify-content: center;
          transform: translateY(22px);
        }

        .brochure-mockup {
          position: absolute;
          top: 50%;
          left: 0;
          right: auto;
          width: min(200px, 52vw);
          margin-right: 0;
          transform: translateY(-50%) rotate(-4deg);
          margin-bottom: 0;
        }

        .brochure-mockup img {
          filter: drop-shadow(0 18px 28px rgba(0, 34, 78, 0.24));
        }

        .brochure-actions {
          align-items: flex-start;
          transform: translate(118px, 0);
        }

        .brochure-alt {
          align-self: flex-end;
        }

        .brochure-cta {
          justify-content: center;
        }

        .form-section {
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 0;
        }

        .topics-section {
          padding-top: 112px;
        }

        .form-inner {
          overflow: hidden;
        }

        .form-hero {
          grid-template-columns: 1fr;
          gap: 28px;
          padding-left: 0;
          margin-bottom: 30px;
        }

        .form-copy {
          order: 2;
          padding-top: clamp(48px, 5.5vw, 88px);
          padding-left: var(--form-site-padding-x);
          padding-right: var(--form-site-padding-x);
        }

        .form-h2 {
          font-size: clamp(34px, 10vw, 48px);
          max-width: 100%;
          overflow-wrap: anywhere;
        }

        .form-lead {
          font-size: 16px;
          max-width: 100%;
        }

        .form-lead br {
          display: none;
        }

        .form-photo {
          order: 1;
          width: 100%;
          margin: 0;
          min-height: 240px;
        }

        .form-photo::before {
          left: 0;
        }

        .form-layout {
          position: static;
          grid-template-columns: 1fr;
          gap: 44px;
          margin-left: var(--form-site-padding-x);
          margin-right: var(--form-site-padding-x);
        }

        .form-row {
          grid-template-columns: 1fr;
        }

        .contact-form {
          padding: 8px;
        }

        .form-contact-card {
          position: static;
          width: auto;
          min-height: 0;
          margin-top: 10px;
          padding: 30px 22px;
          gap: 30px;
        }

        .form-contact-row {
          grid-template-columns: 54px minmax(0, 1fr);
          gap: 18px;
        }

        .form-contact-icon {
          width: 58px;
          height: 58px;
        }

        .form-contact-val {
          font-size: 16px;
        }

        .form-note {
          align-items: flex-start;
        }

        .form-note span {
          min-width: 0;
          overflow-wrap: break-word;
        }

        .pain-content {
          grid-template-columns: 1fr;
        }

        .site-footer-inner {
          align-items: center;
          flex-direction: column;
          text-align: center;
        }

        .site-footer nav {
          justify-content: center;
          gap: 0;
          width: 100%;
        }

        .site-footer nav a + a::before {
          content: "|";
          display: inline-block;
          margin: 0 12px;
          color: rgba(255,255,255,0.78);
        }
      }

      /* ==================== TABLET / MOBILE HERO FLOW ==================== */
      @media (max-width: 960px) {
        .hero-booth-transition {
          z-index: 1;
        }

        .mobile-cta-panel {
          z-index: 1;
        }

        .hero {
          height: 500px;
          min-height: 0;
          aspect-ratio: auto;
          overflow: hidden;
        }

        .bg-photo {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: 45% top;
        }

        .image-grade,
        .left-wash {
          height: 100%;
        }

        .image-grade {
          background:
            linear-gradient(90deg,
              rgba(255,255,255,1) 0%,
              rgba(255,255,255,0.998) 26%,
              rgba(255,255,255,0.975) 40%,
              rgba(255,255,255,0.84) 54%,
              rgba(255,255,255,0.56) 68%,
              rgba(255,255,255,0.4) 80%,
              rgba(255,255,255,0.2) 92%,
              rgba(255,255,255,0.2) 100%),
            linear-gradient(180deg,
              rgba(255,255,255,0.16) 0%,
              rgba(255,255,255,0.06) 48%,
              rgba(255,255,255,0.26) 80%,
              rgba(255,255,255,0.36) 100%);
        }

        .left-wash {
          background:
            radial-gradient(ellipse at 14% 88%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.56) 18%, rgba(255,255,255,0.4) 34%, rgba(255,255,255,0) 50%),
            linear-gradient(90deg, rgba(255,255,255,0.998) 0%, rgba(255,255,255,0.99) 28%, rgba(255,255,255,0.92) 42%, rgba(255,255,255,0.66) 58%, rgba(255,255,255,0.4) 72%, rgba(255,255,255,0.2) 86%, rgba(255,255,255,0.2) 100%);
        }

        .hero-copy {
          position: absolute;
          top: clamp(112px, 13vw, 148px);
          left: clamp(46px, 5.4vw, 72px);
          max-width: min(460px, 52vw);
          padding: 0;
        }

        .hero-copy h1 {
          font-size: clamp(54px, 7vw, 72px);
        }

        .hero-copy > p {
          margin-top: clamp(18px, 2.4vw, 28px);
          max-width: 420px;
          font-size: clamp(18px, 2.05vw, 21px);
        }

        .cta-panel {
          display: none;
        }

        .hero-booth-transition {
          position: relative;
          z-index: 12;
          margin-top: clamp(-76px, -7.5vw, -52px);
          padding: 0;
          background: transparent;
        }

        .event-strip {
          position: relative;
          z-index: 3;
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
          align-items: center;
          width: calc(100% - clamp(88px, 10vw, 120px));
          height: auto;
          min-height: clamp(96px, 10vw, 118px);
          margin: 0 auto;
          padding: clamp(18px, 2.4vw, 26px) clamp(28px, 4vw, 54px);
          gap: clamp(16px, 2.4vw, 30px);
          background: rgba(255,255,255,0.94);
          border: 1px solid rgba(0,0,0,0.12);
          border-radius: 8px;
          box-shadow: 0 20px 48px rgba(0,50,95,0.12);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
        }

        .event-item {
          min-width: 0;
          flex-direction: column;
          justify-content: center;
          text-align: center;
        }

        .event-item svg {
          width: clamp(34px, 4.5vw, 48px);
          height: clamp(34px, 4.5vw, 48px);
          margin-right: 0;
          margin-bottom: clamp(8px, 1.2vw, 14px);
        }

        .event-item div,
        .event-location div,
        .event-booth div {
          font-size: clamp(15px, 1.9vw, 22px);
          line-height: 1.12;
          font-weight: 700;
          letter-spacing: 1.5px;
        }

        .event-divider {
          display: block;
          width: 1px;
          height: clamp(58px, 7vw, 78px);
          margin: 0;
          background: rgba(0,0,0,0.24);
        }

        .mobile-cta-panel {
          position: relative;
          display: block;
          min-height: clamp(360px, 45vw, 510px);
          margin-top: clamp(-58px, -5.2vw, -36px);
          padding: clamp(110px, 13vw, 150px) clamp(48px, 8vw, 78px) clamp(180px, 22vw, 250px);
          overflow: hidden;
          color: #fff;
          text-decoration: none;
          background: var(--blue);
          clip-path: polygon(0 14%, 100% 0, 100% 100%, 0 100%);
        }

        .mobile-cta-panel::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg, rgba(7,137,238,1) 0%, rgba(0,116,222,0.96) 100%);
          opacity: 1;
          pointer-events: none;
        }

        .mobile-cta-copy {
          position: relative;
          z-index: 1;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          width: min(58vw, 560px);
        }

        .mobile-cta-panel .cta-kicker {
          font-size: clamp(18px, 2.2vw, 23px);
        }

        .mobile-cta-panel .cta-title {
          margin-top: clamp(22px, 2.8vw, 34px);
          font-size: clamp(52px, 6.8vw, 78px);
        }

        .mobile-cta-arrow {
          position: absolute;
          z-index: 2;
          top: clamp(132px, 16vw, 180px);
          right: clamp(72px, 9vw, 116px);
          display: grid;
          place-items: center;
          width: clamp(84px, 10vw, 112px);
          height: clamp(84px, 10vw, 112px);
          color: var(--blue);
          background: #fff;
          border-radius: 50%;
          box-shadow: 0 20px 42px rgba(0,62,120,0.16);
          transform: translateX(0);
          transition: transform 520ms cubic-bezier(0.2, 0, 0, 1);
        }

        .mobile-cta-panel:hover .mobile-cta-arrow,
        .mobile-cta-panel:focus-visible .mobile-cta-arrow {
          transform: translateX(4px);
        }

        .mobile-cta-arrow svg {
          width: 44%;
          height: 44%;
          fill: none;
          stroke: currentColor;
          stroke-width: 2.6;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

        .booth-section {
          position: relative;
          z-index: 14;
          display: flex;
          flex-direction: column;
          aspect-ratio: auto;
          margin-top: clamp(-300px, -29vw, -220px);
          overflow: visible;
          background: transparent;
        }

        .booth-visual {
          order: 1;
          position: relative;
          inset: auto;
          z-index: 15;
          display: block;
          width: 100%;
          margin-top: 70px;
          padding: 0;
          background: transparent;
          pointer-events: none;
        }

        .booth-visual picture {
          width: 100%;
          max-width: none;
          margin: 0;
        }

        .booth-visual img {
          width: 100%;
          max-width: none;
          margin: 0;
        }

        .booth-copy {
          order: 2;
          position: relative;
          inset: auto;
          z-index: 2;
          width: 100%;
          padding: clamp(42px, 6.5vw, 72px) clamp(48px, 8vw, 76px) clamp(64px, 8vw, 96px);
          clip-path: none;
          background: #fff;
        }

        .booth-copy h2 {
          margin: 0 0 clamp(32px, 5vw, 54px);
          font-size: clamp(44px, 6vw, 64px);
          transform: scaleX(0.9);
        }

        .booth-benefits {
          width: min(100%, 620px);
          margin: 0;
          gap: 0;
        }

        .benefit-card {
          gap: clamp(22px, 3vw, 32px);
        }

        .benefit-card:not(:last-child) {
          padding-bottom: clamp(22px, 3.4vw, 34px);
          margin-bottom: clamp(22px, 3.4vw, 34px);
        }

        .benefit-card svg {
          width: clamp(58px, 7vw, 76px);
          height: clamp(58px, 7vw, 76px);
        }

        .benefit-card h3 {
          font-size: clamp(18px, 2.3vw, 24px);
        }

        .benefit-card p {
          font-size: clamp(15px, 1.9vw, 18px);
          line-height: 1.55;
        }

        .booth-footer {
          display: none;
        }
      }

      @media (max-width: 640px) {
        .header {
          padding-top: 24px;
          padding-left: 24px;
        }

        .brand-logo {
          height: 42px;
        }

        .toc-logo {
          height: 34px;
        }

        .hero {
          height: 500px;
          min-height: 0;
        }

        .hero-copy {
          top: 116px;
          left: 28px;
          max-width: calc(100% - 56px);
        }

        .hero-copy h1 {
          font-size: clamp(48px, 13vw, 58px);
        }

        .hero-copy > p {
          max-width: 330px;
          font-size: 17px;
        }

        .hero-booth-transition {
          margin-top: -48px;
        }

        .event-strip {
          grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
          width: calc(100% - 32px);
          min-height: 86px;
          padding: 14px 14px;
          gap: 8px;
        }

        .event-item {
          justify-content: center;
        }

        .event-item svg {
          width: 28px;
          height: 28px;
          margin-right: 0;
          margin-bottom: 7px;
          stroke-width: 3.4;
        }

        .event-item div,
        .event-location div,
        .event-booth div {
          font-size: 11px;
          letter-spacing: 0.8px;
        }

        .event-divider {
          height: 52px;
        }

        .mobile-cta-panel {
          min-height: 380px;
          margin-top: -40px;
          padding: 98px 28px 150px;
          clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
        }

        .mobile-cta-copy {
          width: 72%;
        }

        .mobile-cta-panel .cta-kicker {
          font-size: 14px;
        }

        .mobile-cta-panel .cta-title {
          font-size: clamp(44px, 12vw, 56px);
        }

        .mobile-cta-arrow {
          top: 120px;
          right: 28px;
          width: 76px;
          height: 76px;
        }

        .booth-visual {
          margin-top: 70px;
        }

        .booth-copy {
          padding: 42px 28px 58px;
        }

        .booth-copy h2 {
          font-size: clamp(38px, 10vw, 48px);
        }

        .benefit-card {
          gap: 18px;
        }

        .benefit-card svg {
          width: 54px;
          height: 54px;
        }

        .benefit-card h3 {
          font-size: 16px;
        }

        .benefit-card p {
          font-size: 14px;
        }
      }

      @media (max-width: 960px) {
        .stamp {
          font-size: clamp(16px, 1.26vw, 21px);
        }

        .event-item div,
        .event-location div,
        .event-booth div {
          font-size: clamp(16px, 1.9vw, 22px);
        }

        .topic-heading,
        .pain-label {
          font-size: clamp(16px, 1.32vw, 22px);
        }

        .form-contact-label {
          font-size: clamp(16px, 1.25vw, 20px);
        }

        .topic-body,
        .pain-eyebrow,
        .pain-lead,
        .pain-desc,
        .benefit-card p,
        .form-input,
        .form-note,
        .site-footer p,
        .site-footer a {
          font-size: 16px;
        }

        .mobile-cta-panel .cta-kicker {
          font-size: clamp(16px, 2.2vw, 23px);
        }
      }

      @media (max-width: 640px) {
        .section-countdown {
          gap: 18px;
          padding-right: 24px;
          padding-left: 24px;
        }

        .section-countdown .countdown-chevron {
          width: 42px;
          height: 34px;
        }

        .section-countdown strong {
          font-size: 3.525em;
        }

        .section-countdown > strong + span {
          display: inline-block;
          max-width: 13ch;
          text-align: left;
        }

        .stamp {
          font-size: 16px;
        }

        .event-strip {
          min-height: 102px;
        }

        .event-item div,
        .event-location div,
        .event-booth div {
          font-size: 16px;
          letter-spacing: 0.45px;
        }

        .benefit-card p {
          font-size: 16px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .has-reveal .reveal-item,
        .has-reveal .reveal-item > svg,
        .has-reveal .reveal-item .form-contact-icon,
        .has-reveal .reveal-item .pain-number {
          opacity: 1;
          translate: 0 0;
          scale: 1;
          filter: none;
          transition: none;
          will-change: auto;
        }

        .countdown-chevron path {
          animation: none;
          opacity: 1;
          translate: 0 0;
        }

        .mobile-nav,
        .mobile-nav a {
          translate: 0 0;
          filter: none;
          transition: none;
          will-change: auto;
        }
      }