/* Telecom Cinema — image-led industry page (Telecom, Media & Enterprise) */
:root{
  --tc-bg:#06080d;
  --tc-bg-2:#0a0e18;
  --tc-line:rgba(255,255,255,0.08);
  --tc-line-2:rgba(255,255,255,0.14);
  --tc-text:#e9eef7;
  --tc-text-2:rgba(233,238,247,0.74);
  --tc-text-3:rgba(233,238,247,0.5);
  --tc-cyan:#39E0FF;
  --tc-violet:#B58CFF;
  --tc-magenta:#FF5EE7;
  --tc-amber:#FFB020;
  --tc-mint:#5EFFA4;
}
body.tel { background: var(--tc-bg); color: var(--tc-text); }

/* ---------- LAYOUT PRIMITIVES ---------- */
.tc-wrap{ max-width:1320px; margin:0 auto; padding:0 32px; position:relative; }
.tc-section{ position:relative; padding:96px 0 100px; }
.tc-section-bg{ position:absolute; inset:0; pointer-events:none; }

.tc-eyebrow{ display:inline-flex; align-items:center; gap:10px; font:600 11px/1 ui-monospace,Menlo,monospace; letter-spacing:.18em; color:var(--tc-cyan); margin-bottom:18px; text-transform:uppercase; }
.tc-eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--tc-cyan); box-shadow:0 0 12px var(--tc-cyan); animation:tc-pulse 1.6s infinite; }
@keyframes tc-pulse{ 0%,100%{opacity:1;} 50%{opacity:.35;} }

