:root{--bg:#060914;--bg2:#0b1122;--panel:#0f1730;--panel2:#111c38;--text:#f7f9ff;--muted:#a9b3cb;--line:rgba(255,255,255,.11);--cyan:#35e5ff;--blue:#4385ff;--violet:#b96cff;--green:#5ff3c3;--max:1240px;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 0,rgba(58,112,255,.12),transparent 30%),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.top-strip{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#02040a;border-bottom:1px solid var(--line);color:#c8d4ef}.top-strip .container{height:34px;display:flex;justify-content:space-between;align-items:center}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,9,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);box-shadow:0 12px 30px rgba(0,0,0,.2)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{font-size:1.35rem;letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:27px}.main-nav>a{font-size:.93rem;color:#d6def2;transition:.2s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.nav-cta,.btn-primary{background:linear-gradient(100deg,var(--blue),var(--violet));padding:12px 18px!important;border-radius:999px;color:#fff!important;box-shadow:0 10px 28px rgba(85,82,255,.25)}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{position:relative;min-height:700px;overflow:hidden}.slides{position:relative;min-height:700px}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease;background-size:cover;background-position:center}.slide.active{opacity:1;pointer-events:auto}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.77) 45%,rgba(3,7,18,.35) 100%),linear-gradient(0deg,var(--bg),transparent 25%)}.slide.placeholder{background-image:radial-gradient(circle at 75% 35%,rgba(53,229,255,.18),transparent 19%),radial-gradient(circle at 82% 55%,rgba(185,108,255,.2),transparent 25%),linear-gradient(135deg,#081126,#0c1730 48%,#19123b)}.slide-content{position:relative;z-index:2;min-height:700px;display:flex;align-items:center}.hero-copy{max-width:760px;padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b8f5ff;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:"";width:26px;height:2px;background:var(--cyan)}h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.95;letter-spacing:-.055em;margin:18px 0 24px}.gradient-text{background:linear-gradient(90deg,#fff 0%,#88edff 42%,#ca93ff 100%);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:1.2rem;max-width:700px;color:#c3cde1}.hero-actions,.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:999px;border:1px solid var(--line);font-weight:700;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-secondary{background:rgba(255,255,255,.06)}.slider-dots{position:absolute;z-index:4;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.slider-dot{width:34px;height:4px;border:0;background:rgba(255,255,255,.28);border-radius:99px;cursor:pointer}.slider-dot.active{background:var(--cyan)}section{padding:105px 0}.section-head{max-width:790px;margin-bottom:45px}.section-head h2,.page-hero h1{font-size:clamp(2.4rem,4.4vw,4.7rem);letter-spacing:-.045em;line-height:1.05;margin:12px 0 18px}.section-head p,.page-hero p{font-size:1.08rem;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card .num{font-size:.75rem;letter-spacing:.12em;color:var(--cyan);font-weight:800}.card h3{font-size:1.35rem;margin:12px 0}.card p{color:var(--muted);margin:0}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(53,229,255,.18),rgba(185,108,255,.18));border:1px solid var(--line);font-size:1.1rem}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.visual-placeholder{min-height:480px;border-radius:32px;border:1px solid var(--line);background:radial-gradient(circle at 60% 38%,rgba(53,229,255,.25),transparent 22%),radial-gradient(circle at 40% 62%,rgba(185,108,255,.22),transparent 24%),linear-gradient(145deg,#0b1329,#121a33);position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual-placeholder:after{content:"RINC Local AI";position:absolute;bottom:22px;left:22px;font-size:.7rem;letter-spacing:.14em;color:#9ba9c7}.kicker{color:var(--cyan);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-45px;position:relative;z-index:5}.metric{padding:24px;border-radius:20px;background:rgba(12,18,38,.93);border:1px solid var(--line);backdrop-filter:blur(14px)}.metric strong{display:block;font-size:1.5rem}.metric span{color:var(--muted);font-size:.86rem}.band{background:linear-gradient(100deg,rgba(45,116,255,.13),rgba(185,108,255,.10));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;padding-top:25px}.step:before{content:"";position:absolute;top:0;left:0;width:65px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.step strong{font-size:1.1rem}.step p{color:var(--muted)}.page-hero{padding:95px 0 70px;background:radial-gradient(circle at 80% 20%,rgba(53,229,255,.12),transparent 20%),linear-gradient(180deg,#0a1022,var(--bg))}.page-hero .container{max-width:980px;margin-left:max(20px,calc((100vw - var(--max))/2))}.module{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--line)}.module h3{margin:0;font-size:1.65rem}.module p{color:var(--muted);margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tag{border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:.75rem;color:#c9d4e9}.industry-card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.industry-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,18,.98),rgba(5,8,18,.25)),radial-gradient(circle at 70% 25%,rgba(53,229,255,.15),transparent 28%)}.industry-card>*{position:relative;z-index:2}.arch-diagram{display:grid;gap:14px}.arch-row{padding:20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.arch-row strong{display:block}.arch-row span{color:var(--muted)}.form-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.form-card{background:linear-gradient(160deg,#0f1832,#0a1022);padding:32px;border-radius:28px;border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.82rem;margin-bottom:7px;color:#d6def0}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#070c1b;color:#fff;padding:13px 14px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}.field textarea{min-height:140px;resize:vertical}.notice{padding:15px 18px;border-radius:14px;margin-bottom:18px}.notice.success{background:rgba(95,243,195,.1);border:1px solid rgba(95,243,195,.35)}.notice.error{background:rgba(255,100,100,.1);border:1px solid rgba(255,100,100,.35)}.site-footer{border-top:1px solid var(--line);padding:70px 0 25px;background:#040711}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:38px}.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:var(--muted);margin:8px 0;font-size:.9rem}.footer-brand{margin-bottom:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:flex;justify-content:space-between;color:#7e8aa7;font-size:.8rem}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.main-nav{position:absolute;top:82px;left:20px;right:20px;padding:22px;flex-direction:column;align-items:flex-start;background:#0a1022;border:1px solid var(--line);border-radius:18px;display:none}.main-nav.open{display:flex}.menu-toggle{display:block}.grid-4,.steps,.metric-row{grid-template-columns:repeat(2,1fr)}.grid-3,.split,.form-wrap{grid-template-columns:1fr}.hero,.slides,.slide-content{min-height:640px}.module{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{width:min(100% - 26px,var(--max))}.top-strip .container span:last-child{display:none}.nav-wrap{height:72px}.brand img{width:43px;height:43px}.main-nav{top:72px}.hero,.slides,.slide-content{min-height:680px}.hero-copy{padding:60px 0 110px}h1{font-size:3.15rem}.grid-3,.grid-4,.steps,.metric-row,.form-grid,.footer-grid{grid-template-columns:1fr}.metric-row{margin-top:0;padding-top:18px}.form-card{padding:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}section{padding:75px 0}}.visual-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
/* =========================================================
   RINC MODULES PAGE
   ========================================================= */

.modules-page-hero {
  position: relative;
  overflow: hidden;
}

.modules-page-hero::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -120px;
  top: -180px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(80, 220, 255, .18),
      rgba(126, 87, 255, .10) 45%,
      transparent 70%
    );
  pointer-events: none;
}


