/* Shared KIOO website identity, header and canvas. */
:root{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:#282b2f;background:#fff;font-synthesis:none;--muted:#626970;--line:#d9dddf}
body{margin:0;background:radial-gradient(ellipse at 90% 12%,#edf2f566,transparent 45%),radial-gradient(ellipse at 0% 55%,#f3f2f766,transparent 45%),#fff}
.site-head{height:108px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);line-height:normal}
.site-head .brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;line-height:normal;white-space:nowrap}
.site-head .brand img{width:30px;height:auto;filter:brightness(.35)}
.site-head .brand b{font-size:28px;letter-spacing:-1.3px;font-weight:850}
.site-head .brand span{margin-left:15px;padding-left:24px;border-left:1px solid #c7cbce;font-size:14px;color:var(--muted)}
.site-head nav{position:static;display:flex;flex-wrap:nowrap;align-items:center;align-self:auto;gap:32px;font-size:14px}
.site-head nav a{display:block;padding:10px 0;white-space:nowrap;text-decoration:none;color:var(--muted);font-size:inherit;line-height:normal}
.site-head nav a[aria-current=page]{color:#282b2f}
.site-head nav a:hover{color:#54718a}
.site-head :focus-visible{outline:2px solid #567c99;outline-offset:5px}
.site-footer{max-width:1312px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:12px;color:#717b82}
.site-footer a{text-decoration:none}.site-footer span:nth-child(2){max-width:290px;line-height:1.6}
@media(max-width:1440px){.site-footer{margin-left:64px;margin-right:64px}}
@media(max-width:1050px){.site-head{padding:0 32px}.site-footer{margin:0 32px}}
@media(max-width:780px){.site-head{height:85px;padding:0 22px}.site-head .brand span{margin-left:0;padding-left:12px}.site-head nav{gap:15px;font-size:12px}.site-footer{margin:0 22px;flex-wrap:wrap}.site-footer span:nth-child(2){max-width:none}}
@media(max-width:540px){.site-head nav a:first-child{display:block}.site-head nav a[href^="mailto:"]{display:none}.site-head nav{gap:12px}.site-head .brand span{font-size:12px;padding-left:10px}.site-head .brand{gap:9px}.site-head .brand b{font-size:26px}}

@media(max-width:540px){.site-head{height:auto;min-height:85px;flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:16px}.site-head nav{gap:18px}.site-head .brand{margin-right:8px}}