/* Shared page frame: tokens, nav bar, footer bar. Used by the homepage and /contact. */
:root{ --bg:#12151D; --txt:#F2F3F7; --txt2:#C9CDD8; --dim:#8A90A2; --sky:#8DB3F0; --blue:#3B74D6; --orange:#FF6B1A;
       --ink:#0E0F12; --ink2:#454A55; --mute:#7A808C; --rule:#E4E6EB; --sep:#C3C8D0;
       --font:"Space Grotesk",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace }
*{box-sizing:border-box}
html,body{margin:0; background:#fff; color:var(--ink); font-family:var(--font); -webkit-font-smoothing:antialiased}
.wrap{max-width:1040px; margin:0 auto; padding:0 40px}
header.site{background:var(--bg)}
.bar nav{height:56px; display:flex; align-items:center; gap:44px}
.bar nav [data-cta]{margin-left:auto}
.bar nav a{font-family:var(--mono); font-size:12.5px; letter-spacing:.08em; color:var(--txt2); text-decoration:none; text-transform:uppercase}
.bar nav a:hover{color:var(--txt)}
.bar nav .logo{font-family:var(--font); font-weight:600; font-size:17px; letter-spacing:0; text-transform:none; color:#C9CDD8}
.bar nav .logo:hover{color:var(--txt)}
.bar .tabs{display:flex; gap:28px}
.bar .tabs a.on{color:var(--txt)}
.bar{border-bottom:1px solid rgba(242,243,247,.12)}
footer.site{background:var(--bg); border-top:1px solid rgba(242,243,247,.08); color:var(--dim); font-family:var(--mono); font-size:12px}
footer.site .wrap{height:64px; display:flex; align-items:center; justify-content:space-between}
@media (max-width:900px){ .wrap{padding:0 16px} .bar .tabs{gap:16px} .bar nav a{font-size:11px; letter-spacing:.04em} }