:root{
  --wall:#ECEDEF; --panel:#F8F8F9; --ink:#15172B; --quiet:#5A5E72; --rule:#D3D5DD; --accent:#3340F5; --accent-ink:#fff; --accent-soft:#E6E8FE;
  --live:#1E9E57; --shadow:0 1px 1px rgba(21,23,43,.05),0 18px 36px -24px rgba(21,23,43,.5);
  --gut:clamp(18px,4vw,48px);
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --text:"Newsreader",Georgia,"Times New Roman",serif;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --wall:#0C0D12; --panel:#15161D; --ink:#ECEDF6; --quiet:#9A9EB3; --rule:#262836; --accent:#8A94FF; --accent-ink:#0C0D12; --accent-soft:#1B1E3A;
  --live:#3CCF7A; --shadow:0 1px 1px rgba(0,0,0,.4),0 22px 40px -24px rgba(0,0,0,.9); color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --wall:#0C0D12; --panel:#15161D; --ink:#ECEDF6; --quiet:#9A9EB3; --rule:#262836; --accent:#8A94FF; --accent-ink:#0C0D12; --accent-soft:#1B1E3A;
  --live:#3CCF7A; --shadow:0 1px 1px rgba(0,0,0,.4),0 22px 40px -24px rgba(0,0,0,.9); color-scheme:dark;}}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--wall);color:var(--ink);font:400 18px/1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{width:min(100% - 2*var(--gut),1240px);margin-inline:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:var(--wall);padding:10px 14px;border-radius:8px}

/* site header */
.site-bar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--wall) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.site-in{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:11px;font:700 18px/1 var(--display);letter-spacing:-.01em;flex:none}
.brand i{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--wall);display:grid;place-items:center;font:800 13px/1 var(--display);font-stretch:85%;font-style:normal}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a.l{padding:9px 12px;border-radius:999px;font:500 15px/1 var(--display);color:var(--quiet);transition:color .15s,background .15s}
.nav a.l:hover{color:var(--ink)}
.nav a.l[aria-current="page"]{color:var(--ink);background:var(--panel);box-shadow:0 0 0 1px var(--rule)}
.nav .btn{height:42px;padding-inline:18px;font-size:15px;margin-left:8px}
.theme{width:42px;height:42px;border-radius:50%;border:1px solid var(--rule);background:var(--panel);display:grid;place-items:center;cursor:pointer;flex:none;margin-left:6px}
.theme svg{width:18px;height:18px}.theme .sun{display:none}
:root[data-theme="dark"] .theme .sun{display:block}:root[data-theme="dark"] .theme .moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .sun{display:block}:root:not([data-theme="light"]) .theme .moon{display:none}}
.menu-btn{display:none;margin-left:auto;height:42px;padding-inline:16px;border-radius:999px;border:1px solid var(--rule);background:var(--panel);font:600 15px/1 var(--display);cursor:pointer;align-items:center}
@media (max-width:1080px){
  .menu-btn{display:inline-flex}
  .theme{margin-left:0}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;padding:12px var(--gut) 18px;background:var(--wall);border-bottom:1px solid var(--rule);margin:0}
  .nav.open{display:flex}
  .nav a.l{padding:14px 12px;font-size:17px;border-radius:10px}
  .nav .btn{margin:8px 0 0;height:50px;justify-content:center}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding-inline:24px;border-radius:999px;font:600 16px/1 var(--display);border:1px solid var(--ink);transition:transform .15s,background .15s;cursor:pointer;background:transparent;color:var(--ink);white-space:nowrap}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.ghost{background:transparent}
.btn.sm{height:42px;padding-inline:18px;font-size:15px}
.btn:hover{transform:translateY(-2px)}
/* footer */
.site-foot{border-top:1px solid var(--rule);margin-top:clamp(20px,4vw,48px)}
.foot-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:32px;padding-block:44px 28px}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 22px;font:500 15.5px/1.3 var(--display)}
.foot-links a{color:var(--quiet)}.foot-links a:hover{color:var(--ink)}
.foot-links a.q{color:var(--accent);font-weight:600}
.legal{padding-bottom:36px;color:var(--quiet);font:500 14px/1.5 var(--display)}

@media (max-width:980px){.foot-in{grid-template-columns:1fr}}
.site-bar.static{position:relative}