/* Overview */

.modules-overview {
  padding-top: 0;
}

.module-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  transform: translateY(-30px);
}

.module-stat {
  padding: 25px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(11,18,40,.90);
  backdrop-filter: blur(12px);
}

.module-stat strong {
  display: block;
  font-size: 1.35rem;
  margin-bottom: 7px;
}

.module-stat span {
  color: var(--muted, #9ba9c7);
  font-size: .9rem;
}


/* Group layout */

.module-group {
  padding: 95px 0;
}

.module-group-alt {
  background:
    linear-gradient(
      135deg,
      rgba(15,28,65,.65),
      rgba(27,13,50,.50)
    );
}

.module-group-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  align-items: center;
  margin-bottom: 55px;
}

.module-group-copy h2 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  max-width: 720px;
  margin-bottom: 20px;
}

.module-group-copy p {
  color: var(--muted, #a6b0c8);
  font-size: 1.05rem;
  line-height: 1.8;
}


/* Visuals */

.module-group-image {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(72,218,255,.18),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #101c39,
      #171129
    );
}

.module-group-image img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  display: block;
  object-fit: cover;
}

.module-image-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.image-missing .module-image-fallback {
  display: flex;
}

.module-image-fallback span {
  letter-spacing: .25em;
  font-size: .75rem;
  color: #7cecff;
}

.module-image-fallback strong {
  font-size: 1.3rem;
}


/* Cards */

.module-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.module-product-card {
  position: relative;
  padding: 30px;
  border-radius: 24px;
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(
      145deg,
      rgba(18,29,58,.95),
      rgba(13,18,38,.95)
    );

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.module-product-card::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -70px;
  top: -70px;
  border-radius: 50%;
  background: rgba(88,120,255,.10);
  filter: blur(15px);
}

.module-product-card:hover {
  transform: translateY(-6px);
  border-color: rgba(89,220,255,.35);
  box-shadow:
    0 24px 65px rgba(0,0,0,.25);
}

.module-card-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 25px;
}

.module-symbol {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      rgba(55,190,255,.20),
      rgba(164,87,255,.20)
    );

  border: 1px solid rgba(106,218,255,.20);

  color: #baf4ff;
  font-weight: 800;
  letter-spacing: .08em;
}

.module-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.module-category,
.module-network {
  padding: 7px 11px;
  border-radius: 999px;
  font-size: .72rem;
  letter-spacing: .05em;
  border: 1px solid rgba(255,255,255,.10);
  color: #c6d2ed;
  background: rgba(255,255,255,.04);
}

.module-network {
  color: #72efff;
  border-color: rgba(80,224,255,.20);
}

.module-network.hybrid {
  color: #dba2ff;
  border-color: rgba(196,114,255,.25);
}

.module-product-card h3 {
  font-size: 1.45rem;
  margin-bottom: 13px;
}

.module-description {
  color: #c6cfe3;
  line-height: 1.7;
}

.module-best {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.module-best span {
  display: block;
  margin-bottom: 8px;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .14em;
  color: #52eaff;
}

.module-best p {
  margin: 0;
  font-size: .9rem;
  color: #e5eaf5;
}

.module-explanation {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  color: #aab6cf;
  font-size: .88rem;
  line-height: 1.6;
  background: rgba(255,255,255,.035);
}


/* Orbit visual */

.modules-boundary {
  padding: 100px 0;
  background:
    radial-gradient(
      circle at 75% 50%,
      rgba(80,210,255,.10),
      transparent 28%
    );
}

.rinc-module-orbit {
  position: relative;
  min-height: 430px;
  display: grid;
  place-items: center;
}

.rinc-module-orbit::before,
.rinc-module-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(111,217,255,.16);
}

.rinc-module-orbit::before {
  width: 320px;
  height: 320px;
}

.rinc-module-orbit::after {
  width: 220px;
  height: 220px;
}

.orbit-core {
  width: 145px;
  height: 145px;
  z-index: 2;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  background:
    radial-gradient(
      circle at 40% 35%,
      #4ee7ff,
      #5a65da 48%,
      #472784 100%
    );

  box-shadow:
    0 0 65px rgba(76,213,255,.25);
}

.orbit-core span {
  font-size: 1.7rem;
  font-weight: 900;
}

