@font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-ext-0.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-1.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-ext-0.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-1.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-ext-0.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-1.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-ext-0.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-latin-1.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Geist Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-mono-latin-ext-2.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-mono-latin-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Geist Mono';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-mono-latin-ext-2.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Geist Mono';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/geist-mono-latin-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/plus-jakarta-sans-latin-ext-4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/plus-jakarta-sans-latin-5.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/plus-jakarta-sans-latin-ext-4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Plus Jakarta Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//www.ukakongre.com/wp-content/plugins/uka-bildiri-portali/site-kit/fonts/plus-jakarta-sans-latin-5.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} :root{
color-scheme:light;
--bg:#eceef3; --tile:#ffffff; --layer:#f4f5f8; --line:#dcdee6; --fg:#121428; --muted:#55586c;
--ink:#151340; --ink-2:#211d57; --on-ink-m:#bdbbe0; --ink-line:rgba(255,255,255,.15);
--brand:#2e247a; --brand-2:#5a4aa3; --acc:#29cae4; --on-acc:#04212a;
--ease:cubic-bezier(.2,0,.38,.9); --ease-out:cubic-bezier(0,0,.38,.9); --ease-x:cubic-bezier(0,0,.3,1);
--f:'Geist','Segoe UI',Arial,sans-serif; --mono:'Geist Mono',Consolas,monospace; --it:'Plus Jakarta Sans','Segoe UI',sans-serif;
--r:3px; --gap:10px;
} :root{--live:#e0322f;--ok:#13805a;--warn:#b86e00} .srch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto}
.srch-box{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 14px 0 16px;background:var(--s-bg,#fff);color:var(--fg);box-shadow:inset 0 0 0 1px var(--s-line,var(--line));border-radius:var(--r,0) 0 0 var(--r,0);cursor:text;transition:box-shadow .11s var(--ease)}
.srch-box:focus-within{box-shadow:inset 0 0 0 2px var(--brand)}
.srch-box>svg{flex:none;color:var(--muted)}
.srch input{flex:1;min-width:0;border:0;background:transparent;font:500 18px/1.2 var(--f);color:var(--fg);padding:18px 0;outline:0}
.srch input::-webkit-search-decoration{-webkit-appearance:none}
.tw{position:absolute;left:48px;right:52px;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 18px/1.3 var(--f);color:var(--muted);transition:opacity .11s var(--ease)}
.tw [data-x="tw"]{font-family:var(--it);font-style:italic;font-size:1.08em;color:var(--tw-c,var(--brand-2))}
.caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.16em;background:var(--tw-c,var(--brand-2))}
@media (prefers-reduced-motion: no-preference){.caret{animation:caret 1s steps(1) infinite}}
@keyframes caret{50%{opacity:0}}
.tw-still .caret{display:none}
.srch input:focus~.tw,.srch input:not(:placeholder-shown)~.tw{opacity:0}
.srch kbd{flex:none;font:500 12px/1 var(--mono);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);padding:5px 7px}
@media (hover:none){.srch kbd{display:none}}
.srch-go{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 22px;border:0;background:var(--brand);color:#fff;font:600 16px/1 var(--f);cursor:pointer;border-radius:0 var(--r,0) var(--r,0) 0;transition:background-color .11s var(--ease)}
.srch-go:hover{background:var(--brand-h,#3c309f)}
@media (max-width:480px){.srch-go{padding:0 16px}.srch-go span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.srch input,.tw{font-size:16px}}
.sr{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:45;list-style:none;margin:0;padding:6px 0;background:#fff;color:var(--fg);box-shadow:0 0 0 1px var(--line),0 22px 44px -14px rgba(18,18,38,.32);max-height:min(430px,62vh);overflow:auto;border-radius:var(--r,0);text-align:left}
.sr[hidden]{display:none}
.sr-h{padding:10px 16px 6px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sr a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 16px;text-decoration:none;color:inherit}
.sr [aria-selected="true"] a{background:var(--layer);box-shadow:inset 3px 0 0 var(--brand)}
.sr-k{font:500 12px/1.4 var(--mono);color:var(--brand-2)}
.sr-t b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.sr-t small{font-size:13px;color:var(--muted)}
.sr mark{background:rgba(41,202,228,.3);color:inherit}
.sr-0{padding:14px 16px;font-size:14px;color:var(--muted)}
@media (max-width:480px){.sr a{grid-template-columns:minmax(0,1fr);gap:2px}}
.qs{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--qs-m,var(--muted))}
.qs button{font:500 13px/1 var(--f);color:var(--qs-c,var(--fg));background:transparent;box-shadow:inset 0 0 0 1px var(--qs-l,var(--line));border:0;padding:9px 12px;cursor:pointer;border-radius:var(--r,0);transition:box-shadow .11s var(--ease),background-color .11s var(--ease)}
.qs button:hover{box-shadow:inset 0 0 0 1px currentColor} .live{display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 8px;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--l-run,var(--acc));box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--r,0)}
.live i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}
.live[data-live="soon"]{color:var(--l-soon,#ffc457)}
.live[data-live="off"]{color:var(--l-off,var(--on-ink-m))}
.live[data-live="on"]{color:#fff;background:var(--live);box-shadow:none}
.live[data-live="on"] i{background:#fff}
@media (prefers-reduced-motion: no-preference){
.live[data-live="run"] i,.live[data-live="soon"] i{animation:lblink 1.6s var(--ease) infinite}
.live[data-live="on"] i::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 2px #fff;animation:lpulse 1.3s var(--ease-x) infinite}
}
.motion-off .live i,.motion-off .live i::after{animation:none}
@keyframes lblink{50%{opacity:.25}}
@keyframes lpulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.7);opacity:0}} .dl-bar{position:relative;height:6px;overflow:hidden;background:var(--dl-t,rgba(255,255,255,.14));--f:0}
.dl-bar i{position:absolute;inset:0;background:var(--dl-c,var(--acc));transform:scaleX(var(--f));transform-origin:left;transition:transform .6s var(--ease-x)}
.dl-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-100%)}
@media (prefers-reduced-motion: no-preference){
.dl-bar i::after{animation:dlshine 2.6s var(--ease) .6s infinite}
}
.motion-off .dl-bar i::after{animation:none}
html[data-soon] .dl-bar i{background:var(--live)}
html[data-stage="finished"] .dl-bar i{transform:scaleX(1)}
@keyframes dlshine{to{transform:translateX(100%)}} .bc{position:relative;display:grid;gap:12px;align-content:start;min-width:0}
.bc-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font:500 12px/1.3 var(--mono);color:var(--muted)}
.bc-st{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font:600 12px/1 var(--f);color:var(--brand);background:var(--bc-st,rgba(46,36,122,.08));border-radius:var(--r,0)}
.bc-st::before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}
.bc[data-kind="ok"] .bc-st{color:var(--ok);background:rgba(19,128,90,.1)}
.bc[data-kind="warn"] .bc-st{color:var(--warn);background:rgba(184,110,0,.1)}
@media (prefers-reduced-motion: no-preference){.bc[data-kind="now"] .bc-st::before{animation:lblink 1.6s var(--ease) infinite}}
.motion-off .bc-st::before{animation:none}
.bc h3{font-size:clamp(18px,1.7vw,22px);line-height:1.3;letter-spacing:-.015em;font-weight:600;margin:0}
.bc-a{font-size:14px;color:var(--muted);margin:0}
.bc-a em{font-family:var(--it);font-style:italic;font-size:1.1em;color:var(--fg)}
.bc-flow{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));position:relative;--bp:0}
.bc-flow::before,.bc-flow::after{content:"";position:absolute;top:6px;left:7px;width:calc(100% * 4 / 5);height:2px;background:var(--line)}
.bc-flow::after{background:var(--brand);transform:scaleX(var(--bp));transform-origin:left;transition:transform .5s var(--ease-x)}
.bc-flow li{position:relative;padding:24px 6px 0 0;font-size:12.5px;line-height:1.25;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.bc-flow i{position:absolute;left:0;top:0;z-index:1;width:14px;height:14px;background:var(--bc-bg,#fff);box-shadow:inset 0 0 0 2px var(--line)}
.bc-flow .done i{background:var(--brand);box-shadow:none}
.bc-flow .done span{color:var(--fg)}
.bc-flow .now i{box-shadow:inset 0 0 0 2px var(--brand),0 0 0 4px rgba(46,36,122,.16)}
.bc-flow .now span{color:var(--brand);font-weight:600}
.bc-flow .ok i{background:var(--ok);box-shadow:0 0 0 4px rgba(19,128,90,.16)}
.bc-flow .ok span{color:var(--ok);font-weight:600}
.bc-flow .warn i{background:var(--warn);box-shadow:0 0 0 4px rgba(184,110,0,.16)}
.bc-flow .warn span{color:var(--warn);font-weight:600}
.bc-log{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.bc-log li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px}
.bc-log time{font:500 12px/1.6 var(--mono)}
.bc-log li:last-child{color:var(--fg)}
.bc-log li:last-child time{color:var(--brand-2)}
.bc-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.bc-go{display:flex;gap:4px}
.bc-go button{position:relative;width:34px;height:28px;padding:0;border:0;background:none;cursor:pointer}
.bc-go button::before,.bc-go button::after{content:"";position:absolute;left:3px;right:3px;top:12px;height:4px;background:var(--line)}
.bc-go button::after{background:var(--brand);transform:scaleX(0);transform-origin:left}
.bc-go button[aria-pressed="true"]::after{transform:scaleX(1)}
@media (prefers-reduced-motion: no-preference){
.bc-flow .done i{animation:bpop .32s calc(var(--d) * .13s) var(--ease-x) backwards}
.bc-flow .now i{animation:bnow 1.8s var(--ease) infinite}
.bc.in h3,.bc.in .bc-a{animation:bin .45s var(--ease-x) backwards}
html:not(.motion-off) .bc:not(.hold) .bc-go button[aria-pressed="true"]::after{animation:bprog 7s linear both}
}
.motion-off .bc-flow .now i{animation:none}
@keyframes bpop{from{transform:scale(.6)}}
@keyframes bnow{50%{box-shadow:inset 0 0 0 2px var(--brand),0 0 0 7px rgba(46,36,122,.06)}}
@keyframes bin{from{opacity:.35;transform:translateY(6px)}}
@keyframes bprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sample{font:600 11px/1 var(--f);padding:5px 8px;box-shadow:inset 0 0 0 1px currentColor;color:var(--sample,#a86a00);white-space:nowrap} .tkr{display:flex;align-items:stretch;min-height:42px;overflow:hidden;font-size:14px}
.tkr-l{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.tkr-v{position:relative;flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.tkr-t{display:flex;width:max-content}
.tkr-s{display:flex;list-style:none;margin:0;padding:0}
.tkr-s li{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-right:44px}
.tkr-s li>b{font-weight:600}
.tkr-s a{text-underline-offset:3px}
@media (prefers-reduced-motion: no-preference){.tkr:not(.rot) .tkr-t{animation:tkr var(--dur,40s) linear infinite}}
.tkr:hover .tkr-t,.tkr:focus-within .tkr-t,.motion-off .tkr-t{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.tkr-v{overflow-x:auto}.tkr-s[aria-hidden]{display:none}}
@keyframes tkr{to{transform:translateX(-50%)}}
.tkr.rot .tkr-v{-webkit-mask-image:none;mask-image:none}
.tkr.rot .tkr-t,.tkr.rot .tkr-s{display:block;width:100%;height:100%}
.tkr.rot .tkr-s{position:relative;min-height:42px}
.tkr.rot .tkr-s li{position:absolute;inset:0;padding:0;opacity:0;visibility:hidden;transform:translateY(60%);transition:transform .5s var(--ease-x),opacity .4s var(--ease),visibility 0s .5s;overflow:hidden;text-overflow:ellipsis}
.tkr.rot .tkr-s li.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tkr.rot .tkr-s li.out{transform:translateY(-60%);visibility:visible;transition-delay:0s} .shift{background:linear-gradient(90deg,var(--sh1,#2e247a),var(--sh2,#29cae4),var(--sh3,#7a5cff),var(--sh1,#2e247a));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (prefers-reduced-motion: no-preference){.shift{animation:shift 9s linear infinite}}
.motion-off .shift{animation:none}
@keyframes shift{to{background-position:300% 0}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--f);overflow-x:clip}
h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.08;font-weight:600;text-wrap:balance}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
em.i{font-family:var(--it);font-style:italic;font-weight:400;letter-spacing:-.01em}
.wrap{max-width:1320px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section[id],div[id]{scroll-margin-top:90px}
.ov{font:500 12px/1.2 var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:0 16px 0 18px;font:600 15px/1 var(--f);text-decoration:none;border:0;border-radius:var(--r);cursor:pointer;transition:background-color .11s var(--ease),color .11s var(--ease),box-shadow .11s var(--ease)}
.btn svg{flex:none;transition:transform .15s var(--ease)}.btn:hover svg{transform:translateX(3px)}
.btn-acc{background:var(--acc);color:var(--on-acc)}.btn-acc:hover{background:#5bd9ee}
.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:#3c309f}
.btn-line{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.btn-line:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.btn-line-ink{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.btn-line-ink:hover{background:#fff;color:var(--ink)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.on-ink a:focus-visible,.on-ink button:focus-visible,.on-ink select:focus-visible{outline-color:var(--acc)} .tkr{background:var(--ink);color:#d9d7f0;min-height:34px;font:500 13px/1 var(--mono)}
.tkr-l{color:var(--acc);border-right:1px solid var(--ink-line)}
.tkr-s li{gap:8px}
.tkr-s li i{width:7px;height:7px;border-radius:50%;background:var(--d,var(--acc))}
.tkr-s li>b{color:#fff;font-weight:600}
.tkr-s em{font-style:normal;color:var(--acc)} .bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.t{background:var(--tile);border-radius:var(--r);padding:clamp(18px,2vw,28px);min-width:0;position:relative}
.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}
.r2{grid-row:span 2}
@media (max-width:1040px){.s8,.s7,.s6,.s5{grid-column:span 12}.s4,.s3{grid-column:span 6}.r2{grid-row:auto}}
@media (max-width:640px){.bento>*{grid-column:1/-1 !important}}
.dark{background:var(--ink);color:#fff}
.hero{padding-top:var(--gap)}
.intro{display:grid;gap:18px;align-content:space-between;min-height:340px;overflow:hidden}
.intro h1{font-size:clamp(40px,5.4vw,78px);letter-spacing:-.045em;max-width:13ch}
.intro h1 em.i{color:var(--brand-2)}
.intro .lead{font-size:18px;color:var(--muted);max-width:52ch}
.intro .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kpi{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 13px/1.2 var(--mono);color:var(--muted)}
.kpi b{color:var(--fg);font-size:15px} .intro::after{content:"";position:absolute;right:-1px;top:-1px;width:42%;height:70%;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);opacity:.8} .cdt{display:grid;gap:16px;align-content:start}
.cdt-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cdt .ov{color:var(--on-ink-m)}
.cdt h2{font-size:22px;line-height:1.22;letter-spacing:-.02em}
.cdt .meta{font-size:14px;color:var(--on-ink-m);margin-top:6px;display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center}
.cdt .sample{--sample:#ffc457}
.cdl{font-size:12px;color:var(--on-ink-m)}
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.cd div{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--ink-line);border-radius:2px;padding:10px 10px 8px}
.cd b{display:block;font:600 clamp(24px,2.4vw,32px)/1 var(--mono);font-variant-numeric:tabular-nums}
.cd span{font-size:11px;color:var(--on-ink-m)}
.tick{animation:tick .24s var(--ease-out)}
@keyframes tick{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:none}} .cg-tabs{display:grid;gap:4px}
.cg-tabs button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 9px;align-items:center;width:100%;text-align:left;padding:9px 11px;border:0;border-radius:2px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ink-line);color:var(--on-ink-m);font:500 14px/1.25 var(--f);cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}
.cg-tabs button i{grid-row:span 2;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.45}
.cg-tabs button[data-live="on"] i{background:#ff4d4a;opacity:1}
@media (prefers-reduced-motion: no-preference){.cg-tabs button[data-live="on"] i{animation:lblink 1.4s var(--ease) infinite}}
.motion-off .cg-tabs button i{animation:none}
.cg-tabs button b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-tabs button small{font:500 11px/1.3 var(--mono);opacity:.85;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-tabs button:hover{color:#fff;background:rgba(255,255,255,.08)}
.cg-tabs button[aria-selected="true"]{color:#fff;background:rgba(41,202,228,.12);box-shadow:inset 0 0 0 1px rgba(41,202,228,.6)}
.cg-body{display:grid;gap:14px}
.cg-po{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ink-line)}
.cg-po[hidden]{display:none}
.cg-po img{display:block;width:100%;height:100%;object-fit:contain}
.cg-po:focus-visible{outline:2px solid var(--acc);outline-offset:2px} @media (min-width:1041px){.cdt.cg-cok .cg-body{grid-template-columns:minmax(0,40%) minmax(0,1fr);align-items:start;column-gap:14px}.cdt.cg-cok .cg-body>*{grid-column:1/-1}.cdt.cg-cok .cg-body>.cg-po{grid-column:1;grid-row:1}.cdt.cg-cok .cg-body>.cg-po:not([hidden])+div{grid-column:2;grid-row:1}.cdt.cg-cok h2{font-size:18px}} @media (min-width:641px) and (max-width:1040px){.hero .cdt{grid-column:span 12}.hero .cdt .cg-body{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start;column-gap:22px}.hero .cdt .cg-body>*{grid-column:1/-1}.hero .cdt .cg-body>.cg-po{grid-column:1;grid-row:1}.hero .cdt .cg-body>.cg-po:not([hidden])+div{grid-column:2;grid-row:1}}
@media (prefers-reduced-motion: no-preference){.cg-body.in>*{animation:bin .45s var(--ease-x) backwards}.cg-body.in>*+*{animation-delay:.06s}}
.cg-sub{font-size:13px;color:var(--on-ink-m)}
.cdt[data-live="on"] .cg-sub{color:#ff9d9a}
.imp{display:grid;gap:8px}
.imp ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-line)}
.imp li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--ink-line);font-size:14px}
.imp .n{font-weight:500}
.imp .d{font:500 12px/1 var(--mono);color:var(--on-ink-m)}
.imp em{font:600 12px/1 var(--mono);font-style:normal;min-width:58px;text-align:right;color:var(--on-ink-m)}
.imp ol.cok li{padding:7px 0;font-size:13px;line-height:1.3}
.imp li.past{opacity:.5}
.imp li.past .n{text-decoration:line-through;text-decoration-thickness:1px}
.imp li.next .n{color:#fff;font-weight:600}
.imp li.next em{color:var(--acc)}
html[data-soon] .imp li.next em{color:#ff8a87}
.imp li.going .n{color:#fff;font-weight:600}
.imp li.going em{color:#ff8a87}
.imp li.going .n::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:#ff4d4a;vertical-align:1px}
.imp .dl-bar{grid-column:1/-1;height:3px;margin-top:6px}
.cg-nav{display:flex;align-items:center;gap:8px;padding-top:4px}
.cg-nav button[data-c]{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:2px;background:transparent;color:var(--on-ink-m);box-shadow:inset 0 0 0 1px var(--ink-line);cursor:pointer}
.cg-nav button[data-c]:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.cg-prog{flex:1;height:2px;background:var(--ink-line);position:relative;overflow:hidden}
.cg-prog::after{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:left}
@media (prefers-reduced-motion: no-preference){.cg-prog.run::after{animation:bprog 9s linear both}}
[data-cg] [hidden]{display:none!important}
@media (max-width:600px){.cdt .cg-tabs{display:grid;grid-template-columns:minmax(0,1fr)}.cdt .cg-tabs button small{display:block}.cdt .cg-tabs button b{font-size:14px}}
.cdt .row{display:flex;flex-wrap:wrap;gap:8px}
.cdt .row .btn{flex:1 1 150px}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:12px;color:var(--on-ink-m)} .st-search{display:grid;gap:14px;z-index:3;background:var(--layer);box-shadow:inset 0 0 0 1px var(--line)}
.st-search .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.st-search h2{font-size:clamp(24px,2.4vw,32px)}
.st-search h2 em.i{color:var(--brand-2)}
.st-search .srch-box{border-radius:var(--r) 0 0 var(--r)}
.recent{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.recent a{color:var(--muted);text-decoration:none}
.recent a:hover{color:var(--fg);text-decoration:underline}
.recent a::before{content:"↗ ";font-family:var(--mono);color:var(--brand-2)} .bc-topic{font:italic 500 16px/1.2 var(--it);color:var(--brand-2);margin:0}
.lnk{font-weight:600;font-size:14px;color:var(--brand);text-decoration:none;margin-left:auto}.lnk:hover{text-decoration:underline;text-underline-offset:4px} .pool{display:grid;gap:14px;align-content:start}
.pool h3{font-size:18px}
.pool h3 em.i{color:var(--brand-2)}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bars li{display:grid;gap:5px}
.bars .lb{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.bars .lb b{font:600 14px/1 var(--mono);color:var(--fg)}
.bars .tr{height:10px;background:var(--layer);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.bars .tr i{position:absolute;inset:0;width:var(--w);background:var(--c,var(--brand));transform-origin:left;transition:transform 1s var(--ease-x)}
.bars.pre .tr i{transform:scaleX(0)}
.bars .lb span{font:500 11px/1 var(--mono);color:var(--muted);margin-left:8px}
.pool .note{font-size:12px;color:var(--muted)} .ph{padding:0;overflow:hidden;min-height:300px;color:#fff;background:#120f34}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-x)}
.ph:hover img{transform:scale(1.03)}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,8,30,.85))}
.ph figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:1}
.ph figcaption small{font:500 12px/1.4 var(--mono);opacity:.85}
.ph figcaption b{display:block;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-top:4px}
.portal{display:grid;gap:14px;align-content:start}
.portal h3{font-size:22px}
.portal h3 em.i{color:var(--brand-2)}
.pl a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;font-weight:500;transition:color .11s var(--ease),padding .15s var(--ease)}
.pl a:hover{color:var(--brand);padding-left:6px}
.pl a.main{color:var(--brand);font-weight:600} .sec{padding-top:clamp(56px,7vw,96px)}
.sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin-bottom:18px}
.sh h2{font-size:clamp(30px,3.8vw,52px);margin-top:10px}
.sh h2 em.i{color:var(--brand-2)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:500 14px/1 var(--f);color:var(--fg);background:var(--tile);border:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);padding:10px 14px;cursor:pointer}
.chips button:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.chips button[aria-pressed="true"]{background:var(--fg);color:#fff;box-shadow:none}
.lib-g{list-style:none;margin:0;padding:0}
.lib-g li[hidden]{display:none}
@media (prefers-reduced-motion: no-preference){.lib-g li.in{animation:bin .4s var(--ease-x) backwards}}
.lib-g a{display:grid;gap:12px;height:100%;text-decoration:none}
.lib-g .cv{aspect-ratio:3/4;width:min(150px,44%);background:var(--c,#2e247a);color:#fff;padding:10px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:inset 5px 0 0 rgba(0,0,0,.2),8px 8px 0 var(--bg);border-radius:2px;transition:transform .24s var(--ease)}
.lib-g a:hover .cv{transform:rotate(-2deg) translateY(-4px)}
.cv small{font:600 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:.75}
.cv strong{align-self:center;font:italic 400 17px/1.1 var(--it)}
.cv span{font:600 11px/1 var(--mono);border-top:1px solid rgba(255,255,255,.35);padding-top:6px}
.lib-g b{font-size:16px;line-height:1.3;letter-spacing:-.01em}
.lib-g .m{font:500 12px/1.3 var(--mono);color:var(--muted)}
.lib-g .feat a{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:24px}
.lib-g .feat .cv{width:clamp(150px,16vw,210px)}
.lib-g .feat b{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em}
.lib-g .feat p{color:var(--on-ink-m);font-size:15px;margin-top:8px}
.lib-g .feat .m{color:var(--on-ink-m)}
.lib-g .feat .cv{box-shadow:inset 5px 0 0 rgba(0,0,0,.2),8px 8px 0 var(--acc)}
@media (max-width:560px){.lib-g .feat a{grid-template-columns:minmax(0,1fr)}}
.kg a{display:grid;gap:10px;text-decoration:none;height:100%}
.kg img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:2px}
.kg time{font:500 12px/1 var(--mono);color:var(--brand-2)}
.kg b{font-size:18px;line-height:1.3;letter-spacing:-.015em}
.kg a:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.kg span{font-size:14px;color:var(--muted)}
.sv{display:grid;gap:10px;align-content:start;transition:background-color .15s var(--ease)}
.sv svg{color:var(--brand-2)}
.sv h3{font-size:18px;margin-top:6px;letter-spacing:-.015em}
.sv p{font-size:14px;color:var(--muted)}
.sv:hover{background:var(--layer)}
.ctt h2{font-size:clamp(28px,3.4vw,44px)}
.ctt h2 em.i{color:#9fe9f5}
.ci{display:grid;margin-top:22px}
.ci div{padding:12px 0;border-top:1px solid var(--ink-line)}
.ci small{display:block;font:500 12px/1.4 var(--mono);color:var(--on-ink-m)}
.ci b{font-size:18px}
form.cf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){form.cf{grid-template-columns:minmax(0,1fr)}}
.cf .full{grid-column:1/-1}
.cf label{display:grid;gap:6px;font-size:14px;font-weight:500}
.cf input,.cf select,.cf textarea{font:400 16px/1.4 var(--f);color:var(--fg);background:var(--layer);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;min-height:46px;width:100%}
.cf textarea{min-height:96px;resize:vertical}
.sent{display:none;grid-column:1/-1;padding:10px 12px;background:var(--layer);border-left:3px solid var(--brand);font-size:15px}
.sent.show{display:block}
.pt{display:grid;gap:12px;align-content:space-between;min-height:130px;text-decoration:none;filter:grayscale(1);transition:filter .24s var(--ease)}
.pt:hover{filter:none}
.pt .mk{width:42px;height:42px;display:grid;place-items:center;background:var(--mc,var(--brand));color:#fff;font:600 12px/1 var(--mono);border-radius:2px}
.pt b{font-size:14px;line-height:1.3}
.pt.join{filter:none;background:transparent;box-shadow:inset 0 0 0 1px var(--fg)}
.pt.join:hover{background:var(--fg);color:#fff} .person{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr);gap:20px;padding:0;overflow:hidden}
.person img{width:100%;height:100%;min-height:210px;object-fit:cover;object-position:top}
.person>div{display:grid;gap:6px;align-content:end;padding:22px 22px 22px 0}
.person b{font-size:19px;line-height:1.25;letter-spacing:-.015em}
.person span{font-size:14px;color:var(--muted)}
.person .lnk{margin:8px 0 0}
.credit{font:500 11px/1.45 var(--mono);color:var(--muted);max-width:60ch}
.credit b{font-weight:600}
em.i{font-weight:500;letter-spacing:-.025em}
.vt{position:relative;isolation:isolate;margin-top:-69px;color:#fff}
.vt-bg{position:absolute;inset:0 0 -360px;z-index:-1;overflow:hidden;pointer-events:none;
-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 600px),rgba(0,0,0,.7) calc(100% - 430px),rgba(0,0,0,.35) calc(100% - 260px),rgba(0,0,0,.1) calc(100% - 110px),transparent);
mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 600px),rgba(0,0,0,.7) calc(100% - 430px),rgba(0,0,0,.35) calc(100% - 260px),rgba(0,0,0,.1) calc(100% - 110px),transparent)}
.vt-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(1.2) contrast(1.05)}
.vt-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,19,64,.84) 0%,rgba(64,40,140,.5) 50%,rgba(176,90,190,.18) 100%)}
@media (prefers-reduced-motion: no-preference){.vt-bg img{animation:drift 26s var(--ease) infinite alternate}}
.motion-off .vt-bg img{animation-play-state:paused}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(-1.5%)}}
.vt-in{display:grid;gap:20px;padding-top:calc(69px + clamp(56px,7vw,104px));padding-bottom:clamp(150px,15vw,210px)}
.vt .ov{color:var(--acc)}
.vt h1{font-size:clamp(42px,5.8vw,84px);letter-spacing:-.045em;max-width:14ch}
.vt h1 em.i{color:#a9ecf7}
.vt .lead{font-size:18px;color:#dddbf1;max-width:54ch}
.vt .row{display:flex;flex-wrap:wrap;gap:10px}
.vt .btn-line{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.vt .btn-line:hover{background:#fff;color:var(--ink)}
.vt .kpi{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 13px/1.2 var(--mono);color:#c6c3e6}.vt .kpi b{color:#fff;font-size:15px}
.vt .credit{color:rgba(255,255,255,.62)}
.hero{padding-top:0;margin-top:calc(-1 * clamp(96px,10vw,140px));position:relative}
.cg-tabs{display:flex;gap:4px}
.cg-tabs button{flex:1;grid-template-columns:auto minmax(0,1fr);padding:8px 9px}
.cg-tabs button small{display:none}
.cg-tabs button b{font-size:13px}
.about{display:grid;gap:16px;align-content:center}
.about h2{font-size:clamp(28px,3.2vw,44px)}
.about h2 em.i{color:#a9ecf7}
.about p{color:var(--on-ink-m);max-width:62ch}
.about .kpi{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 13px/1.2 var(--mono);color:var(--on-ink-m)}.about .kpi b{color:#fff;font-size:15px}
.about .btn{justify-self:start}
.pxl{margin:0;padding:0;overflow:hidden;min-height:420px;background:#e2e3ea}
.pxl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.pxl figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:2px}
.pxl b{font-size:18px}.pxl span{font-size:14px;color:var(--muted)} :root{--gap:16px}
.t{padding:clamp(22px,2.4vw,34px)}
.sec{padding-top:clamp(80px,9vw,136px)}
.sh{margin-bottom:28px}
.hero{gap:var(--gap)}
.cdt{gap:20px} .pt,.pt:hover{filter:none}
.pt{transition:transform .35s var(--ease-x),box-shadow .35s var(--ease-x)}
.pt .mk{transition:transform .35s var(--ease-x)}
.pt:hover{transform:translateY(-8px);box-shadow:0 18px 30px -16px rgba(21,19,64,.4)}
.pt:hover .mk{transform:translateY(-3px)}
@media (prefers-reduced-motion: reduce){.pt:hover,.pt:hover .mk,.nw-c:hover{transform:none}} .nw-m{display:flex;flex-wrap:wrap;gap:4px 12px;font:500 12px/1.2 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.nw-m span{color:var(--brand-2)}
.nw-ctl{display:flex;align-items:center;gap:8px;margin-left:auto}
.nw-ctl button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r);background:var(--tile);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .15s var(--ease)}
.nw-ctl button:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.nm-f{padding:0;overflow:hidden;min-height:480px;display:grid}
.nm-s{grid-area:1/1;position:relative;display:grid;align-content:end;text-decoration:none;color:#fff}
.nm-s[hidden]{display:grid;visibility:hidden;opacity:0}
.nm-s{transition:opacity .9s var(--ease),visibility 0s .9s}
.nm-s.on{opacity:1;visibility:visible;transition:opacity .9s var(--ease)}
.nm-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion: no-preference){.nm-s.on img{animation:kb 9s var(--ease) both}}
.motion-off .nm-s img{animation:none}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.nm-s::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,64,0) 25%,rgba(21,19,64,.55) 55%,rgba(14,12,44,.94))}
.nm-tx{position:relative;z-index:1;display:grid;gap:12px;padding:clamp(22px,3vw,40px);max-width:60ch}
.nm-tx b{font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.02em}
.nm-tx .nw-m{color:#d7d5f0}.nm-tx .nw-m span{color:var(--acc)}
.nm-tx .nw-ex{color:#dddbf1}
.nm-l{list-style:none;margin:0;padding:8px 0;display:grid}
.nm-l li+li{border-top:1px solid var(--line)}
.nm-l button{position:relative;display:grid;gap:6px;width:100%;text-align:left;padding:16px clamp(18px,2vw,28px);border:0;background:none;font:inherit;color:var(--muted);cursor:pointer;transition:color .2s var(--ease),background-color .2s var(--ease)}
.nm-l time{font:500 12px/1 var(--mono);text-transform:uppercase}
.nm-l b{font-size:15px;line-height:1.35;font-weight:500}
.nm-l button:hover{color:var(--fg);background:var(--layer)}
.nm-l button[aria-pressed="true"]{color:var(--fg)}
.nm-l button[aria-pressed="true"] b{font-weight:600}
.nm-l button i{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line)}
.nm-l button[aria-pressed="true"] i{background:var(--brand)}
@media (prefers-reduced-motion: no-preference){.nm.run .nm-l button[aria-pressed="true"] i{background:linear-gradient(var(--brand),var(--brand)) top/100% 0 no-repeat var(--line);animation:nmp 6s linear both}}
@keyframes nmp{to{background-size:100% 100%}}
@media (max-width:1040px){.nm-f{min-height:380px}}
.ab h2{font-size:clamp(28px,3.2vw,46px)}
.ab .on-ink h2 em.i,.on-ink.ab-in h2 em.i{color:#a9ecf7}
.ab-in.on-ink p{color:#dddbf1}
.ab .who{display:grid;gap:2px;padding-left:14px;border-left:2px solid var(--acc)}
.ab .who b{font-size:17px;color:#fff}.ab .who span{font-size:14px}
.ab .kpi{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 13px/1.2 var(--mono)}.ab-in.on-ink .kpi b{color:#fff;font-size:15px}
.ab .btn{justify-self:start}
.ab{overflow:hidden;color:#fff;display:grid;align-content:center;background:#e8ecec}
.ab-full{min-height:620px;padding:clamp(28px,5vw,72px)}
.ab-full .ab-bg{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;aspect-ratio:3/4;object-fit:cover}
.ab-full::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background:linear-gradient(90deg,#151340 0%,#151340 38%,rgba(21,19,64,.9) 50%,rgba(21,19,64,.55) 62%,rgba(21,19,64,0) 78%)}
.ab-full .ab-bg{z-index:0}
.ab-full::before{z-index:0}
.ab-full .ab-in{position:relative;z-index:1;display:grid;gap:18px;max-width:560px}
.ab-cap{position:absolute;right:14px;bottom:10px;z-index:1;font:500 11px/1.3 var(--mono);color:#151340;background:rgba(255,255,255,.75);padding:4px 8px}
@media (max-width:900px){.ab-full{display:block;min-height:0;padding:0;background:#151340}.ab-full::before{display:none}
.ab-full .ab-bg{position:relative;display:block;width:100%;height:auto}
.ab-full .ab-in{max-width:none;margin-top:-90px;padding:90px clamp(20px,5vw,32px) 30px;background:linear-gradient(180deg,rgba(21,19,64,0),rgba(21,19,64,.92) 60px,#151340 90px)}
.ab-cap{top:10px;bottom:auto}} .hw-h .lead{margin-top:16px;font-size:17px;color:var(--muted);max-width:60ch}
.hw .ovl{display:flex;align-items:center;gap:10px;font:600 12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2)}
.hw .ovl::before{content:"";width:24px;height:1px;background:currentColor}
.hw .on-ink .ovl{color:var(--acc)}
.hw h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em;line-height:1.15}
.hw .tx{color:var(--muted);max-width:56ch}
.hw .on-ink .tx{color:var(--on-ink-m)}
.hw-a,.hw-b{display:grid;gap:22px;align-content:start}
.hw .btn{justify-self:start;margin-top:4px}
.hw .sample{font:600 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;box-shadow:inset 0 0 0 1px currentColor;color:#ffc457}
.hw .t:not(.dark) .sample{color:#8a5a00}
.hw .s12{grid-column:1/-1}
.hw [hidden]{display:none!important}
.pre [data-grow]{transform:scaleY(0)}
.pre [data-grow-x]{transform:scaleX(0)}
.hs5{display:grid;gap:24px;align-content:start}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--layer);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{border:0;background:none;padding:12px 10px;font:600 14px/1.25 var(--f);color:var(--muted);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
.seg button[aria-selected="true"]{background:var(--brand);color:#fff}
.seg button:hover:not([aria-selected="true"]){color:var(--fg)}
@media (prefers-reduced-motion: no-preference){.hw-a.in>*{animation:bin .45s var(--ease-x) backwards}.hw-a.in>*+*{animation-delay:.06s}}
.nl{list-style:none;margin:0;padding:0;counter-reset:n;display:grid}
.nl li{counter-increment:n;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 0;padding:12px 0;border-top:1px solid var(--line)}
.nl li::before{content:"0" counter(n);grid-row:span 2;font:600 13px/1.6 var(--mono);color:var(--brand-2)}
.nl b{font-size:16px}.nl span{font-size:14px;color:var(--muted)}
.mkw{display:grid;gap:18px;align-content:start;padding:0;overflow:hidden}
.mk-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(255,255,255,.05);font:500 12px/1 var(--mono);color:var(--on-ink-m)}
.mk-bar i{width:9px;height:9px;background:rgba(255,255,255,.22)}
.mk-bar span:first-of-type{margin-left:10px;flex:1}
.mk-p{display:grid;gap:16px;padding:6px clamp(18px,2.4vw,30px) clamp(20px,2.4vw,30px)}
.mk-t{font-size:18px;font-weight:600}
.mk-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--ink-line)}
.mk-rows li.live{box-shadow:inset 0 0 0 1px rgba(41,202,228,.55)}
.cd{font:600 12px/1 var(--mono);color:var(--on-ink-m)}
.sk{display:grid;gap:7px}.sk i{display:block;height:8px;background:rgba(255,255,255,.16)}.sk i+i{background:rgba(255,255,255,.09)}
.chip{font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;white-space:nowrap;color:#a9ecf7;box-shadow:inset 0 0 0 1px currentColor;transition:color .3s var(--ease)}
.ok .chip{color:#7ee2a8}
.chip.flip{animation:bin .4s var(--ease-x)}
.mk-pr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;font-size:12px;color:var(--on-ink-m)}
.mk-tr{height:4px;background:rgba(255,255,255,.1);position:relative}
.mk-tr i{position:absolute;inset:0 auto 0 0;width:var(--w,25%);background:var(--acc);transition:width .7s var(--ease-x)}
.mk-note{font-size:12px;color:var(--on-ink-m)}
.mkw .kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mkw .kp div{padding:12px 14px;background:rgba(255,255,255,.06)}
.mkw .kp b{display:block;font:600 24px/1.1 var(--f);color:#fff}
.mkw .kp span{font-size:12px;color:var(--on-ink-m)}
.mkw .cols{display:flex;align-items:flex-end;gap:5px;height:130px}
.mkw .cols i{flex:1;height:var(--h);background:linear-gradient(180deg,#7f6fd0,rgba(90,74,163,.45));transform-origin:bottom;transition:transform .8s var(--ease-x) calc(var(--d) * 35ms)}
.mkw .cols i.now{background:var(--acc)}
.toast{justify-self:end;display:grid;gap:2px;padding:12px 16px;background:#fff;color:var(--fg);box-shadow:0 14px 30px -14px rgba(0,0,0,.6);transition:opacity .4s var(--ease),transform .4s var(--ease-x)}
.toast span{font-size:12px;color:var(--muted)}
.toast.out{opacity:0;transform:translateY(8px)}
@media (max-width:560px){.mk-rows li{grid-template-columns:minmax(0,1fr) auto}.mk-rows .cd{display:none}.seg button{font-size:13px}}
.seg{position:relative}
.seg button{position:relative;z-index:1;background:none!important;transition:color .3s var(--ease)}
.seg-i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--brand);transition:transform .45s var(--ease-x)}
.seg[data-i="1"] .seg-i{transform:translateX(100%)}
.nl li{position:relative;padding-left:12px;transition:background-color .4s var(--ease)}
.nl li::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease-x)}
.nl li.on{background:linear-gradient(90deg,rgba(41,202,228,.12),rgba(41,202,228,0) 70%)}
.nl li.on::after{transform:scaleY(1)}
.nl li.on::before{color:var(--fg)}
.lv{display:inline-flex;align-items:center;gap:6px;margin-right:10px;color:#ff9d9a;text-transform:uppercase;letter-spacing:.06em}
.lv em{width:7px;height:7px;border-radius:50%;background:#ff4d4a}
@media (prefers-reduced-motion: no-preference){.lv em{animation:lblink 1.4s var(--ease) infinite}
.sk i{background:linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.28) 45%,rgba(255,255,255,.12) 90%) 0 0/220% 100%;animation:shim 2.4s linear infinite}
.sk i+i{background:linear-gradient(90deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.18) 45%,rgba(255,255,255,.07) 90%) 0 0/220% 100%;animation-delay:.3s}
.mk-p.in{animation:bin .5s var(--ease-x)}
.mk-rows li.pop{animation:okp 1.2s var(--ease)}}
.motion-off .lv em,.motion-off .sk i{animation:none}
@keyframes shim{to{background-position:-220% 0}}
@keyframes okp{0%{box-shadow:inset 0 0 0 1px rgba(126,226,168,.9),0 0 0 0 rgba(126,226,168,.5)}100%{box-shadow:inset 0 0 0 1px rgba(126,226,168,.4),0 0 0 14px rgba(126,226,168,0)}}
.mk-rows li.ok.live{box-shadow:inset 0 0 0 1px rgba(126,226,168,.6)}
.mk-pr{grid-template-columns:auto minmax(0,1fr) auto}
.mk-pc{font:600 12px/1 var(--mono);color:#fff;min-width:36px;text-align:right}
.mk-p{position:relative}
.toast.a{justify-self:end}
.rgs{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px}
.rgs-s{display:grid;gap:8px}
.rc{position:relative;display:grid;place-items:center;padding:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--ink-line)}
.rc svg{width:100%;max-width:180px;transform:rotate(-90deg)}
.rc.sm{grid-template-columns:72px minmax(0,1fr);gap:14px;place-items:center start}
.rc.sm svg{width:72px}
.rc .b{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12}
.rc .f{fill:none;stroke:var(--acc);stroke-width:12;stroke-dasharray:var(--v) 100;transition:stroke-dasharray 1.1s var(--ease-x)}
.rc.sm .f{stroke:#9d8ff0}
.rc.sm + .rc.sm .f{stroke:#7ee2a8}
.pre .rc .f{stroke-dasharray:0 100}
.rc.big .rt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rt b{display:block;font:600 34px/1 var(--f);color:#fff;font-variant-numeric:tabular-nums}
.rc.sm .rt b{font-size:22px}
.rt span{font-size:12px;color:var(--on-ink-m)}
.rt b.tick,.kp b.tick{animation:tick .3s var(--ease-out)}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;overflow:hidden}
.feed li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.05);font-size:13px}
.feed li i{width:8px;height:8px;background:var(--c)}
.feed li span{font:500 11px/1 var(--mono);color:var(--on-ink-m)}
@media (prefers-reduced-motion: no-preference){.feed li.new{animation:fin .55s var(--ease-x)}}
@keyframes fin{from{opacity:0;transform:translateY(-100%)}}
@media (max-width:560px){.rgs{grid-template-columns:minmax(0,1fr)}.rc.big svg{max-width:150px}}
.hero .portal.s8 .pl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px} .hero .portal.s8{grid-template-rows:auto auto 1fr}.hero .portal.s8 .pl{align-self:end}
@media (max-width:640px){.hero .portal.s8 .pl{grid-template-columns:minmax(0,1fr)}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
}}
@keyframes rv{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}} .skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 16px;background:var(--brand);color:#fff;font-weight:600;text-decoration:none;border-radius:var(--r)}
.skip:focus{top:10px}
html.lock{overflow:hidden}
header.top{position:sticky;top:0;z-index:50;color:#fff;background:rgba(16,13,48,.22);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid rgba(255,255,255,.12);transition:background-color .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}
.is-scrolled:not(.past-hero):not(.menu-light) header.top{background:rgba(16,13,48,.38)}
:is(.past-hero,.menu-light) header.top{background:rgba(255,255,255,.72);color:var(--fg);border-bottom-color:rgba(18,20,40,.1)}
.menu-light header.top{background:rgba(255,255,255,.96)}
header.top>.wrap{display:flex;align-items:center;gap:14px;min-height:68px}
header .logo{position:relative;display:block;flex:none;height:36px;margin-right:6px}
header .logo img{height:36px;width:auto;transition:opacity .24s var(--ease)}
header .logo .lb{position:absolute;inset:0;opacity:0}
:is(.past-hero,.menu-light) header .logo .lb{opacity:1}
:is(.past-hero,.menu-light) header .logo .lw{opacity:0} .mn>ul{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.mn>ul>li>a,.mn>ul>li>button{position:relative;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;font:500 15px/1.2 var(--f);color:rgba(255,255,255,.86);background:none;border:0;border-radius:var(--r);cursor:pointer;text-decoration:none;white-space:nowrap;transition:color .2s var(--ease)}
:is(.past-hero,.menu-light) .mn>ul>li>a,:is(.past-hero,.menu-light) .mn>ul>li>button{color:var(--muted)}
.mn>ul>li>a:hover,.mn>ul>li>button:hover,.mn .open>button,.mn .cur{color:#fff}
:is(.past-hero,.menu-light) .mn>ul>li>a:hover,:is(.past-hero,.menu-light) .mn>ul>li>button:hover,:is(.past-hero,.menu-light) .mn .open>button,:is(.past-hero,.menu-light) .mn .cur{color:var(--fg)}
.mn>ul>li>a::after,.mn>ul>li>button::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-x)}
.mn>ul>li>a:hover::after,.mn>ul>li>a:focus-visible::after,.mn>ul>li>button:hover::after,.mn .open>button::after,.mn .cur::after{transform:scaleX(1)}
.mn .cur::after{background:var(--acc)}
:is(.past-hero,.menu-light) .mn .cur::after{background:var(--brand)}
.mn .cr{transition:transform .25s var(--ease-x)}
.mn .open .cr{transform:rotate(180deg)} .ddp{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--fg);border-top:1px solid var(--line);box-shadow:0 34px 60px -34px rgba(21,19,64,.45);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .18s var(--ease),transform .26s var(--ease-x),visibility 0s linear .26s}
.dd.open .ddp{visibility:visible;opacity:1;transform:none;transition:opacity .18s var(--ease),transform .26s var(--ease-x),visibility 0s}
.ddp-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:28px;padding-top:30px;padding-bottom:32px}
.ddi{display:grid;gap:10px;align-content:start;padding-right:12px;font-size:14.5px;color:var(--muted)}
.ddh{font-size:26px;line-height:1.1;letter-spacing:-.03em;font-weight:600;color:var(--fg);text-wrap:balance}
.ddh em.i{color:var(--brand-2)}
.lnk{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;font-size:15px;color:var(--brand);text-decoration:none}
.lnk svg{transition:transform .15s var(--ease)}.lnk:hover svg{transform:translateX(3px)}
.ddl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start}
.ddl.one{grid-template-columns:minmax(0,1fr)}
.ddl a{display:grid;gap:4px;padding:14px 16px;text-decoration:none;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .16s var(--ease),box-shadow .16s var(--ease)}
.ddl a:hover{background:var(--layer);box-shadow:inset 3px 0 0 var(--brand),inset 0 0 0 1px var(--line)}
.ddl b{font-size:15.5px;font-weight:600;line-height:1.3}
.ddl small{font-size:13.5px;line-height:1.45;color:var(--muted)}
.ddg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ddg .ov{margin:0 0 10px}
.ddf{position:relative;isolation:isolate;display:grid;align-content:end;gap:10px;min-height:210px;padding:24px;background:var(--ink);color:#fff;text-decoration:none;border-radius:var(--r);overflow:hidden}
.ddf .ov{color:var(--acc)}
.ddf b{font-size:22px;line-height:1.15;letter-spacing:-.025em;font-weight:600;max-width:18ch}
.ddf b em.i{color:#a9ecf7}
.ddf-l{font-size:14px;color:var(--on-ink-m)}
.ddf-a{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:40px;height:40px;background:var(--acc);color:var(--on-acc);border-radius:var(--r);transition:transform .25s var(--ease-x)}
.ddf:hover .ddf-a{transform:translate(3px,-3px)}
.ddf::before{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(41,202,228,.32),transparent)}
.ddf-img::before{inset:0;width:auto;border-radius:0;background:linear-gradient(180deg,rgba(21,19,64,.1) 0%,rgba(21,19,64,.88) 70%)}
.ddf-img img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-x)}
.ddf-img:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion: no-preference){
.dd.open .ddp-in>*{animation:ddin .4s var(--ease-x) backwards}
.dd.open .ddp-in>*:nth-child(2){animation-delay:.05s}
.dd.open .ddp-in>*:nth-child(3){animation-delay:.1s}
}
@keyframes ddin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .hs{display:flex;align-items:center;gap:10px;margin-left:auto;min-height:42px;min-width:200px;padding:0 10px 0 12px;font:500 15px/1 var(--f);color:rgba(255,255,255,.86);background:rgba(255,255,255,.1);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);border-radius:var(--r);cursor:pointer;transition:background-color .24s var(--ease),color .24s var(--ease),box-shadow .24s var(--ease)}
.hs kbd{margin-left:auto;font:500 12px/1 var(--mono);padding:4px 6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);border-radius:2px}
.hs:hover{color:#fff;background:rgba(255,255,255,.16)}
:is(.past-hero,.menu-light) .hs{color:var(--muted);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
:is(.past-hero,.menu-light) .hs:hover{color:var(--fg)}
:is(.past-hero,.menu-light) .hs kbd{box-shadow:inset 0 0 0 1px var(--line)}
header .btn{min-height:42px;flex:none}
.mb{display:none;align-items:center;gap:10px;min-height:42px;padding:0 14px 0 12px;font:600 15px/1 var(--f);color:inherit;background:rgba(255,255,255,.1);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);border-radius:var(--r);cursor:pointer}
:is(.past-hero,.menu-light) .mb{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mb-i{display:grid;gap:5px;width:18px}
.mb-i i{display:block;height:2px;background:currentColor}
.mb-i i+i{width:12px}
@media (max-width:1260px){.hs{min-width:0;width:42px;padding:0;justify-content:center}.hs span,.hs kbd{display:none}}
@media (max-width:1180px){.mn{display:none}.mb{display:inline-flex}}
@media (max-width:640px){header .hp{display:none}header .logo,header .logo img{height:32px}} .mm,.sx{position:fixed;inset:0;z-index:90}
.mm[hidden],.sx[hidden]{display:none}
.mm-bg,.sx-bg{position:absolute;inset:0;background:rgba(16,13,48,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s var(--ease)}
.mm.open .mm-bg,.sx.open .sx-bg{opacity:1}
.mm-p{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100%);background:var(--bg);color:var(--fg);overflow:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .34s var(--ease-x)}
.mm.open .mm-p{transform:none}
.mm-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--line)}
.mm-x{display:grid;place-items:center;flex:none;width:44px;height:44px;color:var(--fg);background:var(--tile);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r);cursor:pointer}
.mm-x:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.mm-s{display:flex;align-items:center;gap:12px;margin:16px 16px 4px;min-height:52px;padding:0 16px;font:500 16px/1 var(--f);color:var(--muted);background:var(--tile);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r);cursor:pointer;text-align:left}
.mm-l{list-style:none;margin:0;padding:8px 16px}
.mm-l>li{border-bottom:1px solid var(--line)}
.mm-l>li>a,.mm-l>li>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 4px;font:600 19px/1.2 var(--f);letter-spacing:-.015em;color:var(--fg);background:none;border:0;text-decoration:none;text-align:left;cursor:pointer}
.mm-l .cur{color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);padding-left:14px}
.mm-l .cr{transition:transform .25s var(--ease-x)}
.mm-l [aria-expanded="true"] .cr{transform:rotate(180deg)}
.mm-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-x)}
.mm-sub>ul{min-height:0;overflow:hidden;visibility:hidden;list-style:none;margin:0;padding:0;transition:visibility 0s linear .3s}
.mm-l .open .mm-sub{grid-template-rows:1fr}
.mm-l .open .mm-sub>ul{visibility:visible;transition:none}
.mm-sub a{display:block;padding:11px 4px 11px 18px;font-size:16px;color:var(--muted);text-decoration:none;box-shadow:inset 1px 0 0 var(--line)}
.mm-sub a:hover{color:var(--fg);box-shadow:inset 2px 0 0 var(--brand)}
.mm-sub li:last-child a{margin-bottom:14px}
.mm-f{display:grid;gap:18px;margin-top:auto;padding:20px 16px 28px;font-size:15px;color:var(--muted)}
.mm-f .btn{width:100%}
.mm-f a{text-decoration:none}.mm-f p a:hover{color:var(--fg)}
@media (prefers-reduced-motion: no-preference){
.mm.open .mm-l>li{animation:ddin .42s var(--ease-x) backwards;animation-delay:calc(.08s + var(--i,0) * .035s)}
} .sx-p{position:relative;width:min(780px,calc(100% - 32px));margin:clamp(16px,12vh,128px) auto 0;padding:20px;background:var(--tile);color:var(--fg);border-radius:var(--r);box-shadow:0 40px 90px -30px rgba(0,0,0,.55);opacity:0;transform:translateY(-12px);transition:opacity .2s var(--ease),transform .3s var(--ease-x)}
.sx.open .sx-p{opacity:1;transform:none}
.sx-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sx-h p{font-size:20px;font-weight:600;letter-spacing:-.02em}
.sx-h span{margin-left:auto;font:500 12px/1 var(--mono);color:var(--muted)}
.sx-h kbd{font:inherit;padding:4px 6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}
.sx .sr{position:static;margin-top:10px;box-shadow:inset 0 0 0 1px var(--line);max-height:min(400px,48vh)}
.sx .srch input{font-size:18px}
@media (hover:none){.sx-h span{display:none}.sx-h .mm-x{margin-left:auto}}
@media (max-width:560px){.sx-p{padding:16px}.sx-h span{display:none}.sx-h .mm-x{margin-left:auto}} .ih{position:relative;isolation:isolate;margin-top:-69px;color:#fff;background:var(--ink)}
.ih-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ih-bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.2) contrast(1.05)}
.ih-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,19,64,.9) 0%,rgba(52,36,128,.66) 55%,rgba(150,80,180,.3) 100%)}
@media (prefers-reduced-motion: no-preference){.ih-bg img{animation:drift 26s var(--ease) infinite alternate}}
.motion-off .ih-bg img{animation-play-state:paused}
.ih-in{display:grid;gap:16px;padding-top:calc(69px + clamp(40px,5vw,72px));padding-bottom:clamp(48px,6vw,84px)}
.ih .ov{color:var(--acc)}
.ih h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.045em;max-width:18ch}
.ih h1 em.i{color:#a9ecf7}
.ih .lead{font-size:18px;color:#dddbf1;max-width:60ch}
.ih .credit{color:rgba(255,255,255,.62)} .bc ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0;font:500 13px/1.3 var(--mono);color:rgba(255,255,255,.7)}
.bc li+li::before{content:"/";margin:0 10px;color:rgba(255,255,255,.4)}
.bc a{text-decoration:none;color:#fff}.bc a:hover{text-decoration:underline}
.bc [aria-current]{color:rgba(255,255,255,.7)} .ic{padding-top:clamp(36px,4vw,56px)}
.ic-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--gap);align-items:start}
.ic-a{position:sticky;top:92px;display:grid;gap:var(--gap)}
.ic-m{display:grid;gap:var(--gap)}
.toc{padding:22px}
.toc .ov{margin-bottom:12px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:t}
.toc a{display:flex;gap:12px;padding:9px 10px;font-size:15px;color:var(--muted);text-decoration:none;border-radius:var(--r);box-shadow:inset 2px 0 0 var(--line);transition:color .2s var(--ease),box-shadow .25s var(--ease-x),background-color .2s var(--ease)}
.toc a::before{counter-increment:t;content:counter(t,decimal-leading-zero);font:500 12px/1.9 var(--mono);color:var(--muted)}
.toc a:hover{color:var(--fg);background:var(--layer)}
.toc a.on{color:var(--fg);font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}
.toc a.on::before{color:var(--brand)}
.ic-k{display:grid;gap:8px;padding:22px;font-size:15px}
.ic-k b{font-size:17px;letter-spacing:-.01em}
.ic-k a{color:var(--brand);text-decoration:none;font-weight:600}.ic-k a:hover{text-decoration:underline}
.ic-p{display:grid;gap:16px}
.ic-p h2{font-size:clamp(28px,3vw,40px)}
.ic-p h2 em.i{color:var(--brand-2)}
.ic-p p{max-width:68ch;color:var(--muted);font-size:17px}
.ic-p p.big{color:var(--fg);font-size:19px;line-height:1.55}
.ic-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.ic-3 .t{display:grid;gap:10px;align-content:start;transition:transform .35s var(--ease-x),box-shadow .35s var(--ease-x)}
.ic-3 .t:hover{transform:translateY(-6px);box-shadow:0 18px 30px -18px rgba(21,19,64,.35)}
.ic-3 .n{font:600 13px/1 var(--mono);color:var(--brand-2)}
.ic-3 b{font-size:19px;letter-spacing:-.015em;line-height:1.25}
.ic-3 p{font-size:15px;color:var(--muted)}
.ic-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:var(--ink);color:#fff}
.ic-n>div{display:grid;gap:6px;align-content:start;padding-left:16px;box-shadow:inset 1px 0 0 var(--ink-line)}
.ic-n b{font:600 clamp(30px,3vw,44px)/1 var(--f);letter-spacing:-.04em}
.ic-n span{font-size:14px;color:var(--on-ink-m)}
.ic-n .ov{grid-column:1/-1;color:var(--acc);padding:0;box-shadow:none}
.ic-img{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;padding:0;overflow:hidden}
.ic-img img{width:100%;height:100%;min-height:300px;object-fit:cover}
.ic-img>div{display:grid;gap:14px;align-content:center;padding:clamp(22px,2.4vw,34px)}
.ic-img h3{font-size:clamp(22px,2.2vw,30px)}
.ic-img p{color:var(--muted)}
.faq{display:grid;gap:8px}
.faq details{background:var(--tile);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0 20px;font-weight:600;font-size:17px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 22px/1 var(--mono);color:var(--brand);transition:transform .25s var(--ease-x)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>p{padding:0 20px 20px;color:var(--muted);max-width:70ch}
.note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fff8e6;box-shadow:inset 3px 0 0 #b86e00,inset 0 0 0 1px #f0dcae;border-radius:var(--r);font-size:15px}
.note b{display:block;margin-bottom:2px}
.note[hidden]{display:none}
@media (max-width:1040px){.ic-g{grid-template-columns:minmax(0,1fr)}.ic-a{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ic-n{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ic-3{grid-template-columns:minmax(0,1fr)}.ic-img{grid-template-columns:minmax(0,1fr)}.ic-img img{min-height:220px;max-height:280px}}
@media (max-width:560px){.ic-a{grid-template-columns:minmax(0,1fr)}.ic-n{grid-template-columns:minmax(0,1fr)}} .ft{margin-top:clamp(56px,7vw,96px);background:var(--tile);border-top:1px solid var(--line);padding-bottom:26px;font-size:15px;color:var(--muted)}
.ft-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) auto;align-items:end;gap:28px;margin-top:-64px;padding:clamp(26px,3.4vw,46px);background:var(--ink);color:#fff;border-radius:var(--r)}
.ft-cta::before{content:"";position:absolute;inset:-40% -10% auto auto;width:46%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(41,202,228,.28),transparent)}
.ft-cta .ov{color:var(--acc);margin-bottom:12px}
.ft-cta h2{font-size:clamp(28px,3.4vw,46px);max-width:18ch}
.ft-cta h2 em.i{color:#a9ecf7}
.ft-cta p:not(.ov){margin-top:12px;color:var(--on-ink-m);max-width:52ch}
.ft-cta .row{display:flex;flex-wrap:wrap;gap:10px}
.ft:has(.ft-cta){margin-top:clamp(120px,12vw,160px)}
.ft-g{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:28px;padding-top:44px}
.ft h4{font-size:14px;color:var(--fg);margin:0 0 12px;font-weight:600}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft a{text-decoration:none}.ft a:hover{color:var(--fg);text-decoration:underline}
.ft-br p{margin-top:14px;max-width:40ch}
.ft-c{margin-top:16px !important;font-family:var(--mono);font-size:13.5px}
.ft-bt{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;border-top:1px solid var(--line);padding-top:20px;font:500 13px/1.4 var(--mono)}
.ft-up{display:inline-flex;align-items:center;gap:6px;color:var(--fg)}
@media (max-width:1040px){.ft-g{grid-template-columns:repeat(4,minmax(0,1fr))}.ft-br{grid-column:1/-1}}
@media (max-width:760px){.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-cta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.ft-cta .btn{width:100%}} #brx-header,#brx-footer{display:contents}
#brx-content{display:block;width:100%}
#brx-content>*{max-width:none}
body.uka-site{margin:0} .ic-g:not(:has(>.ic-a)){grid-template-columns:minmax(0,1fr)} .uka-cta-yok .uka-cta{display:none}
.uka-cta-yok .ft:has(.ft-cta){margin-top:clamp(56px,7vw,96px)} .uka-bos{display:grid;place-items:center;gap:6px;padding:clamp(22px,3vw,36px);text-align:center;color:var(--muted);font-size:15.5px;line-height:1.5}
.uka-bos b{color:var(--fg);font-size:17px}
.uka-bos-kart [data-c="title"]{font-size:clamp(22px,2.4vw,30px)} .uka-metin{display:grid;gap:16px;min-width:0}
.uka-metin>*{margin:0}
.uka-metin p,.uka-metin li{font-size:17px;line-height:1.7;color:#2a2c40;max-width:72ch}
.uka-metin h2{margin-top:12px;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em}
.uka-metin h3{margin-top:8px;font-size:19px}
.uka-metin a{color:var(--brand);font-weight:600}
.uka-metin ul,.uka-metin ol{padding-left:22px;display:grid;gap:6px}
.uka-metin img{max-width:100%;height:auto}
.uka-metin figure{margin:0}
.uka-metin table{width:100%;border-collapse:collapse;font-size:15px}
.uka-metin th,.uka-metin td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.uka-metin blockquote{margin:0;padding:6px 0 6px 18px;box-shadow:inset 3px 0 0 var(--acc)}
.uka-genis .uka-metin p,.uka-genis .uka-metin li{max-width:none} .uka-onizleme{position:fixed;left:12px;bottom:12px;z-index:9999;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font:500 13px/1.3 var(--sans,system-ui);color:#fff;background:#151340;box-shadow:0 8px 30px rgba(0,0,0,.25);border-radius:2px}
.uka-onizleme a{color:#29cae4;font-weight:600}
@media print{.uka-onizleme{display:none}} .bento>.uka-bos,.lib-g>.uka-bos{grid-column:1/-1}
.uka-bos-lib{gap:10px;padding:clamp(28px,4vw,48px)}
.uka-bos-lib .btn{margin-top:8px}
.uka-bos-raf{display:flex;gap:12px;align-items:flex-end;height:104px;margin-bottom:6px}
.uka-bos-raf i{display:block;width:60px;height:84px;background:var(--c);box-shadow:inset 5px 0 0 rgba(0,0,0,.22),6px 6px 0 var(--acc);animation:uka-raf 3.4s ease-in-out infinite alternate}
.uka-bos-raf i:nth-child(1){--c:#2e247a}
.uka-bos-raf i:nth-child(2){--c:#5b1f3a;height:98px;animation-delay:.5s}
.uka-bos-raf i:nth-child(3){--c:#1f4d3f;animation-delay:1s}
@keyframes uka-raf{to{transform:translateY(-6px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.uka-bos-raf i{animation:none}} body:not(.uka-yonetici) .uka-eksik,body:not(.uka-yonetici) .dl{display:none !important} .uka-yk{display:grid;gap:12px}
.uka-yk details{background:var(--tile,#fff);border-radius:var(--r,0);box-shadow:inset 0 0 0 1px var(--line)}
.uka-yk summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0 20px;font-weight:600;font-size:17px;cursor:pointer;list-style:none}
.uka-yk summary::-webkit-details-marker{display:none}
.uka-yk summary::after{content:"+";font:500 22px/1 var(--mono,monospace);color:var(--brand);transition:transform .25s}
.uka-yk details[open] summary::after{transform:rotate(45deg)}
.uka-yk-in{padding:0 20px 22px;color:var(--muted);max-width:78ch}
.uka-yk-in p{margin:0 0 .7em}
.uka-yk-in h4{margin:1.2em 0 .5em;font-size:15px;color:var(--fg);letter-spacing:.01em}
.uka-yk-in ul{margin:0 0 .6em;padding-left:1.2em}
.uka-yk-in li{margin:.25em 0}
.uka-yk-in b{color:var(--fg);font-weight:600} .yk-s{margin-top:1.4em}
.uka-yk-in .yk-n,.uka-yk-in p.yk-n{padding:10px 14px;background:#fff6e0;box-shadow:inset 3px 0 0 #e0a100;color:var(--fg)}
.yk-sp{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin:.6em 0 0}
.yk-sp div{display:grid;gap:4px;align-content:start;padding:12px 14px;background:var(--layer,#f4f3fa);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}
.yk-sp div.w{grid-column:1/-1}
.yk-sp dt{font:500 11px/1.25 var(--mono,monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.yk-sp dd{margin:0;font-size:15px;font-weight:600;color:var(--fg);line-height:1.35}
.uka-yk-in .yk-ck{list-style:none;margin:.6em 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.uka-yk-in .yk-ck li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;background:var(--tile,#fff);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg)}
.yk-ck li::before{content:"";flex:none;width:12px;height:7px;margin-top:5px;border:solid var(--brand);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.yk-pg{max-width:440px;margin:.6em 0 0;padding:26px 28px 24px;background:#fff;color:#1d1b3a;box-shadow:0 18px 36px -24px rgba(21,19,64,.45),inset 0 0 0 1px var(--line)}
.uka-yk-in .yk-pg-t{margin:0 0 4px;text-align:center;font-weight:700;font-size:13px;letter-spacing:.08em;color:#1d1b3a}
.uka-yk-in .yk-pg-a{margin:0 0 16px;padding-bottom:12px;text-align:center;font-size:12px;color:var(--muted);border-bottom:1px dashed var(--line)}
.uka-yk-in .yk-pg ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.uka-yk-in .yk-pg li{display:grid;grid-template-columns:28px 1fr;gap:0 10px;margin:0;font-size:14px;font-weight:600;color:#1d1b3a}
.yk-pg li span{font:600 11px/1.6 var(--mono,monospace);color:var(--brand)}
.yk-pg li::after{content:"";grid-column:2;height:14px;margin-top:6px;background:repeating-linear-gradient(180deg,var(--line) 0 2px,transparent 2px 6px)} .uka-ts{margin:6px 0;min-height:0}.uka-ts:empty{display:none}.hb-c{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;color:inherit;text-decoration:none;transition:transform .35s var(--ease-x),box-shadow .35s var(--ease-x)}
.hb-c:hover{transform:translateY(-6px);box-shadow:0 20px 34px -18px rgba(21,19,64,.4)}
.hb-m{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--ink)}
.hb-m img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-x)}
.hb-m img.po{object-fit:contain;background:#fff}
.hb-c:hover .hb-m img{transform:scale(1.05)}
.hb-kp{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;background:var(--kc,var(--brand))}
.hb-kp::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 14px)}
.hb-kp svg{position:relative;opacity:.9;transition:transform .5s var(--ease-x)}
.hb-c:hover .hb-kp svg{transform:translateY(-4px) scale(1.06)}
.hb-kp span{position:relative;font:600 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.hb-kp[data-kat="kongre"]{--kc:#2e247a}.hb-kp[data-kat="yayin"]{--kc:#5a4aa3}.hb-kp[data-kat="akademi"]{--kc:#0f5e74}
.hb-kp[data-kat="webinar"]{--kc:#1d6f8a}.hb-kp[data-kat="turizm"]{--kc:#1f4d3f}.hb-kp[data-kat="basin"]{--kc:#3a2f63}.hb-kp[data-kat="kurum"]{--kc:#151340}
.hb-b{display:grid;gap:10px;align-content:start;padding:18px 20px 20px}
.hb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:500 12.5px/1.2 var(--mono);color:var(--muted)}
.hb-meta .k{color:var(--brand-2);font-weight:600}
.hb-b h3{font-size:18px;line-height:1.3;letter-spacing:-.015em}
.hb-b p{font-size:14.5px;color:var(--muted)}
.hb-b .more{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:14px;font-weight:600;color:var(--brand)}
.hb-b .more svg{transition:transform .25s var(--ease-x)}
.hb-c:hover .more svg{transform:translateX(4px)} .hl-kpi{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:6px;font:500 13px/1.2 var(--mono);color:#c6c3e6}
.hl-kpi b{color:#fff;font-size:15px} .hl-f{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding:0;overflow:hidden;color:inherit;text-decoration:none;background:var(--ink);color:#fff;transition:box-shadow .35s var(--ease-x)}
.hl-f:hover{box-shadow:0 24px 40px -22px rgba(21,19,64,.55)}
.hl-f .hb-m{aspect-ratio:3/2}
.hl-f:hover .hb-m img{transform:scale(1.04)}
.hl-f .hb-b{align-content:center;gap:14px;padding:clamp(24px,3vw,44px)}
.hl-f .hb-meta{color:var(--on-ink-m)}
.hl-f .hb-meta .k{color:var(--acc)}
.hl-f h2{font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-.03em}
.hl-f p{color:#dddbf1;font-size:16px}
.hl-f .more{color:var(--acc)}
.hl-f .new{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-acc);background:var(--acc);border-radius:2px} .hl-bar{position:sticky;top:68px;z-index:20;display:grid;gap:10px;padding:12px 0;background:linear-gradient(var(--bg) 82%,rgba(236,238,243,0))}
.hl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hl-q{position:relative;flex:1 1 260px;max-width:420px}
.hl-q svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.hl-q input{width:100%;min-height:46px;padding:0 14px 0 42px;font:500 15px/1 var(--f);color:var(--fg);background:var(--tile);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
.hl-q input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--brand)}
.hl-y{display:inline-grid;grid-auto-flow:column;padding:3px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
.hl-y button{min-height:40px;padding:0 14px;font:600 14px/1 var(--mono);color:var(--muted);background:none;border:0;border-radius:2px;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
.hl-y button[aria-pressed="true"]{background:var(--ink);color:#fff}
.hl-cnt{margin-left:auto;font:500 13px/1 var(--mono);color:var(--muted)}
.hl-ch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.hl-ch::-webkit-scrollbar{display:none}
.hl-ch button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;font:500 14px/1 var(--f);color:var(--fg);background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r);cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}
.hl-ch button:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.hl-ch button small{font:600 11.5px/1 var(--mono);color:var(--muted)}
.hl-ch button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.hl-ch button[aria-pressed="true"] small{color:var(--acc)} .hl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (prefers-reduced-motion: no-preference){.hl-g.in>*{animation:bin .4s var(--ease-x) backwards}.hl-g.in>:nth-child(2){animation-delay:.04s}.hl-g.in>:nth-child(3){animation-delay:.08s}.hl-g.in>:nth-child(4){animation-delay:.12s}.hl-g.in>:nth-child(5){animation-delay:.16s}.hl-g.in>:nth-child(n+6){animation-delay:.2s}}
.hl-yr{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin-top:8px;font:600 14px/1 var(--mono);color:var(--brand-2)}
.hl-yr::after{content:"";flex:1;height:1px;background:var(--line)}
.hl-yr:first-child{margin-top:0}
.hb-b mark{background:#d5f5fb;color:inherit;padding:0 1px}
.hl-bos{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:48px 20px;text-align:center}
.hl-bos p{color:var(--muted)} .hl-pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px}
.hl-pg button{min-width:44px;min-height:44px;padding:0 12px;font:600 14px/1 var(--mono);color:var(--fg);background:var(--tile);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r);cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}
.hl-pg button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--fg)}
.hl-pg button[aria-current="page"]{background:var(--ink);color:#fff;box-shadow:none}
.hl-pg button:disabled{opacity:.4;cursor:default}
.hl-pg span{font:500 13px/1 var(--mono);color:var(--muted);margin:0 6px} .hl-alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hl-alt .t{display:grid;gap:12px;align-content:start}
.hl-alt .t.on-ink{background:var(--ink);color:#fff}
.hl-alt h3{font-size:22px;letter-spacing:-.02em}
.hl-alt p{color:var(--muted)}.hl-alt .on-ink p{color:var(--on-ink-m)}
.hl-alt .row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:1040px){.hl-g{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-f{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.hl-g,.hl-alt{grid-template-columns:minmax(0,1fr)}.hl-cnt{margin-left:0;flex-basis:100%}.hl-q{max-width:none}}