/* The Click - Tech Hub v1.0.0 */
.tc-tech-hub{
  --tt-bg:#070a11;
  --tt-panel:#0d1420;
  --tt-panel-2:#121d2d;
  --tt-cyan:#4ce7ff;
  --tt-cyan-2:#20b8ff;
  --tt-violet:#8f69ff;
  --tt-pink:#ff5cc8;
  --tt-lime:#b7ff4a;
  --tt-white:#f6fbff;
  --tt-muted:#9db0c5;
  --tt-line:rgba(76,231,255,.18);
  --tt-shadow:0 24px 70px rgba(0,0,0,.42);
  grid-column:1 / -1 !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:0 !important;
  max-width:1320px !important;
  justify-self:stretch !important;
  margin:0 auto 44px !important;
  color:var(--tt-white);
  font-family:inherit;
}
.tc-tech-hub *{box-sizing:border-box}
.tc-tech-hub a{text-decoration:none}

/* HERO */
.tc-tech-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1.04fr);gap:30px;overflow:hidden;padding:44px;border:1px solid rgba(76,231,255,.2);border-radius:28px;background:radial-gradient(circle at 8% 5%,rgba(76,231,255,.18),transparent 28%),radial-gradient(circle at 86% 14%,rgba(143,105,255,.18),transparent 32%),radial-gradient(circle at 94% 100%,rgba(255,92,200,.10),transparent 34%),linear-gradient(135deg,#070a11 0%,#0b1220 48%,#0a101b 100%);box-shadow:var(--tt-shadow);color:#fff}
.tc-tech-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--tt-cyan),var(--tt-violet) 53%,var(--tt-pink));opacity:.95}
.tc-tech-circuit-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(76,231,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(76,231,255,.18) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.58) 56%,transparent 100%);pointer-events:none}
.tc-tech-circuit-grid:after{content:"";position:absolute;left:12%;top:17%;width:38%;height:44%;border-left:2px solid rgba(143,105,255,.55);border-bottom:2px solid rgba(76,231,255,.55);clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,25% 65%,0 65%)}
.tc-tech-hero-copy{position:relative;z-index:3;align-self:center;padding:10px 0}
.tc-tech-kicker,.tc-tech-section-kicker{font-size:10px;line-height:1.2;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
.tc-tech-kicker{display:flex;align-items:center;gap:10px;color:#dffbff;margin-bottom:18px}
.tc-tech-status-dot{width:9px;height:9px;border-radius:50%;background:var(--tt-lime);box-shadow:0 0 0 5px rgba(183,255,74,.1),0 0 22px rgba(183,255,74,.5)}
.tc-tech-title{font-size:clamp(62px,8vw,106px);line-height:.82;font-weight:950;letter-spacing:-.08em;color:#fff;margin:0 0 23px;text-shadow:0 14px 44px rgba(0,0,0,.3)}
.tc-tech-title:after{content:".LAB";display:inline-block;margin-left:11px;font-size:.18em;letter-spacing:.18em;color:var(--tt-cyan);vertical-align:top;transform:translateY(8px)}
.tc-tech-intro{max-width:670px;margin:0;color:rgba(228,241,250,.8);font-size:17px;line-height:1.65}
.tc-tech-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tc-tech-stats span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(76,231,255,.15);border-radius:8px;background:rgba(6,14,25,.52);font-size:12px;color:#d8e7f4;backdrop-filter:blur(8px)}.tc-tech-stats strong{color:#fff}.tc-tech-online i{width:8px;height:8px;border-radius:50%;background:var(--tt-lime);box-shadow:0 0 0 5px rgba(183,255,74,.1)}
.tc-tech-hero-story{position:relative;display:block;min-height:382px;overflow:hidden;border-radius:21px;background:#090e17;color:#fff;border:1px solid rgba(76,231,255,.2);box-shadow:0 18px 50px rgba(0,0,0,.4);isolation:isolate}
.tc-tech-hero-story:before{content:"";position:absolute;z-index:4;left:15px;top:15px;width:42px;height:42px;border-left:2px solid var(--tt-cyan);border-top:2px solid var(--tt-cyan);pointer-events:none}.tc-tech-hero-story:after{content:"";position:absolute;z-index:4;right:15px;bottom:15px;width:42px;height:42px;border-right:2px solid var(--tt-violet);border-bottom:2px solid var(--tt-violet);pointer-events:none}
.tc-tech-hero-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}.tc-tech-hero-story:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.03)}
.tc-tech-hero-story-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,9,16,.03) 8%,rgba(6,14,26,.97) 100%)}
.tc-tech-scan{position:absolute;inset:0;z-index:2;opacity:.11;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.12) 6px 7px);pointer-events:none}
.tc-tech-story-badge{position:absolute;left:20px;top:20px;z-index:5;padding:8px 12px;border-radius:5px;background:linear-gradient(135deg,var(--tt-cyan),#a9f5ff);color:#03131d;font-size:9px;font-weight:1000;letter-spacing:.14em;box-shadow:0 8px 24px rgba(32,184,255,.25)}
.tc-tech-hero-story-copy{position:absolute;left:26px;right:26px;bottom:25px;z-index:4;display:flex;flex-direction:column;gap:7px}.tc-tech-hero-story-copy small{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#82eeff}.tc-tech-hero-story-copy strong{font-size:clamp(22px,2.45vw,33px);line-height:1.14;color:#fff;letter-spacing:-.028em}.tc-tech-hero-story-copy span{font-size:12px;font-weight:900;color:#eefaff}.tc-tech-hero-story-copy b{color:var(--tt-lime)}

/* CHIP MOTIF */
.tc-tech-chip{position:absolute;width:120px;height:82px;opacity:.08;border:2px solid #fff;border-radius:12px;pointer-events:none}.tc-tech-chip:before,.tc-tech-chip:after,.tc-tech-chip i,.tc-tech-chip b,.tc-tech-chip em{content:"";position:absolute}.tc-tech-chip:before{left:-15px;top:18px;width:15px;height:3px;background:#fff;box-shadow:0 18px 0 #fff,0 36px 0 #fff}.tc-tech-chip:after{right:-15px;top:18px;width:15px;height:3px;background:#fff;box-shadow:0 18px 0 #fff,0 36px 0 #fff}.tc-tech-chip i{left:22px;top:19px;width:26px;height:26px;border:3px solid #fff;border-radius:50%}.tc-tech-chip b{right:20px;top:21px;width:32px;height:5px;background:#fff;box-shadow:0 13px 0 #fff,0 26px 0 #fff}.tc-tech-chip em{left:26px;bottom:14px;width:22px;height:7px;background:#fff;border-radius:99px}.tc-tech-chip-a{left:38%;top:5%;transform:rotate(9deg) scale(.9)}.tc-tech-chip-b{left:6%;bottom:-6%;transform:rotate(-18deg) scale(.7)}.tc-tech-chip-small{right:27px;top:50%;transform:translateY(-50%) scale(.58)}

/* JUMP */
.tc-tech-jump{display:flex;gap:9px;flex-wrap:wrap;padding:18px 4px 7px;margin:0 0 8px}.tc-tech-jump a{padding:10px 14px;border:1px solid rgba(76,231,255,.16);border-radius:7px;background:linear-gradient(180deg,#121d2d,#0c1522);color:#ecfbff !important;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:.2s ease}.tc-tech-jump a:hover{transform:translateY(-2px);border-color:rgba(76,231,255,.5);background:#14243a}.tc-tech-jump a:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:2px;background:var(--tt-cyan);box-shadow:0 0 0 3px rgba(76,231,255,.08);vertical-align:1px}

/* SECTIONS */
.tc-tech-section{padding:36px 4px 8px;scroll-margin-top:110px;color:#fff}.tc-tech-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.tc-tech-section-kicker{color:var(--tt-cyan);margin-bottom:8px}.tc-tech-section h2,.tc-tech-lab h2,.tc-tech-help h2,.tc-tech-all h2{margin:0;color:#f7fbff !important;font-size:clamp(28px,3vw,40px);font-weight:950;letter-spacing:-.045em;line-height:1.06}.tc-tech-section-bar{position:relative;width:62px;height:5px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.tc-tech-section-bar i{position:absolute;left:0;top:0;bottom:0;width:72%;background:linear-gradient(90deg,var(--tt-cyan),var(--tt-violet));border-radius:99px}

/* NOW */
.tc-tech-now-grid{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(310px,.76fr);gap:14px}.tc-tech-now-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}.tc-tech-feature{position:relative;display:block;overflow:hidden;min-height:150px;border-radius:14px;border:1px solid rgba(76,231,255,.15);background:#0e1725;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.26);isolation:isolate}.tc-tech-feature-large{min-height:445px;border-radius:20px}.tc-tech-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .38s ease,filter .38s ease}.tc-tech-feature:hover img{transform:scale(1.035);filter:saturate(1.08)}.tc-tech-feature-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,9,15,.02) 12%,rgba(6,17,30,.97) 100%)}.tc-tech-feature:after{content:"";position:absolute;left:0;bottom:0;width:54%;height:4px;z-index:3;background:var(--tt-cyan);box-shadow:180px 0 0 var(--tt-violet)}.tc-tech-feature-copy{position:absolute;left:19px;right:18px;bottom:17px;z-index:2;display:flex;flex-direction:column;gap:5px}.tc-tech-feature-copy small{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#87eeff}.tc-tech-feature-copy strong{color:#fff;font-size:16px;line-height:1.22}.tc-tech-feature-large .tc-tech-feature-copy{left:26px;right:25px;bottom:24px}.tc-tech-feature-large .tc-tech-feature-copy strong{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}.tc-tech-feature-copy span{font-size:11px;font-weight:900;color:#fff}.tc-tech-feature-copy b{color:var(--tt-lime)}.tc-tech-feature-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#0c1522,#17263a)}

/* STANDARD CARDS */
.tc-tech-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tc-tech-card{min-width:0;overflow:hidden;border:1px solid rgba(76,231,255,.13);border-radius:12px;background:linear-gradient(180deg,#111b2a 0%,#0b1320 100%);box-shadow:0 12px 32px rgba(0,0,0,.25);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tc-tech-card:nth-child(2){background:linear-gradient(180deg,#15182e,#0e1323)}.tc-tech-card:nth-child(3){background:linear-gradient(180deg,#0f1b29,#0a1420)}.tc-tech-card:nth-child(4){background:linear-gradient(180deg,#16162b,#0c1120)}.tc-tech-card:hover{transform:translateY(-5px);border-color:rgba(76,231,255,.48);box-shadow:0 18px 44px rgba(0,0,0,.36)}.tc-tech-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#102033}.tc-tech-card-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--tt-cyan) 0 55%,var(--tt-violet) 55% 80%,var(--tt-pink) 80% 100%)}.tc-tech-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.tc-tech-card:hover .tc-tech-card-image img{transform:scale(1.04);filter:saturate(1.06)}.tc-tech-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#0d1623,#17263b)}.tc-tech-image-tag{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:5px;background:linear-gradient(135deg,#69efff,#33c5ff);color:#03131c;font-size:9px;font-weight:1000;letter-spacing:.11em;box-shadow:4px 4px 0 rgba(3,16,27,.3)}.tc-tech-card-body{padding:16px 17px 18px}.tc-tech-card-meta{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8fa3bb}.tc-tech-card-meta span{color:var(--tt-lime)}.tc-tech-card h3{margin:8px 0 14px;font-size:17px;line-height:1.28;letter-spacing:-.02em}.tc-tech-card h3 a{color:#f7fbff !important}.tc-tech-card-read{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:5px;background:rgba(76,231,255,.08);font-size:10px;font-weight:900;letter-spacing:.05em;color:#cdf8ff !important}.tc-tech-card-read span{color:var(--tt-lime)}
.tc-tech-section-ai .tc-tech-section-kicker{color:#c4a9ff}.tc-tech-section-gear .tc-tech-section-kicker{color:#ff91d6}.tc-tech-section-vr .tc-tech-section-kicker{color:#85f3ff}.tc-tech-section-howto .tc-tech-section-kicker{color:#c8ff76}

/* HARDWARE LAB */
.tc-tech-lab{position:relative;margin:36px 4px 0;padding:31px;border-radius:18px;border:1px solid rgba(76,231,255,.2);background:radial-gradient(circle at 90% 8%,rgba(143,105,255,.16),transparent 28%),radial-gradient(circle at 8% 88%,rgba(76,231,255,.1),transparent 28%),linear-gradient(135deg,#0d1624 0%,#11182a 54%,#090f18 100%);box-shadow:0 20px 54px rgba(0,0,0,.32);overflow:hidden;color:#fff;scroll-margin-top:110px}.tc-tech-lab-grid{position:absolute;inset:0;opacity:.06;background-image:linear-gradient(rgba(76,231,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(76,231,255,.25) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.tc-tech-lab-top{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.tc-tech-lab-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;background:linear-gradient(135deg,var(--tt-lime),#d8ff9d);color:#102000;font-size:9px;font-weight:1000;letter-spacing:.12em}.tc-tech-lab-status i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}.tc-tech-lab-grid-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tc-tech-lab-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(76,231,255,.14);border-radius:10px;background:rgba(8,17,29,.84);color:#fff !important;box-shadow:0 10px 28px rgba(0,0,0,.23);transition:.2s ease}.tc-tech-lab-card:hover{transform:translateY(-4px);border-color:rgba(76,231,255,.5)}.tc-tech-lab-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#102136}.tc-tech-lab-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.tc-tech-lab-card:hover img{transform:scale(1.04)}.tc-tech-lab-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(4,12,22,.72))}.tc-tech-lab-tag{position:absolute;left:9px;top:9px;z-index:2;padding:5px 7px;border-radius:4px;background:linear-gradient(135deg,var(--tt-cyan),#b5f7ff);color:#04151e;font-size:8px;font-weight:1000;letter-spacing:.1em}.tc-tech-lab-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#0d1725,#16283d)}.tc-tech-lab-body{display:flex;flex:1;flex-direction:column;padding:14px 14px 15px}.tc-tech-lab-body small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#82eefe;text-transform:uppercase}.tc-tech-lab-body strong{margin:6px 0 15px;color:#fff;font-size:15px;line-height:1.25}.tc-tech-lab-open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border-radius:4px;background:linear-gradient(135deg,#704cff,#aa66ff);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.07em}.tc-tech-lab-open b{font-size:17px;line-height:.8}

/* DIAGNOSTICS */
.tc-tech-help{position:relative;margin:36px 4px 0;padding:30px;border-radius:18px;border:1px solid rgba(255,92,200,.19);background:radial-gradient(circle at 100% 0%,rgba(255,92,200,.10),transparent 26%),linear-gradient(135deg,#090e17 0%,#13172a 52%,#0a1019 100%);box-shadow:0 18px 48px rgba(0,0,0,.32);overflow:hidden;scroll-margin-top:110px}.tc-tech-help-code{position:absolute;right:14px;top:3px;color:rgba(255,92,200,.045);font-size:50px;font-weight:950;letter-spacing:-.05em;pointer-events:none}.tc-tech-help-top{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.tc-tech-help-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,92,200,.18);border-radius:5px;background:rgba(40,11,35,.42);color:#ffb0df;font-size:9px;font-weight:950;letter-spacing:.12em}.tc-tech-help-status i{width:7px;height:7px;border-radius:50%;background:var(--tt-lime);box-shadow:0 0 0 4px rgba(183,255,74,.1)}.tc-tech-help-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tc-tech-help-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(5,12,20,.68);color:#fff !important;transition:.2s ease}.tc-tech-help-item:hover{transform:translateX(3px);background:#161c2c;border-color:rgba(255,92,200,.28)}.tc-tech-help-icon{position:relative;width:28px;height:28px;border:2px solid var(--tt-pink);border-radius:7px}.tc-tech-help-icon:before{content:"";position:absolute;left:7px;top:6px;width:10px;height:2px;background:var(--tt-pink);box-shadow:0 5px 0 var(--tt-cyan),0 10px 0 var(--tt-lime)}.tc-tech-help-icon i{position:absolute;right:-5px;bottom:-5px;width:9px;height:9px;border:2px solid var(--tt-cyan);border-radius:50%;background:#12172a}.tc-tech-help-item strong{display:block;color:#f7fbff;font-size:14px;line-height:1.28}.tc-tech-help-item small{display:block;margin-top:3px;color:#8d9db2;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.tc-tech-help-item>b{color:var(--tt-lime)}

/* ARCHIVE HANDOFF */
.tc-tech-all{position:relative;margin:42px 4px 13px;padding:29px 31px;border-radius:14px;border:1px solid rgba(76,231,255,.14);background:linear-gradient(90deg,#111b2a 0%,#090e16 100%);color:#fff;overflow:hidden}.tc-tech-all .tc-tech-section-kicker{color:var(--tt-cyan)}

/* Guard against archive grid rules leaking into the hub. */
.tc-tech-hub article.tc-tech-card,.tc-tech-hub .tc-tech-feature,.tc-tech-hub .tc-tech-hero-story,.tc-tech-hub .tc-tech-lab-card{margin:0 !important;max-width:none !important;width:auto}

@media (max-width:1100px){
  .tc-tech-hub{max-width:100% !important}.tc-tech-hero{grid-template-columns:1fr;padding:31px}.tc-tech-hero-story{min-height:315px}.tc-tech-card-grid,.tc-tech-lab-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-tech-now-grid{grid-template-columns:1fr}.tc-tech-now-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.tc-tech-feature-small{min-height:205px}
}
@media (max-width:700px){
  .tc-tech-hub{margin-bottom:26px !important}.tc-tech-hero{padding:22px;border-radius:18px;gap:20px}.tc-tech-title{font-size:62px}.tc-tech-intro{font-size:15px}.tc-tech-hero-story{min-height:278px}.tc-tech-section{padding-top:29px}.tc-tech-section-head,.tc-tech-lab-top,.tc-tech-help-top{align-items:flex-start;flex-direction:column;gap:10px}.tc-tech-now-stack{grid-template-columns:1fr}.tc-tech-feature-large{min-height:330px}.tc-tech-feature-small{min-height:195px}.tc-tech-card-grid,.tc-tech-lab-grid-cards,.tc-tech-help-grid{grid-template-columns:1fr}.tc-tech-lab,.tc-tech-help{padding:22px 17px}.tc-tech-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.tc-tech-jump a{white-space:nowrap}.tc-tech-help-code{font-size:31px;right:7px}.tc-tech-chip-a,.tc-tech-chip-b{opacity:.035}
}