.orbit-core small {
  margin-top: 3px;
  font-size: .62rem;
  letter-spacing: .2em;
}

.orbit-item {
  position: absolute;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: #111a34;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.orbit-1 { top: 8%; left: 44%; }
.orbit-2 { top: 28%; right: 8%; }
.orbit-3 { bottom: 21%; right: 11%; }
.orbit-4 { bottom: 7%; left: 43%; }
.orbit-5 { bottom: 21%; left: 10%; }
.orbit-6 { top: 28%; left: 7%; }


/* CTA */

.modules-cta {
  padding: 70px 0 110px;
}

.modules-cta-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;

  padding: 45px;

  border-radius: 28px;

  border: 1px solid rgba(255,255,255,.12);

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(147,75,255,.18),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #101b3c,
      #17122d
    );
}

.modules-cta-box h2 {
  margin-top: 10px;
  max-width: 720px;
}


/* Responsive */

@media (max-width: 950px) {

  .module-stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .module-group-intro {
    grid-template-columns: 1fr;
  }

  .module-card-grid {
    grid-template-columns: 1fr;
  }

  .modules-cta-box {
    flex-direction: column;
    align-items: flex-start;
  }

}


@media (max-width: 600px) {

  .module-stat-grid {
    grid-template-columns: 1fr;
  }

  .module-group {
    padding: 65px 0;
  }

  .module-product-card {
    padding: 22px;
  }

  .module-group-image,
  .module-group-image img {
    min-height: 240px;
  }

  .rinc-module-orbit {
    min-height: 340px;
    transform: scale(.82);
  }

}
/* =========================================================
   ABOUT PAGE
========================================================= */

.about-hero {
  position: relative;
  overflow: hidden;
}

.about-hero::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  top: -250px;
  right: -100px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(76, 215, 255, .16),
      rgba(139, 82, 255, .10) 42%,
      transparent 70%
    );
  pointer-events: none;
}


.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


.about-highlight {
  margin-top: 28px;
  padding: 20px 22px;

  border-left: 3px solid #61eaff;
  border-radius: 0 16px 16px 0;

  background:
    rgba(67, 113, 255, .08);
}

.about-highlight strong {
  display: block;
  margin-bottom: 7px;
  color: #ffffff;
  font-size: 1.05rem;
}

.about-highlight span {
  color: #aebbd5;
  line-height: 1.65;
}


.about-principles .card {
  min-height: 260px;
}

.about-number {
  margin-bottom: 22px;

  font-size: 2rem;
  font-weight: 900;

  background:
    linear-gradient(
      90deg,
      #60e7ff,
      #a36aff
    );

  -webkit-background-clip: text;
  color: transparent;
}


.mini-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;

  margin-top: 30px;
}

.mini-feature {
  padding: 17px;

  border-radius: 16px;

  border:
    1px solid rgba(255, 255, 255, .09);

  background:
    rgba(255, 255, 255, .035);
}

.mini-feature strong {
  display: block;
  margin-bottom: 6px;
}

.mini-feature span {
  color: #9daac5;
  font-size: .86rem;
  line-height: 1.5;
}


/* Security panel */

.about-security-panel {
  padding: 30px;

  border-radius: 24px;

  border:
    1px solid rgba(255, 255, 255, .11);

  background:
    linear-gradient(
      145deg,
      rgba(14, 27, 57, .95),
      rgba(19, 14, 40, .95)
    );
}

.security-label {
  display: block;

  margin-bottom: 22px;

  color: #67eaff;

  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.security-row {
  display: flex;

  justify-content: space-between;

  gap: 20px;

  padding: 16px 0;

  border-bottom:
    1px solid rgba(255, 255, 255, .07);
}

.security-row:last-child {
  border-bottom: 0;
}

.security-row strong {
  color: #ffffff;
}

.security-row span {
  text-align: right;
  color: #9ba8c5;
  font-size: .86rem;
}


/* Deployment */

.deployment-flow {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;
}

.deployment-step {
  position: relative;

  padding: 28px 23px;

  border-radius: 20px;

  border:
    1px solid rgba(255, 255, 255, .10);

  background:
    linear-gradient(
      145deg,
      rgba(16, 27, 54, .95),
      rgba(10, 15, 32, .95)
    );
}

.deployment-step > span {
  display: block;

  margin-bottom: 30px;

  color: #65e9ff;

  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .14em;
}

.deployment-step h3 {
  margin-bottom: 12px;
}

.deployment-step p {
  color: #a4aec6;
  font-size: .91rem;
  line-height: 1.65;
}


/* Pakistan section */

.about-pakistan {
  padding: 110px 0;

  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(16, 185, 129, .09),
      transparent 30%
    ),
    radial-gradient(
      circle at 85% 50%,
      rgba(91, 110, 255, .14),
      transparent 33%
    );
}

.about-pakistan-box {
  max-width: 900px;

  margin: auto;

  text-align: center;
}

.about-pakistan-box h2 {
  margin: 14px auto 22px;

  max-width: 850px;

  font-size:
    clamp(2rem, 5vw, 4rem);

  line-height: 1.08;
}

.about-pakistan-box p {
  max-width: 750px;

  margin: auto;

  color: #a8b3ca;

  font-size: 1.05rem;
  line-height: 1.8;
}

.pakistan-tags {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 9px;

  margin-top: 30px;
}

.pakistan-tags span {
  padding: 9px 14px;

  border-radius: 999px;

  border:
    1px solid rgba(255, 255, 255, .11);

  background:
    rgba(255, 255, 255, .04);

  color: #d5def0;

  font-size: .8rem;
}


/* Final CTA */

.about-final-cta {
  padding: 85px 0 110px;
}

.about-final-box {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 40px;

  padding: 50px;

  border-radius: 30px;

  border:
    1px solid rgba(255, 255, 255, .12);

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(160, 86, 255, .18),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #101c3b,
      #171129
    );
}

