/* Page styles extracted from inline CSS for maintainability. */

:root{--ink:#071126;--muted:#606c83;--line:#dfe5f1;--paper:#f6f8fc;--blue:#4338ca;--purple:#8434d8;--red:#e43455;--white:#fff;--shadow:0 25px 80px rgba(24,37,77,.13)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65}
    a{text-decoration:none;color:inherit}
    .wrap{width:min(1160px,calc(100% - 40px));margin:auto}
    .brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:1.06rem}
    .logo{height:92px;width:auto;display:block;object-fit:contain}
    .btn{display:inline-flex;padding:13px 19px;border-radius:12px;font-weight:750;background:linear-gradient(110deg,var(--blue),var(--purple),var(--red));color:#fff;transition:.25s;cursor:pointer;border:0}
    .btn:hover{transform:translateY(-2px)}
    header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);z-index:20;border-bottom:1px solid var(--line)}
    nav{height:78px;display:flex;align-items:center;justify-content:space-between}
    .navlinks{display:flex;align-items:center;gap:28px;font-weight:650;font-size:.94rem}
    .menu{display:none;border:0;border-radius:10px;padding:9px;background:#edf0f8;font-size:1.2rem;cursor:pointer}
   .hero {
        overflow: hidden;
        position: relative;
        padding: 100px 0 70px;
        background: linear-gradient(135deg, #f7f9fe 0%, #f0edff 100%);
      }
      .hero:before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        border: 1px solid rgba(78, 70, 229, 0.12);
        border-radius: 50%;
        right: -180px;
        top: 30px;
        box-shadow:
          0 0 0 70px rgba(78, 70, 229, 0.025),
          0 0 0 140px rgba(236, 52, 90, 0.02);
      }
      .hero-content {
        position: relative;
        z-index: 1;
      }  .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: #4c38c8;
        background: #eeeafe;
        border: 1px solid #dcd5ff;
        border-radius: 999px;
        padding: 7px 12px;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }   
      .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #22c55e;
        box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.13);
      } .hero h1{font-size:clamp(3rem,6vw,5.2rem);line-height:1.03;letter-spacing:-.055em;margin:18px 0 24px}
    .hero p{font-size:1.16rem;color:var(--muted);max-width:700px}
    section{padding:92px 0}
    .center{text-align:center;max-width:770px;margin:0 auto 45px}
    .center h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.04em;margin:7px 0 20px}
    .kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#6548ce;font-weight:850}
    .center p{color:var(--muted)}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;transition:.25s}
    .card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#cec6ff}
    .icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,var(--blue),var(--purple));font-size:28px;margin-bottom:16px}
    .card h3{font-size:1.25rem;margin:12px 0 8px;font-weight:700}
    .card p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.6}
     footer {
        background: #060a17;
        color: #c5cce0;
        padding: 55px 0 28px;
      }
      .foot {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 40px;
      }
      .foot h4 {
        color: #fff;
      }
      .foot a {
        display: block;
        margin: 8px 0;
        color: #c5cce0;
      }
      .copy {
        border-top: 1px solid #20263a;
        margin-top: 40px;
        padding-top: 22px;
        font-size: 0.82rem;
      }
    .contact{display:flex;gap:25px;flex-wrap:wrap}
    .contact a{color:#c5cce0}
    .copy{border-top:1px solid #20263a;margin-top:38px;padding-top:22px;font-size:.82rem}
    @media(max-width:900px){.navlinks{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;color:var(--ink);border:1px solid var(--line);padding:20px;border-radius:15px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}
    @media(max-width:600px){.wrap{width:calc(100% - 28px)}.hero{padding:80px 0 70px}.hero h1{font-size:2.8rem}section{padding:70px 0}.grid{grid-template-columns:1fr}.foot{display:block}.contact{margin-top:25px}}