.tc-h2{ font:600 54px/1.04 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.022em; margin:0 0 18px; text-wrap:balance; max-width:980px; }
.tc-h2 .ac{ background:linear-gradient(100deg,var(--tc-cyan),var(--tc-magenta) 80%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tc-sub{ font:400 18px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); max-width:760px; text-wrap:pretty; margin:0; }

.tc-cta{ display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:999px; font:500 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration:none; transition:transform .2s, box-shadow .2s, background .2s; cursor:pointer; border:0; }
.tc-cta.primary{ background:linear-gradient(100deg,var(--tc-cyan),var(--tc-magenta)); color:#06120a; box-shadow:0 8px 28px rgba(57,224,255,.22); }
.tc-cta.primary:hover{ transform:translateY(-1px); box-shadow:0 10px 36px rgba(57,224,255,.32); }
.tc-cta.ghost{ background:transparent; color:var(--tc-text); border:1px solid var(--tc-line-2); }
.tc-cta.ghost:hover{ background:rgba(255,255,255,.04); }
.tc-cta span{ font-size:18px; }

/* ============================================================
   HERO
   ============================================================ */
.tc-hero{ position:relative; overflow:hidden; min-height:88vh; isolation:isolate;
  background:linear-gradient(180deg,#05070b 0%, #0a1322 100%); }
.tc-hero-bg{ position:absolute; inset:0; z-index:0; }
.tc-hero-bg-img{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.04); transition:opacity 1.4s ease, transform 8s ease; filter:saturate(.85) contrast(1.05); }
.tc-hero-bg-img.is-active{ opacity:.42; transform:scale(1); }
.tc-hero-bg::after{ content:''; position:absolute; inset:0; background:
  linear-gradient(180deg, rgba(5,7,11,0) 0%, rgba(5,7,11,.55) 50%, rgba(5,7,11,.92) 100%),
  radial-gradient(60% 80% at 100% 0%, rgba(255,94,231,0.18), transparent 60%),
  radial-gradient(50% 70% at 0% 100%, rgba(57,224,255,0.14), transparent 60%); }
.tc-hero-grid-overlay{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:linear-gradient(rgba(57,224,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(57,224,255,.04) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 50%, transparent 90%); }

.tc-hero-inner{ position:relative; z-index:2; max-width:1320px; margin:0 auto; padding:120px 32px 64px; display:grid; grid-template-columns:1.05fr 1.1fr; gap:56px; align-items:center; }
@media (max-width:1024px){ .tc-hero-inner{ grid-template-columns:1fr; gap:40px; padding-top:80px; } }

.tc-hero-pill{ display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid var(--tc-line); font:600 10.5px/1 ui-monospace,Menlo,monospace; letter-spacing:.14em; color:var(--tc-text-2); margin-bottom:28px; }
.tc-hero-pill .d{ width:7px; height:7px; border-radius:50%; background:var(--tc-cyan); box-shadow:0 0 12px var(--tc-cyan); animation:tc-pulse 1.6s infinite; }

.tc-hero h1{ font:600 clamp(40px, 5.4vw, 76px)/1.02 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.028em; margin:0 0 22px; text-wrap:balance; }
.tc-hero h1 .ac{ background:linear-gradient(100deg, #B5DAFF 0%, var(--tc-cyan) 50%, var(--tc-magenta) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:italic; font-family:'Newsreader', serif; font-weight:400; }
.tc-hero p{ font-size:18px; line-height:1.6; color:var(--tc-text-2); max-width:560px; margin:0 0 28px; }

.tc-hero-pills{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 28px; }
.tc-hero-pills span{ font:500 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.12em; text-transform:uppercase; padding:8px 13px; border-radius:999px; background:rgba(57,224,255,.07); border:1px solid rgba(57,224,255,.22); color:var(--tc-cyan); }

.tc-hero-ctas{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:32px; }
.tc-hero-dots{ display:flex; gap:8px; margin-top:8px; align-items:center; }
.tc-hero-dot{ width:30px; height:3px; border-radius:2px; background:rgba(255,255,255,.16); border:0; padding:0; cursor:pointer; transition:width .2s, background .2s; }
.tc-hero-dot.is-active{ width:44px; background:var(--tc-cyan); box-shadow:0 0 10px var(--tc-cyan); }

/* Hero stage — image stack + floating widgets */
.tc-hero-stage{ position:relative; aspect-ratio:4/5; max-width:560px; margin-left:auto; }
@media (max-width:1024px){ .tc-hero-stage{ margin:0 auto; } }
.tc-hero-image{ position:absolute; inset:0; border-radius:22px; overflow:hidden; border:1px solid var(--tc-line-2); box-shadow:0 40px 100px -30px rgba(0,0,0,.7); }
.tc-hero-image-slot{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1.4s ease, transform 8s ease; transform:scale(1.04); filter:contrast(1.05) saturate(.95); }
.tc-hero-image-slot.is-active{ opacity:1; transform:scale(1); }
.tc-hero-image::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(6,8,13,.55) 100%); }
.tc-hero-image-tag{ position:absolute; left:20px; bottom:18px; z-index:2; font:600 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:#fff; padding:7px 12px; border-radius:999px; background:rgba(0,0,0,.45); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); }

.tc-hero-scan{ position:absolute; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--tc-cyan),transparent); top:0; animation:tc-scan 3.4s linear infinite; z-index:3; pointer-events:none; }
@keyframes tc-scan{ 0%{ top:0; opacity:0;} 10%{opacity:.7;} 90%{opacity:.7;} 100%{ top:100%; opacity:0;} }

.tc-hero-tape{ position:absolute; left:-22px; top:32px; width:280px; padding:14px 16px 14px; border-radius:14px; background:rgba(10,14,24,.94); backdrop-filter:blur(14px); border:1px solid var(--tc-line-2); z-index:3; box-shadow:0 24px 60px -20px rgba(0,0,0,.7); }
.tc-hero-tape-h{ display:flex; justify-content:space-between; align-items:center; font:600 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--tc-text-3); padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,.08); }
.tc-hero-tape-h .live{ color:var(--tc-cyan); display:inline-flex; align-items:center; gap:6px; }
.tc-hero-tape-h .live::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--tc-cyan); box-shadow:0 0 8px var(--tc-cyan); animation:tc-pulse 1.4s infinite; }
.tc-hero-tape-row{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; font:500 12.5px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); padding:7px 0; border-bottom:1px dashed rgba(255,255,255,.05); }
.tc-hero-tape-row:last-child{ border-bottom:0; }
.tc-hero-tape-row b{ color:var(--tc-cyan); font-weight:600; font-variant-numeric:tabular-nums; }