.about-final-box h2 {
  margin: 10px 0;

  font-size:
    clamp(2rem, 4vw, 3.3rem);
}


/* Responsive */

@media (max-width: 950px) {

  .deployment-flow {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .about-final-box {
    flex-direction: column;
    align-items: flex-start;
  }

}


@media (max-width: 650px) {

  .mini-feature-grid {
    grid-template-columns: 1fr;
  }

  .deployment-flow {
    grid-template-columns: 1fr;
  }

  .security-row {
    flex-direction: column;
    gap: 4px;
  }

  .security-row span {
    text-align: left;
  }

  .about-final-box {
    padding: 30px 23px;
  }
  
}

/* =========================================================
   INDUSTRIES PAGE
========================================================= */

.industries-hero {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 15% 30%,
      rgba(66, 214, 255, .12),
      transparent 32%
    ),
    radial-gradient(
      circle at 82% 40%,
      rgba(152, 76, 255, .15),
      transparent 34%
    );
}

.industries-hero-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 60px;
  align-items: center;
}

.industries-hero-copy h1 {
  max-width: 720px;
}

.industries-hero-copy p {
  max-width: 700px;
}

.industries-hero-visual {
  position: relative;
  min-height: 420px;

  overflow: hidden;

  border-radius: 28px;

  border:
    1px solid rgba(255,255,255,.12);

  background:
    linear-gradient(
      145deg,
      #101a35,
      #171127
    );
}

.industries-hero-visual img {
  width: 100%;
  height: 100%;
  min-height: 420px;

  display: block;

  object-fit: cover;
}

.industry-visual-overlay {
  position: absolute;

  left: 20px;
  right: 20px;
  bottom: 20px;

  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.industry-visual-overlay span {
  padding: 8px 12px;

  border-radius: 999px;

  background:
    rgba(6, 12, 28, .75);

  backdrop-filter: blur(12px);

  border:
    1px solid rgba(255,255,255,.13);

  color: #b9efff;

  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
}


/* Industry navigation */

.industry-navigation {
  padding: 0 0 35px;
}

.industry-nav-grid {
  display: grid;

  grid-template-columns:
    repeat(6, 1fr);

  gap: 10px;

  transform:
    translateY(-20px);
}

.industry-nav-item {
  padding: 17px;

  border-radius: 15px;

  border:
    1px solid rgba(255,255,255,.09);

  background:
    rgba(13, 20, 40, .92);

  backdrop-filter: blur(14px);

  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.industry-nav-item:hover {
  transform: translateY(-4px);

  border-color:
    rgba(99, 229, 255, .35);

  background:
    rgba(18, 28, 55, .98);
}

.industry-nav-item span {
  display: block;

  color: #5ee8ff;

  font-size: .7rem;
  font-weight: 800;

  margin-bottom: 7px;
}

.industry-nav-item strong {
  display: block;

  font-size: .8rem;
  line-height: 1.35;
}


/* Main industry cards */

.industry-solutions-section {
  padding-top: 10px;
}

.industry-solutions-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 22px;
}

.industry-solution-card {
  position: relative;

  padding: 34px;

  border-radius: 26px;

  overflow: hidden;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(
      145deg,
      rgba(17, 27, 55, .98),
      rgba(10, 15, 31, .98)
    );

  scroll-margin-top: 110px;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.industry-solution-card:hover {
  transform:
    translateY(-6px);

  border-color:
    rgba(87, 222, 255, .30);

  box-shadow:
    0 26px 65px
    rgba(0, 0, 0, .25);
}

.industry-solution-card::after {
  content: "";

  position: absolute;

  width: 200px;
  height: 200px;

  right: -100px;
  top: -100px;

  border-radius: 50%;

  filter: blur(20px);

  background:
    rgba(71, 177, 255, .08);

  pointer-events: none;
}

.industry-card-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-bottom: 30px;
}

.industry-number {
  font-size: 2rem;
  font-weight: 900;

  background:
    linear-gradient(
      90deg,
      #65e9ff,
      #a66aff
    );

  -webkit-background-clip: text;
  color: transparent;
}

.industry-type {
  padding: 7px 11px;

  border-radius: 999px;

  border:
    1px solid
    rgba(255,255,255,.10);

  color: #aebbd6;

  font-size: .66rem;
  font-weight: 800;

  letter-spacing: .10em;
}

.industry-solution-card h3 {
  margin: 0 0 12px;

  font-size: 1.65rem;
}

.industry-summary {
  margin-bottom: 15px;

  color: #e0e6f2;

  font-size: 1rem;

  line-height: 1.65;
}

.industry-details {
  color: #9eabc5;

  line-height: 1.75;
}


/* Use case list */

.industry-use-list {
  margin-top: 27px;

  padding-top: 23px;

  border-top:
    1px solid rgba(255,255,255,.08);
}

.industry-use-list > span {
  display: block;

  margin-bottom: 13px;

  color: #62e9ff;

  font-size: .67rem;
  font-weight: 900;

  letter-spacing: .15em;
}

.industry-use-list ul {
  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 9px;

  list-style: none;

  padding: 0;
  margin: 0;
}

.industry-use-list li {
  padding: 10px 12px;

  border-radius: 10px;

  background:
    rgba(255,255,255,.035);

  color: #cbd4e6;

  font-size: .82rem;
}

.industry-use-list li::before {
  content: "•";

  margin-right: 7px;

  color: #67eaff;
}


/* Boundary */

.industry-boundary {
  margin-top: 23px;

  padding: 16px;

  border-radius: 14px;

  border-left:
    2px solid #9367ff;

  background:
    rgba(131, 83, 255, .07);
}

.industry-boundary strong {
  display: block;

  margin-bottom: 5px;

  color: #cdb7ff;

  font-size: .72rem;

  text-transform: uppercase;

  letter-spacing: .08em;
}

.industry-boundary p {
  margin: 0;

  color: #99a5c0;

  font-size: .8rem;

  line-height: 1.55;
}


/* Deployment list */

.industry-deployment-list {
  margin-top: 30px;
}

.industry-deployment-list > div {
  display: flex;

  gap: 17px;

  padding: 15px 0;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}

.industry-deployment-list > div > span {
  width: 36px;

  flex: 0 0 36px;

  color: #62eaff;

  font-weight: 900;
}

.industry-deployment-list strong {
  display: block;

  margin-bottom: 3px;
}

.industry-deployment-list p {
  margin: 0;

  color: #97a4bf;

  font-size: .87rem;
}


/* Industrial section */

.industrial-ai-section {
  padding: 105px 0;

  background:
    radial-gradient(
      circle at 20% 45%,
      rgba(70, 201, 255, .09),
      transparent 28%
    );
}

.industrial-grid {
  display: grid;

  grid-template-columns:
    1.1fr .9fr;

  gap: 65px;

  align-items: center;
}

.industrial-visual {
  position: relative;

  overflow: hidden;

  border-radius: 28px;

  border:
    1px solid rgba(255,255,255,.11);
}

.industrial-visual img {
  width: 100%;

  display: block;
}

.industrial-label {
  position: absolute;

  left: 20px;
  bottom: 20px;

  padding: 10px 14px;

  border-radius: 999px;

  background:
    rgba(5, 12, 27, .80);

  border:
    1px solid rgba(255,255,255,.13);

  backdrop-filter:
    blur(14px);

  color: #76efff;

  font-size: .7rem;
  font-weight: 900;

  letter-spacing: .12em;
}

.industrial-copy h2 {
  font-size:
    clamp(2rem, 4vw, 3.3rem);

  line-height: 1.12;
}

.industrial-copy > p {
  color: #a6b2cb;

  line-height: 1.8;
}


/* Capabilities */

.industrial-capabilities {
  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 10px;

  margin-top: 27px;
}

.industrial-capabilities > div {
  padding: 16px;

  border-radius: 14px;

  border:
    1px solid rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.03);
}

