:root{
      --blue:#006fe6;
      --blue2:#00a8ff;
      --cyan:#4fd8ff;
      --navy:#031427;
      --navy2:#061f38;
      --ink:#0e1724;
      --text:#536678;
      --muted:#8193a4;
      --line:#dcecf8;
      --soft:#f3f9ff;
      --white:#ffffff;
      --glass:rgba(255,255,255,.11);
      --shadow:0 34px 100px rgba(2,22,44,.18);
      --shadow2:0 18px 55px rgba(2,22,44,.11);
      --radius:30px;
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      font-family:Inter, "Segoe UI", Arial, sans-serif;
      color:var(--ink);
      background:#fff;
      line-height:1.7;
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    .container{width:min(1240px,92%);margin:auto}
    .section{padding:112px 0}
    .section-sm{padding:82px 0}
    h1,h2,h3,h4{line-height:1.08;color:var(--navy)}
    h1{font-size:clamp(44px,7vw,92px);letter-spacing:-3.2px}
    h2{font-size:clamp(30px,4.2vw,56px);letter-spacing:-1.4px}
    h3{font-size:22px;letter-spacing:-.4px}
    h4{font-size:16px}
    p{font-size:15.5px;color:var(--text)}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--blue);
      font-weight:900;
      font-size:12px;
      letter-spacing:3px;
      text-transform:uppercase;
      margin-bottom:16px;
    }
    .eyebrow:before{
      content:"";
      width:36px;height:2px;border-radius:20px;
      background:linear-gradient(90deg,var(--blue),var(--cyan));
    }
    .title-center{text-align:center;max-width:900px;margin:0 auto 56px}
    .title-center .eyebrow:after{
      content:"";
      width:36px;height:2px;border-radius:20px;
      background:linear-gradient(90deg,var(--cyan),var(--blue));
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:15px 25px;
      border-radius:999px;
      border:1px solid transparent;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      color:#fff;
      font-size:12px;
      font-weight:900;
      letter-spacing:1.6px;
      text-transform:uppercase;
      box-shadow:0 18px 44px rgba(0,111,230,.32);
      transition:.32s ease;
      cursor:pointer;
    }
    .btn:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(0,111,230,.42)}
    .btn.light{background:#fff;color:var(--navy);box-shadow:none;border-color:rgba(255,255,255,.42)}
    .btn.dark{background:var(--navy);color:#fff;box-shadow:none}
    .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none;color:#fff}

    .svg-icon{
      width:52px;height:52px;border-radius:18px;
      display:grid;place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      box-shadow:0 18px 44px rgba(0,111,230,.25);
      flex:0 0 auto;
    }
    .svg-icon svg,.mini-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .mini-icon{
      width:40px;height:40px;border-radius:14px;
      display:grid;place-items:center;
      color:var(--blue);
      background:#eef8ff;
      border:1px solid #d9efff;
      flex:0 0 auto;
    }

    /* Header */
    .topbar{
      background:#020c16;
      color:#bdd8ec;
      padding:9px 0;
      font-size:12px;
    }
    .topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center}
    .topbar span{margin-right:22px}
    header{
      position:sticky;top:0;z-index:99;
      background:rgba(255,255,255,.91);
      backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(220,236,248,.92);
    }
    header .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:12px;padding:18px 0}
    .brand-mark{
      width:46px;height:46px;border-radius:16px;
      display:grid;place-items:center;
      font-size:24px;font-weight:950;color:#fff;
      background:
        linear-gradient(135deg,#fff 0 12%,transparent 12%),
        linear-gradient(135deg,var(--blue),var(--blue2));
      box-shadow:0 18px 42px rgba(0,111,230,.3);
    }
    .brand strong{font-size:24px;letter-spacing:3px;color:var(--navy)}
    nav{display:flex;gap:24px;align-items:center}
    nav a{font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:#183551}
    nav a:hover{color:var(--blue)}
    .nav-cta{padding:11px 18px;min-height:auto}

    /* Hero */
    .hero{
      position:relative;
      min-height:890px;
      display:flex;
      align-items:center;
      overflow:hidden;
      color:#fff;
      background:
        radial-gradient(circle at 72% 28%,rgba(0,168,255,.42),transparent 26%),
        radial-gradient(circle at 18% 82%,rgba(79,216,255,.22),transparent 24%),
        linear-gradient(90deg,rgba(2,12,22,.98),rgba(3,31,56,.88),rgba(0,111,230,.52)),
        url('../img/rp-strativa-enterprise-technology-office-hero.jpg') center/cover;
    }
    .hero:before{
      content:"";
      position:absolute;inset:0;
      background:
        linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.09) 44.2% 44.7%,transparent 45%),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);
      background-size:auto,92px 92px,92px 92px;
      mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.85),transparent);
    }
    .hero:after{
      content:"";
      position:absolute;left:0;right:0;bottom:-2px;height:150px;
      background:linear-gradient(180deg,transparent,#fff);
      z-index:1;
    }
    .hero-grid{
      position:relative;z-index:2;
      display:grid;
      grid-template-columns:1.08fr .92fr;
      align-items:center;
      gap:62px;
      padding:96px 0 160px;
    }
    .hero h1,.hero h2,.hero h3{color:#fff}
    .hero-lead{font-size:18.5px;color:#dcefff;max-width:780px;margin:25px 0 0}
    .hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
    .hero-badges span{
      padding:9px 14px;
      color:#dff4ff;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(12px);
      border-radius:999px;
      font-size:12px;
      font-weight:800;
    }
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
    .trust-row{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin-top:42px;
      max-width:760px;
    }
    .trust-card{
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.15);
      border-radius:20px;
      padding:18px 16px;
      backdrop-filter:blur(12px);
    }
    .trust-card b{display:block;color:#fff;font-size:27px;line-height:1}
    .trust-card span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#bde8ff;font-weight:900}

    .hero-dashboard{
      position:relative;
      padding:18px;
      border-radius:34px;
      border:1px solid rgba(255,255,255,.22);
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(22px);
      box-shadow:0 38px 110px rgba(0,0,0,.34);
    }
    .dash-top{
      height:270px;
      border-radius:25px;
      background:
        linear-gradient(180deg,transparent,rgba(3,20,39,.85)),
        url('../img/rp-strativa-software-engineering-dashboard.jpg') center/cover;
      overflow:hidden;
      position:relative;
    }
    .dash-floating{
      position:absolute;
      left:24px;right:24px;bottom:22px;
      display:grid;grid-template-columns:1fr 1fr;gap:12px;
      z-index:2;
    }
    .dash-chip{
      border-radius:16px;
      background:rgba(255,255,255,.13);
      border:1px solid rgba(255,255,255,.18);
      padding:13px;
      backdrop-filter:blur(10px);
    }
    .dash-chip small{display:block;color:#bfeaff;font-weight:850;letter-spacing:1.3px;text-transform:uppercase}
    .dash-chip strong{color:#fff;font-size:18px}
    .dash-content{padding:25px 12px 10px}
    .dash-content p{color:#d8eeff}
    .capability-strip{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:22px;
    }
    .capability-strip div{
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.13);
      border-radius:18px;
      padding:16px;
    }
    .capability-strip b{display:block;color:#fff}
    .capability-strip span{font-size:12px;color:#bde8ff}

    .floating-cta{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:100;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      color:#fff;
      padding:15px 20px;
      border-radius:999px;
      box-shadow:0 18px 50px rgba(0,111,230,.35);
      font-size:12px;
      letter-spacing:1px;
      text-transform:uppercase;
      font-weight:900;
    }

    .overview{
      margin-top:-72px;
      position:relative;
      z-index:5;
    }
    .overview-grid{
      background:#fff;
      border:1px solid var(--line);
      border-radius:32px;
      box-shadow:var(--shadow);
      padding:24px;
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:14px;
    }
    .overview-item{
      padding:22px 18px;
      border-radius:22px;
      background:linear-gradient(180deg,#fff,#f8fcff);
      border:1px solid #e6f2fb;
      transition:.28s ease;
    }
    .overview-item:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}
    .overview-item h4{margin-top:12px;margin-bottom:6px}
    .overview-item p{font-size:13px}

    .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
    .visual{
      position:relative;
      min-height:560px;
    }
    .visual-main{
      position:absolute;inset:0 8% 13% 0;
      border-radius:38px;
      background:
        linear-gradient(180deg,transparent,rgba(3,20,39,.42)),
        url('../img/rp-strativa-technology-engineering-automation.jpg') center/cover;
      box-shadow:var(--shadow);
    }
    .visual-side{
      position:absolute;right:0;bottom:0;width:54%;height:300px;
      border-radius:30px;
      border:12px solid #fff;
      background:url('../img/rp-strativa-business-consulting-team-meeting.jpg') center/cover;
      box-shadow:var(--shadow);
    }
    .visual-card{
      position:absolute;
      left:34px;bottom:58px;
      width:325px;
      padding:24px;
      border-radius:26px;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(255,255,255,.7);
      backdrop-filter:blur(18px);
      box-shadow:var(--shadow2);
    }

    .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
    .work-item{
      display:flex;gap:13px;align-items:flex-start;
      padding:17px;
      border-radius:19px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:0 12px 32px rgba(2,22,44,.06);
    }
    .work-item p{font-size:13.5px;font-weight:760;color:#244057}

    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .why-card{
      padding:32px;
      border-radius:28px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:var(--shadow2);
      min-height:285px;
      transition:.3s ease;
    }
    .why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
    .why-card .mini-icon{margin-bottom:22px}
    .why-card h3{margin-bottom:13px}

    .solutions{
      background:
        radial-gradient(circle at 20% 15%,rgba(0,168,255,.18),transparent 30%),
        linear-gradient(180deg,#071d33,#03111e);
      color:#fff;
      position:relative;
      overflow:hidden;
    }
    .solutions h2,.solutions h3{color:#fff}
    .solutions p{color:#cfe7fa}
    .solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .solution-card{
      min-height:310px;
      padding:28px;
      border-radius:28px;
      background:rgba(255,255,255,.075);
      border:1px solid rgba(255,255,255,.13);
      backdrop-filter:blur(10px);
      transition:.28s ease;
    }
    .solution-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.11)}
    .solution-card .mini-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff;margin-bottom:20px}
    .solution-card ul{list-style:none;margin-top:18px}
    .solution-card li{font-size:13.5px;color:#d7efff;margin:7px 0;padding-left:18px;position:relative}
    .solution-card li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}

    .service-nav{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      justify-content:center;
      margin-bottom:36px;
    }
    .service-nav a{
      padding:10px 14px;
      border-radius:999px;
      background:#fff;
      border:1px solid var(--line);
      color:#23445f;
      font-size:12px;
      font-weight:850;
    }
    .service-category{
      background:#fff;
      border:1px solid var(--line);
      border-radius:34px;
      padding:36px;
      box-shadow:var(--shadow2);
      margin-bottom:30px;
      position:relative;
      overflow:hidden;
    }
    .service-category:before{
      content:"";
      position:absolute;right:-80px;top:-80px;
      width:220px;height:220px;border-radius:50%;
      background:radial-gradient(circle,rgba(0,168,255,.16),transparent 68%);
    }
    .category-head{
      position:relative;z-index:2;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:18px;
      margin-bottom:28px;
      align-items:start;
    }
    .category-head p{max-width:920px}
    .cards{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      position:relative;z-index:2;
    }
    .mini-card{
      background:linear-gradient(180deg,#fff,#fbfdff);
      border:1px solid var(--line);
      border-radius:23px;
      padding:23px;
      transition:.28s ease;
    }
    .mini-card:hover{transform:translateY(-6px);border-color:#acd9f6;box-shadow:0 20px 48px rgba(2,22,44,.12)}
    .mini-card h4{margin-bottom:12px;color:#092541}
    .mini-card ul{list-style:none}
    .mini-card li{
      position:relative;
      padding-left:18px;
      margin:7px 0;
      color:#536678;
      font-size:14px;
    }
    .mini-card li:before{
      content:"";
      width:6px;height:6px;border-radius:50%;
      position:absolute;left:0;top:10px;
      background:var(--blue);
      box-shadow:0 0 0 4px rgba(0,111,230,.08);
    }

    .process-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:14px;
      counter-reset:step;
    }
    .process-card{
      counter-increment:step;
      padding:24px;
      border-radius:24px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:0 15px 40px rgba(2,22,44,.07);
      position:relative;
      min-height:210px;
    }
    .process-card:before{
      content:"0" counter(step);
      display:inline-grid;place-items:center;
      width:42px;height:42px;border-radius:15px;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      color:#fff;
      font-size:13px;
      font-weight:900;
      margin-bottom:18px;
    }

    .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .offer{
      padding:32px;
      border-radius:30px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:var(--shadow2);
      min-height:280px;
    }
    .offer .mini-icon{margin-bottom:22px}
    .offer h3{margin-bottom:12px}

    .tech{
      background:
        radial-gradient(circle at 85% 28%,rgba(0,168,255,.25),transparent 28%),
        linear-gradient(180deg,#071d33,#020b14);
      color:#fff;
      overflow:hidden;
    }
    .tech h2,.tech h3{color:#fff}.tech p{color:#cde6fa}
    .tech-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:40px;align-items:center}
    .tech-visual{
      min-height:560px;
      border-radius:38px;
      background:
        linear-gradient(180deg,rgba(3,20,39,.02),rgba(3,20,39,.8)),
        url('../img/rp-strativa-cloud-network-technology-background.jpg') center/cover;
      box-shadow:0 40px 100px rgba(0,0,0,.34);
    }
    .tech-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
    .tech-tags span{
      padding:10px 14px;border-radius:999px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      color:#fff;font-size:13px;font-weight:760;
    }

    .industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .industry{
      min-height:225px;border-radius:30px;padding:26px;
      position:relative;overflow:hidden;display:flex;align-items:flex-end;
      box-shadow:var(--shadow2);
      background:#000;
    }
    .industry:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,39,.04),rgba(3,20,39,.88));z-index:1}
    .industry h3{position:relative;z-index:2;color:#fff}
    .industry span{
      position:absolute;top:18px;left:18px;z-index:2;
      color:#e2f5ff;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;
      padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)
    }
    .industry:nth-child(1){background:url('../img/rp-strativa-banking-finance-technology-industry.jpg') center/cover}
    .industry:nth-child(2){background:url('../img/rp-strativa-financial-services-operations-industry.jpg') center/cover}
    .industry:nth-child(3){background:url('../img/rp-strativa-ecommerce-digital-payments-industry.jpg') center/cover}
    .industry:nth-child(4){background:url('../img/rp-strativa-education-technology-industry.jpg') center/cover}
    .industry:nth-child(5){background:url('../img/rp-strativa-healthcare-technology-industry.jpg') center/cover}
    .industry:nth-child(6){background:url('../img/rp-strativa-energy-utilities-digital-industry.jpg') center/cover}
    .industry:nth-child(7){background:url('../img/rp-strativa-logistics-supply-chain-industry.jpg') center/cover}
    .industry:nth-child(8){background:url('../img/rp-strativa-manufacturing-engineering-industry.jpg') center/cover}
    .industry:nth-child(9){background:url('../img/rp-strativa-media-digital-platform-industry.jpg') center/cover}

    .final-cta{
      background:
        radial-gradient(circle at 82% 20%,rgba(79,216,255,.34),transparent 30%),
        linear-gradient(135deg,var(--blue),var(--navy));
      border-radius:40px;
      padding:64px;
      display:grid;
      grid-template-columns:1.42fr .58fr;
      gap:30px;
      align-items:center;
      box-shadow:0 36px 100px rgba(0,111,230,.28);
      overflow:hidden;
      position:relative;
    }
    .final-cta h2{color:#fff}.final-cta p{color:#e4f6ff}

    footer{
      background:#04111e;
      color:#fff;
      padding:78px 0 22px;
    }
    footer .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
    footer h4{color:#fff;margin-bottom:16px;font-size:13px;text-transform:uppercase;letter-spacing:2px}
    footer p,footer a,footer li{color:#b8cbd9;font-size:14px}
    footer ul{list-style:none}
    footer li{margin:8px 0}
    .copy{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;color:#8096a8;font-size:12px}

    .reveal{opacity:0;transform:translateY(28px);animation:reveal .9s ease forwards}
    .delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.32s}
    @keyframes reveal{to{opacity:1;transform:none}}
    @media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1;transform:none}.btn,.mini-card,.why-card,.solution-card{transition:none}}

    @media(max-width:1080px){
      nav{display:none}
      .hero-grid,.split,.tech-grid,.final-cta{grid-template-columns:1fr}
      .overview-grid{grid-template-columns:repeat(3,1fr)}
      .cards,.why-grid,.solution-grid,.offer-grid,.industries-grid{grid-template-columns:repeat(2,1fr)}
      .process-grid{grid-template-columns:repeat(3,1fr)}
      .hero{min-height:auto}
    }
    @media(max-width:700px){
      .section{padding:76px 0}
      .topbar .container{display:block}
      .hero-grid{padding:76px 0 135px}
      .hero-actions{display:grid}
      .trust-row,.overview-grid,.cards,.why-grid,.solution-grid,.offer-grid,.industries-grid,.process-grid,footer .footer-grid{grid-template-columns:1fr}
      .category-head{grid-template-columns:1fr}
      .service-category{padding:25px}
      .visual{min-height:auto}
      .visual-main,.visual-side,.visual-card{position:relative;inset:auto;width:100%;min-height:270px;margin-bottom:18px}
      .visual-card{min-height:auto}
      .final-cta{padding:36px}
      .floating-cta{left:18px;right:18px;text-align:center}
      .brand strong{font-size:20px}
    }
  
    /* Refinements: elegant hero, mobile menu, scroll top */
    .hero{
      min-height:780px;
      background:
        radial-gradient(circle at 76% 28%,rgba(0,168,255,.28),transparent 25%),
        linear-gradient(90deg,rgba(2,12,22,.96),rgba(3,31,56,.82),rgba(0,111,230,.36)),
        url('../img/rp-strativa-corporate-digital-workspace-banner.jpg') center/cover;
    }
    .hero-grid{
      grid-template-columns:1.12fr .88fr;
      padding:88px 0 145px;
    }
    .hero h1{
      max-width:840px;
      font-size:clamp(42px,6.4vw,82px);
    }
    .hero-lead{
      max-width:650px;
      font-size:18px;
      margin-top:22px;
    }
    .hero-badges{
      gap:8px;
      margin-bottom:22px;
    }
    .hero-badges span{
      padding:8px 12px;
      font-size:11px;
    }
    .trust-row{
      grid-template-columns:repeat(3,1fr);
      max-width:560px;
      margin-top:34px;
    }
    .trust-row .trust-card:nth-child(4){display:none}
    .trust-card{
      padding:16px 14px;
    }
    .hero-dashboard{
      max-width:480px;
      margin-left:auto;
      padding:16px;
      border-radius:30px;
    }
    .dash-top{
      height:235px;
      border-radius:22px;
    }
    .dash-content{
      padding:22px 10px 8px;
    }
    .capability-strip{
      grid-template-columns:1fr;
      gap:10px;
    }
    .capability-strip div{
      padding:14px 15px;
    }

    .mobile-toggle{
      display:none;
      width:44px;
      height:44px;
      border:1px solid var(--line);
      background:#fff;
      border-radius:14px;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      cursor:pointer;
    }
    .mobile-toggle span{
      width:20px;
      height:2px;
      background:var(--navy);
      border-radius:10px;
      display:block;
    }
    #menu-check{display:none}
    .scroll-top{
      position:fixed;
      right:22px;
      bottom:82px;
      width:46px;
      height:46px;
      border-radius:50%;
      background:#fff;
      color:var(--blue);
      border:1px solid var(--line);
      box-shadow:0 16px 42px rgba(2,22,44,.16);
      display:grid;
      place-items:center;
      z-index:100;
      font-weight:900;
      transition:.25s ease;
    }
    .scroll-top:hover{transform:translateY(-4px);background:var(--blue);color:#fff}

    @media(max-width:1080px){
      header .container{position:relative}
      .mobile-toggle{display:flex}
      nav{
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:82px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:24px;
        box-shadow:var(--shadow2);
        padding:18px;
        flex-direction:column;
        align-items:stretch;
        gap:0;
      }
      nav a{
        padding:14px 16px;
        border-bottom:1px solid #edf5fb;
      }
      nav a:last-child{border-bottom:0}
      nav .btn{
        margin-top:10px;
        text-align:center;
      }
      #menu-check:checked ~ nav{display:flex}
    }
    @media(max-width:700px){
      .hero{
        min-height:auto;
      }
      .hero-grid{
        padding:70px 0 120px;
      }
      .hero-badges span:nth-child(n+3){display:none}
      .trust-row{grid-template-columns:1fr 1fr}
      .trust-row .trust-card:nth-child(3){display:none}
      .hero-dashboard{
        margin:8px 0 0;
        max-width:none;
      }
      .dash-top{height:210px}
      .dash-floating{grid-template-columns:1fr}
      .scroll-top{
        bottom:92px;
        right:18px;
      }
    }

  
    /* Premium Technology Tabs Section */
    .tech-tabs-section{
      padding:110px 0;
      background:#f4f4f4;
      overflow:hidden;
    }
    .tech-tabs-shell{
      width:min(1320px,96%);
      margin:auto;
      background:#f3f3f3;
      border-radius:34px;
      box-shadow:0 28px 90px rgba(2,22,44,.10);
      overflow:hidden;
      border:1px solid #e5e5e5;
    }
    .tech-tabs{
      display:grid;
      grid-template-columns:360px 1fr;
      min-height:670px;
    }
    .tech-tabs input{display:none}
    .tab-menu{
      background:#075277;
      display:flex;
      flex-direction:column;
      position:relative;
    }
    .tab-menu label{
      min-height:67px;
      display:flex;
      align-items:center;
      gap:18px;
      padding:13px 24px;
      color:#fff;
      font-size:16px;
      font-weight:650;
      border-bottom:1px solid rgba(255,255,255,.55);
      cursor:pointer;
      position:relative;
      transition:.25s ease;
    }
    .tab-menu label svg{
      width:42px;
      height:42px;
      stroke:#fff;
      fill:none;
      stroke-width:1.45;
      stroke-linecap:round;
      stroke-linejoin:round;
      flex:0 0 auto;
    }
    .tab-menu label:hover{
      background:#0b628c;
      padding-left:30px;
    }
    .tab-menu label:after{
      content:"";
      position:absolute;
      right:-20px;
      top:50%;
      transform:translateY(-50%);
      border-top:20px solid transparent;
      border-bottom:20px solid transparent;
      border-left:20px solid #f6b70f;
      opacity:0;
      z-index:5;
    }
    #tab-front:checked ~ .tab-menu label[for="tab-front"],
    #tab-back:checked ~ .tab-menu label[for="tab-back"],
    #tab-ai:checked ~ .tab-menu label[for="tab-ai"],
    #tab-db:checked ~ .tab-menu label[for="tab-db"],
    #tab-qa:checked ~ .tab-menu label[for="tab-qa"],
    #tab-dx:checked ~ .tab-menu label[for="tab-dx"],
    #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"],
    #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"],
    #tab-data:checked ~ .tab-menu label[for="tab-data"],
    #tab-platform:checked ~ .tab-menu label[for="tab-platform"]{
      background:#075277;
      border-bottom-color:#f6b70f;
    }
    #tab-front:checked ~ .tab-menu label[for="tab-front"]:after,
    #tab-back:checked ~ .tab-menu label[for="tab-back"]:after,
    #tab-ai:checked ~ .tab-menu label[for="tab-ai"]:after,
    #tab-db:checked ~ .tab-menu label[for="tab-db"]:after,
    #tab-qa:checked ~ .tab-menu label[for="tab-qa"]:after,
    #tab-dx:checked ~ .tab-menu label[for="tab-dx"]:after,
    #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"]:after,
    #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"]:after,
    #tab-data:checked ~ .tab-menu label[for="tab-data"]:after,
    #tab-platform:checked ~ .tab-menu label[for="tab-platform"]:after{opacity:1}

    .tab-content-area{
      background:#f4f4f4;
      position:relative;
      overflow:hidden;
    }
    .tab-panel{
      display:none;
      min-height:670px;
      padding:64px 48px 54px;
      text-align:center;
      animation:fadePanel .45s ease both;
    }
    @keyframes fadePanel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
    #tab-front:checked ~ .tab-content-area .front,
    #tab-back:checked ~ .tab-content-area .back,
    #tab-ai:checked ~ .tab-content-area .ai,
    #tab-db:checked ~ .tab-content-area .db,
    #tab-qa:checked ~ .tab-content-area .qa,
    #tab-dx:checked ~ .tab-content-area .dx,
    #tab-mobile:checked ~ .tab-content-area .mobile,
    #tab-cloud:checked ~ .tab-content-area .cloud,
    #tab-data:checked ~ .tab-content-area .data,
    #tab-platform:checked ~ .tab-content-area .platform{display:block}

    .tab-panel h2{
      font-size:clamp(32px,4vw,46px);
      color:#064a70;
      letter-spacing:-1px;
      margin-bottom:12px;
    }
    .tab-panel .tab-underline{
      width:150px;
      height:4px;
      background:#f6b70f;
      border-radius:10px;
      margin:0 auto 32px;
    }
    .tab-panel p{
      color:#181b24;
      font-size:17px;
      max-width:980px;
      margin:0 auto 50px;
      line-height:1.75;
    }
    .logo-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:34px 0;
      max-width:1040px;
      margin:0 auto 48px;
      align-items:center;
    }
    .logo-cell{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px 24px;
      border-right:2px dashed #d5d5d5;
    }
    .logo-cell:nth-child(5n){border-right:0}
    .brand-logo{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      font-size:24px;
      font-weight:800;
      color:#1d1d1f;
      white-space:nowrap;
      line-height:1;
    }
    .brand-logo small{
      font-size:13px;
      font-weight:700;
      letter-spacing:.2px;
      display:block;
      color:inherit;
    }
    .logo-mark{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:10px;
      color:#fff;
      font-size:18px;
      font-weight:900;
    }
    .react{color:#00c8f8}.next{font-size:32px;letter-spacing:2px}.angular{color:#d8333f}.vue{color:#111}.ts{color:#2179c9}.html5{color:#e44d26}.css3{color:#2767d8}.js{color:#e6be16}.bootstrap{color:#604099}.node{color:#70a95b}.python{color:#3775a9}.java{color:#e76f00}.php{color:#6d7fb6}.net{color:#68217a}.mysql{color:#ef8b20}.postgres{color:#336791}.oracle{color:#e21b22}.mongo{color:#5f8f3e}.elastic{color:#18a2b8}.redis{color:#d82c20}.openai{color:#111}.gemini{color:#5b9dff}.copilot{color:#222}.claude{color:#c86b45}.deepseek{color:#477cff}.selenium{color:#18a83a}.playwright{color:#2d2d2d}.appium{color:#7a46c5}.cypress{color:#555}.postman{color:#ff6c37}.aws{color:#232f3e}.azure{color:#1788d5}.gcp{color:#777}.docker{color:#2496ed}.terraform{color:#6046c3}.grafana{color:#f46800}.cloudflare{color:#f48120}.snowflake{color:#32b9e8}.kafka{color:#111}.databricks{color:#ee3d2f}.airflow{color:#017cee}.power{color:#777}.servicenow{color:#222}.figma{color:#111}.wordpress{color:#444}

    .tech-know-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:140px;
      padding:11px 24px;
      border-radius:999px;
      background:#f6b70f;
      color:#000;
      font-size:17px;
      font-weight:650;
      box-shadow:0 12px 26px rgba(246,183,15,.25);
      transition:.25s ease;
    }
    .tech-know-btn:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 34px rgba(246,183,15,.35);
    }

    @media(max-width:1000px){
      .tech-tabs{grid-template-columns:1fr}
      .tab-menu{
        display:grid;
        grid-template-columns:repeat(2,1fr);
      }
      .tab-menu label{
        min-height:62px;
        font-size:14px;
      }
      .tab-menu label:after{display:none}
      .tab-panel{min-height:auto;padding:50px 22px}
      .logo-grid{grid-template-columns:repeat(2,1fr);gap:18px 0}
      .logo-cell:nth-child(5n){border-right:2px dashed #d5d5d5}
      .logo-cell:nth-child(2n){border-right:0}
    }
    @media(max-width:620px){
      .tech-tabs-section{padding:70px 0}
      .tech-tabs-shell{width:94%;border-radius:24px}
      .tab-menu{grid-template-columns:1fr}
      .tab-menu label{
        padding:12px 18px;
        min-height:58px;
      }
      .tab-menu label svg{width:34px;height:34px}
      .logo-grid{grid-template-columns:1fr}
      .logo-cell{border-right:0!important;border-bottom:1px dashed #d5d5d5}
      .logo-cell:last-child{border-bottom:0}
      .brand-logo{font-size:22px}
    }

  
    /* Alignment + Responsiveness Fixes */
    html, body{
      width:100%;
      max-width:100%;
      overflow-x:hidden;
    }
    section, header, footer{
      max-width:100%;
      overflow-x:hidden;
    }
    .container{
      max-width:1240px;
    }

    /* Prevent hero / cards from going out of frame */
    .hero-grid,
    .split,
    .tech-grid,
    .final-cta,
    .overview-grid,
    .why-grid,
    .solution-grid,
    .cards,
    .offer-grid,
    .industries-grid,
    .process-grid{
      width:100%;
      max-width:100%;
    }

    .hero-dashboard,
    .visual,
    .visual-main,
    .visual-side,
    .visual-card,
    .service-category,
    .tech-tabs-shell,
    .final-cta{
      max-width:100%;
    }

    /* Header mobile dropdown fix */
    @media(max-width:1080px){
      header{
        overflow:visible;
      }
      header .container{
        overflow:visible;
      }
      nav{
        width:calc(100% - 24px);
        left:12px;
        right:12px;
        top:78px;
        max-height:78vh;
        overflow-y:auto;
      }
    }

    /* Premium Technology Tabs - alignment fixes */
    .tech-tabs-section{
      width:100%;
      overflow:hidden;
    }
    .tech-tabs-shell{
      width:min(1280px,94%);
      max-width:1280px;
      overflow:hidden;
    }
    .tech-tabs{
      grid-template-columns:minmax(285px,350px) minmax(0,1fr);
      width:100%;
      max-width:100%;
    }
    .tab-menu{
      min-width:0;
    }
    .tab-menu label{
      width:100%;
      min-width:0;
      font-size:15.5px;
    }
    .tab-menu label span{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .tab-content-area{
      min-width:0;
      width:100%;
      overflow:hidden;
    }
    .tab-panel{
      width:100%;
      max-width:100%;
      overflow:hidden;
      padding:58px 34px 52px;
    }
    .tab-panel p{
      max-width:920px;
      padding:0 10px;
      overflow-wrap:anywhere;
    }
    .logo-grid{
      width:100%;
      max-width:980px;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:26px 0;
      overflow:hidden;
    }
    .logo-cell{
      min-width:0;
      width:100%;
      padding:10px 14px;
      overflow:hidden;
    }
    .brand-logo{
      max-width:100%;
      min-width:0;
      white-space:normal;
      text-align:center;
      overflow-wrap:anywhere;
      word-break:normal;
      font-size:clamp(15px,1.55vw,23px);
      line-height:1.15;
      gap:7px;
      flex-wrap:wrap;
    }
    .brand-logo.next{
      font-size:clamp(18px,2.05vw,29px);
    }
    .brand-logo small{
      display:inline;
      font-size:clamp(10px,.9vw,12px);
    }
    .logo-mark{
      width:32px;
      height:32px;
      min-width:32px;
      font-size:15px;
      border-radius:9px;
    }

    /* Service card content balance */
    .mini-card{
      min-width:0;
      overflow:hidden;
    }
    .mini-card li,
    .mini-card h4,
    .mini-card p{
      overflow-wrap:anywhere;
    }

    @media(max-width:1180px){
      .cards{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }
      .process-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }
    }

    @media(max-width:1000px){
      .tech-tabs{
        grid-template-columns:1fr;
      }
      .tech-tabs-shell{
        width:94%;
        border-radius:26px;
      }
      .tab-menu{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .tab-menu label{
        min-height:60px;
        padding:12px 16px;
      }
      .tab-menu label svg{
        width:34px;
        height:34px;
      }
      .tab-panel{
        padding:48px 22px 46px;
      }
      .logo-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        max-width:760px;
      }
      .logo-cell{
        border-right:1px dashed #d5d5d5;
      }
      .logo-cell:nth-child(5n){
        border-right:1px dashed #d5d5d5;
      }
      .logo-cell:nth-child(3n){
        border-right:0;
      }
      .brand-logo{
        font-size:clamp(14px,2.2vw,20px);
      }
      .brand-logo.next{
        font-size:clamp(17px,2.8vw,25px);
      }
    }

    @media(max-width:800px){
      .cards,
      .why-grid,
      .solution-grid,
      .offer-grid,
      .industries-grid,
      .process-grid,
      .overview-grid{
        grid-template-columns:1fr!important;
      }
      .hero-grid{
        gap:36px;
      }
      .trust-row{
        max-width:100%;
      }
      .final-cta{
        grid-template-columns:1fr;
        text-align:left;
      }
      .final-cta div[style*="text-align:right"]{
        text-align:left!important;
      }
    }

    @media(max-width:620px){
      h1{
        font-size:clamp(36px,10vw,48px);
        letter-spacing:-1.6px;
      }
      h2{
        font-size:clamp(28px,8vw,38px);
      }
      .hero-lead{
        font-size:16px;
      }
      .hero-dashboard{
        padding:12px;
      }
      .dash-floating{
        left:14px;
        right:14px;
        bottom:14px;
      }
      .capability-strip{
        grid-template-columns:1fr;
      }
      .tech-tabs-section{
        padding:58px 0;
      }
      .tech-tabs-shell{
        width:94%;
        border-radius:22px;
      }
      .tab-menu{
        grid-template-columns:1fr;
        max-height:420px;
        overflow-y:auto;
      }
      .tab-menu label{
        min-height:56px;
        font-size:14px;
      }
      .tab-menu label svg{
        width:30px;
        height:30px;
      }
      .tab-panel{
        padding:42px 16px 40px;
      }
      .tab-panel h2{
        font-size:30px;
      }
      .tab-panel p{
        font-size:15px;
        line-height:1.65;
        margin-bottom:34px;
      }
      .logo-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px 0;
      }
      .logo-cell,
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(5n){
        border-right:1px dashed #d5d5d5;
        min-height:70px;
      }
      .logo-cell:nth-child(2n){
        border-right:0!important;
      }
      .brand-logo{
        font-size:15px;
      }
      .brand-logo.next{
        font-size:18px;
      }
      .logo-mark{
        width:28px;
        height:28px;
        min-width:28px;
        font-size:13px;
      }
      .service-category{
        padding:22px 16px;
      }
      .category-head{
        gap:14px;
      }
      .floating-cta{
        display:none;
      }
      .scroll-top{
        bottom:22px;
      }
    }

    @media(max-width:420px){
      .logo-grid{
        grid-template-columns:1fr;
      }
      .logo-cell,
      .logo-cell:nth-child(2n),
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(5n){
        border-right:0!important;
        border-bottom:1px dashed #d5d5d5;
      }
      .logo-cell:last-child{
        border-bottom:0!important;
      }
      .hero-actions .btn{
        width:100%;
      }
      .topbar span{
        display:block;
        margin:0 0 4px;
      }
    }

  
    /* Final standard-width, spacing and clean banner refinements */
    .container{
      width:100%;
      max-width:1200px;
      margin:0 auto;
      padding-left:20px;
      padding-right:20px;
    }

    .section{
      padding:90px 0;
    }

    .section-sm{
      padding:70px 0;
    }

    .hero{
      min-height:720px;
    }

    .hero-grid{
      grid-template-columns:1.05fr .95fr;
      padding:115px 0 105px;
      gap:56px;
    }

    .hero h1{
      max-width:710px;
      font-size:clamp(40px,5.8vw,76px);
      letter-spacing:-2.4px;
    }

    .hero-lead{
      max-width:560px;
      font-size:17.5px;
      margin-top:24px;
    }

    .hero-actions{
      margin-top:32px;
      gap:16px;
    }

    .trust-row{
      max-width:520px;
      margin-top:34px;
    }

    .hero-dashboard{
      max-width:460px;
    }

    .overview-grid,
    .tech-tabs-shell,
    .container .final-cta{
      max-width:1200px;
    }

    .tech-tabs-shell{
      width:100%;
      max-width:1200px;
      margin-left:auto;
      margin-right:auto;
      border-radius:26px;
    }

    .tech-tabs{
      grid-template-columns:320px minmax(0,1fr);
    }

    .tab-panel{
      padding:58px 38px 52px;
    }

    .logo-grid{
      max-width:900px;
    }

    .service-category,
    .why-card,
    .offer,
    .process-card,
    .overview-grid,
    .final-cta{
      border-radius:24px;
    }

    @media(max-width:1080px){
      .tech-tabs{
        grid-template-columns:1fr;
      }
      .tech-tabs-shell{
        width:calc(100% - 40px);
      }
    }

    @media(max-width:768px){
      .section{
        padding:60px 0;
      }
      .section-sm{
        padding:55px 0;
      }
      .hero-grid{
        padding:78px 0 88px;
        gap:34px;
      }
      .hero h1{
        max-width:100%;
      }
      .hero-lead{
        max-width:100%;
        font-size:16px;
      }
      .hero-actions{
        flex-direction:column;
        align-items:stretch;
      }
      .hero-actions .btn{
        width:100%;
      }
      .hero-dashboard{
        max-width:100%;
      }
      .tech-tabs-shell{
        width:calc(100% - 28px);
      }
      .tab-panel{
        padding:42px 18px 40px;
      }
    }

  
    /* Professional technology logo images + mobile responsiveness polish */
    .real-logo{
      width:100%;
      min-height:82px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:12px 18px;
    }
    .real-logo img{
      max-width:150px;
      max-height:48px;
      width:auto;
      height:auto;
      object-fit:contain;
      filter:none;
      transition:.25s ease;
    }
    .logo-cell:hover .real-logo img{
      transform:scale(1.05);
    }

    @media(max-width:768px){
      body{
        overflow-x:hidden;
      }
      .topbar{
        display:none;
      }
      header{
        overflow:visible;
      }
      header .container{
        padding-left:16px;
        padding-right:16px;
      }
      .brand{
        padding:14px 0;
      }
      .brand-mark{
        width:40px;
        height:40px;
        font-size:21px;
      }
      .brand strong{
        font-size:19px;
      }
      nav{
        top:70px;
      }

      .hero{
        min-height:auto;
        background-position:center;
      }
      .hero-grid{
        grid-template-columns:1fr;
        padding:64px 0 72px;
      }
      .hero h1{
        font-size:38px;
        line-height:1.08;
        letter-spacing:-1.3px;
      }
      .hero-lead{
        font-size:15.5px;
        line-height:1.65;
      }
      .trust-row{
        grid-template-columns:1fr 1fr;
        gap:10px;
      }
      .trust-card{
        padding:14px 12px;
      }
      .trust-card b{
        font-size:23px;
      }
      .hero-dashboard{
        display:none;
      }

      .overview{
        margin-top:0;
        padding-top:34px;
      }
      .overview-grid{
        padding:16px;
        border-radius:22px;
      }

      .title-center{
        margin-bottom:36px;
      }
      .title-center .eyebrow{
        justify-content:flex-start;
      }
      .title-center{
        text-align:left;
      }

      .tech-tabs-section{
        padding:48px 0;
      }
      .tech-tabs-shell{
        width:calc(100% - 24px);
        border-radius:20px;
      }
      .tech-tabs{
        display:block;
        min-height:unset;
      }
      .tab-menu{
        display:flex;
        flex-direction:row;
        overflow-x:auto;
        overflow-y:hidden;
        background:#075277;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
      }
      .tab-menu::-webkit-scrollbar{
        height:4px;
      }
      .tab-menu::-webkit-scrollbar-thumb{
        background:#f6b70f;
        border-radius:20px;
      }
      .tab-menu label{
        min-width:210px;
        min-height:64px;
        border-bottom:0;
        border-right:1px solid rgba(255,255,255,.35);
        scroll-snap-align:start;
        padding:12px 14px;
      }
      .tab-menu label span{
        white-space:normal;
        line-height:1.25;
      }
      .tab-menu label svg{
        width:32px;
        height:32px;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"],
      #tab-back:checked ~ .tab-menu label[for="tab-back"],
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"],
      #tab-db:checked ~ .tab-menu label[for="tab-db"],
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"],
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"],
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"],
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"],
      #tab-data:checked ~ .tab-menu label[for="tab-data"],
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"]{
        background:#064868;
        border-bottom:3px solid #f6b70f;
      }

      .tab-panel{
        min-height:unset;
        padding:34px 14px 34px;
      }
      .tab-panel h2{
        font-size:29px;
        line-height:1.15;
      }
      .tab-panel .tab-underline{
        margin-bottom:22px;
      }
      .tab-panel p{
        padding:0;
        font-size:14.5px;
        line-height:1.65;
        margin-bottom:26px;
      }
      .logo-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
        margin-bottom:30px;
      }
      .logo-cell{
        min-height:82px;
        padding:8px;
        border-right:1px dashed #d1d1d1!important;
        border-bottom:1px dashed #d1d1d1;
      }
      .logo-cell:nth-child(2n){
        border-right:0!important;
      }
      .logo-cell:nth-last-child(-n+2){
        border-bottom:0;
      }
      .real-logo img{
        max-width:118px;
        max-height:40px;
      }
      .tech-know-btn{
        min-width:130px;
        font-size:15px;
        padding:10px 22px;
      }

      .service-category{
        border-radius:20px;
        padding:22px 14px;
      }
      .category-head{
        grid-template-columns:1fr;
      }
      .cards{
        gap:14px;
      }
      .mini-card{
        padding:19px;
        border-radius:18px;
      }
      .final-cta{
        border-radius:22px;
        padding:30px 22px;
      }
    }

    @media(max-width:430px){
      .container{
        padding-left:15px;
        padding-right:15px;
      }
      .hero h1{
        font-size:34px;
      }
      .hero-lead{
        font-size:15px;
      }
      .trust-row{
        grid-template-columns:1fr;
      }
      .tech-tabs-shell{
        width:calc(100% - 18px);
      }
      .tab-menu label{
        min-width:190px;
      }
      .logo-grid{
        grid-template-columns:1fr;
      }
      .logo-cell,
      .logo-cell:nth-child(2n){
        border-right:0!important;
      }
      .logo-cell:nth-last-child(-n+2){
        border-bottom:1px dashed #d1d1d1;
      }
      .logo-cell:last-child{
        border-bottom:0!important;
      }
      .real-logo img{
        max-width:135px;
      }
    }

  
    /* Final correction: sticky header + perfect mobile technology tabs */
    header{
      position:sticky!important;
      top:0!important;
      z-index:9999!important;
      width:100%;
      overflow:visible!important;
      background:rgba(255,255,255,.96)!important;
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      box-shadow:0 8px 30px rgba(2,22,44,.06);
    }
    header .container{
      overflow:visible!important;
    }

    /* Desktop technology section standard alignment */
    .tech-tabs-section{
      padding:90px 0!important;
      background:#f5f7fa!important;
    }
    .tech-tabs-shell{
      width:100%!important;
      max-width:1180px!important;
      margin:0 auto!important;
      border-radius:26px!important;
      overflow:hidden!important;
      background:#fff!important;
      box-shadow:0 24px 70px rgba(2,22,44,.10)!important;
      border:1px solid #e3eaf1!important;
    }
    .tech-tabs{
      display:grid!important;
      grid-template-columns:300px minmax(0,1fr)!important;
      min-height:620px!important;
    }
    .tab-menu{
      background:#075277!important;
      display:flex!important;
      flex-direction:column!important;
      overflow:visible!important;
    }
    .tab-menu label{
      min-height:62px!important;
      padding:12px 20px!important;
      gap:14px!important;
      font-size:14.5px!important;
      line-height:1.25!important;
      white-space:normal!important;
    }
    .tab-menu label span{
      white-space:normal!important;
      overflow:visible!important;
      text-overflow:unset!important;
    }
    .tab-content-area{
      min-width:0!important;
      background:#f4f4f4!important;
    }
    .tab-panel{
      min-height:620px!important;
      padding:52px 34px 46px!important;
      overflow:hidden!important;
    }
    .tab-panel h2{
      font-size:clamp(30px,3.5vw,42px)!important;
    }
    .tab-panel p{
      max-width:850px!important;
      font-size:16px!important;
      margin-bottom:38px!important;
    }
    .logo-grid{
      width:100%!important;
      max-width:820px!important;
      margin:0 auto 36px!important;
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
      gap:0!important;
      overflow:hidden!important;
    }
    .logo-cell{
      min-width:0!important;
      min-height:88px!important;
      padding:12px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      border-right:1px dashed #d2d7dd!important;
      border-bottom:1px dashed #d2d7dd!important;
      overflow:hidden!important;
    }
    .logo-cell:nth-child(4n){
      border-right:0!important;
    }
    .logo-cell:nth-last-child(-n+4){
      border-bottom:0!important;
    }
    .real-logo{
      width:100%!important;
      min-height:60px!important;
      padding:8px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
    }
    .real-logo img{
      max-width:120px!important;
      max-height:42px!important;
      object-fit:contain!important;
      display:block!important;
    }
    .real-logo strong{
      font-size:18px!important;
      line-height:1.2!important;
      text-align:center!important;
      overflow-wrap:anywhere!important;
    }

    /* Tablet */
    @media(max-width:1024px){
      .tech-tabs-shell{
        width:calc(100% - 40px)!important;
      }
      .tech-tabs{
        grid-template-columns:1fr!important;
        min-height:unset!important;
      }
      .tab-menu{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        overflow:visible!important;
      }
      .tab-menu label{
        border-right:1px solid rgba(255,255,255,.25)!important;
        border-bottom:1px solid rgba(255,255,255,.25)!important;
      }
      .tab-menu label:after{
        display:none!important;
      }
      .tab-panel{
        min-height:unset!important;
        padding:46px 26px 42px!important;
      }
      .logo-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        max-width:720px!important;
      }
      .logo-cell:nth-child(4n){
        border-right:1px dashed #d2d7dd!important;
      }
      .logo-cell:nth-child(3n){
        border-right:0!important;
      }
      .logo-cell:nth-last-child(-n+4){
        border-bottom:1px dashed #d2d7dd!important;
      }
      .logo-cell:nth-last-child(-n+3){
        border-bottom:0!important;
      }
    }

    /* Mobile: category tabs become clean horizontal scroll, content is compact */
    @media(max-width:768px){
      header{
        top:0!important;
      }
      .topbar{
        display:none!important;
      }
      header .container{
        min-height:68px;
      }
      nav{
        top:68px!important;
        width:calc(100% - 24px)!important;
        left:12px!important;
        right:12px!important;
        max-height:75vh!important;
        overflow-y:auto!important;
      }

      .tech-tabs-section{
        padding:52px 0!important;
      }
      .tech-tabs-shell{
        width:calc(100% - 24px)!important;
        max-width:100%!important;
        border-radius:20px!important;
      }
      .tech-tabs{
        display:block!important;
      }
      .tab-menu{
        display:flex!important;
        flex-direction:row!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        -webkit-overflow-scrolling:touch!important;
        gap:0!important;
        padding:0!important;
        position:relative!important;
      }
      .tab-menu::-webkit-scrollbar{
        height:4px!important;
      }
      .tab-menu::-webkit-scrollbar-track{
        background:#064765!important;
      }
      .tab-menu::-webkit-scrollbar-thumb{
        background:#f6b70f!important;
        border-radius:20px!important;
      }
      .tab-menu label{
        flex:0 0 185px!important;
        width:185px!important;
        min-height:66px!important;
        padding:12px 14px!important;
        font-size:13px!important;
        line-height:1.25!important;
        gap:10px!important;
        scroll-snap-align:start!important;
        border-right:1px solid rgba(255,255,255,.28)!important;
        border-bottom:0!important;
      }
      .tab-menu label svg{
        width:28px!important;
        height:28px!important;
        flex:0 0 28px!important;
      }
      .tab-menu label span{
        display:block!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:unset!important;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"],
      #tab-back:checked ~ .tab-menu label[for="tab-back"],
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"],
      #tab-db:checked ~ .tab-menu label[for="tab-db"],
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"],
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"],
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"],
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"],
      #tab-data:checked ~ .tab-menu label[for="tab-data"],
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"]{
        background:#043e5b!important;
        border-bottom:4px solid #f6b70f!important;
      }

      .tab-panel{
        min-height:unset!important;
        padding:32px 14px 32px!important;
        text-align:center!important;
      }
      .tab-panel h2{
        font-size:27px!important;
        line-height:1.15!important;
        margin-bottom:10px!important;
      }
      .tab-panel .tab-underline{
        width:110px!important;
        height:3px!important;
        margin:0 auto 20px!important;
      }
      .tab-panel p{
        max-width:100%!important;
        padding:0!important;
        font-size:14px!important;
        line-height:1.65!important;
        margin-bottom:26px!important;
      }
      .logo-grid{
        max-width:100%!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        margin-bottom:28px!important;
        border:1px solid #e0e4e8!important;
        border-radius:16px!important;
        overflow:hidden!important;
        background:#fff!important;
      }
      .logo-cell{
        min-height:82px!important;
        padding:10px!important;
        border-right:1px dashed #d2d7dd!important;
        border-bottom:1px dashed #d2d7dd!important;
        background:#fff!important;
      }
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(4n){
        border-right:1px dashed #d2d7dd!important;
      }
      .logo-cell:nth-child(2n){
        border-right:0!important;
      }
      .logo-cell:nth-last-child(-n+4),
      .logo-cell:nth-last-child(-n+3){
        border-bottom:1px dashed #d2d7dd!important;
      }
      .logo-cell:nth-last-child(-n+2){
        border-bottom:0!important;
      }
      .real-logo{
        min-height:54px!important;
        padding:6px!important;
      }
      .real-logo img{
        max-width:104px!important;
        max-height:38px!important;
      }
      .real-logo strong{
        font-size:16px!important;
      }
      .tech-know-btn{
        font-size:14px!important;
        padding:9px 22px!important;
        min-width:120px!important;
      }

      #about h2{
        font-size:32px!important;
        line-height:1.14!important;
        letter-spacing:-.8px!important;
      }
      #about p{
        font-size:15px!important;
      }
    }

    /* Small mobile */
    @media(max-width:430px){
      .tech-tabs-shell{
        width:calc(100% - 18px)!important;
      }
      .tab-menu label{
        flex-basis:170px!important;
        width:170px!important;
        font-size:12.5px!important;
      }
      .logo-grid{
        grid-template-columns:1fr!important;
      }
      .logo-cell,
      .logo-cell:nth-child(2n),
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(4n){
        border-right:0!important;
        border-bottom:1px dashed #d2d7dd!important;
      }
      .logo-cell:last-child{
        border-bottom:0!important;
      }
      .real-logo img{
        max-width:120px!important;
        max-height:40px!important;
      }
    }

  
    /* Ultra premium mobile polish: work model cards + technology tabs */
    @media(max-width:768px){
      #about .work-grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
      }
      #about .work-item{
        display:grid!important;
        grid-template-columns:42px 1fr!important;
        align-items:center!important;
        gap:13px!important;
        padding:16px!important;
        border-radius:18px!important;
        min-height:unset!important;
      }
      #about .work-item p{
        font-size:14px!important;
        line-height:1.45!important;
        font-weight:750!important;
        margin:0!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
      }
      #about .mini-icon{
        width:42px!important;
        height:42px!important;
      }

      .tech-tabs-section{
        background:linear-gradient(180deg,#f7fbff,#edf5fb)!important;
      }
      .tech-tabs-shell{
        border-radius:24px!important;
        box-shadow:0 22px 60px rgba(2,22,44,.13)!important;
        border:1px solid #dcebf8!important;
        background:#fff!important;
      }
      .tab-menu{
        padding:10px!important;
        gap:10px!important;
        background:#073f61!important;
      }
      .tab-menu label{
        flex:0 0 auto!important;
        width:auto!important;
        min-width:150px!important;
        min-height:54px!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:16px!important;
        background:rgba(255,255,255,.06)!important;
        padding:10px 12px!important;
        gap:9px!important;
      }
      .tab-menu label svg{
        width:24px!important;
        height:24px!important;
      }
      .tab-menu label span{
        font-size:12.5px!important;
        line-height:1.2!important;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"],
      #tab-back:checked ~ .tab-menu label[for="tab-back"],
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"],
      #tab-db:checked ~ .tab-menu label[for="tab-db"],
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"],
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"],
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"],
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"],
      #tab-data:checked ~ .tab-menu label[for="tab-data"],
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"]{
        background:#ffffff!important;
        color:#064a70!important;
        border-color:#f6b70f!important;
        border-bottom:3px solid #f6b70f!important;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"] svg,
      #tab-back:checked ~ .tab-menu label[for="tab-back"] svg,
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"] svg,
      #tab-db:checked ~ .tab-menu label[for="tab-db"] svg,
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"] svg,
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"] svg,
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"] svg,
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"] svg,
      #tab-data:checked ~ .tab-menu label[for="tab-data"] svg,
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"] svg{
        stroke:#064a70!important;
      }
      .tab-panel{
        padding:34px 16px 34px!important;
        background:linear-gradient(180deg,#fff,#f8fbfe)!important;
      }
      .tab-panel h2{
        font-size:28px!important;
        letter-spacing:-.6px!important;
      }
      .tab-panel p{
        max-width:92%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        color:#27364a!important;
      }
      .logo-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        border:0!important;
        background:transparent!important;
        overflow:visible!important;
      }
      .logo-cell,
      .logo-cell:nth-child(2n),
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(4n),
      .logo-cell:nth-last-child(-n+2),
      .logo-cell:nth-last-child(-n+3),
      .logo-cell:nth-last-child(-n+4){
        min-height:92px!important;
        border:1px solid #dfeaf3!important;
        border-radius:18px!important;
        background:#fff!important;
        box-shadow:0 12px 28px rgba(2,22,44,.07)!important;
        padding:12px!important;
      }
      .real-logo{
        position:relative!important;
        min-height:64px!important;
        padding:6px!important;
      }
      .real-logo img{
        max-width:108px!important;
        max-height:40px!important;
      }
      .real-logo.logo-fallback::after{
        content:attr(data-label);
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:42px;
        padding:8px 12px;
        border-radius:12px;
        background:linear-gradient(135deg,#eef8ff,#ffffff);
        color:#073f61;
        font-size:15px;
        font-weight:850;
        text-align:center;
        line-height:1.2;
        box-shadow:inset 0 0 0 1px #dcebf8;
      }
      .tech-know-btn{
        margin-top:4px!important;
        background:linear-gradient(135deg,#f6b70f,#ffd45a)!important;
        box-shadow:0 12px 30px rgba(246,183,15,.28)!important;
      }
    }

    @media(max-width:430px){
      #about .work-item{
        grid-template-columns:40px 1fr!important;
      }
      #about .work-item p{
        font-size:13.5px!important;
      }
      .logo-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
      }
      .logo-cell{
        min-height:82px!important;
      }
      .real-logo img{
        max-width:126px!important;
        max-height:42px!important;
      }
    }

  
    /* Requested mobile technology format: vertical menu + clean logo grid */
    @media(max-width:768px){
      .tech-tabs-section{
        padding:42px 0!important;
        background:#eeeeee!important;
      }
      .tech-tabs-shell{
        width:100%!important;
        max-width:420px!important;
        margin:0 auto!important;
        border-radius:0!important;
        box-shadow:none!important;
        border:0!important;
        background:#eeeeee!important;
      }
      .tech-tabs{
        display:block!important;
        min-height:unset!important;
      }
      .tab-menu{
        display:flex!important;
        flex-direction:column!important;
        overflow:visible!important;
        padding:0!important;
        gap:0!important;
        background:#075277!important;
        border-radius:0!important;
      }
      .tab-menu label{
        width:100%!important;
        min-width:100%!important;
        flex:none!important;
        min-height:45px!important;
        padding:7px 18px!important;
        gap:14px!important;
        border-radius:0!important;
        border:0!important;
        border-bottom:1px solid rgba(255,255,255,.45)!important;
        background:#075277!important;
        color:#fff!important;
        justify-content:flex-start!important;
      }
      .tab-menu label svg{
        width:28px!important;
        height:28px!important;
        flex:0 0 28px!important;
        stroke:#fff!important;
      }
      .tab-menu label span{
        font-size:12px!important;
        line-height:1.2!important;
        font-weight:650!important;
        color:#fff!important;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"],
      #tab-back:checked ~ .tab-menu label[for="tab-back"],
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"],
      #tab-db:checked ~ .tab-menu label[for="tab-db"],
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"],
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"],
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"],
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"],
      #tab-data:checked ~ .tab-menu label[for="tab-data"],
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"]{
        background:#075277!important;
        color:#fff!important;
        border-bottom:2px solid #f6b70f!important;
      }
      #tab-front:checked ~ .tab-menu label[for="tab-front"] svg,
      #tab-back:checked ~ .tab-menu label[for="tab-back"] svg,
      #tab-ai:checked ~ .tab-menu label[for="tab-ai"] svg,
      #tab-db:checked ~ .tab-menu label[for="tab-db"] svg,
      #tab-qa:checked ~ .tab-menu label[for="tab-qa"] svg,
      #tab-dx:checked ~ .tab-menu label[for="tab-dx"] svg,
      #tab-mobile:checked ~ .tab-menu label[for="tab-mobile"] svg,
      #tab-cloud:checked ~ .tab-menu label[for="tab-cloud"] svg,
      #tab-data:checked ~ .tab-menu label[for="tab-data"] svg,
      #tab-platform:checked ~ .tab-menu label[for="tab-platform"] svg{
        stroke:#fff!important;
      }

      .tab-content-area{
        background:#eeeeee!important;
      }
      .tab-panel{
        padding:26px 10px 26px!important;
        background:#eeeeee!important;
        text-align:left!important;
      }
      .tab-panel h2{
        text-align:center!important;
        color:#064a70!important;
        font-size:21px!important;
        line-height:1.15!important;
        margin:0 auto 7px!important;
      }
      .tab-panel .tab-underline{
        width:72px!important;
        height:3px!important;
        background:#f6b70f!important;
        margin:0 auto 18px!important;
      }
      .tab-panel p{
        max-width:100%!important;
        padding:0 2px!important;
        text-align:left!important;
        font-size:11.5px!important;
        line-height:1.72!important;
        color:#27364a!important;
        margin:0 0 24px!important;
      }
      .logo-grid{
        width:100%!important;
        max-width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:20px 18px!important;
        margin:0 auto 22px!important;
        padding:0 18px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        overflow:visible!important;
      }
      .logo-cell,
      .logo-cell:nth-child(2n),
      .logo-cell:nth-child(3n),
      .logo-cell:nth-child(4n),
      .logo-cell:nth-last-child(-n+2),
      .logo-cell:nth-last-child(-n+3),
      .logo-cell:nth-last-child(-n+4){
        min-height:42px!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
      }
      .real-logo{
        width:100%!important;
        min-height:42px!important;
        padding:0!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
      }
      .real-logo img{
        max-width:82px!important;
        max-height:32px!important;
        object-fit:contain!important;
      }
      .real-logo.logo-fallback::after{
        background:transparent!important;
        box-shadow:none!important;
        padding:0!important;
        min-height:auto!important;
        color:#1d1d1f!important;
        font-size:12px!important;
        font-weight:800!important;
      }
      .tech-know-btn{
        display:flex!important;
        width:max-content!important;
        min-width:78px!important;
        min-height:28px!important;
        padding:6px 13px!important;
        margin:2px auto 0!important;
        border-radius:999px!important;
        font-size:9px!important;
        background:#f6b70f!important;
        color:#000!important;
        box-shadow:none!important;
      }
    }

    @media(max-width:430px){
      .tech-tabs-shell{
        max-width:100%!important;
      }
      .logo-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:18px 15px!important;
        padding:0 16px!important;
      }
      .real-logo img{
        max-width:78px!important;
        max-height:30px!important;
      }
    }

  
    /* RP Strativa Final Premium Polish */
    .brand-mark{
      font-size:16px!important;
      letter-spacing:-1px;
    }
    .brand strong{
      white-space:nowrap;
    }

    .premium-cta-section{
      position:relative;
      padding:120px 0;
      background:
        linear-gradient(120deg,rgba(3,20,39,.92),rgba(0,111,230,.62)),
        url('../img/rp-strativa-cybersecurity-cloud-infrastructure.jpg') center/cover no-repeat;
      overflow:hidden;
    }
    .premium-cta-section:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 20% 20%,rgba(79,216,255,.22),transparent 28%),
        radial-gradient(circle at 80% 78%,rgba(255,255,255,.12),transparent 30%);
      pointer-events:none;
    }
    .premium-cta-overlay{
      position:absolute;
      inset:0;
      backdrop-filter:blur(2px);
      -webkit-backdrop-filter:blur(2px);
    }
    .premium-cta-content{
      position:relative;
      text-align:center;
      max-width:860px;
      color:#fff;
    }
    .premium-cta-label{
      display:inline-flex;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.2);
      color:#dff4ff;
      font-size:12px;
      font-weight:900;
      letter-spacing:2px;
      text-transform:uppercase;
      margin-bottom:18px;
    }
    .premium-cta-content h2{
      color:#fff;
      font-size:clamp(32px,4.5vw,56px);
      letter-spacing:-1.5px;
      margin-bottom:18px;
    }
    .premium-cta-content p{
      color:#e3f5ff;
      font-size:17px;
      line-height:1.75;
      max-width:720px;
      margin:0 auto 34px;
    }
    .premium-cta-buttons{
      display:flex;
      justify-content:center;
      gap:16px;
      flex-wrap:wrap;
    }

    .footer-bottom{
      text-align:center;
      padding-top:24px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .footer-bottom p{
      margin:6px 0;
      color:#9fb2c3;
      font-size:13px;
    }
    .footer-bottom a{
      color:#f6b70f;
      font-weight:750;
    }
    .footer-bottom a:hover{
      text-decoration:underline;
    }

    @media(max-width:768px){
      .brand strong{
        font-size:15px!important;
        letter-spacing:.6px;
        max-width:220px;
        overflow:hidden;
        text-overflow:ellipsis;
      }
      .brand-mark{
        width:40px!important;
        height:40px!important;
        font-size:14px!important;
      }
      .premium-cta-section{
        padding:82px 0;
      }
      .premium-cta-content{
        text-align:left;
      }
      .premium-cta-content h2{
        font-size:31px;
      }
      .premium-cta-content p{
        font-size:15.5px;
        margin-left:0;
        margin-right:0;
      }
      .premium-cta-buttons{
        flex-direction:column;
      }
      .premium-cta-buttons .btn{
        width:100%;
      }
    }

  
    /* FINAL RP STRATIVA FIXES */
    .container{
      width:100%!important;
      max-width:1200px!important;
      margin-left:auto!important;
      margin-right:auto!important;
      padding-left:20px!important;
      padding-right:20px!important;
    }

    header{
      position:sticky!important;
      top:0!important;
      z-index:9999!important;
      background:rgba(255,255,255,.96)!important;
      backdrop-filter:blur(18px)!important;
      -webkit-backdrop-filter:blur(18px)!important;
      box-shadow:0 8px 30px rgba(2,22,44,.07)!important;
      overflow:visible!important;
    }
    header .container{
      min-height:76px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:space-between!important;
      gap:20px!important;
      overflow:visible!important;
    }
    .brand{
      flex:0 0 auto!important;
      min-width:0!important;
      padding:14px 0!important;
      gap:12px!important;
    }
    .brand-mark{
      width:44px!important;
      height:44px!important;
      font-size:15px!important;
      border-radius:15px!important;
      letter-spacing:-1px!important;
    }
    .brand strong{
      color:#061f38!important;
      font-size:20px!important;
      letter-spacing:1.6px!important;
      white-space:nowrap!important;
    }
    header nav{
      display:flex!important;
      align-items:center!important;
      justify-content:flex-end!important;
      gap:18px!important;
      position:static!important;
      width:auto!important;
      max-height:none!important;
      overflow:visible!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      border-radius:0!important;
      box-shadow:none!important;
    }
    header nav a{
      padding:0!important;
      border:0!important;
      font-size:10.5px!important;
      letter-spacing:1.4px!important;
      font-weight:900!important;
      color:#17344f!important;
      white-space:nowrap!important;
    }
    header nav .btn{
      padding:11px 16px!important;
      color:#fff!important;
      font-size:10px!important;
    }
    .mobile-toggle{
      display:none!important;
    }

    /* Process section - no compression */
    .process-grid{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:22px!important;
      max-width:1050px!important;
      margin:0 auto!important;
    }
    .process-card{
      min-height:auto!important;
      padding:30px 26px!important;
      border-radius:26px!important;
    }
    .process-card h3{
      font-size:21px!important;
      margin-bottom:8px!important;
    }
    .process-card p{
      line-height:1.7!important;
    }
    section[style*="background:var(--soft)"] .title-center{
      max-width:850px!important;
      margin-bottom:48px!important;
    }
    section[style*="background:var(--soft)"] .title-center h2{
      font-size:clamp(34px,4vw,50px)!important;
      line-height:1.13!important;
      max-width:820px!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }

    /* Premium CTA */
    .premium-cta-section{
      position:relative!important;
      padding:105px 0!important;
      background:
        linear-gradient(120deg,rgba(3,20,39,.92),rgba(0,111,230,.62)),
        url('../img/rp-strativa-cybersecurity-cloud-infrastructure.jpg') center/cover no-repeat!important;
      overflow:hidden!important;
    }
    .premium-cta-section:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 20% 20%,rgba(79,216,255,.22),transparent 28%),
        radial-gradient(circle at 80% 78%,rgba(255,255,255,.12),transparent 30%);
      pointer-events:none;
    }
    .premium-cta-overlay{
      position:absolute;
      inset:0;
      backdrop-filter:blur(2px);
      -webkit-backdrop-filter:blur(2px);
    }
    .premium-cta-content{
      position:relative;
      text-align:center;
      max-width:860px!important;
      color:#fff;
    }
    .premium-cta-label{
      display:inline-flex;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.2);
      color:#dff4ff;
      font-size:12px;
      font-weight:900;
      letter-spacing:2px;
      text-transform:uppercase;
      margin-bottom:18px;
    }
    .premium-cta-content h2{
      color:#fff!important;
      font-size:clamp(32px,4.5vw,56px)!important;
      letter-spacing:-1.5px!important;
      margin-bottom:18px!important;
    }
    .premium-cta-content p{
      color:#e3f5ff!important;
      font-size:17px!important;
      line-height:1.75!important;
      max-width:720px!important;
      margin:0 auto 34px!important;
    }
    .premium-cta-buttons{
      display:flex!important;
      justify-content:center!important;
      gap:16px!important;
      flex-wrap:wrap!important;
    }

    /* Footer bottom inline theme */
    .footer-bottom{
      padding-top:22px!important;
      border-top:1px solid rgba(255,255,255,.10)!important;
      text-align:center!important;
    }
    .footer-bottom-inline{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:12px!important;
      flex-wrap:wrap!important;
      color:#b8cbd9!important;
      font-size:13px!important;
      line-height:1.6!important;
    }
    .footer-bottom-inline span,
    .footer-bottom-inline a{
      color:#b8cbd9!important;
      font-size:13px!important;
      margin:0!important;
    }
    .footer-bottom-inline a{
      color:#f6b70f!important;
      font-weight:800!important;
    }
    .footer-bottom-inline .divider{
      color:rgba(255,255,255,.28)!important;
    }

    @media(max-width:1080px){
      .mobile-toggle{
        display:flex!important;
      }
      header nav{
        display:none!important;
        position:absolute!important;
        top:76px!important;
        left:16px!important;
        right:16px!important;
        width:auto!important;
        max-height:76vh!important;
        overflow-y:auto!important;
        background:#ffffff!important;
        border:1px solid #dcecf8!important;
        border-radius:22px!important;
        box-shadow:0 24px 70px rgba(2,22,44,.14)!important;
        padding:14px!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:0!important;
      }
      #menu-check:checked ~ nav{
        display:flex!important;
      }
      header nav a{
        padding:13px 14px!important;
        border-bottom:1px solid #edf5fb!important;
      }
      header nav .btn{
        margin-top:10px!important;
        text-align:center!important;
        justify-content:center!important;
      }
      .brand strong{
        font-size:17px!important;
        max-width:250px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
      }
      .process-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
      }
    }

    @media(max-width:700px){
      .container{
        padding-left:16px!important;
        padding-right:16px!important;
      }
      header .container{
        min-height:68px!important;
      }
      header nav{
        top:68px!important;
      }
      .brand strong{
        font-size:14px!important;
        letter-spacing:.8px!important;
        max-width:210px!important;
      }
      .brand-mark{
        width:40px!important;
        height:40px!important;
        font-size:13px!important;
      }
      .process-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
      }
      .process-card{
        padding:24px 22px!important;
      }
      section[style*="background:var(--soft)"] .title-center{
        text-align:left!important;
        margin-bottom:32px!important;
      }
      section[style*="background:var(--soft)"] .title-center h2{
        font-size:31px!important;
        line-height:1.15!important;
        margin-left:0!important;
      }
      .premium-cta-section{
        padding:78px 0!important;
      }
      .premium-cta-content{
        text-align:left!important;
      }
      .premium-cta-content h2{
        font-size:31px!important;
      }
      .premium-cta-content p{
        font-size:15.5px!important;
        margin-left:0!important;
        margin-right:0!important;
      }
      .premium-cta-buttons{
        flex-direction:column!important;
      }
      .premium-cta-buttons .btn{
        width:100%!important;
      }
      .footer-bottom-inline{
        gap:6px!important;
        font-size:12px!important;
        flex-direction:column!important;
      }
      .footer-bottom-inline .divider{
        display:none!important;
      }
    }

  
    /* Clean Technologies We Use heading + duplicate tech section removed */
    .tech-tabs-section{
      padding:88px 0!important;
      background:linear-gradient(180deg,#f6faff,#eef5fb)!important;
    }
    .tech-main-heading{
      text-align:center;
      max-width:880px!important;
      margin:0 auto 42px!important;
    }
    .section-tag{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#006fe6;
      font-size:12px;
      font-weight:900;
      letter-spacing:3px;
      text-transform:uppercase;
      margin-bottom:12px;
    }
    .section-tag:before,
    .section-tag:after{
      content:"";
      width:34px;
      height:2px;
      background:linear-gradient(90deg,#006fe6,#4fd8ff);
      border-radius:20px;
    }
    .tech-main-heading h2{
      color:#031427!important;
      font-size:clamp(32px,4.2vw,54px)!important;
      letter-spacing:-1.4px!important;
      margin-bottom:14px!important;
    }
    .tech-main-heading p{
      color:#536678!important;
      font-size:16px!important;
      line-height:1.75!important;
      max-width:760px!important;
      margin:0 auto!important;
    }
    .tech-tabs-shell{
      margin-top:0!important;
    }

    @media(max-width:768px){
      .tech-tabs-section{
        padding:58px 0!important;
      }
      .tech-main-heading{
        text-align:left!important;
        margin-bottom:28px!important;
      }
      .section-tag:after{
        display:none;
      }
      .tech-main-heading h2{
        font-size:31px!important;
      }
      .tech-main-heading p{
        font-size:15px!important;
      }
    }

  
/* ===== FINAL PREMIUM FIXES BY WEB WISEZ REQUEST ===== */

/* Remove number bullets in How We Work */
.process-premium-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,20,39,.93),rgba(3,31,56,.84),rgba(0,111,230,.38)),
    url('../img/rp-strativa-enterprise-technology-office-hero.jpg') center/cover !important;
  color:#fff;
}
.process-premium-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%,rgba(79,216,255,.18),transparent 28%),
    radial-gradient(circle at 85% 80%,rgba(0,168,255,.16),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:auto,auto,88px 88px,88px 88px;
  opacity:.85;
}
.process-premium-section .container{
  position:relative;
  z-index:2;
}
.process-premium-section .title-center h2,
.process-premium-section .process-card h3{
  color:#fff !important;
}
.process-premium-section .title-center p,
.process-premium-section .process-card p{
  color:#d7ecfb !important;
}
.process-premium-section .process-grid{
  gap:20px !important;
}
.process-premium-section .process-card{
  counter-increment:none !important;
  min-height:235px !important;
  padding:30px !important;
  border-radius:28px !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 22px 70px rgba(0,0,0,.22) !important;
  transition:.32s ease;
}
.process-premium-section .process-card:before{
  content:"" !important;
  display:block !important;
  width:54px !important;
  height:54px !important;
  margin-bottom:22px !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08)),
    url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' xmlns='../img/2000-svg.jpg' fill='none' stroke='%234fd8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='m7 7 10 10'/%3E%3Cpath d='m17 7-10 10'/%3E%3C/svg%3E") center/30px no-repeat !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 16px 38px rgba(0,111,230,.18) !important;
}
.process-premium-section .process-card:hover{
  transform:translateY(-8px);
  background:rgba(255,255,255,.14) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.30) !important;
}

