/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* eb-garamond-700 - latin */
    @font-face {
      font-display: swap;
      font-family: 'EB Garamond';
      font-style: normal;
      font-weight: 700;
      src: url('fonts/eb-garamond-v33-latin-700.woff2') format('woff2');
    }
    /* eb-garamond-800 - latin */
    @font-face {
      font-display: swap;
      font-family: 'EB Garamond';
      font-style: normal;
      font-weight: 800;
      src: url('fonts/eb-garamond-v33-latin-800.woff2') format('woff2');
    }
    :root {
      --bg:#F7FAFC;
      --surface:#FFFFFF;
      --surface-2:#F1F7FB;
      --ink:#0D1122;
      --navy:#0D1F3C;
      --navy-2:#173A5E;
      --muted:#4A5568;
      --muted-2:#718096;
      --teal:#1DBFBF;
      --teal-dark:#0C8E95;
      --teal-soft:#E4FAFA;
      --line:#DCE6EF;
      --shadow:0 18px 50px rgba(13,31,60,.08);
    }

    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }

    body {
      margin:0;
      background:var(--bg);
      color:var(--ink);
      font-family:"Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      line-height:1.55;
    }

    a { color:inherit; }

    .nav {
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(255,255,255,.92);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }

    .nav-inner {
      max-width:1220px;
      margin:0 auto;
      padding:16px 28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }

    .brand {
      border:0;
      background:transparent;
      cursor:pointer;
      padding:0;
      display:flex;
      align-items:center;
    }

    .brand img {
      width:188px;
      max-width:48vw;
      display:block;
    }

    .nav-links {
      display:flex;
      align-items:center;
      gap:28px;
      color:var(--navy);
      font-size:14px;
      font-weight:900;
    }

    .nav-links button {
      background:transparent;
      border:0;
      padding:0;
      font:inherit;
      color:inherit;
      cursor:pointer;
    }

    .nav-links button:hover,
    .nav-links button.active {
      color:var(--teal-dark);
    }

    .nav-cta {
      background:var(--navy) !important;
      color:#fff !important;
      padding:11px 17px !important;
      border-radius:5px !important;
    }

    .menu {
      display:none;
      border:1px solid var(--line);
      background:#fff;
      color:var(--navy);
      border-radius:5px;
      padding:8px 11px;
      font-weight:900;
      cursor:pointer;
    }

    .page { display:none; }
    .page.active { display:block; }

    .hero {
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 76% 16%, rgba(29,191,191,.20), transparent 28%),
        radial-gradient(circle at 15% 84%, rgba(13,31,60,.08), transparent 26%),
        linear-gradient(180deg, #FFFFFF 0%, #F3F8FC 100%);
    }

    .hero::before {
      content:"";
      position:absolute;
      right:-190px;
      top:90px;
      width:560px;
      height:560px;
      border:1px solid rgba(29,191,191,.32);
      clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);
      transform:rotate(18deg);
    }

    .hero-inner {
      position:relative;
      z-index:1;
      max-width:1220px;
      margin:0 auto;
      padding:64px 28px 62px;
      display:grid;
      grid-template-columns:1.04fr .96fr;
      gap:68px;
      align-items:center;
    }

    .eyebrow {
      color:var(--teal-dark);
      text-transform:uppercase;
      letter-spacing:.24em;
      font-size:12px;
      font-weight:900;
      margin-bottom:16px;
    }

    h1,h2,h3 {
      margin:0;
      color:var(--ink);
      letter-spacing:-.04em;
    }

    h1,h2 {
      font-family:"EB Garamond", Georgia, serif;
      font-weight:800;
    }

    h1 {
      font-size:clamp(44px,6vw,76px);
      line-height:.95;
      max-width:880px;
      color:var(--navy);
    }

    .page-hero {
      background:linear-gradient(180deg,#FFFFFF 0%,#F2F7FB 100%);
      border-bottom:1px solid var(--line);
      padding:82px 28px 72px;
    }

    .page-hero-inner {
      max-width:1180px;
      margin:0 auto;
    }

    .hero-line {
      display:block;
      opacity:0;
      transform:translateY(16px);
      animation:titleIn .72s ease forwards;
    }

    .hero-line:nth-child(2) { animation-delay:.14s; }

    @keyframes titleIn {
      to { opacity:1; transform:translateY(0); }
    }

    .hero-copy {
      margin:18px 0 0;
      max-width:730px;
      font-size:21px;
      color:#36536B;
    }

    .sub-note {
      margin-top:12px;
      max-width:700px;
      color:var(--muted);
      font-size:17px;
    }

    .actions {
      display:flex;
      gap:13px;
      flex-wrap:wrap;
      margin-top:15px;
    }

    .btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:50px;
      padding:13px 20px;
      border-radius:5px;
      border:1px solid transparent;
      text-decoration:none;
      font-weight:900;
      font-size:14px;
      cursor:pointer;
      font-family:inherit;
    }

    .btn-primary {
      background:var(--navy);
      color:#fff;
    }

    .btn-teal {
      background:var(--teal);
      color:var(--navy);
    }

    .btn-secondary {
      background:#fff;
      color:var(--navy);
      border-color:var(--line);
    }

    .hero-ui {
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      box-shadow:var(--shadow);
    }

    .ui-top {
      height:48px;
      border-bottom:1px solid var(--line);
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 18px;
      background:#FBFDFF;
    }

    .dots { display:flex; gap:7px; }
    .dot { width:9px; height:9px; border-radius:50%; background:#B9C8D6; }
    .ui-label { color:var(--muted-2); font-size:12px; font-weight:800; }
    .ui-body { padding:24px; }

    .ui-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-bottom:14px;
    }

    .ui-stat {
      background:var(--surface-2);
      border:1px solid var(--line);
      padding:16px;
      border-radius:6px;
    }

    .ui-stat strong {
      display:block;
      font-size:28px;
      line-height:1;
      color:var(--navy);
      letter-spacing:-.04em;
    }

    .ui-stat span {
      display:block;
      margin-top:7px;
      color:var(--muted);
      font-size:12px;
      font-weight:800;
    }

    .workflow {
      background:#fff;
      border:1px solid var(--line);
      border-radius:6px;
      padding:10px 16px;
    }

    .flow-item {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:14px 0;
      border-bottom:1px solid var(--line);
      color:var(--navy);
      font-weight:800;
    }

    .flow-item:last-child { border-bottom:0; }
    .tag { color:var(--teal-dark); font-size:12px; white-space:nowrap; }

    section { padding:94px 28px; }
    .wrap { max-width:1180px; margin:0 auto; }

    .section-head { max-width:850px; margin-bottom:42px; }
    .section-head.center { text-align:center; margin-left:auto; margin-right:auto; }

    h2 {
      font-size:clamp(42px,5.4vw,70px);
      line-height:.98;
      color:var(--navy);
    }

    .lead {
      margin:18px 0 0;
      color:var(--muted);
      font-size:20px;
      max-width:780px;
    }

    .center .lead { margin-left:auto; margin-right:auto; }

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

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

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

    .card {
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:30px;
      box-shadow:0 8px 28px rgba(13,31,60,.045);
    }

    .card h3 {
      font-size:29px;
      line-height:1.05;
      margin-bottom:12px;
      color:var(--navy);
    }

    .card p, .card li {
      color:var(--muted);
    }

    .card p { margin:0; }

    .icon {
      width:42px;
      height:42px;
      margin-bottom:22px;
      border:1px solid rgba(29,191,191,.75);
      clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);
      background:linear-gradient(135deg, rgba(29,191,191,.18), rgba(29,191,191,.02));
    }

    .tinted {
      background:var(--surface-2);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .split {
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:58px;
      align-items:start;
    }

    .copy p {
      color:var(--muted);
      margin:0 0 18px;
      font-size:18px;
    }

    .product {
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      background:#fff;
      margin-top:22px;
      box-shadow:0 8px 28px rgba(13,31,60,.045);
    }

    .product-label {
      background:linear-gradient(135deg,#FFFFFF,#F2F8FB);
      padding:34px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:300px;
      border-left:4px solid var(--teal);
      border-right:1px solid var(--line);
    }

    .product-label h3 {
      color:var(--navy);
      font-family:"EB Garamond", Georgia, serif;
      font-size:48px;
      line-height:.95;
      margin-top:10px;
    }

    .product-body { padding:34px; }

    .product-body p {
      color:var(--muted);
      font-size:18px;
      margin-top:0;
    }

    .product-body ul {
      margin:20px 0 0;
      padding-left:20px;
      color:var(--muted);
    }

    .product-body li { margin-bottom:9px; }

    .metrics {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      border:1px solid var(--line);
      background:#fff;
      border-radius:8px;
      overflow:hidden;
      margin-top:24px;
    }

    .metric {
      padding:27px 22px;
      border-right:1px solid var(--line);
    }

    .metric:last-child { border-right:0; }

    .metric strong {
      display:block;
      font-size:34px;
      line-height:.95;
      color:var(--navy);
      letter-spacing:-.04em;
    }

    .metric span {
      display:block;
      margin-top:9px;
      color:var(--muted);
      font-weight:700;
      font-size:14px;
    }

    .faq-item {
      border:1px solid var(--line);
      background:#fff;
      border-radius:8px;
      margin-bottom:14px;
      overflow:hidden;
    }

    .faq-q {
      width:100%;
      background:#fff;
      border:0;
      padding:22px;
      text-align:left;
      font:inherit;
      color:var(--navy);
      font-size:20px;
      font-weight:900;
      cursor:pointer;
      display:flex;
      justify-content:space-between;
      gap:20px;
    }

    .faq-a {
      display:none;
      padding:0 22px 22px;
      color:var(--muted);
      font-size:17px;
    }

    .faq-item.open .faq-a { display:block; }

    .role {
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:22px;
      color:var(--navy);
      font-weight:900;
      min-height:110px;
      display:flex;
      align-items:flex-end;
    }

    .contact-grid {
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:32px;
      align-items:start;
    }

    .contact-options { display:grid; gap:14px; margin-top:0px; }

    .contact-option {
      border:1px solid var(--line);
      background:#fff;
      border-radius:8px;
      padding:22px;
    }

    .contact-option strong {
      display:block;
      color:var(--navy);
      margin-bottom:6px;
      font-size:18px;
    }

    .contact-option span { color:var(--muted); }

    .form {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:28px;
      box-shadow:var(--shadow);
    }

    input,select,textarea {
      width:100%;
      padding:14px;
      border:1px solid var(--line);
      border-radius:5px;
      background:#fff;
      font:inherit;
      color:var(--ink);
    }

    textarea {
      grid-column:1/-1;
      min-height:130px;
    }

    .form .btn { width:max-content; border:0; }

    footer {
      background:#FFFFFF;
      color:var(--muted);
      padding:48px 28px;
      border-top:1px solid var(--line);
    }

    .footer-inner {
      max-width:1180px;
      margin:0 auto;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:32px;
    }

    .footer-logo img {
      width:190px;
      mix-blend-mode:multiply;
      margin-bottom:14px;
    }

    .footer-links {
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      justify-content:flex-end;
      color:var(--navy);
      font-weight:800;
      font-size:14px;
    }

    .footer-links button {
      border:0;
      background:transparent;
      padding:0;
      color:inherit;
      cursor:pointer;
      font:inherit;
      font-weight:inherit;
    }

    .disclaimer {
      grid-column:1/-1;
      border-top:1px solid var(--line);
      padding-top:20px;
      font-size:12px;
      color:#758293;
    }

    .reveal {
      opacity:0;
      transform:translateY(22px);
      transition:opacity .75s ease, transform .75s ease;
    }

    .reveal.visible {
      opacity:1;
      transform:translateY(0);
    }


    .work-tabs {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      margin-top:34px;
    }

    .work-card {
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:28px;
      min-height:250px;
      box-shadow:0 8px 28px rgba(13,31,60,.045);
    }

    .work-num {
      color:var(--teal-dark);
      font-weight:900;
      letter-spacing:.16em;
      font-size:12px;
      margin-bottom:22px;
    }

    .work-card h3 {
      color:var(--navy);
      font-size:34px;
      line-height:1;
      margin-bottom:14px;
    }

    .work-card p {
      color:var(--muted);
      margin:0;
    }

    .benefits-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:34px;
    }

    .benefit-card {
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:24px;
      min-height:170px;
    }

    .benefit-card strong {
      display:block;
      color:var(--navy);
      font-size:19px;
      margin-bottom:8px;
    }

    .benefit-card span {
      color:var(--muted);
    }

    .scam-note {
      background:#fff;
      border:1px solid var(--line);
      border-left:4px solid var(--teal);
      border-radius:8px;
      padding:28px;
      margin-top:34px;
      color:var(--muted);
    }

    .scam-note strong {
      display:block;
      color:var(--navy);
      font-size:22px;
      margin-bottom:10px;
    }


    .simple-flow {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      margin-top:34px;
    }

    .flow-step {
      position:relative;
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      padding:24px;
      min-height:180px;
      box-shadow:0 8px 28px rgba(13,31,60,.045);
    }

    .flow-step:not(:last-child)::after {
      content:"→";
      position:absolute;
      right:-18px;
      top:50%;
      transform:translateY(-50%);
      color:var(--teal-dark);
      font-size:28px;
      font-weight:900;
      z-index:2;
    }

    .step-num {
      color:var(--teal-dark);
      font-size:12px;
      font-weight:900;
      letter-spacing:.18em;
      margin-bottom:14px;
    }

    .flow-step h3 {
      color:var(--navy);
      font-size:26px;
      line-height:1.05;
      margin-bottom:10px;
    }

    .flow-step p {
      color:var(--muted);
      margin:0;
    }

    @media(max-width:1020px) {
      .menu { display:block; }
      .nav-links {
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:72px;
        background:rgba(255,255,255,.98);
        padding:22px 28px;
        flex-direction:column;
        align-items:flex-start;
        border-bottom:1px solid var(--line);
      }
      .nav-links.open { display:flex; }
      .hero-inner,.split,.product,.contact-grid,.footer-inner {
        grid-template-columns:1fr;
      }
      .grid-3,.grid-2,.grid-4,.metrics,.work-tabs,.benefits-grid,.simple-flow {
        grid-template-columns:repeat(2,1fr);
      }
      .hero-inner { padding-top:82px; }
      .ui-grid { grid-template-columns:1fr; }
    }

    @media(max-width:640px) {
      .brand img { width:156px; }
      .hero-inner, section, .page-hero { padding-left:20px; padding-right:20px; }
      .hero-inner { padding-top:70px; padding-bottom:78px; }
      h1 { font-size:48px; }
      h2 { font-size:38px; }
      .grid-3,.grid-2,.grid-4,.metrics,.form,.work-tabs,.benefits-grid,.simple-flow {
        grid-template-columns:1fr;
      }
      .metric { border-right:0; border-bottom:1px solid var(--line); }
      .metric:last-child { border-bottom:0; }
      textarea { grid-column:auto; }
      .footer-links { justify-content:flex-start; }
    }
  
    /* V2 visual cleanup */
    .nav {
      background:rgba(255,255,255,.96);
    }

    .nav-inner {
      max-width:1240px;
      padding:14px 32px;
      gap:34px;
    }

    .brand img {
      width:138px;
      max-width:138px;
    }

    .nav-links {
      gap:34px;
      font-size:16px;
      letter-spacing:.01em;
      font-weight:900;
    }

    .nav-links button {
      padding:9px 0;
      line-height:1;
    }

    .nav-cta {
      padding:13px 20px !important;
      border-radius:7px !important;
      box-shadow:0 12px 26px rgba(13,31,60,.14);
    }

    .hero-inner {
      max-width:1180px;
      padding:72px 32px 74px;
      grid-template-columns:1fr;
      gap:56px;
    }

    .hero::before {
      opacity:.55;
    }

    h1 {
      max-width:760px;
      letter-spacing:-.035em;
    }

    .hero-copy {
      max-width:660px;
      font-size:20px;
      line-height:1.55;
    }

    .sub-note {
      max-width:640px;
      font-size:16.5px;
      line-height:1.6;
    }

    section {
      padding:84px 32px;
    }

    .wrap {
      max-width:1180px;
    }

    .section-head {
      margin-bottom:36px;
    }

    h2 {
      letter-spacing:-.035em;
    }

    .lead {
      line-height:1.6;
    }

    .hero-ui,
    .card,
    .product,
    .flow-step,
    .work-card,
    .benefit-card,
    .faq-item,
    .contact-option,
    .form,
    .metrics {
      border-radius:12px;
      box-shadow:0 10px 34px rgba(13,31,60,.055);
    }

    .hero-ui {
      box-shadow:0 24px 70px rgba(13,31,60,.12);
    }

    .card,
    .flow-step,
    .work-card,
    .benefit-card {
      padding:28px;
    }

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

    .simple-flow {
      gap:18px;
      margin-top:30px;
    }

    .flow-step {
      min-height:172px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }

    .flow-step h3 {
      font-size:25px;
    }

    .flow-step p {
      line-height:1.55;
    }

    .product {
      grid-template-columns:.78fr 1.22fr;
      margin-top:20px;
    }

    .product-label {
      min-height:260px;
      padding:32px;
    }

    .product-body {
      padding:32px;
    }

    .metrics {
      margin-top:28px;
    }

    .metric {
      padding:24px 22px;
    }

    .contact-grid {
      gap:28px;
    }

    footer {
      padding:42px 32px;
    }

    .footer-logo img {
      width:145px;
    }

    .footer-links {
      gap:22px;
      font-size:15px;
    }
    .product-label {
        padding:16px;
    }
    .product-body {
        padding:26px;
    }
    .product-label h3{
        font-size:34px;
    }
    @media(max-width:1020px) {
      .nav-inner {
        padding:14px 24px;
      }

      .brand img {
        width:132px;
      }

      .nav-links {
        top:85px;
        gap:20px;
        font-size:17px;
      }

      .hero-inner {
        padding:58px 24px 64px;
        gap:36px;
      }
    }

    @media(max-width:640px) {
      .brand img {
        width:124px;
      }

      .hero-inner, section, .page-hero {
        padding-left:20px;
        padding-right:20px;
      }

      .hero-inner {
        padding-top:46px;
        padding-bottom:54px;
      }

      .nav-links {
        font-size:17px;
      }

      .flow-step:not(:last-child)::after {
        display:none;
      }
    }

  
    /* Fold optimization */
    h1 {
      font-size:clamp(42px, 5vw, 68px) !important;
      line-height:1.02 !important;
      margin-bottom:18px !important;
    }

    .hero-copy {
      font-size:18px !important;
      line-height:1.45 !important;
      margin-bottom:18px !important;
    }

    .sub-note {
      font-size:15px !important;
      line-height:1.45 !important;
      margin-top:12px !important;
    }

    .hero-inner {
      padding-top:52px !important;
      padding-bottom:48px !important;
      min-height:calc(100vh - 82px);
      align-items:center;
    }

    .hero-actions {
      margin-top:22px !important;
    }

    .hero-ui {
      transform:scale(.95);
      transform-origin:center;
    }

    @media(max-width:900px){
      h1 {
        font-size:clamp(36px, 9vw, 56px) !important;
      }

      .hero-inner {
        min-height:auto;
        padding-top:44px !important;
        padding-bottom:40px !important;
      }

      .hero-ui {
        transform:none;
      }
    }


.integration-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:34px;
}
.integration-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:30px;
  box-shadow:0 10px 30px rgba(13,31,60,.06);
  text-align:left;
}
.integration-card img{
  height:88px;
  width:auto;
  object-fit:contain;
  margin-bottom:22px;
}
.integration-card h3{
  font-size:28px;
  margin-bottom:12px;
  color:var(--navy);
}
.integration-card p{
  color:var(--muted);
  line-height:1.65;
}
@media(max-width:900px){
  .integration-grid{
    grid-template-columns:1fr;
  }
}


