.TechBanner-module__sQGkaa__banner{border-radius:var(--r4);border:1px solid var(--glass-border);height:clamp(340px,40vw,440px);box-shadow:var(--shadow-3), var(--edge-top);isolation:isolate;position:relative;overflow:hidden}.TechBanner-module__sQGkaa__banner:before{content:"";border-radius:inherit;background:linear-gradient(145deg, var(--line-brand), transparent 40%, var(--glass-border) 70%, var(--line-brand));-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:.9;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.TechBanner-module__sQGkaa__media{block-size:100%;inline-size:100%;transition:transform var(--d-slow) var(--ease-ui), filter var(--d-base) ease;position:absolute;inset:0}.TechBanner-module__sQGkaa__posterImg{object-fit:cover;filter:brightness(.72)saturate(1.12)}.TechBanner-module__sQGkaa__banner:hover .TechBanner-module__sQGkaa__posterImg{transform:scale(1.04)}.TechBanner-module__sQGkaa__videoEl{object-fit:contain;background:radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 10%, #05070a), #05070a 72%)}.TechBanner-module__sQGkaa__banner[data-playing=true] .TechBanner-module__sQGkaa__media{filter:none;transform:none}.TechBanner-module__sQGkaa__overlay{transition:opacity var(--d-base) ease;background:linear-gradient(#0000 20%,#060c16eb 100%);position:absolute;inset:0}.TechBanner-module__sQGkaa__banner[data-playing=true] .TechBanner-module__sQGkaa__overlay{opacity:.55}.TechBanner-module__sQGkaa__playWrap{z-index:1;opacity:1;transition:opacity var(--d-base) ease, visibility var(--d-base) ease;place-items:center;display:grid;position:absolute;inset:0}.TechBanner-module__sQGkaa__banner[data-playing=true] .TechBanner-module__sQGkaa__playWrap{opacity:0;visibility:hidden;pointer-events:none}.TechBanner-module__sQGkaa__playRing{border:1px solid color-mix(in oklch, var(--brand) 55%, transparent);block-size:clamp(64px,8vw,84px);inline-size:clamp(64px,8vw,84px);animation:TechBanner-module__sQGkaa__pulse-ring 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute}.TechBanner-module__sQGkaa__playRing:nth-child(2){animation-delay:.9s}.TechBanner-module__sQGkaa__playBtn{z-index:1;background:color-mix(in oklch, var(--glass-bg) 55%, #0a0e1466);color:#fff;block-size:clamp(60px,7.4vw,76px);inline-size:clamp(60px,7.4vw,76px);box-shadow:var(--shadow-2), 0 0 0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;transition:transform var(--d-fast) var(--ease-ui), background var(--d-fast) ease, box-shadow var(--d-fast) ease, border-color var(--d-fast) ease;border:1px solid #ffffff52;border-radius:50%;place-items:center;display:grid;position:relative}.TechBanner-module__sQGkaa__playIcon{block-size:clamp(22px,2.6vw,28px);inline-size:clamp(22px,2.6vw,28px);margin-inline-start:3px}@media (hover:hover) and (pointer:fine){.TechBanner-module__sQGkaa__playBtn:hover{background:color-mix(in oklch, var(--brand) 30%, #0a0e148c);border-color:color-mix(in oklch, var(--brand) 60%, transparent);box-shadow:var(--shadow-lift), var(--glow-ring);transform:scale(1.08)}}.TechBanner-module__sQGkaa__playBtn:active{transform:scale(.97)}.TechBanner-module__sQGkaa__playBtn:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.TechBanner-module__sQGkaa__content{bottom:0;z-index:1;transition:opacity var(--d-base) ease, transform var(--d-base) var(--ease-ui);flex-direction:column;gap:12px;padding:28px;display:flex;position:absolute;inset-inline:0}.TechBanner-module__sQGkaa__banner[data-playing=true] .TechBanner-module__sQGkaa__content{opacity:0;pointer-events:none;transform:translateY(8px)}.TechBanner-module__sQGkaa__certPill{border-radius:var(--rpill);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00a8cc2e;border:1px solid #00a8cc66;align-items:center;gap:6px;width:max-content;padding:4px 10px;font-size:.81rem;font-weight:750;display:inline-flex}.TechBanner-module__sQGkaa__certIcon{color:var(--aq-300)}.TechBanner-module__sQGkaa__title{font-family:var(--fa-display);color:#fff;margin-bottom:6px;font-size:clamp(1.2rem,1rem + 1vw,1.6rem);font-weight:850;line-height:1.3}.TechBanner-module__sQGkaa__stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.TechBanner-module__sQGkaa__statItem{color:var(--brand-strong);align-items:center;gap:6px;font-size:.84rem;font-weight:750;display:inline-flex}.TechBanner-module__sQGkaa__statIcon{color:var(--brand)}.TechBanner-module__sQGkaa__banner:fullscreen{border:none;border-radius:0;height:100dvh}.TechBanner-module__sQGkaa__banner:fullscreen .TechBanner-module__sQGkaa__videoEl{background:#000}.TechBanner-module__sQGkaa__banner[data-controls-visible=false]{cursor:none}.TechBanner-module__sQGkaa__controlsBar{inset-inline:12px;z-index:2;border-radius:var(--rpill);background:color-mix(in oklch, var(--glass-bg) 45%, #080c1299);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);opacity:0;transition:opacity var(--d-fast) ease, transform var(--d-fast) var(--ease-ui);pointer-events:none;direction:ltr;border:1px solid #ffffff24;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;bottom:12px;transform:translateY(6px)}.TechBanner-module__sQGkaa__controlsBar[data-visible=true]{opacity:1;pointer-events:auto;transform:none}.TechBanner-module__sQGkaa__ctrlBtn{color:#fff;cursor:pointer;block-size:34px;inline-size:34px;transition:background var(--d-fast) ease, transform var(--d-fast) var(--ease-ui);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.TechBanner-module__sQGkaa__ctrlBtn:hover{background:#ffffff24}.TechBanner-module__sQGkaa__ctrlBtn:active{transform:scale(.92)}.TechBanner-module__sQGkaa__ctrlBtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.TechBanner-module__sQGkaa__progressTrack{border-radius:var(--rpill);cursor:pointer;direction:ltr;background:#ffffff3d;flex:auto;block-size:4px;position:relative}.TechBanner-module__sQGkaa__progressFill{border-radius:inherit;background:linear-gradient(90deg, var(--aq-300,var(--brand)), var(--brand-strong));position:absolute;inset-block:0;inset-inline-start:0}.TechBanner-module__sQGkaa__progressHandle{block-size:12px;inline-size:12px;transition:transform var(--d-fast) var(--ease-ui);background:#fff;border-radius:50%;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.TechBanner-module__sQGkaa__progressTrack:hover .TechBanner-module__sQGkaa__progressHandle{transform:translate(-50%,-50%)scale(1.25)}.TechBanner-module__sQGkaa__timeText{color:#ffffffe0;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate;flex:none;font-size:.74rem;font-weight:650}.TechBanner-module__sQGkaa__toast{z-index:3;border-radius:var(--rpill);background:color-mix(in oklch, var(--brand) 88%, black 6%);color:#fff;box-shadow:var(--shadow-2);animation:TechBanner-module__sQGkaa__toast-in var(--d-base) var(--ease-out) both;padding:8px 14px;font-size:.8rem;font-weight:700;position:absolute;inset-block-start:16px;inset-inline-end:16px}@keyframes TechBanner-module__sQGkaa__toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes TechBanner-module__sQGkaa__pulse-ring{0%{opacity:.65;transform:scale(.86)}to{opacity:0;transform:scale(1.5)}}@media (max-width:480px){.TechBanner-module__sQGkaa__timeText{display:none}}