.industrial-capabilities strong {
  display: block;

  margin-bottom: 4px;

  color: #ffffff;
}

.industrial-capabilities span {
  color: #97a3bb;

  font-size: .8rem;
}


/* Important robotics boundary */

.industry-important-boundary {
  margin-top: 27px;

  padding: 23px;

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(63, 111, 255, .10),
      rgba(147, 75, 255, .10)
    );

  border:
    1px solid rgba(115, 151, 255, .18);
}

.industry-important-boundary > span {
  display: block;

  margin-bottom: 10px;

  color: #72eaff;

  font-size: .66rem;

  font-weight: 900;

  letter-spacing: .15em;
}

.industry-important-boundary strong {
  display: block;

  margin-bottom: 10px;

  font-size: 1.15rem;
}

.industry-important-boundary p {
  margin: 0;

  color: #9da9c2;

  font-size: .86rem;

  line-height: 1.65;
}


/* Benefits */

.industry-benefits .card {
  min-height: 235px;
}

.benefit-code {
  display: inline-block;

  margin-bottom: 24px;

  color: #62e9ff;

  font-size: .68rem;

  font-weight: 900;

  letter-spacing: .14em;
}


/* Final CTA */

.industry-final-cta {
  padding: 90px 0 110px;
}

.industry-cta-box {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 40px;

  padding: 48px;

  border-radius: 30px;

  border:
    1px solid rgba(255,255,255,.12);

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(156, 80, 255, .18),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #101b39,
      #171027
    );
}

.industry-cta-box h2 {
  margin: 10px 0;

  max-width: 700px;

  font-size:
    clamp(2rem, 4vw, 3.3rem);
}

.industry-cta-box p {
  max-width: 700px;

  color: #a6b1ca;
}


/* Responsive */

@media (max-width: 1050px) {

  .industry-nav-grid {
    grid-template-columns:
      repeat(3, 1fr);
  }

}


@media (max-width: 900px) {

  .industries-hero-grid,
  .industrial-grid {
    grid-template-columns: 1fr;
  }

  .industry-solutions-grid {
    grid-template-columns: 1fr;
  }

  .industry-cta-box {
    flex-direction: column;
    align-items: flex-start;
  }

}


@media (max-width: 650px) {

  .industry-nav-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .industry-use-list ul,
  .industrial-capabilities {
    grid-template-columns: 1fr;
  }

  .industry-solution-card {
    padding: 24px;
  }

  .industries-hero-visual,
  .industries-hero-visual img {
    min-height: 270px;
  }

  .industry-cta-box {
    padding: 30px 24px;
  }

}

/* =========================================================
   CONTACT / SALES PAGE
========================================================= */

.contact-hero {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 15% 30%,
      rgba(73, 220, 255, .12),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 35%,
      rgba(156, 81, 255, .16),
      transparent 32%
    );
}

.contact-hero-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 60px;
  align-items: center;
}

.contact-hero-copy p {
  max-width: 760px;
}

.contact-hero-panel {
  padding: 32px;

  border-radius: 26px;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    linear-gradient(
      145deg,
      rgba(18,29,59,.96),
      rgba(15,13,37,.96)
    );

  box-shadow:
    0 25px 70px
    rgba(0,0,0,.22);
}

.contact-panel-label {
  display: block;

  margin-bottom: 12px;

  color: #63eaff;

  font-size: .7rem;
  font-weight: 900;

  letter-spacing: .15em;
}

.contact-hero-panel h3 {
  margin-bottom: 30px;

  font-size: 1.55rem;
  line-height: 1.35;
}

