/* Page styles (see lib/site-assets.ts) */
.mode{transition:opacity .5s}
.mode.off{opacity:0;pointer-events:none}
.arch{position:absolute;inset:0;padding:clamp(12px,2.2vw,26px);display:flex;flex-direction:column;gap:clamp(6px,1vw,12px);color:var(--paper)}
.found{border:2px solid var(--red);background:rgba(245,69,92,.12);border-radius:12px;padding:clamp(8px,1vw,14px);display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);align-items:center}
.found b{display:block;font-size:clamp(11px,1.05vw,16px)}
.found span{font-size:clamp(9px,.8vw,13px);color:var(--muted-d)}
.handle{position:absolute;top:0;bottom:0;left:var(--x,100%);width:0;z-index:3;pointer-events:none}
.handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--red)}
.handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:auto;cursor:ew-resize}
.edge{background:rgba(15,17,20,.82);border:1px solid rgba(255,255,255,.1);padding:16px 18px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(4px)}
.hero{position:relative;height:820px;overflow:hidden;background:#16181B}
.hero h1{font-size:56px;line-height:64px;font-weight:700;letter-spacing:-2px;color:#fff;white-space:nowrap}
.hero h1 span{display:block;color:#F5455C}
#u6 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
.hero{height:auto;min-height:min(820px,calc(100svh - 80px));display:flex;align-items:center}
.hero h1{font-size:clamp(34px,3.9vw,56px);line-height:1.14;letter-spacing:-.035em}
@media (max-width:899px){
.hero{min-height:calc(100svh - 64px)}
.hero h1{font-size:7vw}
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
.hero{background:#171A1F}
.hero h1{font-weight:800;letter-spacing:-.035em;line-height:1.02}
.pv-s.add{color:var(--red-t)}
.hero{min-height:min(860px,calc(100svh - 72px))!important}
.hero h1{white-space:normal!important;font-size:clamp(38px,4.5vw,68px)!important;line-height:1.02!important;max-width:11.5ch}
@media (max-width:899px){
.hero h1{font-size:clamp(36px,10vw,52px)!important}
}
.hero{background:#14171b!important}
.hero{background:#14171b!important}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 72% 60%,rgba(245,69,92,.15),rgba(245,69,92,0) 70%),url(/img/map-dots-w.webp) 70% 55%/120% auto no-repeat,linear-gradient(180deg,#1b1f25,#121418)}
.hero{margin-top:calc(-1 * var(--navh))!important;padding-top:var(--navh)!important;min-height:100svh!important;box-sizing:border-box}
.hero{margin-top:0!important}
#platform-pages .handle{z-index:4}
.hero::before{background:url(/img/hero-ops.webp) 58% 30%/cover no-repeat!important;filter:none!important;opacity:1!important}
.hero h1{font-size:clamp(40px,4.8vw,76px)!important;line-height:1.02!important}
.hero h1 br{display:none}
.hero h1 span{display:block}
@media (max-width:899px){
.hero::before{background-position:40% 30%!important}
}
@media (min-width:900px){
.hero h1{white-space:nowrap;max-width:none!important;width:auto!important}
.hero::before{background-size:auto 116%!important;background-position:78% 0%!important}
}
.hero[data-ph="a"]::before{background:url(/img/hero-a.webp) 70% 0%/auto 116% no-repeat!important}
.hero[data-ph="b"]::before{background:url(/img/hero-b2.webp) 75% 30%/cover no-repeat!important}
.hero[data-ph="c"]::before{background:url(/img/hero-c.webp) 100% 10%/auto 112% no-repeat!important}
@media (max-width:899px){
.hero[data-ph]::before{background-size:cover!important;background-position:50% 0%!important}
}
.dh-eb{font-family:var(--mono);font-size:15px;line-height:22px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.dnodes i.off{background:#FF8A9A;box-shadow:0 0 12px rgba(255,138,154,.5)}
.stack{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,.9fr);align-items:center;background:#171A1F;color:#fff;padding:24px;width:100%;max-width:640px}
@media (max-width:899px){
.stack{grid-template-columns:1fr;gap:14px}
}
.dy-nodes i.off{background:#FF8A9A;box-shadow:0 0 8px rgba(255,138,154,.4);animation:dablink .9s ease-in-out infinite}
@keyframes dablink{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){
.dy-nodes i.off{animation:none}
}
.bl-sec{min-height:0!important;padding-top:clamp(56px,9vh,104px)!important;padding-bottom:clamp(64px,10vh,120px)!important}
.bl-search{position:relative;display:flex;align-items:center;width:min(340px,100%);height:44px;border:1px solid var(--line);background:#fff;border-radius:4px;color:var(--faint);transition:border-color .2s}
.bl-search:focus-within{border-color:var(--ink)}
.bl-search svg{position:absolute;left:14px}
.bl-search input{width:100%;height:100%;border:0;background:transparent;padding:0 14px 0 40px;font:500 15px var(--sans);color:var(--ink);outline:none;border-radius:4px}
.bl-search input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-filt{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(24px,3.5vh,36px)}
.bl-filt button{height:38px;padding:0 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.bl-filt button i{font-style:normal;color:var(--faint);transition:color .2s}
.bl-filt button:hover{background:rgba(31,35,41,.06)}
.bl-filt button[aria-pressed="true"]{background:var(--ink);color:#fff}
.bl-filt button[aria-pressed="true"] i{color:#9AA1AC}
.bl-card.bl-in{animation:blin .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes blin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.bl-empty{margin:32px 0 0;font-size:16px;color:var(--muted)}
.bl-reset{border:0;background:none;padding:0;font:inherit;color:var(--red-t);font-weight:700;text-decoration:underline;cursor:pointer}
.bl-more{margin-top:clamp(32px,5vh,48px);display:flex;flex-direction:column;align-items:center;gap:12px}
.bl-mbtn{height:38px;padding:0 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.bl-mbtn:hover{background:var(--ink);color:#fff}
.bl-mbtn[hidden]{display:none}
.bl-mbtn .arr{display:inline-block;transform:rotate(90deg)}
.bl-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--faint)}
@media (max-width:680px){
.bl-search{width:100%}
.bl-filt{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none}
.bl-filt::-webkit-scrollbar{display:none}
.bl-filt button{flex:none}
}
@media (prefers-reduced-motion:reduce){
.bl-card.bl-in{animation:none}
}
.bl-nlab{font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.bl-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.bl-bar .bl-filt{margin-top:0}
@media (max-width:680px){
.bl-bar{flex-direction:column;align-items:stretch}
}
.bl-hx .gl-tile img{aspect-ratio:16/10}
.bl-hx .gl-tile{border-top:3px solid var(--red)}
.bl-hx .gl-hin{width:min(880px,100%)}
.bl-hx h1{font-size:clamp(40px,4.1vw,62px)!important}
.bl-hx .gl-shade{background:linear-gradient(90deg,#0E1013 0%,rgba(14,16,19,.97) 42%,rgba(14,16,19,.6) 64%,rgba(14,16,19,0) 84%),radial-gradient(900px 500px at 12% 100%,rgba(245,69,92,.14),transparent 70%)}
@media (min-width:1101px){
.bl-hx h1 span{white-space:nowrap}
}
.bl-s2{width:min(460px,100%);height:auto;align-items:stretch;padding:5px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:4px;color:var(--faint)}
.bl-s2:focus-within{border-color:var(--ink);border-top-color:var(--red)}
.bl-s2 svg{position:static;flex:none;align-self:center;margin:0 4px 0 10px}
.bl-s2 input{flex:1;min-width:0;height:40px;padding:0 10px;font:500 16px var(--sans)}
.bl-sbtn{flex:none;height:40px;padding:0 16px;border:1px solid var(--red);background:var(--red);color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s}
.bl-sbtn:hover{background:#ff5d72;border-color:#ff5d72}
.bl-sbtn .arr{transition:transform .2s}
.bl-sbtn:hover .arr{transform:translateX(3px)}
.bl-sbtn:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (max-width:680px){
.bl-s2{width:100%}
}
.bl-hs-hero .hs_email input.hs-input{border-top:3px solid var(--red);height:46px;font-size:16px}
.bl-hs-hero input.hs-button{height:46px}
.bl-hnews:has(.bl-hs.done) .bl-hnl{display:none}
.bl-hnl{font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#C9CED6}
.gl-hx{min-height:min(100svh,940px)!important;background:#0E1013!important;padding-bottom:clamp(48px,8vh,88px)!important;overflow:hidden}
.gl-tile{position:relative;display:block;border-radius:4px;overflow:hidden;background:#171A1F;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);color:#fff;text-decoration:none;pointer-events:auto;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s}
.gl-tile img{display:block;width:100%;object-fit:cover;filter:saturate(.55) brightness(.62);transition:filter .4s}
.gl-tile.g img{aspect-ratio:3/4}
.gl-tile.w img{aspect-ratio:16/10}
.gl-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,19,0) 30%,rgba(14,16,19,.94) 100%)}
.gl-tile.g{border-top:3px solid var(--red)}
.gl-tile.g::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.gl-tile span{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:8px}
.gl-tile em{font:700 10.5px/1 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.gl-tile b{font-size:var(--t-h3,18px);line-height:1.2;font-weight:800;letter-spacing:-.01em}
.gl-tile.w i{position:absolute;left:14px;right:14px;top:14px;z-index:2;height:3px;background:rgba(255,255,255,.2)}
.gl-tile.w i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,40%);background:var(--red)}
.gl-tile:hover{transform:translateZ(40px);border-color:rgba(245,69,92,.7)}
.gl-tile:hover img{filter:saturate(.9) brightness(.85)}
.gl-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0E1013 0%,rgba(14,16,19,.97) 30%,rgba(14,16,19,.55) 52%,rgba(14,16,19,0) 72%),radial-gradient(900px 500px at 12% 100%,rgba(245,69,92,.14),transparent 70%)}
.gl-hin{position:relative;z-index:3;width:min(640px,100%);display:flex;flex-direction:column;gap:18px;pointer-events:auto}
:is(.gl-topics button,.gl-feat,.gl-tile):focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (max-width:1100px){
.gl-shade{background:linear-gradient(90deg,#0E1013 0%,rgba(14,16,19,.94) 46%,rgba(14,16,19,.5) 80%,rgba(14,16,19,.3) 100%)}
}
@media (max-width:680px){
.gl-hx{min-height:0!important;padding-bottom:300px!important}
.gl-shade{background:linear-gradient(180deg,#0E1013 0%,rgba(14,16,19,.9) calc(100% - 300px),rgba(14,16,19,.2) 100%)}
}
.gn-evn em{font-style:normal;color:#fff;font-weight:600}
.evb-top b{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.evb-date i.sp{background:none;width:6px}
.evb-ev b{display:block;font-size:16px;line-height:1.3;font-weight:600;color:#fff;text-wrap:balance}
.evb-ev span{display:block;font-size:13.5px;color:#9AA1AC;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){
.evb-ev b{font-size:15px;white-space:normal}
}
#page main .bl-hx h1{font-size:clamp(40px,4.8vw,76px)!important;line-height:1.02!important}
.hero h1,.dhero h1,.dhero2 h1,#page main .bl-hx h1{font-size:clamp(40px,4.45vw,64px)!important}
#page main :is(h3):not(:is([aria-hidden="true"],.dsx-v,.fed2,.hs-box,.pop,.ptiles,.uc-sbox,#gds) *),
#page main :is(.bl-t,.cu-t,.muct b,.pdc b){line-height:1.3!important}
#page main :is(p,li,dd,figcaption):not(:is([aria-hidden="true"],.dsx-v,.fed2,.hs-box,.pop,.ptiles,.uc-sbox,.rcmsgs,.tq-top,#gds) *){line-height:1.5!important}
#page main :is(.dlead,.pp-lead,.ai2lead,.iplead,.tc-lead,.vlead,.lpc-sub,.hcopy>p,.dh-copy>p),.mfsub{line-height:1.55!important}
.hbar-tick span{position:absolute;left:18px;right:0;top:0;line-height:34px;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.hbar-in b{flex:none;margin-left:auto;color:#F5455C;font-weight:700;transition:color .2s}
