:root{
      --brand-900:#0052cc;
      --brand-500:#00aaff;
      --brand-400:#33bbff;
      --ink-900:#0a1a2b;
      --ink-700:#2b3a4a;
      --ink-500:#5a6b7b;
      --bg-0:#ffffff;
      --bg-50:#f6f9ff;
      --ring:#b9e6ff;
      --radius:18px;
      --shadow:0 10px 30px rgba(0,0,0,.06);
      --transition-speed:.3s;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0; font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--ink-900); background:var(--bg-0);
      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
    }
    .container{width:min(1200px,92vw); margin-inline:auto}
    a{color:var(--brand-900); text-decoration:none}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
      padding:.9rem 1.15rem; border-radius:14px; font-weight:600; letter-spacing:.2px;
      border:1px solid transparent; transition:transform var(--transition-speed), box-shadow var(--transition-speed), background var(--transition-speed);
    }
    .btn:focus-visible{outline:3px solid var(--ring); outline-offset:2px}
    .btn-primary{
      background:linear-gradient(135deg,var(--brand-900),var(--brand-500));
      color:#fff; box-shadow:0 10px 24px rgba(0,82,204,.25)
    }
    .btn-primary:hover{transform:translateY(-1px)}
    .btn-ghost{background:#fff; border:1px solid #e7eef7; color:var(--ink-900)}
    header.nav{
      position:sticky; top:0; z-index:40; background:rgba(255,255,255,.85);
      backdrop-filter:saturate(160%) blur(12px); border-bottom:1px solid rgba(0,0,0,.05);
    }
    .brand{display:flex; align-items:center; gap:.6rem; font-weight:800}
.brand__log {
  width: 139px;
  height: 40px;
 
}

    .nav__row{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
    .nav__actions{display:flex; align-items:center; gap:.6rem}
    .hero{
      background:
        radial-gradient(90% 60% at 100% 0%, rgba(0,170,255,.15), transparent 60%),
        radial-gradient(80% 50% at 0% 0%, rgba(0,82,204,.18), transparent 60%),
        linear-gradient(135deg, #f7fbff 0%, #ffffff 60%);
      padding: clamp(56px, 8vw, 96px) 0 40px;
      overflow:hidden;
    }
    .hero__grid{display:grid; grid-template-columns:1.05fr .95fr; gap:42px; align-items:center}
    .eyebrow{
      display:inline-flex; align-items:center; gap:.5rem;
      background:rgba(0,170,255,.1); color:var(--brand-900);
      padding:.4rem .7rem; border-radius:999px;
      font-weight:600; font-size:.9rem;
    }
    h1{
      font-family:Poppins,Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
      font-weight:700; line-height:1.08; margin:14px 0 10px;
      font-size:clamp(28px,3.2vw,44px);
      letter-spacing:.1px; color:var(--ink-900);
    }
    .hero p{color:var(--ink-700); font-size:1.05rem; max-width:52ch}
    .hero__actions{display:flex; gap:.7rem; flex-wrap:wrap; margin-top:18px}
    .hero__art{
      position:relative; background:linear-gradient(135deg,#ffffff,#f0f7ff);
      border:1px solid #e9f1fb; border-radius:var(--radius); box-shadow:var(--shadow);
      padding:18px; min-height:320px;
    }
    .hero__badge{
      position:absolute; top:16px; right:16px; display:inline-flex; align-items:center; gap:.5rem;
      background:#fff; border:1px solid #e8eef8; border-radius:12px; padding:.45rem .6rem; font-weight:600;
    }
    .hero__img{
      display:block; width:100%; height:auto; border-radius:14px; box-shadow:0 20px 40px rgba(0,0,0,.08);
    }
    section{padding:64px 0}
    .section__title{
      font-family:Poppins,Inter,sans-serif; font-weight:700; letter-spacing:.2px;
      font-size:clamp(22px,2.4vw,34px); margin:0 0 10px;
    }
    .section__lead{color:var(--ink-700); max-width:70ch; margin:0 auto 28px; text-align:center}
    .grid{display:grid; gap:18px}
    .grid--3{grid-template-columns:repeat(3,1fr)}
    .card{
      background:#fff; border:1px solid #e9eef5; border-radius:var(--radius);
      padding:22px; box-shadow:var(--shadow); transition:transform var(--transition-speed), box-shadow var(--transition-speed);
    }
    .card:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(0,0,0,.08)}
    .feature{display:flex; gap:14px}
    .icon{
      flex:0 0 44px; height:44px; border-radius:12px; display:grid; place-items:center;
      background:linear-gradient(135deg, var(--brand-500), var(--brand-400)); color:#fff;
    }
    .feature h3{margin:2px 0 6px; font-size:1.05rem}
    .feature p{margin:0; color:var(--ink-700)}
    .partner{
      background:linear-gradient(180deg,#f6fbff,#ffffff);
    }
    .partner__wrap{
      display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;
      border:1px solid #e2eefb; border-radius:20px; padding:18px 22px; background:#fff; box-shadow:var(--shadow);
    }
    .badge{
      display:inline-flex; align-items:center; gap:.6rem; background:#fff; border:1px solid #e5f0fb;
      padding:.5rem .75rem; border-radius:14px;
    }
    .partner .btn{white-space:nowrap}
    .testi__wrap{display:grid; gap:18px; grid-template-columns:repeat(3,1fr)}
    .quote{
      background:#fff; border:1px solid #e9eef5; border-radius:18px; padding:20px; box-shadow:var(--shadow);
    }
    .quote p{margin:0 0 14px; color:var(--ink-700)}
    .quote__who{display:flex; align-items:center; gap:10px}
    .avatar{
      width:42px; height:42px; border-radius:50%;
    }
    .cta{
      background:
        radial-gradient(80% 60% at 100% 0%, rgba(0,170,255,.12), transparent 60%),
        radial-gradient(80% 60% at 0% 0%, rgba(0,82,204,.12), transparent 60%),
        linear-gradient(180deg,#ffffff,#f7fbff);
      text-align:center;
    }
    form{
      display:grid; gap:12px; width:min(760px,100%); margin:16px auto 0;
      grid-template-columns:1.2fr 1.2fr 1fr;
    }
    input,select,textarea{
      width:100%; padding:12px 14px; border-radius:12px; border:1px solid #dfe7f3;
      font:inherit; color:var(--ink-900); background:#fff;
    }
    textarea{grid-column:1/-1; min-height:120px; resize:vertical}
    .form-actions{grid-column:1/-1; display:flex; gap:10px; justify-content:center; flex-wrap:wrap}
    .small{font-size:.95rem; color:var(--ink-700)}
    footer{
      color:#18191b; padding:30px 0; margin-top:14px;
    }
    footer a{color:#1b1c1d}
    .footgrid{display:grid; gap:18px; grid-template-columns:2fr 1fr 1fr}
    .social{display:flex; gap:10px; margin-top:8px}
    .social a{
      display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#0f264a; border:1px solid #234477;
    }
    .copy{border-top:1px solid #123260; margin-top:16px; padding-top:12px; color:#0c0c0c; text-align:center}
    .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease}
    .reveal.is-inview{opacity:1; transform:none}
    @media (prefers-reduced-motion:reduce){
      .reveal{transition:none}
      .btn{transition:none}
    }
    @media (max-width: 980px){
      .hero__grid{grid-template-columns:1fr}
      .grid--3{grid-template-columns:1fr 1fr}
      form{grid-template-columns:1fr}
      .testi__wrap{grid-template-columns:1fr}
      .footgrid{grid-template-columns:1fr}
    }