:root{--ink:#111827;--muted:#6b7280;--line:#eef0f5;--soft:#f7f9ff;--blue:#5b6cff;--cyan:#44baf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f4fbff 48%,#fff 100%)}a{color:inherit}.site-nav{height:76px;padding:0 max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,24,39,.06)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:700}.brand img{width:38px;height:38px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links>a,.product-toggle{font-size:14px;font-weight:550;text-decoration:none;color:#374151}.product-dropdown{position:relative}.product-toggle{border:0;background:none;padding:20px 0;cursor:pointer}.product-toggle:after{content:"⌄";margin-left:7px}.mega{position:fixed;top:70px;left:50%;width:min(1280px,calc(100vw - 48px));transform:translate(-50%,-8px);display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(30,41,59,.12);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.product-dropdown:hover .mega,.product-dropdown.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mega-group{padding:16px;border:1px solid var(--line);border-radius:14px}.mega-group h3{font-size:11px;color:#9ca3af;letter-spacing: 0em;text-transform:uppercase;margin:0 0 10px;padding:0 4px 10px;border-bottom:1px solid #f0f1f4}.mega-item{display:flex;gap:12px;align-items:center;padding:9px 7px;border-radius:11px;text-decoration:none}.mega-item:hover,.mega-item.active{background:#f7f8fc}.mega-item img{width:34px;height:34px}.mega-item strong{font-size:13px;display:block}.mega-item span{font-size:11px;color:var(--muted);display:block;margin-top:2px}.nav-actions{justify-self:end;display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650;border:1px solid var(--line);background:#fff}.btn.primary{color:#fff;border:0;background:linear-gradient(135deg,#635bff,#43b9f5)}.hero{width:auto;max-width:none;margin:42px 5% 0;padding:72px clamp(28px,6vw,82px);border:18px solid rgba(99,91,255,.055);border-radius:32px;background:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(68,186,245,.22),transparent 65%)}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:#edf4ff;color:#4e75f6;font-size:12px;font-weight:700;letter-spacing: 0em;text-transform:uppercase}.hero h1{max-width:860px;margin:24px 0 20px;font-family:'Creato Display','Inter',sans-serif;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.2;letter-spacing: 0em;color:#111827}.hero h1 span{display:block;background:linear-gradient(90deg,#625bff,#31b8f4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:760px;font-size:16px;font-weight:500;line-height:1.5;color:#6b7280;letter-spacing: 0em;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.section{max-width:none;margin:0 auto;padding:96px 5%}.section-head{max-width:720px;margin-bottom:34px}.section-kicker{color:#566cf7;font-size:12px;text-transform:uppercase;letter-spacing: 0em;font-weight:750}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.2;font-weight:700;letter-spacing: 0em;color:#111827;margin:10px 0 14px}.section-head p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:16px solid rgba(99,91,255,.045);border-radius:24px;padding:28px;min-height:220px}.card-icon{width:48px;height:48px;padding:9px;border-radius:13px;background:#eef3ff;margin-bottom:24px}.card-icon img{width:100%;height:100%}.card h3{font-size:20px;margin:0 0 11px}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.usecases{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.usecases .card{border-width:1px;box-shadow:0 14px 36px rgba(30,41,59,.05)}.foundation{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.foundation div{padding:22px;border-radius:16px;background:linear-gradient(145deg,#f0f3ff,#f2fbff);font-weight:650}.cta{width:min(1280px,calc(100% - 48px));max-width:1280px;margin:30px auto 100px;padding:54px;border-radius:28px;color:#fff;background:linear-gradient(120deg,#635bff,#3fbaf4);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:0 0 8px}.cta p{margin:0;color:rgba(255,255,255,.8)}.footer{padding:30px max(24px,calc((100vw - 1280px)/2));border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px;background:#fff}@media(max-width:900px){.site-nav{grid-template-columns:1fr auto}.nav-links{display:none}.mega{display:none}.hero{width:auto;margin:18px 14px 0;border-width:10px;padding:52px 24px}.grid,.foundation{grid-template-columns:1fr}.section{padding:70px 18px}.cta{width:auto;margin:20px 14px 60px;padding:36px 26px;display:block}.cta .btn{margin-top:22px}.nav-actions .btn:first-child{display:none}}

.footer{display:block;}
/* === Footer === */
  .footer {
    background: linear-gradient(180deg, var(--brand-footer-a) 0%, var(--brand-footer-b) 55%, var(--brand-footer-c) 100%);
    border-radius: 2rem 2rem 0 0;
    width: 100%;
    padding: 4rem 40px 2rem;
    color: #ffffff;
  }
  @media (max-width: 768px) {
    .footer {
      width: 100%;
      border-radius: 1.5rem 1.5rem 0 0;
      padding: 3rem 20px 1.5rem;
    }
  }
  .footer-container {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .footer-grid {
    display: grid;
    gap: 40px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-bottom: 2rem;
  }
  @media (min-width: 1024px) {
    .footer-grid {
      grid-template-columns: 1.4fr 2.4fr;
    }
  }
  .footer-brand {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .footer-logo svg {
    width: 144px;
    height: 36px;
    display: block;
  }
  .footer-logo svg path {
    fill: #ffffff !important;
  }
  .footer-brand-tagline {
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.6;
    max-width: 320px;
    margin: 0;
  }
  .footer-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255,255,255,0.75);
  }
  .status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 6px rgba(34,197,94,0.5);
    flex-shrink: 0;
  }
  .footer-subscribe {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 280px;
  }
  .footer-subscribe-form {
    display: flex;
    gap: 0.5rem;
    max-width: 380px;
  }
  .footer-subscribe-form input {
    flex: 1;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.875rem;
    outline: none;
    font-family: inherit;
  }
  .footer-subscribe-form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .footer-subscribe-form input:focus {
    border-color: rgba(255, 255, 255, 0.7);
  }
  .footer-subscribe-form button {
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    border: none;
    background: #ffffff;
    color: #5B8DEF;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
  }
  .footer-subscribe-form button:hover {
    background: #E5E7EB;
    color: #4A7DE0;
  }
  .footer-socials {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .footer-social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: all 0.2s;
    text-decoration: none;
    flex-shrink: 0;
    line-height: 1;
  }
  .footer-social-link:hover {
    border-color: rgba(255,255,255,0.7);
    background: rgba(255,255,255,0.12);
  }
  .footer-social-link svg {
    width: 18px;
    height: 18px;
    color: #ffffff;
    display: block;
    flex-shrink: 0;
  }
  .footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 32px;
  }
  @media (min-width: 640px) {
    .footer-links {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 1024px) {
    .footer-links {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  .footer-col h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: rgba(255,255,255,0.5);
    margin-bottom: 0;
  }
  .footer-col ul {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
  }
  .footer-col a {
    font-size: 0.875rem;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
  }
  .footer-col a:hover {
    color: #ffffff;
  }
  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.25);
  }
  .footer-copyright {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.6);
  }
  .footer-legal {
    display: flex;
    gap: 1.5rem;
  }
  .footer-legal a {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: color 0.2s;
  }
  .footer-legal a:hover {
    color: #ffffff;
  }
  .footer-disclaimer {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
    max-width: 576px;
  }
  @media (max-width: 768px) {
    .footer-grid {
      gap: 32px;
    }
    .footer-subscribe {
      width: 100%;
      min-width: auto;
    }
    .footer-bottom {
      flex-direction: column;
      text-align: center;
    }
    .footer-links {
      gap: 24px;
    }
  }