:root{
      --white:#fff;
      --ink:#05070b;
      --text:#111827;
      --muted:#5f6673;
      --muted-2:#7a8494;
      --line:#e7edf6;
      --soft:#f7faff;
      --soft-2:#f1f7ff;
      --blue:#0c98ef;
      --blue-2:#087fd0;
      --blue-soft:#e9f6ff;
      --radius:28px;
      --max:1180px;
      --header-h:78px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:var(--white);
      letter-spacing:-.025em;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    p{margin:0;color:var(--muted);line-height:1.65;font-size:16px}
    b,strong{color:var(--text)}
    .container{width:min(var(--max),calc(100% - 44px));margin:0 auto}

    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.9);
      backdrop-filter:saturate(180%) blur(18px);
      border-bottom:1px solid rgba(231,237,246,.85);
    }
    .nav{
      min-height:var(--header-h);
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    .brand img{width:126px}
    
    .nav-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
    .btn-outline{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:46px;
      border-radius:999px;
      padding:13px 22px;
      font-size:15px;
      font-weight:800;
      border:1.5px solid #0c98ef;
      background:#fff;
      color:#0c98ef;
      line-height:1;
      transition:transform .18s ease,background .18s ease;
      cursor:pointer;
    }
    .btn-outline:hover{background:var(--blue-soft);transform:translateY(-2px)}

    main {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .landing-hero{
      position:relative;
      overflow:hidden;
      flex: 1;
      padding: 50px 0 112px;
      background:
        radial-gradient(circle at 50% 34%,rgba(18,134,255,.12),transparent 33%),
        linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    }
    .hero-inner{text-align:center;position:relative;z-index:2}
    
    .top-note{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin-bottom:18px;
      color:#6b7280;
      font-size:14px;
      font-weight:700;
    }
    .top-note:before,.top-note:after{content:"✦";font-size:13px;color:var(--blue)}
    
    h1{
      max-width:800px;
      margin:0 auto;
      color:var(--ink);
      letter-spacing:-.065em;
      font-size:clamp(40px,6vw,72px);
      line-height:1.05;
      font-weight:800;
    }

    /* CRM Form Container */
    .form-container {
      max-width: 860px;
      width: 100%; /* Ensures it takes all available width up to 860px */
      margin: 48px auto 0;
      padding: 42px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 24px;
      box-shadow: 0 16px 42px rgba(12, 152, 239, 0.06);
      text-align: left;
      min-height: 400px; /* Prevents the page from "jumping" while the script loads the form */
    }

    .footer{padding:34px 0;background:#fff;border-top:1px solid var(--line)}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7a8494;font-size:13px;font-weight:600}
    .footer img{width:118px}

    .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
    .reveal.visible{opacity:1;transform:none}

    @media (max-width:620px){
      :root{--header-h:70px}
      .container{width:min(100% - 28px,var(--max))}
      .brand img{width:112px}
      .landing-hero { padding: 48px 0 64px; }
      .form-container { padding: 28px 16px; margin-top: 32px; }
      .footer-inner{display:grid;gap:14px; text-align: center; justify-content: center;}
    }