.contact-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.contact-hero-stats > div {
  padding: 17px;

  border-radius: 15px;

  border:
    1px solid rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.035);
}

.contact-hero-stats strong {
  display: block;

  margin-bottom: 3px;

  color: #ffffff;

  font-size: 1.05rem;
}

.contact-hero-stats span {
  color: #98a7c3;

  font-size: .77rem;
}


/* =========================================================
   SALES OPTIONS
========================================================= */

.contact-options {
  padding: 35px 0 75px;
}

.contact-option-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.contact-option-card {
  padding: 25px;

  border-radius: 20px;

  border:
    1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #101a35,
      #0c1225
    );

  transition:
    transform .25s ease,
    border-color .25s ease;
}

.contact-option-card:hover {
  transform: translateY(-5px);

  border-color:
    rgba(95, 229, 255, .30);
}

.contact-option-code {
  display: block;

  margin-bottom: 22px;

  color: #65eaff;

  font-size: .66rem;
  font-weight: 900;

  letter-spacing: .15em;
}

.contact-option-card h3 {
  margin-bottom: 10px;

  font-size: 1.15rem;
}

.contact-option-card p {
  margin: 0;

  color: #99a7c2;

  font-size: .87rem;
  line-height: 1.65;
}


/* =========================================================
   DOWNLOADS
========================================================= */

.contact-downloads {
  padding: 90px 0;
}

.download-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 20px;

  max-width: 1000px;

  margin:
    40px auto 0;
}

.download-card {
  display: grid;

  grid-template-columns:
    85px 1fr;

  gap: 24px;

  padding: 30px;

  border-radius: 24px;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(
      145deg,
      rgba(16,27,56,.98),
      rgba(10,15,31,.98)
    );

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.download-card:hover {
  transform: translateY(-5px);

  border-color:
    rgba(104, 226, 255, .28);

  box-shadow:
    0 28px 60px
    rgba(0,0,0,.22);
}

.download-file-icon {
  width: 76px;
  height: 92px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      rgba(82,116,255,.20),
      rgba(167,83,255,.20)
    );

  border:
    1px solid rgba(132,153,255,.22);

  color: #ffffff;

  font-size: .8rem;

  font-weight: 900;

  letter-spacing: .08em;
}

.download-type {
  color: #63eaff;

  font-size: .66rem;

  font-weight: 900;

  letter-spacing: .14em;
}

.download-content h3 {
  margin:
    7px 0 9px;

  font-size: 1.4rem;
}

.download-content p {
  color: #9ca9c3;

  line-height: 1.65;
}

.download-meta {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin:
    18px 0;
}

.download-meta span {
  padding:
    6px 9px;

  border-radius: 999px;

  border:
    1px solid rgba(255,255,255,.09);

  background:
    rgba(255,255,255,.03);

  color: #aebbd2;

  font-size: .67rem;
}

.download-button {
  width: 100%;

  justify-content:
    space-between;
}


/* =========================================================
   SALES FORM
========================================================= */

.contact-sales-section {
  padding:
    100px 0;
}

.sales-sidebar h2 {
  font-size:
    clamp(2rem, 4vw, 3rem);

  margin:
    10px 0 18px;
}

.sales-sidebar > p {
  color: #a4b0c8;

  line-height: 1.8;
}

.sales-contact-card {
  margin-top: 30px;

  overflow: hidden;

  border-radius: 20px;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    rgba(255,255,255,.03);
}

.sales-contact-row {
  padding:
    16px 18px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}

.sales-contact-row:last-child {
  border-bottom: 0;
}

.sales-contact-row span {
  display: block;

  margin-bottom: 3px;

  color: #7787a7;

  font-size: .69rem;

  text-transform:
    uppercase;

  letter-spacing:
    .08em;
}

.sales-contact-row strong {
  color: #e8edf8;

  font-size: .92rem;
}

.sales-contact-row a:hover {
  color: #67eaff;
}

.sales-sidebar-note {
  margin-top: 20px;

  padding: 19px;

  border-radius: 17px;

  border-left:
    2px solid #68eaff;

  background:
    rgba(64, 126, 255, .06);
}

.sales-sidebar-note span {
  display: block;

  margin-bottom: 8px;

  color: #66eaff;

  font-size: .66rem;

  font-weight: 900;

  letter-spacing: .12em;
}

.sales-sidebar-note p {
  margin: 0;

  color: #98a5bf;

  font-size: .85rem;

  line-height: 1.6;
}


/* Form card */

.sales-form-card {
  position: relative;
}

.form-card-header {
  margin-bottom: 28px;
}

.form-card-header > span {
  display: block;

  color: #64eaff;

  font-size: .67rem;

  font-weight: 900;

  letter-spacing: .14em;

  margin-bottom: 8px;
}

.form-card-header h2 {
  margin:
    0 0 6px;

  font-size:
    1.7rem;
}

.form-card-header p {
  margin: 0;

  color: #8f9db8;

  font-size: .86rem;
}

.form-card input,
.form-card select,
.form-card textarea {
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus {
  outline: none;

  border-color:
    rgba(94, 226, 255, .55);

  box-shadow:
    0 0 0 3px
    rgba(89, 217, 255, .08);
}

.form-submit-row {
  display: flex;

  align-items: center;

  gap: 18px;

  flex-wrap: wrap;
}

.form-submit-row span {
  color: #77859f;

  font-size: .76rem;
}


/* =========================================================
   FINAL CTA
========================================================= */

.contact-final {
  padding:
    30px 0 110px;
}

.contact-final-box {
  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 40px;

  padding: 46px;

  border-radius: 28px;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(155,77,255,.17),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #101b3c,
      #16102b
    );
}