/* Premium Key Offerings */
.key-offerings-premium{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(2,12,22,.96),rgba(3,31,56,.88),rgba(0,111,230,.35)),
    url('../img/rp-strativa-corporate-digital-workspace-banner.jpg') center/cover !important;
  color:#fff;
}
.key-offerings-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%,rgba(79,216,255,.2),transparent 27%),
    radial-gradient(circle at 86% 78%,rgba(0,168,255,.17),transparent 32%),
    linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.09) 45.3% 45.8%,transparent 46%);
  pointer-events:none;
}
.key-offerings-premium .container{
  position:relative;
  z-index:2;
}
.key-offerings-premium .title-center h2{
  color:#fff !important;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}
.key-offerings-premium .title-center p{
  color:#d7ecfb !important;
}
.key-offerings-premium .offer-grid{
  gap:26px !important;
}
.key-offerings-premium .offer{
  position:relative;
  overflow:hidden;
  min-height:295px !important;
  padding:34px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 24px 80px rgba(0,0,0,.25) !important;
  transition:.34s ease;
}
.key-offerings-premium .offer:after{
  content:"";
  position:absolute;
  right:-55px;
  top:-55px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(79,216,255,.26),transparent 68%);
}
.key-offerings-premium .offer:hover{
  transform:translateY(-9px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.09)) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.34) !important;
}
.key-offerings-premium .offer h3{
  color:#fff !important;
  margin-bottom:13px !important;
}
.key-offerings-premium .offer p{
  color:#d5ecfb !important;
}
.key-offerings-premium .offer .mini-icon{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  color:#fff !important;
  background:linear-gradient(135deg,rgba(0,111,230,.95),rgba(0,168,255,.75)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 18px 46px rgba(0,111,230,.30) !important;
}

/* About section image: office discussion, not standing group */
#about .visual-main{
  background:
    linear-gradient(180deg,transparent,rgba(3,20,39,.48)),
    url('../img/rp-strativa-enterprise-project-team-collaboration.jpg') center/cover !important;
}
#about .visual-side{
  background:
    url('../img/rp-strativa-enterprise-operations-team.jpg') center/cover !important;
}

