/* TIGRIS page styles. Shared navigation and buttons remain in styles.css. */
.tigris-page  {
  background:#061725;
  color:#edf5fb;
}

.tigris-page .eyebrow  {
  color:#70d2ff;
  font-size:12px;
}

.tigris-page h1  {
  font-size:clamp(40px,4.3vw,66px);
  line-height:1.06;
}

.tigris-page h2  {
  font-size:clamp(32px,3.4vw,48px);
  margin-bottom:20px;
}

.tigris-page h3  {
  line-height:1.25;
}

.tigris-page p  {
  line-height:1.65;
}

.tigris-page .button-ghost  {
  color:white;
  border-color:#597289;
}

/* Fade overlays keep the copy readable. Change background-size to scale the image. */
.t-hero  {
  position:relative;
  min-height:760px;
  padding:72px 0 90px;
  background:linear-gradient(90deg,#061725 0%,#061725f5 30%,#06172585 54%,#06172510 85%),linear-gradient(0deg,#061725,transparent 35%),url('assets/tigris-sdv-hero.png') right center / auto 100% no-repeat;
}

.t-hero-copy  {
  max-width:610px;
  position:relative;
}

.t-hero-copy > p:not(.eyebrow)  {
  max-width:520px;
  color:#c3d5e3;
  font-size:18px;
}

.t-hero h1 em  {
  font-style:normal;
  color:#78d7ff;
}

/* Preserve the supplied logo; crop whitespace visually without editing its artwork. */
.t-logo {
  width: 350px;
  height: 120px;
  overflow: hidden;
  margin: 12px 0 16px;
}

.t-logo img {
  width: 350px;
  max-width: none;
  transform: translateY(-56px);
}
.t-section  {
  padding:80px 0;
  border-top:1px solid #ffffff12;
  scroll-margin-top:100px;
}

.t-section:nth-of-type(odd)  {
  background:#0a2032;
}

.t-intro  {
  max-width:890px;
  color:#bbcfdf;
  font-size:18px;
  margin-bottom:32px;
}

.t-grid  {
  display:grid;
  gap:20px;
}

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

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

.t-grid.four  {
  grid-template-columns:repeat(4,1fr);
}

.t-card  {
  padding:26px;
  border:1px solid #28475d;
  border-radius:12px;
  background:linear-gradient(140deg,#122e43,#0b2133);
}

.t-card h3  {
  margin:18px 0 12px;
  font-size:21px;
}

.t-card p  {
  color:#bfd0df;
  margin-bottom:0;
}

.t-card p + p  {
  margin-top:15px;
}

.t-card b  {
  color:#edf5fb;
}

.t-icon  {
  width:32px;
  height:32px;
  color:#70d2ff;
}

.t-tech  {
  display:flex;
  align-items:center;
  gap:30px;
  justify-content:space-between;
  padding:30px 34px;
  margin-top:28px;
  border-left:3px solid #70d2ff;
  background:#103048;
  border-radius:0 12px 12px 0;
}

.t-tech > div  {
  max-width:850px;
}

.t-tech h3  {
  font-size:25px;
  margin:0 0 10px;
}

.t-tech p:last-child  {
  margin-bottom:0;
  color:#c1d5e4;
}

.t-tech .text-link  {
  color:#80d9ff;
  min-width:180px;
}

.t-sources  {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:center;
  gap:50px;
  padding:35px;
  border:1px solid #29475e;
  border-radius:14px;
}

.t-source  {
  display:flex;
  align-items:center;
  gap:22px;
  padding:20px 0;
  border-bottom:1px solid #29475e;
}

.t-source:last-child  {
  border:0;
}

.t-source div  {
  flex:1;
}

.t-source h3  {
  margin:0 0 4px;
}

.t-source p  {
  margin:0;
  color:#b6cbdc;
  font-size:13px;
}

.t-source > span  {
  color:#73d4ff;
  font-size:28px;
}

.t-source-screen  {
  padding:32px;
  text-align:center;
  border-radius:18px;
  background:#030c15;
  border:6px solid #385168;
  box-shadow:0 20px 45px #0005;
}

.t-source-screen > p:last-child  {
  color:#b3ccdf;
  margin:25px 0 0;
}

.t-demo  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  padding:25px 0;
}

.t-demo > div  {
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.t-demo > div + div  {
  border-left:1px solid #1e6a8d;
}

.t-demo strong  {
  font-size:70px;
  line-height:1;
  color:#f3faff;
}

.t-demo b  {
  font-size:28px;
  color:#6bd4ff;
}

.t-demo small  {
  margin-top:16px;
  color:#a3c8dc;
}

.t-app-image  {
  margin:0 0 28px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #29475e;
}

.t-app-image img  {
  width:100%;
}

.t-app-image figcaption  {
  padding:10px 18px;
  font-size:12px;
  color:#93aec2;
  background:#061725;
}

.t-cost  {
  color:#c4d5e4;
  max-width:950px;
  margin:30px 0 0;
  font-size:18px;
}

.t-spec  {
  border:1px solid #29475e;
  border-radius:12px;
  overflow:hidden;
}

.t-spec table  {
  width:100%;
  border-collapse:collapse;
  text-align:left;
}

.t-spec caption  {
  text-align:left;
  padding:20px 24px;
  font-weight:700;
  background:#14344b;
}

.t-spec th,.t-spec td  {
  padding:18px 24px;
  border-top:1px solid #29475e;
  line-height:1.6;
  vertical-align:top;
}

.t-spec th  {
  width:27%;
  color:#e5f5ff;
  font-weight:600;
}

.t-spec td  {
  color:#bfd1df;
}

.t-engage  {
  padding:85px 0;
  background:linear-gradient(110deg,#123c57,#071a2a);
}

.t-engage p:not(.eyebrow)  {
  max-width:780px;
  color:#c4d9e8;
  font-size:18px;
}

@media(max-width:1000px)  {
  .t-grid.four  {
    grid-template-columns:repeat(2,1fr);
  }

  .t-hero  {
    background-position:center;
  }

  .t-hero-copy  {
    max-width:570px;
  }

  .t-tech  {
    align-items:flex-start;
    flex-direction:column;
    gap:20px;
  }

  .t-sources  {
    gap:25px;
    padding:25px;
  }

}

@media(max-width:700px)  {
  .t-grid.three,.t-grid.two,.t-sources  {
    grid-template-columns:1fr;
  }

  .t-section  {
    padding:54px 0;
  }

  .t-hero  {
    padding:45px 0 65px;
    min-height:720px;
    background:linear-gradient(90deg,#061725f5,#061725ce),url('assets/tigris-sdv-hero.png') center/cover;
  }

  .t-hero-copy > p:not(.eyebrow)  {
    font-size:16px;
  }

  .t-grid.four  {
    gap:12px;
  }

  .t-grid.four .t-card  {
    padding:18px;
  }

  .t-card  {
    padding:24px;
  }

  .t-tech  {
    padding:25px;
  }

  .t-spec th,.t-spec td  {
    padding:14px 12px;
    font-size:13px;
  }

  .t-spec th  {
    width:35%;
  }

  .t-source-screen  {
    padding:20px;
  }

  .t-app-image img  {
    min-height:300px;
    object-fit:cover;
  }

}

@media(prefers-reduced-motion:reduce)  {
  html  {
    scroll-behavior:auto;
  }

}

.t-sdv-label  {
  color:#8bddff;
  font-size:14px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.t-variant h3  {
  font-size:32px;
  color:#8bddff;
}

.t-variant ul  {
  padding-left:20px;
  margin:22px 0 0;
  color:#c5d9e8;
}

.t-variant li  {
  padding:5px 0;
  line-height:1.55;
}