.security-proof-strip{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:34px;
}
.security-proof{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:30px;
  text-align:center;
  box-shadow:0 10px 34px rgba(13,31,60,.055);
}
.security-proof strong{
  display:block;
  color:var(--navy);
  font-size:34px;
  line-height:1.05;
  margin-bottom:8px;
}
.security-proof span{
  color:var(--muted);
  font-weight:800;
}
@media(max-width:800px){
  .security-proof-strip{
    grid-template-columns:1fr;
  }
}


.static-contact-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:34px;
  box-shadow:0 10px 34px rgba(13,31,60,.055);
}
.static-contact-panel h3{
  color:var(--navy);
  font-size:32px;
  margin:0 0 12px;
}
.static-contact-panel p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
  margin:0 0 22px;
}
.contact-email-line{
  background:var(--surface-2);
  border:1px solid var(--line);
  padding:16px;
  border-radius:8px;
  color:var(--navy);
  font-weight:800;
  margin-top:18px;
}

/* Tradewinds page */
.tradewinds-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#EAF4FF;
  border:1px solid #BFD8F6;
  color:#0D1F3C;
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
  font-weight:900;
  margin-top:24px;
}
.tradewinds-hero-badge span{
  width:9px;
  height:9px;
  background:var(--teal);
  border-radius:50%;
  display:inline-block;
}
.tradewinds-note{
  background:#fff;
  border:1px solid var(--line);
  border-left:5px solid var(--teal);
  border-radius:12px;
  padding:24px;
  color:var(--muted);
  margin-top:24px;
}
.tradewinds-note strong{
  color:var(--navy);
}
.tradewinds-card-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:34px;
}
.tradewinds-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:28px;
  box-shadow:0 10px 34px rgba(13,31,60,.055);
}
.tradewinds-card h3{
  color:var(--navy);
  font-size:28px;
  line-height:1.06;
  margin:0 0 12px;
}
.tradewinds-card p,
.tradewinds-card li{
  color:var(--muted);
}
.tradewinds-card ul{
  margin:16px 0 0;
  padding-left:20px;
}
.tradewinds-process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:34px;
}
.tradewinds-step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px;
  min-height:190px;
  position:relative;
}
.tradewinds-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  right:-16px;
  top:50%;
  transform:translateY(-50%);
  color:var(--teal-dark);
  font-size:28px;
  font-weight:900;
  z-index:2;
}
.tradewinds-step-num{
  color:var(--teal-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:14px;
}
.tradewinds-step h3{
  color:var(--navy);
  font-size:25px;
  line-height:1.05;
  margin:0 0 10px;
}
.tradewinds-step p{
  color:var(--muted);
  margin:0;
}
.tradewinds-callout{
  background:linear-gradient(135deg,#FFFFFF,#F1F7FB);
  border:1px solid var(--line);
  border-radius:14px;
  padding:32px;
  box-shadow:0 10px 34px rgba(13,31,60,.055);
}
.tradewinds-callout h3{
  color:var(--navy);
  font-size:34px;
  margin:0 0 12px;
}
.tradewinds-callout p{
  color:var(--muted);
  font-size:18px;
}
@media(max-width:1020px){
  .tradewinds-card-list,
  .tradewinds-process{
    grid-template-columns:repeat(2,1fr);
  }
  .tradewinds-step:not(:last-child)::after{
    display:none;
  }
}
@media(max-width:640px){
  .tradewinds-card-list,
  .tradewinds-process{
    grid-template-columns:1fr;
  }
}
.custom-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 320px;
    max-width: 420px;
    padding: 14px 18px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    transform: translateX(120%);
    opacity: 0;
    transition: all .3s ease;
    z-index: 9999;
}

.custom-toast.show {
    transform: translateX(0);
    opacity: 1;
}

.custom-toast.success {
    background: #16a34a;
}

.custom-toast.error {
    background: #dc2626;
}
    .contact-grid{
      display: grid;
      grid-template-columns: unset;
      gap: 0px;
      align-items: start;
    }
    
    .contact-form-panel h3{
        font-size:32px;
    }
    
    .contact-form-panel{
        box-shadow:0 10px 34px rgba(13,31,60,.055);
        border-radius:12px;
    }
    
    .contact-form-panel p{
        color:#4A5568;
    }
    /* Column 1 internals */
    .demo-info .custm-contac{
      display: flex;
      gap: 16px;
      margin-bottom: 24px;
      flex-direction:row;
    }
    .static-cus{
      display: flex;
      flex-direction: column;
    }
    .static-cusbtn{
      justify-content:center;
    }
    .static-cusbtn .email-bnt{
      width:48%;
    }
    .static-cusbtn .contact-email-line{
      width:100%;
      margin-top:12px;
      text-align:center;
    }

    /* Column 2: contact form */
    .contact-form-panel{
      background:#fff;
      border-radius:8px;
      padding:24px;
      height: 100%;
    }
    .contact-form-panel .form-group{
      margin-bottom:14px;
      display:flex;
      flex-direction:column;
    }
    .contact-form-panel label{
      font-size:14px;
      margin-bottom:4px;
    }
    .contact-form-panel input,
    .contact-form-panel textarea{
      padding:10px;
      border:1px solid #ddd;
      border-radius:6px;
      font-size:14px;
    }

    @media (max-width: 1024px) {
      .contact-grid{
        grid-template-columns: 1fr;
      }
      .demo-info .custm-contac{
        display: grid !important;
      }
      .static-cus{
        display: unset;
      }
      .static-cusbtn .email-bnt{
        width:100%;
      }
      .static-cusbtn .contact-email-line{
        text-align:center;
      }
    }

.footer-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}