:root{
      --navy:#0a1f44;
      --navy-2:#0c2a5c;
      --blue:#1d6fe0;
      --blue-2:#2563eb;
      --sky:#eff4fd;
      --ink:#0f1e34;
      --muted:#5b6b82;
      --line:#e6ecf5;
    }
    *{box-sizing:border-box;}
    body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff;}
    a{text-decoration:none;}
    .container-xl{max-width:1200px;}

    /* Navbar */
    .navbar{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);padding:.9rem 0;}
    .brand-badge{width:38px;height:38px;object-fit:contain;}
    .brand-name{font-weight:800;font-size:1.15rem;line-height:1;color:var(--ink);letter-spacing:.5px;}
    .brand-sub{font-size:.52rem;letter-spacing:.22em;color:var(--muted);font-weight:600;}
    .navbar .nav-link{color:#233; font-weight:600;font-size:.92rem;padding:.4rem .85rem;}
    .navbar .nav-link.active{color:var(--blue);}
    .navbar .nav-link.active::after{content:"";display:block;height:2px;background:var(--blue);margin-top:4px;border-radius:2px;}
    .btn-talk{background:var(--blue);color:#fff;font-weight:600;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;}
    .btn-talk:hover{background:var(--blue-2);color:#fff;}

    /* Hero */
    .hero{background:linear-gradient(120deg,#05164c 0%,#05164c 55%,#05164c 100%);color:#fff;position:relative;overflow:hidden;}
    .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(45,120,230,.35),transparent 45%);pointer-events:none;}
    .crumb{font-size:.8rem;color:#9fb4d8;}
    .crumb a{color:#9fb4d8;}
    .eyebrow{color:#4d9dff;font-weight:700;letter-spacing:.18em;font-size:.72rem;}
    .hero h1{font-weight:800;font-size:2.9rem;line-height:1.12;}
    .hero .accent{color:#4d9dff;}
    .hero p{color:#c4d3ee;max-width:430px;font-size:.98rem;}
    .btn-primary-solid{background:var(--blue);border:none;color:#fff;font-weight:600;border-radius:8px;padding:.7rem 1.3rem;font-size:.9rem;}
    .btn-primary-solid:hover{background:#fff;color:var(--blue-2);}
    .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;border-radius:8px;padding:.7rem 1.3rem;font-size:.9rem;}
    .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;}
    .hero-img{max-width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));}

    /* Section basics */
    .section{padding:64px 0;}
    .sec-eyebrow{color:var(--blue);font-weight:700;letter-spacing:.15em;font-size:.72rem;text-transform:uppercase;}
    .sec-title{font-weight:800;font-size:1.9rem;}
    .text-muted2{color:var(--muted);}

    /* Solutions feature list */
    .feat-icon{width:44px;height:44px;border-radius:10px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto;}
    .feat h6{font-weight:700;margin-bottom:2px;font-size:.98rem;}
    .feat p{color:var(--muted);font-size:.85rem;margin:0;}
    .solutions-photo{border-radius:14px;box-shadow:0 18px 40px rgba(10,31,68,.15);width:100%;}

    /* Process */
    .process{background:var(--sky);border-radius:16px;padding:44px 24px;}
    .proc-item{max-width:150px;margin:0 auto;}
    .proc-circle{width:66px;height:66px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 14px;box-shadow:0 6px 16px rgba(10,31,68,.06);}
    .proc-item h6{font-weight:700;font-size:.9rem;}
    .proc-item p{color:var(--muted);font-size:.76rem;line-height:1.4;}
    .proc-arrow{color:#b9c9e4;font-weight:700;letter-spacing:2px;}

    /* Technologies */
    .tech-tab{display:block;width:100%;text-align:center;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem;font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:10px;cursor:pointer;transition:.15s;}
    .tech-tab.active{background:var(--blue);color:#fff;border-color:var(--blue);}
    .tech-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px 10px;text-align:center;transition:.2s;height:100%;}
    .tech-card:hover{box-shadow:0 12px 26px rgba(10,31,68,.1);transform:translateY(-3px);}
    .tech-logo{height:44px;object-fit:contain;margin-bottom:10px;}
    .tech-card span{font-weight:600;font-size:.86rem;}
    .link-blue{color:var(--blue);font-weight:600;font-size:.85rem;}

    /* Types cards */
    .type-card{border:1px solid var(--line);border-radius:14px;padding:24px 20px;height:100%;transition:.2s;background:#fff;}
    .type-card:hover{box-shadow:0 14px 30px rgba(10,31,68,.1);transform:translateY(-3px);}
    .type-ic{width:50px;height:50px;border-radius:12px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px;}
    .type-card h6{font-weight:700;font-size:1rem;}
    .type-card p{color:var(--muted);font-size:.83rem;}

    /* Why choose */
    .why-cta{background:linear-gradient(135deg,#0a1f44,#0f2f66);border-radius:16px;color:#fff;padding:34px;}
    .why-cta h4{font-weight:800;font-size:1.5rem;line-height:1.25;}
    .why-cta .accent{color:#4d9dff;}

    /* Stats bar */
    .stats-bar{background:linear-gradient(135deg,#0a1f44,#0f2f66);border-radius:16px;color:#fff;padding:34px 20px;}
    .stat-ic{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#4d9dff;flex:0 0 auto;}
    .stat-num{font-weight:800;font-size:1.8rem;line-height:1;}
    .stat-lbl{font-weight:700;font-size:.9rem;}
    .stat-sub{color:#9fb4d8;font-size:.76rem;}
    .stat-div{border-right:1px solid rgba(255,255,255,.12);}

    /* Contact banner */
    .contact-banner{background:linear-gradient(135deg,#1d6fe0,#2563eb);border-radius:16px;color:#fff;padding:30px 34px;}
    .cb-ic{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex:0 0 auto;}
    .btn-white{background:#fff;color:var(--blue);font-weight:700;border-radius:8px;padding:.6rem 1.3rem;font-size:.9rem;}
    .btn-white:hover{background:var(--blue);color:#eef3ff;border: 2px solid #fff;}

    /* Footer */
    footer{background:#081733;color:#c4d3ee;padding:52px 0 22px;}
    .footer-desc{color:#93a6c7;font-size:.85rem;}
    footer h6{color:#fff;font-weight:700;font-size:.92rem;margin-bottom:16px;}
    footer a{color:#a9bad6;font-size:.85rem;display:block;margin-bottom:9px;}
    footer a:hover{color:#fff;}
    .soc{width:34px;height:34px;border-radius:7px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:8px;}
    .soc:hover{background:var(--blue);}
    .news-input{background:#0f234a;border:1px solid #1c3563;color:#fff;border-radius:8px 0 0 8px;font-size:.85rem;}
    .news-input::placeholder{color:#7f93b6;}
    .news-btn{background:var(--blue);border:none;color:#fff;border-radius:0 8px 8px 0;padding:0 14px;}
    .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:18px;font-size:.8rem;color:#8598ba;}
    .foot-bottom a{display:inline;color:#8598ba;}

    @media(max-width:991px){
      .hero h1{font-size:2.1rem;}
      .stat-div{border-right:none;}
    }