:root {
      --color-navy-900: #0A1628;
      --color-navy-800: #0F1F35;
      --color-navy-700: #152A42;
      --color-gold-500: #D4AF37;
      --color-gold-400: #E4C766;
      --color-gold-300: #F0D98A;
      --color-gold-200: #F8EBBD;
      --color-gold-100: #FDF8E8;
      --color-white: #FFFFFF;
      --color-gray-50: #F8FAFC;
      --color-gray-100: #F1F5F9;
      --color-gray-200: #E2E8F0;
      --color-gray-300: #CBD5E1;
      --color-gray-400: #94A3B8;
      --color-gray-500: #64748B;
      --color-gray-600: #475569;
      --color-gray-700: #334155;
      --color-gray-800: #1E293B;
      --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      --font-serif: 'Playfair Display', Georgia, serif;
      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
      --text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
      --text-lg: clamp(1.125rem, 1rem + 0.6vw, 1.25rem);
      --text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
      --text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
      --text-3xl: clamp(1.875rem, 1.5rem + 1.9vw, 2.5rem);
      --text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);
      --text-5xl: clamp(3rem, 2rem + 5vw, 4.5rem);
      --space-2: 0.5rem;
      --space-3: 0.75rem;
      --space-4: 1rem;
      --space-5: 1.25rem;
      --space-6: 1.5rem;
      --space-8: 2rem;
      --space-10: 2.5rem;
      --space-12: 3rem;
      --space-16: 4rem;
      --space-20: 5rem;
      --space-24: 6rem;
      --space-32: 8rem;
      --radius-md: 0.5rem;
      --radius-lg: 0.75rem;
      --radius-xl: 1rem;
      --radius-2xl: 1.5rem;
      --radius-3xl: 2rem;
      --radius-full: 9999px;
      --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
      --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
      --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
      --shadow-gold: 0 10px 40px -10px rgb(212 175 55 / 0.35);
      --transition-fast: 150ms ease;
      --transition-base: 250ms ease;
      --container-max: 1280px;
      --container-narrow: 800px;
      --page-top-space: 30px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
    body {
      font-family: var(--font-sans);
      font-size: var(--text-base);
      line-height: 1.6;
      color: var(--color-gray-700);
      background-color: var(--color-white);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }
    img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }
    input, button, textarea, select { font: inherit; }
    a { color: inherit; text-decoration: none; }
    ul, ol { list-style: none; }
    h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.15; color: var(--color-navy-900); }
    p { margin-bottom: var(--space-4); }
    p:last-child { margin-bottom: 0; }
    ::selection { background-color: var(--color-gold-300); color: var(--color-navy-900); }
    :focus-visible { outline: 2px solid var(--color-gold-500); outline-offset: 2px; }

    .skip-link {
      position: absolute;
      top: -100%;
      left: var(--space-4);
      z-index: 9999;
      padding: var(--space-3) var(--space-6);
      background: var(--color-navy-900);
      color: var(--color-white);
      border-radius: var(--radius-md);
      font-weight: 600;
      transition: top var(--transition-fast);
    }
    .skip-link:focus { top: var(--space-4); }

    .container {
      width: 100%;
      max-width: var(--container-max);
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--space-6);
      padding-right: var(--space-6);
    }
    .container--narrow { max-width: var(--container-narrow); }
    .bg-gray-soft { background-color: var(--color-gray-50); }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-2);
      padding: var(--space-4) var(--space-8);
      font-size: var(--text-sm);
      font-weight: 600;
      line-height: 1;
      text-align: center;
      border: 2px solid transparent;
      border-radius: var(--radius-full);
      cursor: pointer;
      transition: all var(--transition-base);
      white-space: nowrap;
    }
    .btn--primary {
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
      color: var(--color-navy-900);
      box-shadow: var(--shadow-gold);
    }
    .btn--primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 45px -8px rgb(212 175 55 / 0.5);
    }
    .btn--secondary {
      background: transparent;
      color: var(--color-white);
      border-color: rgba(255, 255, 255, 0.3);
    }
    .btn--secondary:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.5);
    }
    .btn--lg {
      padding: var(--space-5) var(--space-10);
      font-size: var(--text-base);
    }
    .btn__icon {
      width: 20px;
      height: 20px;
      transition: transform var(--transition-fast);
    }
    .btn:hover .btn__icon { transform: translateX(3px); }

    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      background: var(--color-navy-900);
      overflow: hidden;
      padding-top: var(--page-top-space);
    }
    .hero__bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    .hero__bg::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 80%;
      height: 150%;
      background: radial-gradient(ellipse, rgba(212, 175, 55, 0.15), transparent 60%);
      pointer-events: none;
    }
    .hero__bg::after {
      content: '';
      position: absolute;
      bottom: -30%;
      left: -10%;
      width: 60%;
      height: 100%;
      background: radial-gradient(ellipse, rgba(59, 130, 246, 0.08), transparent 50%);
      pointer-events: none;
    }
    .hero__grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
      -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
    }
    .hero__content {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: var(--space-16);
      align-items: center;
      padding: var(--space-20) 0;
    }
    .hero__text { max-width: 640px; }
    .hero__badge {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      padding: var(--space-2) var(--space-4);
      background: rgba(212, 175, 55, 0.15);
      border: 1px solid rgba(212, 175, 55, 0.3);
      border-radius: var(--radius-full);
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--color-gold-400);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: var(--space-6);
    }
    .hero__badge-dot {
      width: 8px;
      height: 8px;
      background: var(--color-gold-500);
      border-radius: 50%;
      animation: pulse 2s ease-in-out infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.6; transform: scale(1.2); }
    }
    .hero__title {
      font-family: var(--font-serif);
      font-size: var(--text-5xl);
      font-weight: 700;
      color: var(--color-white);
      line-height: 1.05;
      letter-spacing: -0.03em;
      margin-bottom: var(--space-6);
    }
    .hero__title span {
      background: linear-gradient(135deg, var(--color-gold-400), var(--color-gold-300));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero__description {
      font-size: var(--text-xl);
      color: rgba(255, 255, 255, 0.85);
      line-height: 1.75;
      margin-bottom: var(--space-8);
    }
    .hero__cta {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-4);
      margin-bottom: var(--space-12);
    }
    .hero__stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-6);
      padding-top: var(--space-8);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .hero__stat-value {
      display: block;
      font-size: var(--text-2xl);
      font-weight: 700;
      color: var(--color-gold-400);
      margin-bottom: 0.25rem;
    }
    .hero__stat-label {
      font-size: var(--text-sm);
      color: var(--color-gray-400);
    }
    .hero__card {
      background: var(--color-white);
      border-radius: var(--radius-3xl);
      padding: var(--space-10);
      box-shadow: var(--shadow-2xl);
      position: relative;
    }
    .hero__card::before {
      content: '';
      position: absolute;
      top: -2px; left: -2px; right: -2px; bottom: -2px;
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300), var(--color-gold-500));
      border-radius: calc(var(--radius-3xl) + 2px);
      z-index: -1;
      opacity: 0.6;
    }
    .hero__card-title {
      font-family: var(--font-serif);
      font-size: var(--text-2xl);
      color: var(--color-navy-900);
      margin-bottom: var(--space-4);
    }
    .hero__card-text {
      color: var(--color-gray-600);
      margin-bottom: var(--space-8);
    }
    .hero__card-features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-4);
    }
    .hero__card-feature {
      padding: var(--space-5);
      background: var(--color-gray-50);
      border: 1px solid var(--color-gray-200);
      border-radius: var(--radius-xl);
      transition: all var(--transition-base);
    }
    .hero__card-feature:hover {
      border-color: var(--color-gold-300);
      background: var(--color-gold-100);
    }
    .hero__card-feature-title {
      display: block;
      font-size: var(--text-sm);
      font-weight: 600;
      color: var(--color-navy-900);
      margin-bottom: var(--space-2);
    }
    .hero__card-feature-text {
      font-size: 0.85rem;
      color: var(--color-gray-500);
      line-height: 1.6;
      margin: 0;
    }

    .section { padding: var(--space-24) 0; }
    .section__header {
      max-width: 720px;
      margin-bottom: var(--space-16);
    }
    .section__header--center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    .section__kicker {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      font-size: var(--text-sm);
      font-weight: 600;
      color: var(--color-gold-500);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: var(--space-4);
    }
    .section__kicker::before {
      content: '';
      width: 24px;
      height: 2px;
      background: var(--color-gold-500);
    }
    .section__header--center .section__kicker::before,
    .section__header--center .section__kicker::after {
      content: '';
      width: 24px;
      height: 2px;
      background: var(--color-gold-500);
    }
    .section__title {
      font-family: var(--font-serif);
      font-size: var(--text-4xl);
      margin-bottom: var(--space-6);
    }
    .section__subtitle {
      font-size: var(--text-lg);
      color: var(--color-gray-500);
      line-height: 1.75;
    }

    .about__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-16);
      align-items: center;
    }
    .about__image {
      position: relative;
      border-radius: var(--radius-3xl);
      overflow: hidden;
      aspect-ratio: 4 / 3;
      background: linear-gradient(135deg, var(--color-navy-800), var(--color-navy-700));
    }
    .about__image-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: var(--space-4);
      color: var(--color-gold-400);
      text-align: center;
      padding: var(--space-8);
    }
    .about__image-icon {
      width: 80px;
      height: 80px;
      background: rgba(212, 175, 55, 0.15);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
    }
    .about__content { max-width: 540px; }
    .about__text {
      font-size: var(--text-lg);
      color: var(--color-gray-600);
      margin-bottom: var(--space-8);
    }
    .about__list {
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
    .about__list-item {
      display: flex;
      align-items: flex-start;
      gap: var(--space-4);
      padding: var(--space-5);
      background: var(--color-gray-50);
      border-radius: var(--radius-xl);
      border: 1px solid var(--color-gray-200);
      transition: all var(--transition-base);
    }
    .about__list-item:hover {
      border-color: var(--color-gold-300);
      background: var(--color-gold-100);
      transform: translateX(4px);
    }
    .about__list-icon {
      width: 48px;
      height: 48px;
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
      border-radius: var(--radius-lg);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .about__list-icon svg {
      width: 24px;
      height: 24px;
      color: var(--color-navy-900);
    }
    .about__list-content h4 {
      font-size: var(--text-base);
      margin-bottom: 0.25rem;
    }
    .about__list-content p {
      font-size: var(--text-sm);
      color: var(--color-gray-500);
      margin: 0;
    }

    .process__steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: var(--space-6);
      position: relative;
    }
    .process__steps::before {
      content: '';
      position: absolute;
      top: 60px;
      left: 10%;
      right: 10%;
      height: 2px;
      background: linear-gradient(90deg, var(--color-gold-300), var(--color-gold-500), var(--color-gold-300));
      z-index: 0;
    }
    .process__step {
      position: relative;
      z-index: 1;
      background: var(--color-white);
      border: 1px solid var(--color-gray-200);
      border-radius: var(--radius-2xl);
      padding: var(--space-8);
      text-align: center;
      transition: all var(--transition-base);
      box-shadow: var(--shadow-sm);
    }
    .process__step:hover {
      transform: translateY(-8px);
      box-shadow: var(--shadow-xl);
      border-color: var(--color-gold-300);
    }
    .process__step-number {
      width: 56px;
      height: 56px;
      margin: 0 auto var(--space-6);
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--text-xl);
      font-weight: 700;
      color: var(--color-navy-900);
      box-shadow: var(--shadow-gold);
    }
    .process__step-title {
      font-size: var(--text-lg);
      margin-bottom: var(--space-3);
    }
    .process__step-text {
      font-size: var(--text-sm);
      color: var(--color-gray-500);
      line-height: 1.75;
    }

    .comparison {
      background: linear-gradient(180deg, var(--color-gray-50), var(--color-white));
    }
    .comparison__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-8);
    }
    .comparison__card {
      background: var(--color-white);
      border-radius: var(--radius-2xl);
      padding: var(--space-10);
      box-shadow: var(--shadow-lg);
      position: relative;
      overflow: hidden;
    }
    .comparison__card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 6px;
    }
    .comparison__card--regular::before {
      background: linear-gradient(90deg, #DC2626, #EF4444);
    }
    .comparison__card--glyfyn::before {
      background: linear-gradient(90deg, var(--color-gold-500), var(--color-gold-400));
    }
    .comparison__card--glyfyn {
      border: 2px solid var(--color-gold-300);
    }
    .comparison__card-badge {
      position: absolute;
      top: var(--space-6);
      right: var(--space-6);
      padding: 0.25rem 0.75rem;
      background: var(--color-gold-500);
      color: var(--color-navy-900);
      font-size: 0.75rem;
      font-weight: 700;
      border-radius: var(--radius-full);
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .comparison__card-title {
      font-size: var(--text-2xl);
      margin-bottom: var(--space-6);
      padding-right: 80px;
    }
    .comparison__card-list {
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
    .comparison__card-item {
      display: flex;
      align-items: flex-start;
      gap: var(--space-3);
      font-size: var(--text-base);
      color: var(--color-gray-600);
    }
    .comparison__card-item-icon {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .comparison__card--regular .comparison__card-item-icon {
      background: #FEE2E2;
      color: #DC2626;
    }
    .comparison__card--glyfyn .comparison__card-item-icon {
      background: var(--color-gold-200);
      color: var(--color-navy-900);
    }

    .benefits__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-8);
    }
    .benefit {
      background: var(--color-white);
      border: 1px solid var(--color-gray-200);
      border-radius: var(--radius-2xl);
      padding: var(--space-8);
      transition: all var(--transition-base);
      box-shadow: var(--shadow-sm);
    }
    .benefit:hover {
      transform: translateY(-6px);
      box-shadow: var(--shadow-xl);
      border-color: var(--color-gold-300);
    }
    .benefit__icon {
      width: 64px;
      height: 64px;
      background: linear-gradient(135deg, var(--color-gold-200), var(--color-gold-100));
      border-radius: var(--radius-xl);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--space-6);
    }
    .benefit__icon svg {
      width: 32px;
      height: 32px;
      color: var(--color-gold-500);
    }
    .benefit__title {
      font-size: var(--text-xl);
      margin-bottom: var(--space-3);
    }
    .benefit__text {
      font-size: var(--text-base);
      color: var(--color-gray-500);
      line-height: 1.75;
    }

    .mission {
      background: linear-gradient(135deg, var(--color-navy-900), var(--color-navy-800));
      color: var(--color-white);
    }
    .mission__inner {
      max-width: 900px;
      margin: 0 auto;
      text-align: center;
    }
    .mission__icon {
      width: 80px;
      height: 80px;
      margin: 0 auto var(--space-8);
      background: rgba(212, 175, 55, 0.15);
      border: 1px solid rgba(212, 175, 55, 0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .mission__icon svg {
      width: 40px;
      height: 40px;
      color: var(--color-gold-400);
    }
    .mission__title {
      font-family: var(--font-serif);
      font-size: var(--text-3xl);
      color: var(--color-white);
      margin-bottom: var(--space-6);
    }
    .mission__text {
      font-size: var(--text-lg);
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.75;
      max-width: 700px;
      margin: 0 auto;
    }

    .faq__list {
      max-width: 800px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
    .faq__item {
      background: var(--color-white);
      border: 1px solid var(--color-gray-200);
      border-radius: var(--radius-xl);
      overflow: hidden;
      transition: all var(--transition-base);
    }
    .faq__item:hover { border-color: var(--color-gold-300); }
    .faq__item[open] {
      box-shadow: var(--shadow-lg);
      border-color: var(--color-gold-400);
    }
    .faq__question {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--space-6);
      cursor: pointer;
      font-size: var(--text-lg);
      font-weight: 600;
      color: var(--color-navy-900);
      list-style: none;
      user-select: none;
    }
    .faq__question::-webkit-details-marker { display: none; }
    .faq__question::after {
      content: '+';
      font-size: var(--text-2xl);
      font-weight: 400;
      color: var(--color-gold-500);
      transition: transform var(--transition-base);
    }
    .faq__item[open] .faq__question::after { transform: rotate(45deg); }
    .faq__answer {
      padding: 0 var(--space-6) var(--space-6);
      color: var(--color-gray-600);
      line-height: 1.75;
    }

    .cta-section {
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
      position: relative;
      overflow: hidden;
    }
    .cta-section::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 60%;
      height: 200%;
      background: radial-gradient(ellipse, rgba(255, 255, 255, 0.2), transparent 50%);
      pointer-events: none;
    }
    .cta__inner {
      position: relative;
      z-index: 1;
      max-width: 800px;
      margin: 0 auto;
      text-align: center;
    }
    .cta__title {
      font-family: var(--font-serif);
      font-size: var(--text-3xl);
      color: var(--color-navy-900);
      margin-bottom: var(--space-6);
    }
    .cta__text {
      font-size: var(--text-lg);
      color: var(--color-navy-800);
      margin-bottom: var(--space-8);
    }
    .cta__buttons {
      display: flex;
      justify-content: center;
      gap: var(--space-4);
      flex-wrap: wrap;
    }
    .cta__btn--dark {
      background: var(--color-navy-900);
      color: var(--color-white);
      border-color: var(--color-navy-900);
    }
    .cta__btn--dark:hover {
      background: var(--color-navy-800);
      transform: translateY(-2px);
    }
    .cta__btn--outline-dark {
      background: transparent;
      color: var(--color-navy-900);
      border-color: var(--color-navy-900);
    }
    .cta__btn--outline-dark:hover {
      background: var(--color-navy-900);
      color: var(--color-white);
    }

    .footer {
      background: var(--color-navy-900);
      color: var(--color-white);
      padding: var(--space-16) 0 var(--space-8);
    }
    .footer__grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: var(--space-12);
      margin-bottom: var(--space-12);
    }
    .footer__brand { max-width: 300px; }
    .footer__logo {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      margin-bottom: var(--space-5);
    }
    .footer__logo-icon {
      width: 48px;
      height: 48px;
      background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
      border-radius: var(--radius-lg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      color: var(--color-navy-900);
      font-size: var(--text-xl);
    }
    .footer__logo-text {
      font-size: var(--text-xl);
      font-weight: 700;
      color: var(--color-white);
    }
    .footer__brand-text {
      color: var(--color-gray-400);
      font-size: var(--text-sm);
      line-height: 1.75;
    }
    .footer__column-title {
      font-size: var(--text-sm);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--color-gray-400);
      margin-bottom: var(--space-5);
    }
    .footer__links {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }
    .footer__link {
      color: var(--color-gray-300);
      font-size: var(--text-sm);
      transition: color var(--transition-fast);
    }
    .footer__link:hover { color: var(--color-gold-400); }
    .footer__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: var(--space-8);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      flex-wrap: wrap;
      gap: var(--space-4);
    }
    .footer__copyright {
      color: var(--color-gray-500);
      font-size: var(--text-sm);
    }
    .footer__legal {
      display: flex;
      gap: var(--space-6);
    }
    .footer__legal-link {
      color: var(--color-gray-500);
      font-size: var(--text-sm);
      transition: color var(--transition-fast);
    }
    .footer__legal-link:hover { color: var(--color-gold-400); }

    .disclaimer {
      background: var(--color-gray-100);
      padding: var(--space-4);
      text-align: center;
    }
    .disclaimer__text {
      font-size: 0.8rem;
      color: var(--color-gray-500);
      max-width: 800px;
      margin: 0 auto;
    }

    @media (max-width: 1024px) {
      .hero__content,
      .about__grid,
      .comparison__grid {
        grid-template-columns: 1fr;
      }
      .hero__text,
      .about__content {
        max-width: 100%;
      }
      .hero__cta,
      .hero__stats {
        justify-content: center;
      }
      .process__steps {
        grid-template-columns: repeat(2, 1fr);
      }
      .process__steps::before { display: none; }
      .benefits__grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .footer__grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .footer__brand {
        grid-column: span 2;
        max-width: 100%;
      }
    }

    @media (max-width: 640px) {
      .hero__stats,
      .hero__card-features,
      .process__steps,
      .benefits__grid,
      .footer__grid {
        grid-template-columns: 1fr;
      }
      .footer__brand {
        grid-column: span 1;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .cta__buttons,
      .hero__cta {
        flex-direction: column;
        align-items: stretch;
      }
    }

    @media print {
      .cta-section,
      .footer {
        display: none;
      }
      body {
        font-size: 12pt;
        line-height: 1.5;
        color: #000;
        background: #fff;
      }
      .section {
        padding: 2em 0;
        page-break-inside: avoid;
      }
      h1, h2, h3 { page-break-after: avoid; }
    }
  html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 9px;
   width: 1273px;
}
#MegaMenu1
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   margin: 0;
   text-align: left;
   font-family: Arial;
   font-weight: normal;
}
#MegaMenu1 li
{
   display: inline-block;
   font-size: 12px;
   margin: 0;
   padding: 0;
   position: relative;
}
#MegaMenu1 li a
{
   float: left;
}
#MegaMenu1 li .submenu
{
   position: absolute;
   right: 0;
   display: none;
   padding: 15px 15px 15px 15px;
   text-align: left;
   top: 0;
   z-index: 9999;
}
#MegaMenu1 li .submenu.show
{
   display: grid;
}
#MegaMenu1 li .submenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#MegaMenu1 .submenu ul li
{
   width: 100%;
}
#MegaMenu1 .submenu ul li .heading
{
   display: block;
   color: #3588F0;
   font-weight: normal;
   font-size: 8px;
   font-style: normal;
   margin: 0;
   padding: 8px 0;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#MegaMenu1 .submenu ul li a
{
   display: block;
   float: none;
   height: auto;
   border: 1px solid transparent;
   border-radius: 0px;
   color: inherit;
   font-weight: normal;
   font-style: normal;
   padding: 8px 4px 8px 20px;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: nowrap;
}
#MegaMenu1 .button
{
   cursor: pointer;
   position: relative;
   text-align: center;
   margin: 0 1px 0 0;
   outline: 0;
   padding: 6px 20px 6px 10px;
   color: #FFFFFF;
   background-color: #192635;
   background-image: none;
   border: 0px solid #192635;
   border-radius: 0px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#MegaMenu1 .button:hover, #MegaMenu1 .button.active
{
   background-color: #DAA520;
   background-image: none;
   border-color: #DAA520;
   color: #FFFFFF;
}
#MegaMenu1 .submenu
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   border-radius: 0px;
   color: #FFFFFF;
}
#MegaMenu1 .submenu a:hover, #MegaMenu1 .submenu a.active
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   color: #FFFFFF;
}
#MegaMenu1 li:nth-child(2) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(3) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(4) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(5) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(6) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(7) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(8) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(9) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(10) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li i
{
   font-size: 16px;
   width: 18px;
}
#MegaMenu1 .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 1px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1 .bullet, #MegaMenu1 .icon
{
   left: 0px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1-hamburger
{
   cursor: pointer;
   display: none;
   background-color: #192635;
   border: 0px solid #192635;
   padding: 9px 12px 9px 12px;
}
#MegaMenu1-hamburger .line
{
   width: 9px;
   height: 1px;
   background: #FFFFFF;
   display: block;
   margin: 1px auto;
}
#MegaMenu1-close
{
   display: none;
}
@media all and (max-width:300px) 
{
#MegaMenu1-hamburger
{
   display: inline-block;
}
#MegaMenu1 > li
{
   width: 100%;
}
#MegaMenu1 > li > a
{
   display: none;
}
#MegaMenu1-nav
{
   display: none;
   height: 100% !important;
   left: 0 !important;
   overflow-y: auto;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 9998;
}
#MegaMenu1
{
   height: 100% !important;
   width: 100% !important;
}
#MegaMenu1 > li > div
{
   box-sizing: border-box;
   border-width: 0 0 1px 0 !important;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
}
#MegaMenu1 li .submenu ul, #MegaMenu1 li .submenu ul li
{
   width: 100% !important;
}
##MegaMenu1 .nav-link
{
   box-sizing: border-box;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
   padding: 9px 5px 9px 21px;
   text-align: left;
}
#MegaMenu1-close
{
   display: block;
   left: 0;
   pointer-events: none;
   position: fixed;
   text-align: right;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#MegaMenu1-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
   padding: 10px 40px 10px 10px;
   pointer-events: all;
   text-decoration: none;
}
#wb_MegaMenu1.open
{
   z-index: 9998 !important
}
#wb_MegaMenu1.open #MegaMenu1-nav
{
   display: block !important;
}
.overflow-no-scroll
{
   overflow: hidden !important;
}
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}