/* Reference-inspired hero only. Verified live TCX brand tokens, 2 October 2026. */
@font-face{font-family:'TCX Geist';src:url('geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.tcx12-shell .tcx12-hero-v3{--tcx-bg:#030509;--tcx-fg:#f6f7fb;--tcx-muted:#a1a6b2;--tcx-border:#242832;--tcx-violet:#8f43fa;--tcx-cyan:#03b9e9;background:var(--tcx-bg);color:var(--tcx-fg);font-family:'TCX Geist',Arial,sans-serif;border:0;border-radius:0;margin:0;width:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;position:relative;isolation:isolate}
.tcx12-shell .tcx12-hero-v3:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 420px 220px at 50% 0%,rgba(3,185,233,.12),transparent 75%),radial-gradient(ellipse 300px 230px at 42% 0%,rgba(143,67,250,.14),transparent 80%)}
.tcx12-shell .tcx12-hero-v3:after{display:none}
.tcx12-shell .tcx12-hero-v3 .tcx12-hero-copy{position:relative;z-index:2;width:calc(100% - 48px);max-width:1000px!important;margin:0 auto;padding:34px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.tcx12-shell .tcx12-hero-v3 .tcx12-eyebrow{color:var(--tcx-muted);font-weight:500;font-size:11px;letter-spacing:2px;line-height:1.5}
.tcx12-shell .tcx12-hero-v3 .tcx12-h1{margin-top:18px;width:100%}
.tcx12-shell .tcx12-hero-v3 .tcx12-h1 h1{font-family:'TCX Geist',Arial,sans-serif;font-size:clamp(48px,5.4vw,78px);font-weight:400;line-height:1.07;letter-spacing:-3px;color:var(--tcx-fg);text-wrap:initial}
.tcx12-brand-gradient{background:linear-gradient(105deg,#b182ff,#827bff 45%,#36c6fa);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tcx12-shell .tcx12-hero-v3 .tcx12-lead{font-family:'TCX Geist',Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.8;color:var(--tcx-muted);max-width:570px!important;margin-top:20px}
.tcx12-shell .tcx12-hero-v3 .tcx12-actions{flex-direction:row;justify-content:center;align-items:center;gap:28px;margin-top:22px;width:auto;flex-wrap:nowrap}
.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button{font-family:'TCX Geist',Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.45;min-height:50px;padding:14px 24px;color:#11121a;background:#f4f5f8;border:1px solid #f4f5f8;border-radius:5px}
.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button:hover{background:#03b9e9;border-color:#03b9e9;color:#030509}
.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button-text:after{font-size:18px;margin-left:24px}
.tcx12-shell .tcx12-hero-v3 .tcx12-textlink a{font-family:'TCX Geist',Arial,sans-serif;font-size:14px;font-weight:500;color:var(--tcx-fg)}
.tcx12-shell .tcx12-hero-v3 .tcx12-textlink a:after{color:var(--tcx-cyan)}
.tcx12-shell .tcx12-hero-v3 .tcx12-condition{font-family:'TCX Geist',Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.7;color:var(--tcx-muted);max-width:615px!important;border:0;padding:0;margin-top:17px;text-align:center}
.tcx12-shell .tcx12-device-art{position:relative;z-index:1;width:min(1140px,100%);max-width:1140px!important;height:400px;margin:0 auto!important;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 70%,transparent 100%)}
.tcx12-device-art .elementor-widget-container{width:100%;height:100%}
.tcx12-shell .tcx12-device-art img{display:block;width:100%;max-width:none;height:auto;position:absolute;top:-42px;left:50%;transform:translateX(-50%);object-fit:contain;mix-blend-mode:screen}
@media(prefers-reduced-motion:no-preference){.tcx12-shell .tcx12-device-art{animation:tcx12-device-arrive 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes tcx12-device-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}}
@media(max-width:1100px){.tcx12-shell .tcx12-hero-v3 .tcx12-hero-copy{padding-top:30px}.tcx12-shell .tcx12-hero-v3 .tcx12-h1 h1{font-size:64px;letter-spacing:-2.5px}.tcx12-shell .tcx12-device-art{height:370px;width:100%;max-width:100%!important}.tcx12-shell .tcx12-device-art img{width:1000px;top:-32px}}
@media(max-width:767px){.tcx12-shell .tcx12-hero-v3{width:100%;margin:0;min-height:0;border:0;border-radius:0}.tcx12-shell .tcx12-hero-v3:before{background:radial-gradient(ellipse 290px 210px at 50% 0%,rgba(3,185,233,.12),transparent 75%),radial-gradient(ellipse 220px 160px at 36% 0%,rgba(143,67,250,.1),transparent 80%)}.tcx12-shell .tcx12-hero-v3 .tcx12-hero-copy{width:calc(100% - 40px);padding:27px 0 0;margin:0 auto;max-width:100%!important}.tcx12-shell .tcx12-hero-v3 .tcx12-eyebrow{font-size:10px;letter-spacing:1.7px}.tcx12-shell .tcx12-hero-v3 .tcx12-h1{margin-top:20px}.tcx12-shell .tcx12-hero-v3 .tcx12-h1 h1{font-size:clamp(34px,8.7vw,50px);font-weight:400;line-height:1.09;letter-spacing:-1.65px}.tcx12-shell .tcx12-hero-v3 .tcx12-lead{font-size:15px;line-height:1.7;max-width:355px!important;margin-top:19px}.tcx12-shell .tcx12-hero-v3 .tcx12-actions{gap:21px;margin-top:22px;flex-wrap:nowrap}.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button{font-size:13px;padding:13px 18px;min-height:47px}.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button-text:after{font-size:17px;margin-left:19px}.tcx12-shell .tcx12-hero-v3 .tcx12-textlink a{font-size:12px}.tcx12-shell .tcx12-hero-v3 .tcx12-condition{font-size:10px;line-height:1.7;max-width:350px!important;margin-top:17px}.tcx12-shell .tcx12-device-art{width:100%;max-width:100%!important;height:300px;margin-top:10px!important;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 73%,transparent 100%)}.tcx12-shell .tcx12-device-art img{width:670px;top:-20px;left:50%;transform:translateX(-48%);height:auto}}
@media(max-width:360px){.tcx12-shell .tcx12-hero-v3 .tcx12-hero-copy{width:calc(100% - 32px)}.tcx12-shell .tcx12-hero-v3 .tcx12-h1 h1{font-size:31px;letter-spacing:-1.4px}.tcx12-shell .tcx12-hero-v3 .tcx12-actions{gap:17px}.tcx12-shell .tcx12-hero-v3 .tcx12-primary .elementor-button{padding-inline:16px}.tcx12-shell .tcx12-device-art img{width:620px}.tcx12-shell .tcx12-device-art{height:280px}}
@media(prefers-reduced-motion:reduce){.tcx12-shell .tcx12-device-art{animation:none!important}}
@media(forced-colors:active){.tcx12-brand-gradient{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
/* Balanced first-screen composition and softer photographic edges. */
@media(min-width:1101px){.tcx12-shell .tcx12-hero-v3 .tcx12-h1 h1{font-size:68px}.tcx12-shell .tcx12-hero-v3 .tcx12-lead{max-width:800px!important;margin-top:18px}.tcx12-shell .tcx12-hero-v3 .tcx12-actions{margin-top:18px}.tcx12-shell .tcx12-hero-v3 .tcx12-condition{margin-top:14px;max-width:680px!important}.tcx12-shell .tcx12-device-art{width:1060px;max-width:100%!important;height:430px}.tcx12-shell .tcx12-device-art img{width:950px;top:-42px}}
.tcx12-shell .tcx12-device-art{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 76%,transparent 100%),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 76%,transparent 100%),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in}
/* Fade the actual bitmap edges, independently of the stage crop. */
.tcx12-shell .tcx12-device-art{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}
.tcx12-shell .tcx12-device-art img{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
@media(min-width:768px) and (max-width:1100px){.tcx12-shell .tcx12-device-art{height:400px}.tcx12-shell .tcx12-device-art img{width:900px;top:-42px}}

/* Give the native image a box before its bytes load; prevents lazy-image zero-height. */
.tcx12-shell .tcx12-device-art img{aspect-ratio:1672/941}