.tc-hero-chip{ position:absolute; right:-16px; top:48%; transform:translateY(-50%); background:rgba(10,14,24,.94); backdrop-filter:blur(14px); border:1px solid var(--tc-line-2); border-radius:14px; padding:14px 20px 16px; min-width:200px; z-index:3; box-shadow:0 24px 60px -20px rgba(0,0,0,.7); }
.tc-hero-chip-l{ font:600 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--tc-text-3); margin-bottom:6px; }
.tc-hero-chip-v{ font:400 32px/1 'Newsreader',serif; color:#fff; letter-spacing:-0.01em; font-variant-numeric:tabular-nums; }
.tc-hero-chip-d{ font:500 10.5px/1 'JetBrains Mono', ui-monospace, monospace; color:var(--tc-magenta); margin-top:6px; }

.tc-hero-deal{ position:absolute; left:20px; bottom:28px; background:rgba(10,14,24,.94); backdrop-filter:blur(14px); border:1px solid var(--tc-line-2); border-radius:12px; padding:12px 14px; min-width:220px; z-index:3; box-shadow:0 24px 60px -20px rgba(0,0,0,.7); }
.tc-hero-deal-h{ display:flex; align-items:center; gap:6px; font:600 9.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--tc-text-3); margin-bottom:6px; }
.tc-hero-deal-h::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--tc-magenta); box-shadow:0 0 8px var(--tc-magenta); animation:tc-pulse 1.6s infinite; }
.tc-hero-deal-t{ font-size:13.5px; color:#fff; font-weight:500; line-height:1.3; }
.tc-hero-deal-s{ font:500 11px/1 'JetBrains Mono', ui-monospace, monospace; color:var(--tc-text-3); margin-top:4px; }

/* ============================================================
   USE CASE EXPLORER
   ============================================================ */
.tc-explorer{ background:linear-gradient(180deg, transparent, rgba(57,224,255,.025) 50%, transparent); }
.tc-explorer-head{ display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:end; margin-bottom:40px; }
@media (max-width:1024px){ .tc-explorer-head{ grid-template-columns:1fr; gap:18px; } }
.tc-roles{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:24px; }
@media (max-width:980px){ .tc-roles{ grid-template-columns:repeat(2,1fr); } }
.tc-role{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:16px 16px 16px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid var(--tc-line); color:var(--tc-text-2); cursor:pointer; text-align:left; transition:all .2s; font:inherit; }
.tc-role:hover{ background:rgba(255,255,255,.06); color:var(--tc-text); }
.tc-role.is-active{ background:linear-gradient(140deg, rgba(57,224,255,.16), rgba(255,94,231,.06)); border-color:rgba(57,224,255,.4); color:var(--tc-text); }
.tc-role-ic{ font-size:22px; }
.tc-role-t{ font:600 14px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-role-s{ font:500 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.12em; color:var(--tc-text-3); }
.tc-role.is-active .tc-role-s{ color:var(--tc-cyan); }

.tc-stage{ display:grid; grid-template-columns:1.05fr 1fr; gap:0; border-radius:20px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line-2); min-height:480px; }
@media (max-width:980px){ .tc-stage{ grid-template-columns:1fr; } }
.tc-stage-img{ position:relative; background-size:cover; background-position:center; min-height:360px; }
.tc-stage-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(160deg, transparent 40%, rgba(10,14,24,.7) 100%); }
.tc-stage-img-tag{ position:absolute; left:20px; bottom:18px; z-index:2; font:600 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:#fff; padding:7px 12px; border-radius:999px; background:rgba(0,0,0,.45); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); }
.tc-stage-content{ padding:36px 36px 34px; display:flex; flex-direction:column; gap:16px; }
.tc-stage-eyebrow{ font:600 10.5px/1 ui-monospace,Menlo,monospace; letter-spacing:.18em; text-transform:uppercase; color:var(--tc-magenta); }
.tc-stage-h{ font:600 30px/1.18 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.012em; margin:0; }
.tc-stage-p{ font:400 15.5px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); margin:0; }
.tc-stage-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:16px 0 14px; border-top:1px solid var(--tc-line); border-bottom:1px solid var(--tc-line); }
.tc-stage-stats > div{ display:flex; flex-direction:column; gap:4px; }
.tc-stage-stat-v{ font:600 22px/1 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-cyan); letter-spacing:-0.02em; font-variant-numeric:tabular-nums; }
.tc-stage-stat-l{ font:500 10.5px/1.2 ui-monospace,Menlo,monospace; letter-spacing:.08em; color:var(--tc-text-3); text-transform:uppercase; }
.tc-stage-products{ display:flex; flex-direction:column; gap:6px; }
.tc-stage-product{ display:flex; align-items:center; justify-content:space-between; padding:11px 14px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid var(--tc-line); }
.tc-stage-product b{ font:500 13px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text); }
.tc-stage-product span{ font:500 11.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.06em; color:var(--tc-cyan); }

