@font-face{font-family:"Eclipse Lato";src:url("./assets/Lato-Regular.ttf") format("truetype");font-display:swap}
:root{color-scheme:dark;--page:#090a0d;--text:#f2f4f6;--muted:#bac2cb;--accent:#d5dae0;--panel:rgba(17,20,25,.82);--grain:url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--page);color:var(--text);font:16px/1.6 "Eclipse Lato",Lato,system-ui,sans-serif;letter-spacing:.005em}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:white}.scene{position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,#08090ce0,#08090c99),url("./assets/background-black-4k.webp") center/cover no-repeat}
.topbar{position:sticky;z-index:10;top:0;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px clamp(20px,3vw,48px);background-color:rgba(17,20,25,.86);background-image:var(--grain),radial-gradient(circle at 12% 0%,rgba(255,255,255,.10),transparent 58%);background-blend-mode:soft-light,normal;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#f3f5f7;font-size:17px;font-weight:700;letter-spacing:.04em}.brand img{width:29px;height:29px;object-fit:contain;filter:brightness(.7)}.topnav{display:flex;gap:clamp(10px,2vw,28px)}.topnav a{text-decoration:none;font-size:13px;color:#b8c1cb;white-space:nowrap}.topnav a:hover{color:#fff}
.layout{width:min(100% - 40px,1260px);margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(30px,5vw,82px)}.side{padding:58px 0}.side nav{position:sticky;top:100px;display:grid;gap:4px}.side-label,.number,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9eabb8}.side nav a{display:block;text-decoration:none;color:#aeb8c3;font-size:13px;padding:9px 12px;border-radius:6px}.side nav a:hover{background:#ffffff12;color:#fff}.side-note{display:block;margin:40px 12px;color:#6f7b87;font-size:12px;letter-spacing:.08em}main{min-width:0}.hero{padding:96px 0 84px;max-width:800px;animation:enter .55s ease both}.hero h1{font-size:clamp(50px,6vw,88px);line-height:1;letter-spacing:-.055em;margin:19px 0 20px}.hero>p:not(.eyebrow){color:#b8c1ca;font-size:clamp(16px,1.7vw,19px);max-width:620px}.hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-links a{display:inline-flex;align-items:center;gap:20px;text-decoration:none;padding:10px 15px;border:1px solid #ffffff27;border-radius:6px;background:#ffffff0e;font-size:13px;transition:background .2s,transform .2s}.hero-links a:hover{background:#ffffff1b;transform:translateY(-2px)}
.section{padding:55px 0 62px;border-top:1px solid #ffffff22;scroll-margin-top:85px}.section-heading{margin-bottom:24px}.section h2{font-size:clamp(33px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:9px 0 10px}.section-intro{color:var(--muted);font-size:16px;margin:0;max-width:700px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel{min-width:0;padding:23px 25px;border-radius:10px;background-color:var(--panel);background-image:var(--grain),radial-gradient(circle at 12% 0%,rgba(255,255,255,.08),transparent 58%);background-blend-mode:soft-light,normal;box-shadow:0 12px 30px #0002;animation:enter .5s ease both}.panel-wide{grid-column:1/-1}.panel h3{font-size:17px;margin:0 0 10px;color:#f2f4f6}.panel p{font-size:14px;line-height:1.72;color:#bdc6d0;margin:0}.panel p+p{margin-top:14px}.link-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px}.link-list a{font-size:13px}.contact{padding-bottom:100px}.contact p{color:var(--muted)}.contact h2{margin-top:9px}footer{display:flex;justify-content:space-between;gap:15px;padding:21px clamp(20px,3vw,48px);font-size:12px;color:#8895a3;border-top:1px solid #ffffff19;background:#0c0e11a8}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.side{padding:20px 0 0}.side-label,.side-note{display:none}.side nav{position:static;display:flex;gap:4px;overflow-x:auto;padding-bottom:12px}.side nav a{white-space:nowrap}.hero{padding:52px 0 60px}.section{padding:44px 0 50px}}@media(max-width:600px){.topbar{min-height:59px}.topnav{gap:12px;overflow-x:auto}.topnav a{font-size:12px}.topnav a:nth-child(3),.topnav a:nth-child(4){display:none}.content-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}.panel{padding:20px}.scene{background-image:linear-gradient(180deg,#08090ce0,#08090c99),url("./assets/background-black-mobile.webp")}footer{display:grid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.panel{animation:none}.hero-links a{transition:none}}
