/* Tantalum product page styles. Isolated from the legacy site CSS. */
body.tantalum-page { background:#0e1013; color:#f3f5f7; }
body.tantalum-page .product-page { padding:0; background:#0e1013; }
.tantalum-shell { max-width:1180px; margin:0 auto; padding:0 28px; box-sizing:border-box; }
.tantalum-hero { position:relative; overflow:hidden; min-height:690px; padding:130px 0 72px; background:radial-gradient(circle at 78% 18%,rgba(144,95,208,.30),transparent 38%),radial-gradient(circle at 18% 78%,rgba(44,139,197,.16),transparent 32%),linear-gradient(145deg,#15171c 0%,#0d0f12 58%,#17131e 100%); border-bottom:1px solid rgba(255,255,255,.08); }
.tantalum-hero:after { content:""; position:absolute; inset:auto -10% -185px 28%; height:360px; transform:rotate(-8deg); background:linear-gradient(90deg,rgba(113,75,179,.16),rgba(40,127,186,.12)); filter:blur(3px); pointer-events:none; }
.tantalum-crumb { display:inline-block; margin:0 0 42px; color:#aeb7c3; font-size:14px; letter-spacing:.04em; text-transform:uppercase; }
.tantalum-crumb:hover { color:#fff; }
.tantalum-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); gap:60px; align-items:center; }
.tantalum-kicker { color:#b18be3; font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:14px; margin:0 0 18px; }
.tantalum-hero h1 { margin:0; max-width:720px; font-size:64px; line-height:1.02; letter-spacing:-.035em; color:#fff; }
.tantalum-hero h1 span { display:block; color:#c9c0d6; font-size:.52em; font-weight:300; letter-spacing:-.015em; margin-top:12px; }
.tantalum-lead { max-width:730px; margin:26px 0 0; color:#d7dde4; font-size:21px; line-height:1.55; }
.tantalum-actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 0; }
.tantalum-btn { display:inline-block; padding:13px 19px; border-radius:5px; font-weight:700; font-size:14px; letter-spacing:.02em; transition:all .18s ease; }
.tantalum-btn.primary { background:#7651ab; color:#fff; }
.tantalum-btn.primary:hover { background:#8a63bf; color:#fff; transform:translateY(-1px); }
.tantalum-btn.secondary { border:1px solid rgba(255,255,255,.26); color:#f4f6f8; }
.tantalum-btn.secondary:hover { border-color:#fff; color:#fff; }
.tantalum-hero-visual { position:relative; z-index:1; }
.tantalum-hero-visual img { width:100%; display:block; border-radius:8px; box-shadow:0 30px 70px rgba(0,0,0,.46); }
.tantalum-hero-caption { color:#909aa6; font-size:12px; text-align:right; margin-top:10px; }
.tantalum-badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:29px; }
.tantalum-badge { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.045); color:#dce4eb; border-radius:999px; padding:9px 13px; font-size:13px; }
.tantalum-badge strong { color:#fff; }
.tantalum-subnav { position:sticky; top:60px; z-index:50; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(14,16,19,.94); backdrop-filter:blur(8px); }
.tantalum-subnav .tantalum-shell { display:flex; gap:22px; overflow-x:auto; white-space:nowrap; }
.tantalum-subnav a { color:#aab4bf; padding:15px 0 14px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.tantalum-subnav a:hover { color:#fff; }
.tantalum-section { padding:82px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.tantalum-section.alt { background:#13171c; }
.tantalum-section h2 { color:#fff; margin:0 0 18px; font-size:38px; line-height:1.15; letter-spacing:-.02em; }
.tantalum-section h3 { color:#fff; font-size:21px; line-height:1.3; margin:0 0 12px; }
.tantalum-section p { color:#bec7d1; font-size:17px; line-height:1.65; padding:0; margin:0 0 16px; }
.tantalum-section ul { margin:0; color:#c6ced7; }
.tantalum-section li { margin:0 0 10px; line-height:1.5; }
.tantalum-eyebrow { color:#ad85df !important; text-transform:uppercase; font-size:13px !important; font-weight:700; letter-spacing:.1em; margin-bottom:10px !important; }
.tantalum-section-head { max-width:850px; margin-bottom:42px; }
.tantalum-two { display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center; }
.tantalum-three { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.tantalum-four { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.tantalum-card { background:#191e24; border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:25px; box-shadow:0 12px 28px rgba(0,0,0,.15); }
.tantalum-card.violet { border-top:3px solid #8a63bf; }
.tantalum-card.blue { border-top:3px solid #2d8ac3; }
.tantalum-card.gold { border-top:3px solid #b89b58; }
.tantalum-card.neutral { border-top:3px solid #7b8793; }
.tantalum-card p { font-size:15px; margin-bottom:0; }
.tantalum-card ul { padding-left:19px; }
.tantalum-media { background:#fff; border-radius:8px; overflow:hidden; padding:14px; box-shadow:0 18px 42px rgba(0,0,0,.22); }
.tantalum-media img { display:block; width:100%; height:auto; }
.tantalum-media figcaption { color:#6f7780; font-size:12px; line-height:1.45; margin:10px 4px 1px; }
.tantalum-pill-row { display:flex; flex-wrap:wrap; gap:9px; margin:18px 0 0; }
.tantalum-pill { padding:8px 11px; border-radius:4px; background:#20262d; color:#d6dde4; border:1px solid rgba(255,255,255,.08); font-size:13px; font-weight:700; }
.tantalum-callout { padding:28px 30px; border-left:4px solid #8a63bf; background:linear-gradient(90deg,rgba(138,99,191,.13),rgba(138,99,191,.025)); border-radius:0 7px 7px 0; }
.tantalum-callout p:last-child { margin-bottom:0; }
.tantalum-workflow { counter-reset:step; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.tantalum-step { position:relative; padding:24px 22px 22px 58px; background:#171c22; border:1px solid rgba(255,255,255,.08); border-radius:8px; min-height:96px; }
.tantalum-step:before { counter-increment:step; content:counter(step); position:absolute; top:22px; left:19px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#7651ab; color:#fff; font-weight:700; }
.tantalum-step strong { display:block; color:#fff; margin-bottom:6px; }
.tantalum-step span { color:#9faab5; font-size:13px; line-height:1.4; }
.tantalum-contact { padding:78px 0 88px; background:linear-gradient(130deg,#17151d,#111317 56%,#151923); text-align:center; }
.tantalum-contact h2 { color:#fff; font-size:39px; margin:0 0 16px; }
.tantalum-contact p { color:#b9c3cd; max-width:760px; margin:0 auto 27px; line-height:1.6; font-size:18px; }
.tantalum-note { color:#8f9aa5 !important; font-size:13px !important; }
@media (max-width: 979px) {
  .tantalum-hero { min-height:0; padding-top:112px; }
  .tantalum-grid,.tantalum-two { grid-template-columns:1fr; gap:34px; }
  .tantalum-grid { display:flex; flex-direction:column; }
  .tantalum-hero-copy { order:1; }
  .tantalum-hero-visual { order:2; max-width:760px; }
  .tantalum-three,.tantalum-four,.tantalum-workflow { grid-template-columns:1fr 1fr; }
  .tantalum-hero h1 { font-size:52px; }
}
@media (max-width: 640px) {
  .tantalum-shell { padding-left:18px; padding-right:18px; }
  .tantalum-hero { padding-top:96px; padding-bottom:50px; }
  .tantalum-hero h1 { font-size:40px; }
  .tantalum-lead { font-size:19px; }
  .tantalum-three,.tantalum-four,.tantalum-workflow { grid-template-columns:1fr; }
  .tantalum-section { padding:58px 0; }
  .tantalum-section h2,.tantalum-contact h2 { font-size:31px; }
  .tantalum-subnav { top:60px; }
}

/* Expandable Tantalum screenshots / lightbox */
.tantalum-page img[src*="/ta_1.PNG"],
.tantalum-page img[src*="/ta_2.PNG"],
.tantalum-page img[src*="/ta_3.PNG"],
.tantalum-page img[src*="/ta_4.PNG"] {
  cursor: zoom-in;
}

.tantalum-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 34px;
  box-sizing: border-box;
  background: rgba(3, 5, 8, .93);
  backdrop-filter: blur(4px);
}
.tantalum-lightbox.is-open { display: flex; }
.tantalum-lightbox-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.tantalum-lightbox-image {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100vw - 110px);
  max-height: calc(100vh - 110px);
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 24px 90px rgba(0,0,0,.68);
}
.tantalum-lightbox-close,
.tantalum-lightbox-prev,
.tantalum-lightbox-next {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(15,18,23,.82);
  color: #fff;
  cursor: pointer;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease;
}
.tantalum-lightbox-close:hover,
.tantalum-lightbox-prev:hover,
.tantalum-lightbox-next:hover {
  background: rgba(60,50,76,.96);
  border-color: rgba(255,255,255,.55);
}
.tantalum-lightbox-close {
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 31px;
}
.tantalum-lightbox-prev,
.tantalum-lightbox-next {
  top: 50%;
  width: 48px;
  height: 64px;
  margin-top: -32px;
  border-radius: 6px;
  font-size: 35px;
}
.tantalum-lightbox-prev { left: 0; }
.tantalum-lightbox-next { right: 0; }
.tantalum-lightbox-caption {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-width: calc(100% - 130px);
  padding: 7px 12px;
  border-radius: 4px;
  background: rgba(10,12,16,.78);
  color: #d8dee6;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
body.tantalum-lightbox-open { overflow: hidden; }

@media (max-width: 640px) {
  .tantalum-lightbox { padding: 18px; }
  .tantalum-lightbox-image {
    max-width: calc(100vw - 36px);
    max-height: calc(100vh - 92px);
  }
  .tantalum-lightbox-prev,
  .tantalum-lightbox-next {
    top: auto;
    bottom: 4px;
    width: 44px;
    height: 44px;
    margin-top: 0;
    font-size: 28px;
  }
  .tantalum-lightbox-caption { bottom: 5px; max-width: calc(100% - 118px); }
}