/* Technology section: image icons only, no text fallback */
.real-logo.logo-fallback::after{
  content:"" !important;
}
.real-logo img{
  max-width:96px !important;
  max-height:54px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
.logo-cell{
  background:#fff !important;
}

/* Clean footer after credit/phone removal */
.footer-bottom-inline .divider:first-of-type{
  display:none !important;
}

@media(max-width:1080px){
  .process-premium-section .process-grid,
  .key-offerings-premium .offer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  .process-premium-section .process-grid,
  .key-offerings-premium .offer-grid{
    grid-template-columns:1fr !important;
  }
  .process-premium-section .process-card,
  .key-offerings-premium .offer{
    min-height:auto !important;
    padding:26px !important;
  }
}


/* ===== FINAL REQUESTED CHANGES ONLY ===== */

/* HOW WE WORK: remove icons / number styles */
.process-premium-section{
  background:
    linear-gradient(rgba(3,20,39,.82),rgba(3,20,39,.82)),
    url('../img/rp-strativa-enterprise-technology-office-hero.jpg') center/cover !important;
}
.process-premium-section .process-card:before{
  display:none !important;
  content:none !important;
}
.process-premium-section .process-card{
  padding:34px 30px !important;
  min-height:190px !important;
}
.process-premium-section .process-card h3{
  margin-top:0 !important;
}

/* KEY OFFERINGS: clean white premium background */
.key-offerings-premium{
  background:#ffffff !important;
  color:var(--ink) !important;
}
.key-offerings-premium:before{
  display:none !important;
}
.key-offerings-premium .title-center h2{
  color:var(--navy) !important;
}
.key-offerings-premium .title-center p{
  color:var(--text) !important;
}
.key-offerings-premium .offer{
  background:linear-gradient(180deg,#ffffff,#f8fcff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 18px 55px rgba(2,22,44,.10) !important;
  color:var(--ink) !important;
}
.key-offerings-premium .offer:hover{
  transform:translateY(-8px);
  background:#ffffff !important;
  box-shadow:0 26px 80px rgba(2,22,44,.14) !important;
}
.key-offerings-premium .offer:after{
  background:radial-gradient(circle,rgba(0,168,255,.16),transparent 68%) !important;
}
.key-offerings-premium .offer h3{
  color:var(--navy) !important;
}
.key-offerings-premium .offer p{
  color:var(--text) !important;
}
.key-offerings-premium .offer .mini-icon{
  color:var(--blue) !important;
  background:#eef8ff !important;
  border:1px solid #d9efff !important;
  box-shadow:none !important;
}


/* ===== FINAL POLISH: HOW WE WORK + KEY OFFERINGS ===== */

/* How We Work: reduce empty space, improve text visibility */
.process-premium-section{
  padding:78px 0 !important;
  background:
    linear-gradient(90deg,rgba(3,20,39,.88),rgba(3,31,56,.78),rgba(0,111,230,.26)),
    url('../img/rp-strativa-enterprise-technology-office-hero.jpg') center/cover !important;
}
.process-premium-section .title-center{
  margin-bottom:36px !important;
}
.process-premium-section .eyebrow{
  color:#4fd8ff !important;
  text-shadow:0 2px 16px rgba(0,0,0,.45);
}
.process-premium-section .title-center h2{
  color:#ffffff !important;
  text-shadow:0 4px 22px rgba(0,0,0,.45);
}
.process-premium-section .process-grid{
  gap:18px !important;
}
.process-premium-section .process-card{
  min-height:145px !important;
  padding:26px 28px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
}
.process-premium-section .process-card:before{
  display:none !important;
  content:none !important;
}
.process-premium-section .process-card h3{
  color:#ffffff !important;
  margin:0 0 9px !important;
  font-size:21px !important;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.process-premium-section .process-card p{
  color:#eef8ff !important;
  font-size:15px !important;
  line-height:1.65 !important;
  margin:0 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.25);
}
.process-premium-section .process-card:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.17) !important;
}

