:root{--ink:#12263a;--paper:#f4f8fc;--blue:#0b2a4a;--cyan:#37b6ff;--orange:#ff7a1a;--line:#bcd6ee}
*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}
body{font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:#0b5fa5}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.site{background:var(--blue);color:#fff;position:relative;z-index:50}
.hbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 0}
.logo{font-family:ui-monospace,Menlo,monospace;font-weight:700;color:#fff;text-decoration:none;font-size:19px;letter-spacing:.5px}
.logo span{color:var(--cyan)}
nav.main{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav.main a{color:#eaf4ff;text-decoration:none;padding:8px 10px;font-size:15px}
.has-menu{position:relative}
.has-menu>.menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:250px;box-shadow:0 10px 30px rgba(0,0,0,.25);border-top:3px solid var(--cyan);padding:8px 0;z-index:60}
.has-menu:focus-within>.menu{display:block}
@media(hover:hover){.has-menu:hover>.menu{display:block}}
@media(min-width:901px){.has-menu.suppressed>.menu{display:none!important}}
.has-menu>.menu a{display:block;color:var(--ink);padding:7px 16px;font-size:14px}
@media(hover:hover){.has-menu>.menu a:hover{background:#eaf4ff}}
a:active,button:active{opacity:.72}
.has-menu>.menu span{display:block;color:#5a7186;padding:7px 16px;font-size:14px}
.lang{margin-left:6px}
.lang>button{background:transparent;border:1px solid var(--cyan);color:#fff;padding:7px 12px;cursor:pointer;font-size:14px;border-radius:3px}
.lang>.menu{right:0;left:auto}
.hero{background:var(--blue);background-image:linear-gradient(rgba(55,182,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(55,182,255,.13) 1px,transparent 1px);background-size:28px 28px;color:#fff;padding:44px 0 38px}
.hero h1{font-size:33px;line-height:1.25;margin:14px 0 10px;max-width:820px}
.hero .frame{position:relative;border:1px solid var(--cyan);padding:10px;margin-top:8px;background:rgba(255,255,255,.04)}
a.imglink{display:block}
.evnote{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--cyan);letter-spacing:.4px;margin-top:12px}
.navtoggle{display:none}
.navcheck{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
@media(max-width:900px){
.navtoggle{display:inline-block;background:transparent;border:1px solid var(--cyan);color:#fff;padding:8px 14px;font-size:15px;border-radius:3px;cursor:pointer;margin-left:auto;font:inherit}
.navcheck:focus-visible~.navtoggle{outline:2px solid var(--cyan);outline-offset:2px}
nav.main{display:none;width:100%;margin-left:0;flex-direction:column;gap:0}
.navcheck:checked~nav.main{display:flex}
nav.main a{padding:10px 8px}
.has-menu>.menu{position:static;box-shadow:none;border-top:0;min-width:0;display:block}
html.js .has-menu>.menu{display:none}
html.js .has-menu.open>.menu{display:block}
.lang{margin-left:0}
}
.evidence{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.evidence div{border:1px dashed var(--cyan);padding:8px 12px;font-size:13.5px;color:#dff1ff;background:rgba(11,42,74,.55)}
.evidence b{color:#fff}
main{padding:34px 0 10px}
main h2{font-size:24px;margin:28px 0 8px;color:var(--blue);border-left:4px solid var(--cyan);padding-left:10px}
main p{margin:10px 0}main ul{margin:10px 0 10px 20px;padding:0}main li{margin:6px 0}
.cta{background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);padding:18px 20px;margin:30px 0}
.cta a.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:10px 18px;border-radius:3px;font-weight:600;margin-top:6px}
form.enquiry{background:#fff;border:1px solid var(--line);padding:20px;margin:24px 0}
form.enquiry label{display:block;font-weight:600;margin:12px 0 4px}
form.enquiry input,form.enquiry textarea{width:100%;padding:10px;border:1px solid #9db8d2;border-radius:3px;font:inherit}
form.enquiry button{background:var(--orange);color:#fff;border:0;padding:12px 22px;font:inherit;font-weight:600;border-radius:3px;cursor:pointer;margin-top:14px}
footer.site{background:var(--blue);color:#cfe6fa;margin-top:36px;padding:28px 0}
footer.site a{color:#fff}
.fcols{display:flex;flex-wrap:wrap;gap:26px}.fcols div{min-width:180px}
.fcols h4{color:#fff;margin:0 0 8px;font-size:15px}.fcols ul{list-style:none;margin:0;padding:0}.fcols li{margin:5px 0;font-size:14px}
.small{font-size:13px;color:#9db8d2;margin-top:18px}
@media(max-width:640px){.hero h1{font-size:25px}nav.main{margin-left:0}}

/* i18n language switcher */
.lang .menu a[aria-current="true"]{font-weight:700;background:#eaf4ff}
.langs404{margin-top:24px;font-size:14.5px}
.langs404 a{margin-right:14px}
.langs404 a[aria-current="true"]{font-weight:700;text-decoration:none;color:var(--ink)}