/* ============================================================
   LIVE NOC CONSOLE
   ============================================================ */
.tc-noc{ background:linear-gradient(180deg, transparent, rgba(255,94,231,.03) 50%, transparent); }
.tc-noc-stage{ margin-top:36px; display:grid; grid-template-columns:1fr 1.25fr; gap:18px; }
@media (max-width:980px){ .tc-noc-stage{ grid-template-columns:1fr; } }
.tc-noc-img{ position:relative; min-height:360px; border-radius:18px; overflow:hidden; background-size:cover; background-position:center; border:1px solid var(--tc-line-2); }
.tc-noc-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(160deg, rgba(10,14,24,.2) 0%, rgba(10,14,24,.8) 100%); }
.tc-noc-img-label{ position:absolute; left:18px; top:18px; z-index:2; font:600 10.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:#fff; padding:7px 12px; border-radius:999px; background:rgba(0,0,0,.45); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); }
.tc-noc-console{ background:#0a0e18; border:1px solid var(--tc-line-2); border-radius:18px; padding:22px 22px 18px; display:flex; flex-direction:column; gap:14px; }
.tc-noc-h{ display:flex; justify-content:space-between; align-items:center; }
.tc-noc-h-t{ font:600 12px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--tc-text); }
.tc-noc-h-l{ font:600 10.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--tc-cyan); padding:5px 10px; border-radius:999px; background:rgba(57,224,255,.1); border:1px solid rgba(57,224,255,.3); display:inline-flex; align-items:center; gap:6px; }
.tc-noc-h-l::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--tc-cyan); box-shadow:0 0 8px var(--tc-cyan); animation:tc-pulse 1.4s infinite; }
.tc-noc-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.tc-noc-kpi{ display:flex; flex-direction:column; gap:4px; padding:14px 14px; border-radius:12px; background:rgba(255,255,255,.025); border:1px solid var(--tc-line); }
.tc-noc-kpi-l{ font:500 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--tc-text-3); }
.tc-noc-kpi-v{ font:600 22px/1 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text); letter-spacing:-0.01em; font-variant-numeric:tabular-nums; }
.tc-noc-kpi-d{ font:500 10.5px/1 'JetBrains Mono', ui-monospace, monospace; color:var(--tc-cyan); }
.tc-noc-list{ display:flex; flex-direction:column; gap:6px; max-height:340px; overflow:hidden; }
.tc-noc-row{ display:grid; grid-template-columns:78px 1fr 60px 110px; gap:12px; align-items:center; padding:10px 14px; border-radius:10px; background:rgba(255,255,255,.02); border:1px solid var(--tc-line); transition:background .25s; font:500 12.5px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-noc-row.is-new{ background:rgba(57,224,255,.06); border-color:rgba(57,224,255,.25); animation:tc-rowin .35s ease; }
.tc-noc-row.is-high{ background:rgba(255,94,231,.08); border-color:rgba(255,94,231,.35); animation:tc-rowin .35s ease; }
@keyframes tc-rowin{ from{ transform:translateY(-4px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
.tc-noc-time{ font:600 11px/1 'JetBrains Mono', ui-monospace, monospace; color:var(--tc-text-3); }
.tc-noc-desc{ color:var(--tc-text-2); }
.tc-noc-score{ font:600 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif; text-align:right; font-variant-numeric:tabular-nums; }
.tc-noc-score.low{ color:var(--tc-mint); }
.tc-noc-score.mid{ color:var(--tc-amber); }
.tc-noc-score.high{ color:var(--tc-magenta); }
.tc-noc-action{ font:500 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--tc-text); padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid var(--tc-line); text-align:center; }

/* ============================================================
   JOURNEY
   ============================================================ */
.tc-journey-rail{ margin-top:36px; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
@media (max-width:980px){ .tc-journey-rail{ grid-template-columns:repeat(2,1fr); } }
.tc-journey-card{ display:flex; flex-direction:column; border-radius:14px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line); transition:transform .3s, border-color .3s; }
.tc-journey-card:hover{ transform:translateY(-4px); border-color:var(--tc-line-2); }
.tc-journey-img{ position:relative; aspect-ratio:5/4; background-size:cover; background-position:center; }
.tc-journey-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 50%, rgba(10,14,24,.7)); }
.tc-journey-time{ position:absolute; left:12px; bottom:10px; z-index:2; font:600 11.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; color:#fff; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.5); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.16); }
.tc-journey-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:8px; }
.tc-journey-h{ font:600 15px/1.25 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-journey-d{ font:400 13px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); }
.tc-journey-tag{ font:500 10.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--tc-cyan); margin-top:auto; padding-top:6px; }

