:root{
      --navy:#0f2642;
      --blue:#155e9b;
      --green:#1d8a57;
      --orange:#f36e21;
      --ink:#0e2a47;
      --bg:#f7fafc;
      --card:#ffffff;
      --muted:#6b7a90;
      --ring: rgba(21,94,155,.35);
      --shadow: 0 10px 30px rgba(15,38,66,.15);
      --radius: 16px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
      color:var(--ink);
      background:var(--bg);
      line-height:1.5;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}

    .container{width:min(1180px, 92vw);margin-inline:auto}
    .grid{display:grid;gap:24px}
    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:.2s box-shadow,.2s transform,.2s background,.2s border-color}
    .btn:hover{transform:translateY(-1px)}
    .btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
    .btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(243,110,33,.25)}
    .btn-primary:hover{background:#e0631d}
    .btn-ghost{background:transparent;border-color:#1b3a5c;color:#1b3a5c}
    .btn-ghost:hover{background:#0f264208;color:#0f2642;border-color:#0f2642}
    .chip{display:inline-flex;align-items:center;gap:.4rem;background:#0f264210;border:1px solid #0f264230;color:var(--navy);padding:.35rem .65rem;border-radius:999px;font-weight:600;font-size:.82rem}

    .nav{position:sticky;top:0;z-index:50;background:rgba(247,250,252,.8);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid #e7eef7}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}
    .brand img{width:42px;height:auto}
    .brand .logoname{font-size:1.25rem;color:var(--navy)}
    .nav-links{display:flex;align-items:center;gap:22px}
    .nav-links a{font-weight:600;color:#1b3656}
    .nav-cta{display:flex;align-items:center;gap:10px}

    .hero{background:radial-gradient(1200px 600px at 80% -20%, #155e9b13 0, transparent 60%), radial-gradient(1000px 500px at -10% 10%, #1d8a5713 0, transparent 60%), linear-gradient(180deg,#ffffff 0,#f4f8fc 90%)}
    .hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:64px 0}
    .hero h1{font-size:clamp(2rem, 2.4rem + 1.2vw, 3.4rem);line-height:1.08;margin:0 0 14px;font-weight:800;letter-spacing:-.5px}
    .hero p{font-size:1.075rem;color:#3d516b;margin:0 0 26px}
    .hero-card{background:var(--card);border:1px solid #e6eef7;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
    .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
    .stat{background:#0f264207;border:1px solid #0f26421a;border-radius:12px;padding:12px 14px;text-align:center}
    .stat b{font-size:1.15rem}

    .section{padding:72px 0}
    .section h2{font-size:clamp(1.6rem,1.4rem + 1vw,2.4rem);margin:0 0 10px}
    .section p.lead{color:#4a5e78;max-width:70ch}

    .products{grid-template-columns:repeat(3,minmax(0,1fr))}
    .card{background:var(--card);border:1px solid #e6eef7;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column}
    .card .tag{font-weight:700;font-size:.78rem;padding:.35rem .6rem;border-radius:999px;display:inline-block;margin-bottom:14px}
    .tag-erp{background:#155e9b10;color:var(--blue);border:1px solid #155e9b33}
    .tag-chat{background:#f36e2110;color:var(--orange);border:1px solid #f36e2133}
    .tag-vita{background:#1d8a5710;color:var(--green);border:1px solid #1d8a5733}
    .card h3{margin:.2rem 0 .4rem;font-size:1.35rem}
    .card p{color:#4a5e78}
    .card ul{margin:16px 0 0;padding-left:18px;color:#374b63}
    .card ul li{margin:.38rem 0}
    .card .cta{margin-top:auto}

    .logos{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;opacity:.8;filter:grayscale(1)}
    .logos img{width:100%;height:40px;object-fit:contain}

    .feature{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
    .feature:nth-child(even){grid-template-columns:.9fr 1.1fr}
    .feat-card{background:var(--card);border:1px solid #e6eef7;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}

    .pricing{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
    .price{border:2px solid #e6eef7}
    .price.pop{border-color:var(--orange);box-shadow:0 18px 40px rgba(243,110,33,.20)}
    .price h3{margin:.25rem 0 .75rem}
    .price .value{font-size:2.2rem;font-weight:800}
    .price .value small{font-size:.9rem;color:#6b7a90;font-weight:600}

    .cta-ribbon{background:linear-gradient(135deg,var(--navy),#102d50 55%, #155e9b);color:#eef6ff;padding:46px 0}
    .cta-ribbon h2{margin:0 0 6px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.4rem)}
    .cta-ribbon p{margin:0 0 18px;color:#d7e7ff}

    footer{background:var(--navy);color:#b7c7de;padding:46px 0 22px}
    .foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
    .foot h4{color:#eaf3ff;margin:0 0 10px}
    .copyright{margin-top:26px;border-top:1px solid #284b70;padding-top:18px;color:#91a7c3}

    .badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6eef7;padding:.5rem .75rem;border-radius:999px;box-shadow:var(--shadow)}
    .dot{width:10px;height:10px;border-radius:999px;display:inline-block}

    @media (max-width: 980px){
      .hero .container{grid-template-columns:1fr;gap:18px;padding:42px 0}
      .feature{grid-template-columns:1fr}
      .products,.pricing{grid-template-columns:1fr}
      .logos{grid-template-columns:repeat(3,1fr)}
      .foot{grid-template-columns:1fr 1fr}
    }
    @media (max-width: 560px){
      .nav-links{display:none}
      .logos{grid-template-columns:repeat(2,1fr)}
      .foot{grid-template-columns:1fr}
    }