.contact-final-box h2 {
  margin:
    9px 0;

  font-size:
    clamp(2rem,4vw,3rem);
}

.contact-final-box p {
  color:
    #a5b0c8;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

  .contact-option-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

}


@media (max-width: 900px) {

  .contact-hero-grid {
    grid-template-columns:
      1fr;
  }

  .download-grid {
    grid-template-columns:
      1fr;
  }

  .contact-final-box {
    flex-direction:
      column;

    align-items:
      flex-start;
  }

}


@media (max-width: 650px) {

  .contact-option-grid {
    grid-template-columns:
      1fr;
  }

  .contact-hero-stats {
    grid-template-columns:
      1fr 1fr;
  }

  .download-card {
    grid-template-columns:
      1fr;

    padding:
      24px;
  }

  .download-file-icon {
    width: 65px;
    height: 75px;
  }

  .contact-final-box {
    padding:
      30px 23px;
  }

}

/* =========================================================
   CONTACT HERO — RINC PRODUCT SLIDER
========================================================= */

.contact-product-slider {
  position: relative;
  min-width: 0;
}


.contact-slider-stage {
  position: relative;

  width: 100%;
  min-height: 470px;

  overflow: hidden;

  border-radius: 30px;

  border:
    1px solid rgba(255,255,255,.13);

  background:
    linear-gradient(
      145deg,
      #111b35,
      #111126
    );

  box-shadow:
    0 35px 90px
    rgba(0,0,0,.30);
}


/* =========================================================
   SLIDES
========================================================= */

.contact-product-slide {
  position: absolute;

  inset: 0;

  opacity: 0;

  visibility: hidden;

  transform: scale(1.025);

  transition:
    opacity .75s ease,
    transform 1s ease,
    visibility .75s;
}


.contact-product-slide.active {
  opacity: 1;

  visibility: visible;

  transform: scale(1);

  z-index: 2;
}


.contact-product-slide img {
    width: 100%;
    height: 100%;
    min-height: 470px;

    object-fit: contain;
    object-position: center;

    display: block;

    background: #f5f5f5;
}


/* Dark cinematic gradient */

.contact-product-slide::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(4,8,20,.03) 25%,
      rgba(4,8,20,.20) 52%,
      rgba(4,8,20,.92) 100%
    );

  pointer-events: none;
}


/* =========================================================
   SLIDE TEXT
========================================================= */

.contact-slide-overlay {
  position: absolute;

  z-index: 4;

  left: 30px;
  right: 80px;
  bottom: 30px;
}


.contact-slide-label {
  display: block;

  margin-bottom: 9px;

  color: #69edff;

  font-size: .68rem;
  font-weight: 900;

  letter-spacing: .16em;
}


.contact-slide-overlay h3 {
  margin: 0 0 8px;

  max-width: 430px;

  color: #ffffff;

  font-size:
    clamp(1.45rem, 2.5vw, 2.15rem);

  line-height: 1.15;
}


.contact-slide-overlay p {
  max-width: 430px;

  margin: 0;

  color: #c1cbde;

  font-size: .9rem;

  line-height: 1.6;
}


/* =========================================================
   ARROWS
========================================================= */

.contact-slider-arrow {
  position: absolute;

  z-index: 7;

  top: 50%;

  width: 44px;
  height: 44px;

  display: grid;

  place-items: center;

  transform: translateY(-50%);

  border-radius: 50%;

  border:
    1px solid rgba(255,255,255,.16);

  background:
    rgba(6,12,28,.62);

  backdrop-filter:
    blur(12px);

  color: #ffffff;

  font-size: 1.7rem;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


.contact-slider-arrow:hover {
  background:
    rgba(74,105,255,.55);

  border-color:
    rgba(105,232,255,.55);
}


.contact-slider-prev {
  left: 17px;
}


.contact-slider-next {
  right: 17px;
}


/* =========================================================
   COUNTER
========================================================= */

.contact-slider-counter {
  position: absolute;

  z-index: 7;

  right: 26px;
  bottom: 30px;

  display: flex;

  align-items: center;

  gap: 8px;

  color: #dce5f7;

  font-size: .7rem;

  font-weight: 800;

  letter-spacing: .08em;
}


.contact-slider-counter i {
  display: block;

  width: 24px;
  height: 1px;

  background:
    rgba(255,255,255,.35);
}


/* =========================================================
   DOTS
========================================================= */

.contact-slider-dots {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 7px;

  margin-top: 15px;
}


.contact-slider-dot {
  width: 8px;
  height: 8px;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background:
    rgba(255,255,255,.20);

  cursor: pointer;

  transition:
    width .25s ease,
    border-radius .25s ease,
    background .25s ease;
}


.contact-slider-dot.active {
  width: 30px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #5de8ff,
      #a45cff
    );
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

  .contact-slider-stage,
  .contact-product-slide img {
    min-height: 420px;
  }

}


@media (max-width: 650px) {

  .contact-slider-stage,
  .contact-product-slide img {
    min-height: 360px;
  }

  .contact-slide-overlay {
    left: 22px;
    right: 55px;
    bottom: 24px;
  }

  .contact-slider-arrow {
    width: 38px;
    height: 38px;
  }

  .contact-slider-prev {
    left: 10px;
  }

  .contact-slider-next {
    right: 10px;
  }

  .contact-slider-counter {
    right: 18px;
    bottom: 20px;
  }

}

/* =========================================================
   CONTACT HERO — FIXED IMAGE BOX
========================================================= */