/* ============================================================
   PRODUCTS GRID
   ============================================================ */
.tc-products-grid{ margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:1024px){ .tc-products-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .tc-products-grid{ grid-template-columns:1fr; } }
.tc-product{ --ac:var(--tc-cyan); display:flex; flex-direction:column; border-radius:16px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line); text-decoration:none; color:inherit; transition:transform .3s, border-color .3s, box-shadow .3s; }
.tc-product:hover{ transform:translateY(-4px); border-color:var(--tc-line-2); box-shadow:0 18px 48px rgba(0,0,0,.4); }
.tc-product-img{ position:relative; aspect-ratio:16/10; background-size:cover; background-position:center; }
.tc-product-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(10,14,24,.85)); }
.tc-product-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:8px; }
.tc-product-tag{ font:600 10px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--ac); }
.tc-product-h{ font:600 17px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.005em; }
.tc-product-d{ font:400 13.5px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); }
.tc-product-cta{ display:inline-flex; align-items:center; gap:8px; font:500 12px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.08em; color:var(--ac); margin-top:6px; }

/* ============================================================
   SUBPAGES
   ============================================================ */
.tc-subpages-grid{ margin-top:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:1024px){ .tc-subpages-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .tc-subpages-grid{ grid-template-columns:1fr; } }
.tc-sub-card{ --ac:var(--tc-cyan); display:flex; flex-direction:column; border-radius:18px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line); text-decoration:none; color:inherit; transition:transform .3s, border-color .3s, box-shadow .3s; }
.tc-sub-card:hover{ transform:translateY(-4px); border-color:var(--ac); box-shadow:0 22px 60px rgba(0,0,0,.45); }
.tc-sub-img{ position:relative; aspect-ratio:16/10; background-size:cover; background-position:center; transition:transform .6s ease; }
.tc-sub-card:hover .tc-sub-img{ transform:scale(1.04); }
.tc-sub-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 50%, rgba(10,14,24,.85)); }
.tc-sub-body{ padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; }
.tc-sub-tag{ font:600 10px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--ac); }
.tc-sub-h{ font:600 20px/1.18 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.008em; }
.tc-sub-d{ font:400 14px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); }
.tc-sub-cta{ display:inline-flex; align-items:center; gap:8px; font:500 12px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.08em; color:var(--ac); margin-top:auto; padding-top:6px; }

/* ============================================================
   CTA STRIP
   ============================================================ */
.tc-cta-strip{ position:relative; max-width:1320px; margin:0 auto 96px; padding:48px; border-radius:24px; background:linear-gradient(120deg, rgba(57,224,255,.12), rgba(255,94,231,.06)); border:1px solid rgba(57,224,255,.32); display:grid; grid-template-columns:1.4fr .9fr; gap:32px; align-items:center; overflow:hidden; }
.tc-cta-strip::before{ content:''; position:absolute; inset:0; background:radial-gradient(60% 80% at 100% 0%, rgba(255,94,231,.16), transparent 70%); pointer-events:none; }
.tc-cta-strip h2{ font:600 36px/1.1 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.02em; margin:0 0 12px; text-wrap:balance; position:relative; }
.tc-cta-strip p{ font:400 15.5px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); margin:0; position:relative; }
@media (max-width:980px){ .tc-cta-strip{ grid-template-columns:1fr; margin:0 24px 64px; padding:32px; } .tc-cta-strip h2{ font-size:28px; } }

