/* Shared website frame, extracted from the existing homepage. */
.shell{width:100%;max-width:1180px;margin:0 auto;padding-inline:28px}
nav{position:fixed;inset:0 0 auto;z-index:100;background:rgba(11,11,12,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative}
.brand{min-height:44px;display:flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:700}
.brand img{width:34px;height:34px;border-radius:9px}
.nav-links{display:flex;align-items:center;gap:8px;list-style:none}
.nav-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;color:var(--soft);text-decoration:none;font-size:13px;font-weight:600}
.nav-links a:hover{background:rgba(255,255,255,.07);color:var(--white)}
.nav-toggle{display:none;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);color:var(--white);cursor:pointer}
.nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";display:block;width:18px;height:1.5px;margin:4px auto;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span{opacity:0}
.nav-toggle[aria-expanded="true"]::before{transform:translateY(5.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"]::after{transform:translateY(-5.5px) rotate(-45deg)}
footer{padding:34px 0 40px;border-top:1px solid rgba(255,255,255,.08);background:#080B0F}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{display:grid;gap:5px;color:var(--muted);font-size:12px}
.footer-brand strong{color:var(--white);font-size:15px}
.footer-disclaimer{max-width:520px;line-height:1.45}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px}
.footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;color:var(--muted);text-decoration:none;font-size:12px}
.footer-links a:hover{color:var(--white)}
.footer-copy{font-family:"IBM Plex Mono",monospace}
.nav-links { margin:0; padding:0; }
:root { --soft:rgba(255,255,255,.74); --muted:rgba(255,255,255,.5); --white:#fff; --line:rgba(255,255,255,.11); --property:#38BDF8; }
@media(max-width:960px) {
  .shell{padding-inline:20px}
  .nav-inner{height:66px}
  .nav-toggle{display:block}
  .nav-links{position:absolute;top:58px;right:20px;width:min(280px,calc(100vw - 40px));display:none;align-items:stretch;flex-direction:column;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(11,11,12,.97);box-shadow:0 20px 50px rgba(0,0,0,.38)}
  .nav-links.open{display:flex}
  .nav-links a{width:100%;padding-inline:15px}
  .footer-grid{flex-direction:column;text-align:center}
  .footer-links{justify-content:center}
}
@media(max-width:640px) { .shell { padding-inline:max(16px,env(safe-area-inset-left)); } }