/* Key Offerings: white look with subtle office meeting bg image */
.key-offerings-premium{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.97)),
    url('../img/rp-strativa-global-business-team-strategy.jpg') center/cover fixed !important;
  color:var(--ink) !important;
}
.key-offerings-premium:before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(0,168,255,.10),transparent 30%),
    radial-gradient(circle at 86% 78%,rgba(0,111,230,.08),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.90)) !important;
  pointer-events:none !important;
}
.key-offerings-premium .container{
  position:relative !important;
  z-index:2 !important;
}
.key-offerings-premium .title-center{
  margin-bottom:46px !important;
}
.key-offerings-premium .title-center h2{
  color:var(--navy) !important;
  text-shadow:none !important;
}
.key-offerings-premium .title-center p{
  color:var(--text) !important;
}
.key-offerings-premium .offer-grid{
  gap:24px !important;
}
.key-offerings-premium .offer{
  min-height:235px !important;
  padding:30px 30px !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(190,220,242,.88) !important;
  box-shadow:0 20px 60px rgba(2,22,44,.10) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.key-offerings-premium .offer:hover{
  transform:translateY(-7px);
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 28px 80px rgba(2,22,44,.14) !important;
}
.key-offerings-premium .offer h3{
  color:var(--navy) !important;
}
.key-offerings-premium .offer p{
  color:var(--text) !important;
}
.key-offerings-premium .offer .mini-icon{
  color:var(--blue) !important;
  background:#eef8ff !important;
  border:1px solid #d9efff !important;
  box-shadow:none !important;
}

/* Small screen cleanup */
@media(max-width:700px){
  .process-premium-section{
    padding:62px 0 !important;
  }
  .process-premium-section .process-card{
    min-height:auto !important;
    padding:24px !important;
  }
  .key-offerings-premium{
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.98)),
      url('../img/rp-strativa-enterprise-project-team-collaboration.jpg') center/cover !important;
  }
  .key-offerings-premium .offer{
    min-height:auto !important;
  }
}