.contact-fixed-image-box {
  position: relative;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(145deg, #111b35, #111126);
  box-shadow: 0 35px 90px rgba(0,0,0,.30);

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.contact-fixed-image-box img {
  width: 100%;
  height: 100%;
  max-height: 460px;
  object-fit: contain;   /* important */
  object-position: center;
  display: block;
}

.contact-fixed-image-overlay {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 28px;
  z-index: 3;

  background: linear-gradient(
    180deg,
    rgba(5,10,22,0) 0%,
    rgba(5,10,22,.15) 35%,
    rgba(5,10,22,.72) 100%
  );

  padding-top: 70px;
}

.contact-slide-label {
  display: block;
  margin-bottom: 8px;
  color: #69edff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.contact-fixed-image-overlay h3 {
  margin: 0 0 8px;
  max-width: 420px;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  line-height: 1.15;
}

.contact-fixed-image-overlay p {
  max-width: 430px;
  margin: 0;
  color: #c1cbde;
  font-size: .92rem;
  line-height: 1.6;
}

/* Responsive */

@media (max-width: 900px) {
  .contact-fixed-image-box {
    min-height: 420px;
  }

  .contact-fixed-image-box img {
    max-height: 360px;
  }
}

@media (max-width: 650px) {
  .contact-fixed-image-box {
    min-height: 360px;
    padding: 14px;
  }

  .contact-fixed-image-box img {
    max-height: 280px;
  }

  .contact-fixed-image-overlay {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}

/* =========================================================
   HOME WORKFLOW + WORKSTATION SLIDER
========================================================= */

.home-workflows-section {
  padding: 100px 0;
}

.home-workflows-hero {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 55px;
  align-items: center;
  margin-bottom: 55px;
}

.home-workflows-copy h2 {
  margin: 12px 0 18px;
  max-width: 760px;

  font-size:
    clamp(2.4rem, 5vw, 4.4rem);

  line-height: 1.05;
  letter-spacing: -.035em;
}

.home-workflows-copy p {
  max-width: 680px;

  color: #a5b1c9;

  font-size: 1rem;
  line-height: 1.75;
}


/* Slider wrapper */

.home-workstation-slider {
  min-width: 0;
}

.home-workstation-stage {
  position: relative;

  min-height: 430px;

  overflow: hidden;

  border-radius: 28px;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    linear-gradient(
      145deg,
      #111a34,
      #111025
    );

  box-shadow:
    0 32px 80px
    rgba(0,0,0,.28);
}


/* Slides */

.home-workstation-slide {
  position: absolute;
  inset: 0;

  opacity: 0;
  visibility: hidden;

  transform: scale(1.03);

  transition:
    opacity .75s ease,
    transform .9s ease,
    visibility .75s;
}

.home-workstation-slide.active {
  opacity: 1;
  visibility: visible;

  transform: scale(1);

  z-index: 2;
}

.home-workstation-slide img {
  width: 100%;
  height: 100%;

  min-height: 430px;

  object-fit: cover;
  object-position: center;

  display: block;
}


/* Overlay */

.home-workstation-slide::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(5,10,22,.03) 30%,
      rgba(5,10,22,.20) 55%,
      rgba(5,10,22,.90) 100%
    );

  pointer-events: none;
}

.home-workstation-overlay {
  position: absolute;

  left: 28px;
  right: 80px;
  bottom: 28px;

  z-index: 5;
}

.home-workstation-overlay span {
  display: block;

  margin-bottom: 8px;

  color: #68ebff;

  font-size: .67rem;
  font-weight: 900;

  letter-spacing: .15em;
}

.home-workstation-overlay strong {
  display: block;

  margin-bottom: 8px;

  color: #ffffff;

  font-size:
    clamp(1.35rem, 2.4vw, 2rem);

  line-height: 1.15;
}

.home-workstation-overlay p {
  max-width: 400px;

  margin: 0;

  color: #c2ccde;

  font-size: .88rem;
  line-height: 1.55;
}


/* Arrows */

.home-workstation-arrow {
  position: absolute;

  z-index: 7;

  top: 50%;

  width: 42px;
  height: 42px;

  display: grid;

  place-items: center;

  transform: translateY(-50%);

  border-radius: 50%;

  border:
    1px solid rgba(255,255,255,.15);

  background:
    rgba(6,12,28,.62);

  backdrop-filter:
    blur(12px);

  color: #ffffff;

  font-size: 1.6rem;

  cursor: pointer;
}

.home-workstation-prev {
  left: 15px;
}

.home-workstation-next {
  right: 15px;
}


/* Counter */

.home-workstation-counter {
  position: absolute;

  z-index: 7;

  right: 24px;
  bottom: 27px;

  display: flex;

  align-items: center;

  gap: 8px;

  color: #e0e7f7;

  font-size: .68rem;
  font-weight: 800;
}

.home-workstation-counter i {
  display: block;

  width: 23px;
  height: 1px;

  background:
    rgba(255,255,255,.35);
}


/* Dots */

.home-workstation-dots {
  display: flex;

  justify-content: center;

  gap: 7px;

  margin-top: 14px;
}

.home-workstation-dot {
  width: 8px;
  height: 8px;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background:
    rgba(255,255,255,.20);

  cursor: pointer;

  transition:
    width .25s ease,
    background .25s ease;
}

.home-workstation-dot.active {
  width: 30px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #5eeaff,
      #a55cff
    );
}


/* Workflow cards */

.home-workflow-cards {
  margin-top: 20px;
}

.home-workflow-cards .card {
  min-height: 210px;
}


/* Responsive */

@media (max-width: 900px) {

  .home-workflows-hero {
    grid-template-columns: 1fr;
  }

  .home-workstation-stage,
  .home-workstation-slide img {
    min-height: 390px;
  }

}


@media (max-width: 600px) {

  .home-workflows-section {
    padding: 70px 0;
  }

  .home-workstation-stage,
  .home-workstation-slide img {
    min-height: 320px;
  }

  .home-workstation-overlay {
    left: 20px;
    right: 55px;
    bottom: 20px;
  }

}