:root{
      --bg:#f8fafc; --ink:#1e293b; --primary:#1b74ff; --primary-ink:#ffffff; --muted:#64748b; --card:#ffffff; --ring:#e2e8f0;
      --border:#e2e8f0; --accent:#f1f5f9;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
    a{color:var(--primary); text-decoration:none; transition:color 0.2s ease}
    a:hover{color:#0a41a1}
    .container{width:min(1100px,92vw);margin-inline:auto}
    header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(12px);background:rgba(248,250,252,.95);border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.05)}
    nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.2px;color:var(--ink)}
    .brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1b74ff,#00d2ff);display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 10px 30px rgba(27,116,255,.35)}
    .navlinks{display:flex;gap:18px;font-weight:600}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--ink);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 0.2s ease}
    .btn:hover{box-shadow:0 4px 6px rgba(0,0,0,0.05);transform:translateY(-1px)}
    .btn.primary{background:linear-gradient(135deg,#1b74ff,#00d2ff);color:var(--primary-ink);border:none}
    .btn.primary:hover{filter:saturate(1.1) brightness(1.05);box-shadow:0 10px 20px rgba(27,116,255,.3)}
    .btn.small{padding:.55rem .8rem;border-radius:10px;font-weight:700}

    .hero{position:relative;padding:64px 0 40px;overflow:hidden;background:linear-gradient(to bottom, #f1f5f9, #f8fafc)}
    .hero h1{font-size:clamp(28px,4.2vw,54px);line-height:1.03;margin:0 0 12px;font-weight:900;color:#0f172a}
    .hero p{color:var(--muted);max-width:720px;font-size:1.1rem}
    .pill{display:inline-grid;grid-auto-flow:column;gap:.5rem;align-items:center;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--primary);background:rgba(27,116,255,.08);font-size:.86rem;font-weight:500}
    .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

    .grid{display:grid;gap:18px}
    .features{padding:26px 0 8px}
    .fcard{background:var(--card);border:1px solid var(--border);padding:24px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:transform 0.2s ease, box-shadow 0.2s ease}
    .fcard:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}
    .fcard h3{margin:4px 0 8px;color:#0f172a}
    .muted{color:var(--muted)}

    .section{padding:56px 0;border-top:1px solid var(--border)}
    .section h2{font-size:clamp(22px,3.2vw,34px);margin:0 0 12px;color:#0f172a}
    .kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .kpibox{background:var(--card);padding:24px;border-radius:16px;border:1px solid var(--border);text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
    .kpibox .n{font-size:28px;font-weight:900;color:#0f172a}

    .cols{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
    .col-5{grid-column:span 5}
    .col-7{grid-column:span 7}
    .list{display:grid;gap:8px; padding-left: 0;}
    .list li{background:var(--accent);border:1px dashed var(--border);padding:10px 12px;border-radius:12px; list-style-position: inside; text-align: left;}

    .badges{display:flex;gap:10px;flex-wrap:wrap}
    .badge{border:1px solid var(--border);border-radius:999px;padding:.45rem .7rem;background:var(--accent);color:var(--ink);font-size:0.86rem}

    .card{background:var(--card);padding:24px;border-radius:18px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.05)}
    .stack{display:grid;gap:14px}
    .check{display:flex; align-items:center; gap:.6rem; text-align: left;}
    .check:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#e0f2fe;border:1px solid #93c5fd;color:var(--primary); flex-shrink: 0;}

    .contact{display:grid;gap:14px}
    input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--ink);font-family:inherit}
    input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(27,116,255,.1)}
    textarea{min-height:120px;resize:vertical}
    
    /* File input styling */
    input[type="file"] {
      padding: 8px 14px;
      background: var(--accent);
    }
    .file-input-label {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .file-note {
      font-size: 0.8rem;
      color: var(--muted);
      margin-top: 4px;
    }

    footer{padding:36px 0;border-top:1px solid var(--border);color:var(--muted);background:var(--accent)}
    .tiny{font-size:.9rem;color:var(--muted)}

    /* Left-align specific sections */
    #services .stack,
    #capabilities .stack,
    #contact .stack {
      text-align: left;
    }

    /* responsive */
    @media (max-width: 860px){
      .kpi{grid-template-columns:1fr}
      .cols{grid-template-columns:1fr}
      .col-5,.col-7{grid-column:span 1}
      .navlinks{display:none}
    }