:root{
    --navy:#0B2545;
    --blue-primary:#1656B0;
    --blue-secondary:#2E86DE;
    --blue-deep:#0F3D8C;
    --blue-light:#EAF3FC;
    --sky-tint:#DCEBFB;
    --teal-accent:#12B5A6;
    --white:#FFFFFF;
    --text-dark:#16233A;
    --text-muted:#5A6B85;
    --border-soft:#D7E6F7;
    --shadow-blue: 0 20px 40px -18px rgba(22,86,176,0.35);
    --radius-lg: 18px;
    --radius-md: 12px;
  }

  *{margin:0;padding:0;box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  body{
    font-family:'Inter', sans-serif;
    color:var(--text-dark);
    background:var(--white);
    line-height:1.6;
    overflow-x:hidden;
  }

  h1,h2,h3,h4{
    font-family:'Sora', sans-serif;
    color:var(--navy);
    line-height:1.2;
  }

  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}

  .container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }

  .eyebrow{
    font-family:'JetBrains Mono', monospace;
    text-transform:uppercase;
    letter-spacing:0.14em;
    font-size:12.5px;
    font-weight:500;
    color:var(--blue-secondary);
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .eyebrow::before{
    content:"";
    width:22px;
    height:2px;
    background:var(--teal-accent);
    display:inline-block;
  }

  section{padding:96px 0;}
  .section-head{
    max-width:640px;
    margin-bottom:52px;
  }
  .section-head h2{font-size:clamp(28px,3.4vw,38px);margin-top:14px;}
  .section-head p{color:var(--text-muted);margin-top:14px;font-size:16px;}

  /* ===== Focus states ===== */
  a:focus-visible, button:focus-visible{
    outline:2.5px solid var(--teal-accent);
    outline-offset:3px;
    border-radius:4px;
  }

  /* ===== HEADER ===== */
  header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border-soft);
  }
  .nav-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 32px;
    max-width:1180px;
    margin:0 auto;
  }
  .logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:'Sora',sans-serif;
    font-weight:800;
    font-size:22px;
    color:var(--navy);
  }
  .logo .mark{
    width:36px;height:36px;
    border-radius:9px;
    background:linear-gradient(135deg,var(--blue-primary),var(--teal-accent));
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:16px;font-weight:800;
    box-shadow:0 8px 16px -6px rgba(22,86,176,0.55);
  }
  .logo .brand-sub{
    display:block;
    font-family:'Inter',sans-serif;
    font-weight:500;
    font-size:11px;
    letter-spacing:0.08em;
    color:var(--text-muted);
    text-transform:uppercase;
    margin-top:-2px;
  }

  nav ul{
    display:flex;
    align-items:center;
    gap:38px;
  }
  nav a{
    font-weight:600;
    font-size:14.5px;
    color:var(--text-dark);
    position:relative;
    padding:6px 0;
    transition:color .2s ease;
  }
  nav a::after{
    content:"";
    position:absolute;
    left:0;bottom:0;
    width:0%;height:2px;
    background:var(--teal-accent);
    transition:width .25s ease;
  }
  nav a:hover{color:var(--blue-primary);}
  nav a:hover::after{width:100%;}
  .nav-links-group{display:flex;align-items:center;gap:38px;}
  .partner-links{
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:24px;
    border-left:1px solid var(--border-soft);
  }
  .partner-pill{
    font-size:12.5px;
    font-weight:600;
    padding:7px 13px;
    border-radius:100px;
    border:1px solid var(--border-soft);
    color:var(--blue-primary);
    background:var(--blue-light);
    white-space:nowrap;
    transition:all .2s ease;
  }
  .partner-pill:hover{
    background:var(--blue-primary);
    color:#fff;
    border-color:var(--blue-primary);
  }

  .cta-btn{
    background:var(--blue-primary);
    color:#fff;
    padding:11px 22px;
    border-radius:100px;
    font-weight:600;
    font-size:14.5px;
    border:none;
    cursor:pointer;
    box-shadow:var(--shadow-blue);
    transition:transform .2s ease, background .2s ease;
    display:inline-block;
  }
  .cta-btn:hover{background:var(--blue-deep);transform:translateY(-2px);}
  .cta-outline{
    border:1.5px solid var(--blue-primary);
    color:var(--blue-primary);
    padding:10.5px 22px;
    border-radius:100px;
    font-weight:600;
    font-size:14.5px;
    background:transparent;
    transition:all .2s ease;
  }
  .cta-outline:hover{background:var(--blue-primary);color:#fff;}

  .menu-toggle{display:none;}

  /* ===== HERO ===== */
  .hero{
    padding:88px 0 70px;
    background:
      radial-gradient(circle at 90% 10%, rgba(46,134,222,0.12), transparent 45%),
      linear-gradient(180deg,var(--white) 0%, var(--blue-light) 100%);
    position:relative;
    overflow:hidden;
  }
  .hero-inner{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:50px;
    align-items:center;
  }
  .hero h1{
    font-size:clamp(34px,4.6vw,54px);
    margin:18px 0 20px;
    letter-spacing:-0.01em;
  }
  .hero h1 span{color:var(--blue-primary);}
  .hero .tagline{
    font-size:18px;
    color:var(--text-muted);
    max-width:520px;
    margin-bottom:34px;
  }
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:38px;}
  .hero-stats{
    display:flex;
    gap:36px;
    padding-top:26px;
    border-top:1px solid var(--border-soft);
  }
  .hero-stats div strong{
    display:block;
    font-family:'Sora',sans-serif;
    font-size:24px;
    color:var(--navy);
  }
  .hero-stats div span{
    font-size:13px;
    color:var(--text-muted);
  }

  /* Signature network mesh graphic */
  .mesh-wrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mesh-wrap svg{width:100%;max-width:480px;height:auto;}
  .mesh-node{fill:var(--blue-primary);}
  .mesh-node.alt{fill:var(--teal-accent);}
  .mesh-line{stroke:var(--blue-secondary);stroke-width:1.3;opacity:0.55;}
  .mesh-pulse{
    animation:pulseNode 3.2s ease-in-out infinite;
    transform-origin:center;
  }
  .mesh-pulse.d2{animation-delay:0.6s;}
  .mesh-pulse.d3{animation-delay:1.2s;}
  .mesh-pulse.d4{animation-delay:1.8s;}
  .mesh-pulse.d5{animation-delay:2.4s;}
  @keyframes pulseNode{
    0%,100%{opacity:0.55;transform:scale(1);}
    50%{opacity:1;transform:scale(1.35);}
  }
  .mesh-flow{
    stroke-dasharray:6 10;
    animation:flowMove 5s linear infinite;
  }
  @keyframes flowMove{to{stroke-dashoffset:-160;}}

  @media (prefers-reduced-motion: reduce){
    .mesh-pulse, .mesh-flow{animation:none;}
  }

  /* ===== SERVICES ===== */
  .services{background:var(--white);}
  .services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .service-card{
    background:var(--white);
    border:1px solid var(--border-soft);
    border-radius:var(--radius-lg);
    padding:30px 26px;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .service-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-blue);
    border-color:transparent;
  }
  .service-icon{
    width:52px;height:52px;
    border-radius:14px;
    background:var(--blue-light);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    color:var(--blue-primary);
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
  }
  .service-card:hover .service-icon{
    transform:rotate(-8deg) scale(1.12);
  }
  .service-card h3{font-size:18px;margin-bottom:9px;transition:color .2s ease;}
  .service-card:hover h3{color:var(--blue-primary);}
  .service-card p{font-size:14.5px;color:var(--text-muted);}

  /* Colorful icon variants */
  .ic-1{background:linear-gradient(135deg,#5B8DEF,#3461C1);color:#fff;}
  .ic-2{background:linear-gradient(135deg,#12B5A6,#0B8477);color:#fff;}
  .ic-3{background:linear-gradient(135deg,#2E86DE,#1656B0);color:#fff;}
  .ic-4{background:linear-gradient(135deg,#F5A524,#E07C0B);color:#fff;}
  .ic-5{background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff;}
  .ic-6{background:linear-gradient(135deg,#F0609B,#D63C7C);color:#fff;}
  .ic-7{background:linear-gradient(135deg,#22C55E,#15803D);color:#fff;}
  .ic-8{background:linear-gradient(135deg,#06B6D4,#0E7490);color:#fff;}
  .ic-9{background:linear-gradient(135deg,#EF4444,#B91C1C);color:#fff;}
  .ic-10{background:linear-gradient(135deg,#6366F1,#4338CA);color:#fff;}
  .service-card:hover .ic-1{box-shadow:0 12px 22px -8px rgba(52,97,193,0.55);}
  .service-card:hover .ic-2{box-shadow:0 12px 22px -8px rgba(11,132,119,0.55);}
  .service-card:hover .ic-3{box-shadow:0 12px 22px -8px rgba(22,86,176,0.55);}
  .service-card:hover .ic-4{box-shadow:0 12px 22px -8px rgba(224,124,11,0.55);}
  .service-card:hover .ic-5{box-shadow:0 12px 22px -8px rgba(109,40,217,0.55);}
  .service-card:hover .ic-6{box-shadow:0 12px 22px -8px rgba(214,60,124,0.55);}
  .service-card:hover .ic-7{box-shadow:0 12px 22px -8px rgba(21,128,61,0.55);}
  .service-card:hover .ic-8{box-shadow:0 12px 22px -8px rgba(14,116,144,0.55);}
  .service-card:hover .ic-9{box-shadow:0 12px 22px -8px rgba(185,28,28,0.55);}
  .service-card:hover .ic-10{box-shadow:0 12px 22px -8px rgba(67,56,202,0.55);}

  /* ===== FULL SERVICE LIST ===== */
  .all-services{background:var(--blue-light);}
  .full-list-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  .full-list-item{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid var(--border-soft);
    border-radius:12px;
    padding:16px 18px;
    font-size:14.5px;
    font-weight:600;
    color:var(--text-dark);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .full-list-item:hover{
    transform:translateY(-4px) scale(1.015);
    box-shadow:0 16px 30px -14px rgba(22,86,176,0.35);
    border-color:transparent;
  }
  .fl-icon{
    flex:none;
    width:38px;height:38px;
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    transition:transform .3s cubic-bezier(.34,1.56,.64,1);
  }
  .full-list-item:hover .fl-icon{transform:rotate(12deg) scale(1.12);}
  .fl-icon svg{width:18px;height:18px;}

  /* ===== ECOMMERCE ===== */
  .ecommerce{
    background:linear-gradient(180deg,var(--blue-light) 0%, var(--white) 100%);
  }
  .platform-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:36px;
  }
  .platform-card{
    background:#fff;
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:26px 20px;
    text-align:center;
    transition:all .25s ease;
  }
  .platform-card:hover{border-color:var(--blue-secondary);transform:translateY(-4px);}
  .platform-card .p-name{
    font-family:'Sora',sans-serif;
    font-weight:700;
    font-size:16px;
    color:var(--navy);
    margin-top:12px;
  }
  .platform-card .p-tag{
    font-size:12.5px;
    color:var(--text-muted);
    margin-top:4px;
  }
  .platform-icon{
    width:44px;height:44px;
    margin:0 auto;
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    font-family:'Sora',sans-serif;
    font-weight:800;
    font-size:15px;
  }

  /* ===== AI INNOVATION ===== */
  .ai-innovation{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:linear-gradient(160deg,#071B36 0%,#0B2545 48%,#0F3D8C 100%);
    color:#fff;
  }
  .ai-innovation::before{
    content:"";
    position:absolute;
    top:-20%;left:-10%;
    width:60%;height:80%;
    background:radial-gradient(circle,rgba(18,181,166,0.28),transparent 65%);
    filter:blur(10px);
    pointer-events:none;
  }
  .ai-innovation::after{
    content:"";
    position:absolute;
    bottom:-25%;right:-10%;
    width:55%;height:75%;
    background:radial-gradient(circle,rgba(46,134,222,0.30),transparent 65%);
    filter:blur(10px);
    pointer-events:none;
  }
  .ai-mesh-bg{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    opacity:0.5;
    pointer-events:none;
  }
  .ai-innovation .container{position:relative;z-index:2;}

  .ai-head{
    max-width:680px;
    margin:0 auto 30px;
    text-align:center;
  }
  .ai-innovation .eyebrow{color:var(--teal-accent);justify-content:center;}
  .ai-innovation .eyebrow::before{background:var(--teal-accent);}
  .ai-head h2{
    color:#fff;
    font-size:clamp(28px,3.8vw,42px);
    margin:16px 0 16px;
  }
  .ai-head h2 span{
    background:linear-gradient(90deg,#5DD9CD,#6FA8F5);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .ai-head p{color:#B9C8DF;font-size:16.5px;}

  .ai-stats{
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
    margin:44px 0 56px;
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,0.12);
    border-bottom:1px solid rgba(255,255,255,0.12);
  }
  .ai-stat{text-align:center;}
  .ai-stat strong{
    display:block;
    font-family:'Sora',sans-serif;
    font-size:clamp(30px,4vw,40px);
    background:linear-gradient(90deg,#5DD9CD,#8FB8F7);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .ai-stat span{font-size:13px;color:#9FB2CE;letter-spacing:0.02em;}

  .ai-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .ai-card{
    background:rgba(255,255,255,0.045);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--radius-lg);
    padding:30px 26px;
    backdrop-filter:blur(6px);
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
  }
  .ai-card:hover{
    transform:translateY(-8px);
    border-color:rgba(93,217,205,0.55);
    background:rgba(255,255,255,0.07);
    box-shadow:0 24px 46px -20px rgba(18,181,166,0.45);
  }
  .ai-icon{
    width:52px;height:52px;
    border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    background:linear-gradient(135deg,rgba(93,217,205,0.22),rgba(46,134,222,0.22));
    border:1px solid rgba(93,217,205,0.35);
    color:#8FE3D9;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
  }
  .ai-card:hover .ai-icon{
    transform:rotate(-8deg) scale(1.12);
    box-shadow:0 0 24px rgba(93,217,205,0.5);
  }
  .ai-card h3{color:#fff;font-size:17.5px;margin-bottom:9px;}
  .ai-card p{color:#AFC0DA;font-size:14.5px;}

  .ai-cta-row{
    display:flex;
    justify-content:center;
    margin-top:52px;
  }
  .ai-cta-row .cta-btn{
    background:linear-gradient(90deg,var(--teal-accent),var(--blue-secondary));
    box-shadow:0 20px 40px -16px rgba(18,181,166,0.55);
  }
  .ai-cta-row .cta-btn:hover{
    background:linear-gradient(90deg,#0FA598,#2570BE);
  }

  /* ===== TECH STACK ===== */
  .tech{background:var(--navy);color:#fff;}
  .tech .section-head h2, .tech .section-head p{color:#fff;}
  .tech .section-head p{color:#B9C8DF;}
  .tech-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }
  .tech-chip{
    font-family:'JetBrains Mono', monospace;
    font-size:13.5px;
    padding:10px 18px;
    border-radius:100px;
    border:1px solid rgba(255,255,255,0.18);
    background:rgba(255,255,255,0.04);
    color:#DCE8FA;
    transition:all .2s ease;
  }
  .tech-chip:hover{
    background:var(--teal-accent);
    border-color:var(--teal-accent);
    color:var(--navy);
    transform:translateY(-3px);
  }

  /* ===== OUTSOURCE ===== */
  .outsource{
    background:var(--white);
  }
  .outsource-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
  }
  .outsource-card{
    background:var(--blue-light);
    border-radius:var(--radius-lg);
    padding:40px;
  }
  .outsource-list li{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:14px 0;
    border-bottom:1px solid var(--border-soft);
    font-size:15px;
  }
  .outsource-list li:last-child{border-bottom:none;}
  .outsource-list .num{
    font-family:'JetBrains Mono',monospace;
    color:var(--blue-primary);
    font-weight:600;
    font-size:13px;
  }

  /* ===== ABOUT ===== */
  .about{background:var(--blue-light);}
  .about-inner{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:56px;
    align-items:center;
  }
  .about-badge{
    background:#fff;
    border-radius:var(--radius-lg);
    padding:34px;
    box-shadow:var(--shadow-blue);
  }
  .about-badge h3{font-size:40px;}
  .about-badge span{color:var(--text-muted);font-size:14px;}
  .about p{color:var(--text-muted);margin-bottom:16px;font-size:16px;}

  /* ===== CONTACT ===== */
  .contact{background:var(--navy);color:#fff;}
  .contact .section-head h2, .contact .section-head p{color:#fff;}
  .contact .section-head p{color:#B9C8DF;}
  .contact-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .contact-card{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--radius-lg);
    padding:30px;
  }
  .contact-card h4{color:#fff;font-size:16px;margin-bottom:10px;}
  .contact-card p, .contact-card a{color:#B9C8DF;font-size:15px;}
  .contact-card a:hover{color:var(--teal-accent);}
  .contact-icon{
    width:42px;height:42px;
    border-radius:10px;
    background:var(--teal-accent);
    color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;
  }

  /* ===== FOOTER ===== */
  footer{
    background:#081B33;
    color:#8FA4C4;
    padding:40px 0 26px;
  }
  .footer-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
  }
  .footer-brand{
    font-family:'Sora',sans-serif;
    font-weight:700;
    color:#fff;
    font-size:16px;
  }
  .footer-links{display:flex;gap:24px;}
  .footer-links a{font-size:14px;}
  .footer-links a:hover{color:var(--teal-accent);}
  .footer-bottom{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,0.08);
    font-size:12.5px;
    text-align:center;
  }

  /* ===== WHATSAPP FLOAT ===== */
  .wa-float{
    position:fixed;
    right:26px;
    bottom:26px;
    z-index:1200;
    display:flex;
    align-items:center;
  }
  .wa-btn{
    width:60px;height:60px;
    border-radius:50%;
    background:#25D366;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 14px 28px -8px rgba(37,211,102,0.6);
    animation:waPulse 2.6s ease-in-out infinite;
  }
  .wa-btn svg{width:30px;height:30px;fill:#fff;}
  @keyframes waPulse{
    0%,100%{box-shadow:0 14px 28px -8px rgba(37,211,102,0.6);}
    50%{box-shadow:0 14px 34px -6px rgba(37,211,102,0.85), 0 0 0 8px rgba(37,211,102,0.15);}
  }
  @media (prefers-reduced-motion: reduce){
    .wa-btn{animation:none;}
  }
  .wa-tooltip{
    position:absolute;
    right:72px;
    bottom:14px;
    background:#fff;
    color:var(--text-dark);
    padding:10px 16px;
    border-radius:10px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 10px 24px -8px rgba(0,0,0,0.25);
    opacity:0;
    transform:translateX(8px);
    transition:all .25s ease;
    pointer-events:none;
  }
  .wa-float:hover .wa-tooltip{opacity:1;transform:translateX(0);}

  /* ===== INNER / LEGAL PAGES ===== */
  .page-banner{
    padding:64px 0 48px;
    background:
      radial-gradient(circle at 90% 10%, rgba(46,134,222,0.12), transparent 45%),
      linear-gradient(180deg,var(--white) 0%, var(--blue-light) 100%);
    border-bottom:1px solid var(--border-soft);
  }
  .breadcrumb{
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px;
    color:var(--text-muted);
    margin-bottom:14px;
  }
  .breadcrumb a{color:var(--blue-primary);font-weight:600;}
  .breadcrumb a:hover{text-decoration:underline;}
  .page-banner h1{font-size:clamp(30px,4vw,44px);}
  .page-banner p.lede{color:var(--text-muted);margin-top:12px;font-size:16px;max-width:600px;}
  .updated-tag{
    display:inline-block;
    margin-top:18px;
    font-size:12.5px;
    font-weight:600;
    color:var(--blue-primary);
    background:var(--sky-tint);
    padding:6px 14px;
    border-radius:100px;
  }

  .prose-section{padding:64px 0 100px;}
  .prose-wrap{
    max-width:820px;
    margin:0 auto;
  }
  .prose-wrap h2{
    font-size:22px;
    margin-top:44px;
    margin-bottom:14px;
    padding-top:20px;
    border-top:1px solid var(--border-soft);
  }
  .prose-wrap h2:first-child{border-top:none;padding-top:0;margin-top:0;}
  .prose-wrap p{color:var(--text-muted);font-size:15.5px;margin-bottom:14px;}
  .prose-wrap ul{margin:14px 0 18px 0;}
  .prose-wrap ul li{
    color:var(--text-muted);
    font-size:15.5px;
    padding:8px 0 8px 26px;
    position:relative;
  }
  .prose-wrap ul li::before{
    content:"";
    position:absolute;
    left:0;top:16px;
    width:8px;height:8px;
    border-radius:50%;
    background:var(--teal-accent);
  }
  .prose-wrap strong{color:var(--text-dark);}
  .prose-note{
    background:var(--blue-light);
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:20px 24px;
    margin-top:30px;
    font-size:14.5px;
    color:var(--text-muted);
  }
  .prose-note strong{color:var(--navy);}

  /* Contact page */
  .contact-page-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
  }
  .contact-form{
    background:var(--blue-light);
    border-radius:var(--radius-lg);
    padding:34px;
    display:grid;
    gap:16px;
  }
  .contact-form label{
    font-size:13.5px;
    font-weight:600;
    color:var(--navy);
    margin-bottom:6px;
    display:block;
  }
  .contact-form input, .contact-form textarea{
    width:100%;
    padding:12px 14px;
    border-radius:10px;
    border:1px solid var(--border-soft);
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    background:#fff;
    color:var(--text-dark);
  }
  .contact-form input:focus, .contact-form textarea:focus{
    outline:2px solid var(--blue-secondary);
    outline-offset:1px;
  }
  .contact-info-list{display:grid;gap:18px;}
  .contact-info-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
    background:#fff;
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:20px;
  }
  .contact-info-item .contact-icon{margin-bottom:0;background:var(--blue-primary);color:#fff;flex:none;}
  .contact-info-item h4{font-size:15px;margin-bottom:4px;}
  .contact-info-item p, .contact-info-item a{font-size:14.5px;color:var(--text-muted);}
  .contact-info-item a:hover{color:var(--blue-primary);}

  /* About page (minimal) */
  .about-page-hero{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
  }

  /* Footer legal row */
  .footer-legal{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .footer-legal a{font-size:12.5px;color:#8FA4C4;}
  .footer-legal a:hover{color:var(--teal-accent);}
  .footer-col-title{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:#5F769B;
    margin-bottom:2px;
    width:100%;
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width:960px){
    .hero-inner{grid-template-columns:1fr;}
    .mesh-wrap{order:-1;max-width:320px;margin:0 auto 20px;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .full-list-grid{grid-template-columns:repeat(2,1fr);}
    .ai-grid{grid-template-columns:repeat(2,1fr);}
    .ai-stats{gap:34px;}
    .platform-row{grid-template-columns:repeat(2,1fr);}
    .outsource-inner, .about-inner{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .contact-page-grid{grid-template-columns:1fr;}
    .nav-links-group{display:none;}
  }
  @media (max-width:600px){
    section{padding:64px 0;}
    .services-grid{grid-template-columns:1fr;}
    .full-list-grid{grid-template-columns:1fr;}
    .ai-grid{grid-template-columns:1fr;}
    .ai-innovation{padding:80px 0;}
    .ai-stats{gap:26px;}
    .platform-row{grid-template-columns:1fr;}
    .hero-stats{gap:22px;flex-wrap:wrap;}
    .nav-wrap{padding:14px 20px;}
    .container{padding:0 20px;}
    .prose-section{padding:44px 0 70px;}
  }