/* ============================================================
   DEEP-DIVE SUBPAGES (TDSubPage)
   ============================================================ */
.tc-crumb{ max-width:1320px; margin:24px auto 0; padding:0 32px; font:500 12px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.08em; color:var(--tc-text-3); display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.tc-crumb a{ color:var(--tc-text-3); text-decoration:none; }
.tc-crumb a:hover{ color:var(--tc-cyan); }
.tc-crumb .sep{ opacity:.5; }
.tc-crumb .cur{ color:var(--tc-text); }

.tc-deep-hero{ position:relative; overflow:hidden; min-height:78vh; padding:120px 0 80px; background:linear-gradient(180deg,#05070b 0%, #0a1322 100%); }
.tc-deep-hero-inner{ position:relative; z-index:2; max-width:1320px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1.05fr 1.05fr; gap:64px; align-items:center; }
@media (max-width:1024px){ .tc-deep-hero-inner{ grid-template-columns:1fr; } }
.tc-deep-h1{ font:600 clamp(38px, 4.6vw, 64px)/1.04 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.024em; margin:0 0 22px; text-wrap:balance; }
.tc-deep-h1 .ac{ background:linear-gradient(100deg,var(--tc-cyan), var(--tc-magenta)); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:italic; font-family:'Newsreader',serif; font-weight:400; }
.tc-deep-img{ position:relative; aspect-ratio:5/4; border-radius:20px; overflow:hidden; background-size:cover; background-position:center; border:1px solid var(--tc-line-2); box-shadow:0 40px 100px -30px rgba(0,0,0,.7); }
.tc-deep-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(160deg, transparent 40%, rgba(10,14,24,.65)); }
.tc-deep-img-chip{ position:absolute; right:18px; bottom:18px; z-index:2; padding:14px 18px; border-radius:14px; background:rgba(10,14,24,.92); backdrop-filter:blur(14px); border:1px solid var(--tc-line-2); }
.tc-deep-img-chip-l{ font:600 10px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--tc-text-3); margin-bottom:6px; }
.tc-deep-img-chip-v{ font:400 28px/1 'Newsreader',serif; color:var(--tc-cyan); letter-spacing:-0.01em; font-variant-numeric:tabular-nums; }

/* Pillars / flow / metrics / related — share class shape */
.tc-deep-section{ max-width:1320px; margin:0 auto; padding:0 32px 64px; }
.tc-pillars{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:30px; }
@media (max-width:1024px){ .tc-pillars{ grid-template-columns:repeat(2,1fr); } }
.tc-pillar{ display:flex; flex-direction:column; gap:8px; padding:22px 22px 24px; border-radius:14px; background:#0a0e18; border:1px solid var(--tc-line); }
.tc-pillar-n{ font:600 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; color:var(--tc-cyan); }
.tc-pillar-t{ font:600 17px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-pillar-d{ font:400 13.5px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); }

.tc-flow{ display:grid; grid-template-columns:repeat(5,1fr) auto; gap:8px; align-items:center; margin-top:30px; padding:18px; border-radius:16px; background:#0a0e18; border:1px solid var(--tc-line); }
@media (max-width:1024px){ .tc-flow{ grid-template-columns:1fr 1fr; } }
.tc-flow-step{ display:flex; flex-direction:column; gap:6px; padding:14px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid var(--tc-line); }
.tc-flow-n{ font:600 10px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.16em; color:var(--tc-magenta); }
.tc-flow-t{ font:500 13.5px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-flow-arrow{ color:var(--tc-cyan); font-size:18px; display:flex; align-items:center; justify-content:center; }
@media (max-width:1024px){ .tc-flow-arrow{ display:none; } }

.tc-metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:30px 0; border-top:1px solid var(--tc-line); border-bottom:1px solid var(--tc-line); margin-top:30px; }
@media (max-width:600px){ .tc-metrics{ grid-template-columns:repeat(2,1fr); } }
.tc-metric{ padding:8px 22px; border-right:1px solid var(--tc-line); }
.tc-metric:last-child{ border-right:0; }
.tc-metric-v{ font:600 36px/1 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.025em; background:linear-gradient(100deg, var(--tc-cyan), var(--tc-magenta)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tc-metric-l{ font:500 11.5px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--tc-text-3); margin-top:8px; }

/* Use case mini-cards within subpages */
.tc-cases{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:30px; }
@media (max-width:1024px){ .tc-cases{ grid-template-columns:1fr; } }
.tc-case{ display:grid; grid-template-columns:140px 1fr; gap:0; border-radius:14px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line); }
.tc-case-img{ background-size:cover; background-position:center; min-height:140px; }
.tc-case-body{ padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.tc-case-t{ font:600 15px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-case-d{ font:400 12.5px/1.45 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text-2); }
.tc-case-stat{ font:500 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--tc-cyan); margin-top:auto; padding-top:4px; }

/* Console mock for subpages */
.tc-mock{ position:relative; margin-top:30px; border-radius:18px; overflow:hidden; background:#0a0e18; border:1px solid var(--tc-line-2); }
.tc-mock-bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.18; filter:saturate(.7); }
.tc-mock-panel{ position:relative; padding:24px 24px 26px; display:flex; flex-direction:column; gap:6px; }
.tc-mock-row{ display:grid; grid-template-columns:1fr 110px 90px; gap:14px; align-items:center; padding:11px 16px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid var(--tc-line); animation:tc-fadein .6s both; }
@keyframes tc-fadein{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:none;} }
.tc-mock-l{ display:flex; flex-direction:column; gap:3px; }
.tc-mock-t{ font:600 13.5px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; color:var(--tc-text); }
.tc-mock-a{ font:500 11.5px/1 'JetBrains Mono', ui-monospace, monospace; color:var(--tc-text-3); }
.tc-mock-bar{ height:6px; border-radius:3px; background:rgba(255,255,255,.06); overflow:hidden; position:relative; }
.tc-mock-fill{ height:100%; background:linear-gradient(90deg, var(--tc-cyan), var(--tc-magenta)); border-radius:3px; }
.tc-mock-tag{ text-align:center; font:600 10.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.1em; padding:6px 8px; border-radius:8px; }
.tc-mock-tag.mint{ color:var(--tc-mint); background:rgba(94,255,164,.1); border:1px solid rgba(94,255,164,.3); }
.tc-mock-tag.amber{ color:var(--tc-amber); background:rgba(255,176,32,.1); border:1px solid rgba(255,176,32,.3); }
.tc-mock-tag.magenta{ color:var(--tc-magenta); background:rgba(255,94,231,.1); border:1px solid rgba(255,94,231,.3); }

.tc-related{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:30px; }
@media (max-width:1024px){ .tc-related{ grid-template-columns:1fr; } }
.tc-rel-card{ padding:18px 22px; border-radius:14px; background:#0a0e18; border:1px solid var(--tc-line); color:var(--tc-text); text-decoration:none; display:flex; flex-direction:column; gap:10px; transition:transform .25s, border-color .25s; }
.tc-rel-card:hover{ transform:translateY(-4px); border-color:var(--tc-cyan); }
.tc-rel-t{ font:600 16px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.tc-rel-a{ font:500 11.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.08em; color:var(--tc-cyan); }

.tc-final{ position:relative; min-height:520px; padding:120px 0; overflow:hidden; }
.tc-final-img{ position:absolute; inset:0; }
.tc-final-img-el{ position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(.85) brightness(.55); }
.tc-final-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,8,13,.55) 0%, rgba(6,8,13,.95) 100%); }
.tc-final-inner{ position:relative; max-width:1320px; margin:0 auto; padding:0 32px; z-index:2; max-width:880px; }
.tc-final h2{ font:600 56px/1.04 'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:-0.022em; margin:0 0 18px; text-wrap:balance; }
.tc-final h2 .ac{ background:linear-gradient(100deg, var(--tc-cyan), var(--tc-magenta)); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:italic; font-family:'Newsreader',serif; font-weight:400; }
@media (max-width:980px){ .tc-final h2{ font-size:36px; } }