/* Hiring Policy Page */
.policy-hero{
  padding:130px 0 90px;
  color:#fff;
  background:radial-gradient(circle at 78% 24%,rgba(0,168,255,.35),transparent 28%),linear-gradient(135deg,rgba(2,12,22,.98),rgba(3,31,56,.92),rgba(0,111,230,.45)),url('../img/rp-strativa-consultation-contact-background.jpg') center/cover;
}
.policy-hero h1{color:#fff;max-width:900px;font-size:clamp(38px,5vw,72px)}
.policy-section{background:#f5f9fd}.policy-card{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:48px;box-shadow:var(--shadow2)}
.policy-card h2{font-size:26px;margin:34px 0 14px;color:var(--navy)}
.policy-card h2:first-child{margin-top:0}.policy-card p{font-size:16px;margin-bottom:14px}.policy-list{margin:0 0 18px 20px;color:var(--text)}.policy-list li{margin:8px 0;font-size:15.5px;color:var(--text)}
footer .footer-bottom-inline a[href*="webwisez"]{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.policy-hero{padding:90px 0 65px}.policy-card{padding:28px 20px;border-radius:22px}.policy-card h2{font-size:22px}}


/* Footer service links and white credit text update */
footer .footer-grid a{transition:.25s ease;}
footer .footer-grid a:hover{color:#ffffff!important;padding-left:4px;}
.footer-bottom-inline a,
.footer-bottom-inline a[href="hiring-policy.html"],
.footer-bottom-inline a[href*="webwisez"]{color:#ffffff!important;font-weight:800!important;text-decoration:none!important;}
.footer-bottom-inline a[href*="webwisez"]{text-decoration:underline!important;text-underline-offset:3px!important;}


/* Header logo update */
.logo-brand{
  padding:12px 0 !important;
  min-width:0;
}
.site-logo{
  height:56px;
  width:auto;
  max-width:310px;
  object-fit:contain;
  display:block;
}
.mobile-only-menu{display:none;}

@media(max-width:1080px){
  .site-logo{height:48px;max-width:250px;}
  .mobile-only-menu{display:block;}
  header nav{
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    border-radius:0 0 24px 24px !important;
    border-left:0 !important;
    border-right:0 !important;
    top:72px !important;
    padding:18px 18px 20px !important;
    box-shadow:0 24px 60px rgba(2,22,44,.22) !important;
  }
}

@media(min-width:1081px){
  nav .mobile-only-menu{display:none !important;}
}

@media(max-width:700px){
  .logo-brand{padding:10px 0 !important;}
  .site-logo{height:42px;max-width:220px;}
  header nav{
    top:66px !important;
    padding:16px 16px 18px !important;
  }
}

@media(max-width:420px){
  .site-logo{height:38px;max-width:195px;}
  header nav{top:64px !important;}
}

/* Final mobile/tablet correction: logo size, technology stack visibility, footer inline */
section[id], .tech-tabs-section, #technology-stack, #services, #offerings, #industries, #about, #contact{
  scroll-margin-top:110px;
}

/* Bigger uploaded horizontal logo */
.site-logo{
  height:72px !important;
  max-width:390px !important;
}
.logo-brand{
  padding:14px 0 !important;
}
header .container{
  min-height:86px;
}

/* Technology stack should never be clipped on mobile/tablet */
@media(max-width:1080px){
  section[id], .tech-tabs-section, #technology-stack, #services, #offerings, #industries, #about, #contact{
    scroll-margin-top:100px;
  }
  .site-logo{
    height:62px !important;
    max-width:330px !important;
  }
  header .container{
    min-height:78px;
  }
  header nav{
    top:78px !important;
  }
  .tech-tabs,
  .tech-tabs-shell,
  .tab-content-area,
  .tab-panel{
    min-height:auto !important;
    height:auto !important;
    overflow:visible !important;
  }
  .tab-menu{
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
  }
  .tab-panel{
    padding-top:38px !important;
  }
}

@media(max-width:768px){
  .site-logo{
    height:56px !important;
    max-width:300px !important;
  }
  .logo-brand{
    padding:8px 0 !important;
  }
  header .container{
    min-height:72px;
  }
  header nav{
    top:72px !important;
  }

  /* Keep technology tabs fully visible instead of cutting the last items */
  .tech-tabs{
    display:block !important;
    min-height:auto !important;
    overflow:visible !important;
  }
  .tab-menu{
    display:flex !important;
    flex-direction:column !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .tab-menu label{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:100% !important;
    min-height:58px !important;
    padding:12px 18px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.28) !important;
  }
  .tab-menu label svg{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
  }
  .tab-content-area{
    overflow:visible !important;
  }
  .tab-panel{
    min-height:auto !important;
    height:auto !important;
    overflow:visible !important;
    padding:34px 16px 34px !important;
  }

  /* Mobile footer inline / compact */
  .footer-bottom-inline{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px 8px !important;
    text-align:center !important;
    line-height:1.6 !important;
  }
  .footer-bottom-inline span,
  .footer-bottom-inline a{
    display:inline !important;
    font-size:12.5px !important;
    color:#fff !important;
  }
  .footer-bottom-inline .divider{
    display:inline !important;
    opacity:.55 !important;
  }
  .scroll-top{
    bottom:18px !important;
    right:18px !important;
    z-index:9999 !important;
  }
}

@media(max-width:430px){
  .site-logo{
    height:50px !important;
    max-width:255px !important;
  }
  header .container{
    min-height:68px;
  }
  header nav{
    top:68px !important;
  }
  .footer-bottom-inline{
    gap:4px 6px !important;
  }
  .footer-bottom-inline span,
  .footer-bottom-inline a{
    font-size:12px !important;
  }
}


/* Footer logo update */
.footer-brand-logo{
  margin:0 0 18px;
  display:flex;
  align-items:center;
}
.footer-brand-logo img{
  height:62px;
  width:auto;
  max-width:320px;
  object-fit:contain;
  filter:brightness(1.08) contrast(1.05);
}
@media(max-width:768px){
  .footer-brand-logo{
    justify-content:center;
    margin-bottom:16px;
  }
  .footer-brand-logo img{
    height:56px;
    max-width:280px;
  }
  footer .footer-grid > div:first-child{
    text-align:center;
  }
}
@media(max-width:430px){
  .footer-brand-logo img{
    height:48px;
    max-width:240px;
  }
}

/* Contact popup form */
.contact-popup{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.contact-popup.is-open{display:flex;}
.contact-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,20,39,.72);
  backdrop-filter:blur(10px);
}
.contact-popup-card{
  position:relative;
  width:min(560px,100%);
  max-height:92vh;
  overflow:auto;
  border-radius:28px;
  padding:34px;
  background:#fff;
  border:1px solid #dcecf8;
  box-shadow:0 34px 100px rgba(2,22,44,.34);
}
.contact-popup-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:6px;
  background:linear-gradient(90deg,#006fe6,#00a8ff,#4fd8ff);
}
.contact-popup-close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#eef8ff;
  color:#031427;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.contact-popup-label{
  display:inline-flex;
  color:#006fe6;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.contact-popup-card h2{
  font-size:clamp(28px,4vw,40px);
  margin-bottom:10px;
  color:#031427;
}
.contact-popup-card p{margin-bottom:24px;}
.contact-form{display:grid;gap:16px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-field{display:grid;gap:8px;}
.form-field label{
  color:#092541;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}
.form-field input,.form-field textarea{
  width:100%;
  border:1px solid #dcecf8;
  border-radius:16px;
  padding:14px 15px;
  color:#0e1724;
  background:#f8fcff;
  font:inherit;
  outline:none;
  transition:.25s ease;
}
.form-field input:focus,.form-field textarea:focus{
  border-color:#00a8ff;
  box-shadow:0 0 0 4px rgba(0,168,255,.12);
  background:#fff;
}
.form-field textarea{resize:vertical;min-height:120px;}
.contact-submit{width:100%;margin-top:4px;}
.form-status{font-size:13px;font-weight:800;text-align:center;min-height:20px;color:#006fe6;}
.form-status.error{color:#c62828;}
.form-status.success{color:#107c41;}
body.popup-open{overflow:hidden;}

/* Technology section button mobile optimization */
@media(max-width:768px){
  .tech-know-btn{
    min-height:50px !important;
    min-width:170px !important;
    padding:13px 28px !important;
    font-size:16px !important;
    font-weight:800 !important;
    border-radius:999px !important;
  }
}
@media(max-width:480px){
  .tech-know-btn{
    width:100% !important;
    max-width:280px !important;
    margin:0 auto !important;
  }
  .contact-popup{padding:12px;align-items:flex-end;}
  .contact-popup-card{padding:28px 18px 22px;border-radius:24px 24px 0 0;max-height:90vh;}
  .form-grid{grid-template-columns:1fr;}
}


/* Final requested mobile fixes */
@media(max-width:768px){
  /* Technology stack mobile list: bigger text and no clipping */
  .tech-tabs-section,
  .tech-tabs-shell,
  .tech-tabs,
  .tab-menu,
  .tab-content-area{
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
  }
  .tab-menu{
    padding-bottom:8px !important;
  }
  .tab-menu label{
    min-height:64px !important;
    padding:15px 20px !important;
    font-size:15px !important;
    font-weight:850 !important;
    line-height:1.35 !important;
  }
  .tab-menu label svg{
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
  }
  .tab-menu label span{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  /* Footer mobile alignment: left aligned, compact inline bottom */
  footer .footer-grid,
  footer .footer-grid > div,
  footer .footer-grid > div:first-child{
    text-align:left !important;
  }
  .footer-brand-logo{
    justify-content:flex-start !important;
  }
  .footer-bottom-inline{
    justify-content:flex-start !important;
    text-align:left !important;
    align-items:center !important;
  }

  /* Popup mobile spacing after removing top label */
  .contact-popup-card h2{
    margin-top:6px !important;
  }
}

@media(max-width:430px){
  .tab-menu label,
  .tab-menu label span{
    font-size:14.5px !important;
  }
}

/* Mobile-only sticky header update */
@media (min-width:1081px){
  header{
    position:relative!important;
    top:auto!important;
  }
}
@media (max-width:1080px){
  header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
  }
}

/* FINAL FIX: Technology section logos bigger, focused and visible */
.tech-tabs-section .logo-grid{
  max-width:1040px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
.tech-tabs-section .logo-cell{
  min-height:118px!important;
  padding:18px!important;
  background:#fff!important;
  overflow:visible!important;
}
.tech-tabs-section .real-logo{
  min-height:86px!important;
  padding:8px!important;
  overflow:visible!important;
}
.tech-tabs-section .real-logo img{
  max-width:178px!important;
  max-height:66px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
.tech-tabs-section .real-logo strong{
  font-size:24px!important;
  line-height:1.2!important;
}

@media(max-width:1024px){
  .tech-tabs-section .logo-grid{
    max-width:860px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .tech-tabs-section .logo-cell{
    min-height:112px!important;
    padding:16px!important;
  }
  .tech-tabs-section .real-logo{
    min-height:80px!important;
  }
  .tech-tabs-section .real-logo img{
    max-width:160px!important;
    max-height:60px!important;
  }
}

@media(max-width:768px){
  .tech-tabs-section .logo-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    max-width:100%!important;
    padding:0 4px!important;
  }
  .tech-tabs-section .logo-cell,
  .tech-tabs-section .logo-cell:nth-child(2n),
  .tech-tabs-section .logo-cell:nth-child(3n),
  .tech-tabs-section .logo-cell:nth-child(4n),
  .tech-tabs-section .logo-cell:nth-last-child(-n+2),
  .tech-tabs-section .logo-cell:nth-last-child(-n+3),
  .tech-tabs-section .logo-cell:nth-last-child(-n+4){
    min-height:104px!important;
    padding:12px!important;
    border:1px solid #dfeaf3!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(2,22,44,.08)!important;
    overflow:visible!important;
  }
  .tech-tabs-section .real-logo{
    min-height:78px!important;
    padding:4px!important;
    overflow:visible!important;
  }
  .tech-tabs-section .real-logo img{
    max-width:142px!important;
    max-height:58px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .tech-tabs-section .real-logo strong{
    font-size:20px!important;
  }
}

@media(max-width:430px){
  .tech-tabs-section .logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .tech-tabs-section .logo-cell,
  .tech-tabs-section .logo-cell:nth-child(2n),
  .tech-tabs-section .logo-cell:nth-child(3n),
  .tech-tabs-section .logo-cell:nth-child(4n),
  .tech-tabs-section .logo-cell:nth-last-child(-n+2),
  .tech-tabs-section .logo-cell:nth-last-child(-n+3),
  .tech-tabs-section .logo-cell:nth-last-child(-n+4){
    min-height:98px!important;
    padding:10px!important;
  }
  .tech-tabs-section .real-logo{
    min-height:72px!important;
  }
  .tech-tabs-section .real-logo img{
    max-width:132px!important;
    max-height:54px!important;
  }
}