html{overflow-x:hidden;}
  .sn{position:sticky;top:0;z-index:200;background:rgba(10,10,11,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:height .3s ease,padding .3s ease,background .3s ease;}
  .sn--scrolled{height:56px;padding:0 24px;background:rgba(10,10,11,.98);}
  .sn-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;line-height:0;}
  .sn-logo img{height:38px;width:auto;display:block;transition:height .3s ease;}
  .sn--scrolled .sn-logo img{height:28px;}
  .sn-logo span{color:#22c55e;}
  .sn-links{display:flex;gap:28px;}
  .sn-links a{font-size:17px;color:#a1a1aa;text-decoration:none;transition:color .15s,font-size .25s ease;}
  .sn--scrolled .sn-links a{font-size:15px;}
  .sn-links a:hover{color:#f4f4f5;text-decoration:none;}
  .sn-right{display:flex;align-items:center;gap:10px;}
  /* ── Nav auth buttons ─────────────────────────────────────────────────── */
  .sn-auth-buttons{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;}
  /* Log In — outlined pill, clearly visible border */
  .sn-signin{
    display:inline-flex;align-items:center;justify-content:center;
    height:38px;padding:0 18px;
    font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;
    color:#e4e4e7;
    background:transparent;
    border:1.5px solid rgba(255,255,255,.35);
    border-radius:999px;
    text-decoration:none;
    transition:background .15s,border-color .15s,color .15s;
  }
  .sn-signin:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.6);
    text-decoration:none;
  }
  /* Sign Up — solid green pill, strong presence */
  .sn-signup{
    display:inline-flex;align-items:center;justify-content:center;
    height:38px;padding:0 20px;
    font-size:14px;font-weight:700;letter-spacing:.01em;white-space:nowrap;
    color:#052e16;
    background:#22c55e;
    border:1.5px solid #22c55e;
    border-radius:999px;
    text-decoration:none;
    transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;
  }
  .sn-signup:hover{
    background:#16a34a;border-color:#16a34a;color:#052e16;
    text-decoration:none;
    box-shadow:0 4px 14px rgba(34,197,94,.4);
    transform:translateY(-1px);
  }
  .sn-signup:active{transform:translateY(0);box-shadow:0 2px 6px rgba(34,197,94,.25);}
  /* Shrink slightly when nav collapses */
  .sn--scrolled .sn-signin,
  .sn--scrolled .sn-signup{height:34px;font-size:13px;padding:0 16px;}
  /* ── Mobile menu auth slots ────────────────────────────────────────────── */
  .sn-mobile-menu #nav-mobile-auth-slot{
    display:flex;flex-direction:column;gap:8px;
    padding:14px 20px 12px;
    border-top:1px solid rgba(255,255,255,.07);
    margin-top:4px;
  }
  .sn-mobile-menu #nav-mobile-auth-slot .sn-signin,
  .sn-mobile-menu #nav-mobile-auth-slot .sn-signup{
    width:100%;height:46px;font-size:15px;border-radius:12px;
  }
  .sn-mobile-menu #nav-mobile-auth-slot .sn-signin{
    border-color:rgba(255,255,255,.3);
    color:#f4f4f5;
  }
  .sn-mobile-menu #nav-mobile-auth-slot .sn-signin:hover{
    background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.5);
  }
  .sn-signout{font-size:16px;font-weight:600;color:#a1a1aa;text-decoration:none;padding:8px 14px;border-radius:7px;border:1px solid rgba(255,255,255,.1);transition:all .25s ease;}
  .sn--scrolled .sn-signout{font-size:15px;padding:6px 12px;}
  .sn-signout:hover{color:#f87171;border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.06);text-decoration:none;}
  .sn-account{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(34,197,94,.4);overflow:hidden;text-decoration:none;flex-shrink:0;transition:border-color .15s;}
  .sn-account:hover{border-color:#22c55e;}
  .sn-account img{width:100%;height:100%;object-fit:cover;display:block;}
  .sn-account-initial{font-weight:700;font-size:15px;color:#22c55e;background:rgba(34,197,94,.12);width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
  .sn-ub-mount{display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .sf{background:#0a0a0b;border-top:1px solid rgba(255,255,255,.07);padding:40px 40px;}
  .sf-inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;}
  .sf-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
  .sf-logo{display:inline-flex;text-decoration:none;line-height:0;}
  .sf-logo img{height:42px;width:auto;display:block;}
  .sf-copy{font-size:15px;color:#71717a;}
  .sf-trust{display:flex;flex-direction:column;gap:4px;margin-top:4px;}
  .sf-trust-item{font-size:12px;color:#a1a1aa;}
  .sf-trust-item a{color:#a1a1aa;text-decoration:none;border-bottom:1px dotted rgba(161,161,170,.5);transition:color .15s,border-color .15s;}
  .sf-trust-item a:hover{color:#f4f4f5;border-bottom-color:#f4f4f5;}
  .sf-links{display:flex;gap:28px;flex-wrap:wrap;}
  .sf-links a{font-size:15px;color:#a1a1aa;text-decoration:none;transition:color .15s;}
  .sf-links a:hover{color:#f4f4f5;text-decoration:none;}
  .sn-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;align-items:center;justify-content:center;width:36px;height:36px;gap:5px;border-radius:6px;flex-shrink:0;}
  .sn-hamburger:hover{background:rgba(255,255,255,.07);}
  .sn-hamburger span{display:block;width:20px;height:2px;background:#a1a1aa;border-radius:2px;transition:transform .25s,opacity .2s,background .15s;}
  .sn-hamburger:hover span{background:#f4f4f5;}
  .sn-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .sn-hamburger.open span:nth-child(2){opacity:0;}
  .sn-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .sn-mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(10,10,11,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);z-index:150;flex-direction:column;padding:6px 0 10px;transition:top .3s ease;}
  .sn-mobile-menu.open{display:flex;}
  .sn-mobile-menu a{font-size:16px;color:#a1a1aa;padding:13px 24px;text-decoration:none;transition:color .15s,background .15s;border:none;}
  .sn-mobile-menu a:hover{color:#f4f4f5;background:rgba(255,255,255,.04);text-decoration:none;}
  @media(max-width:600px){.sn-links{display:none;}.sn-hamburger{display:flex;}}
  .skip-link{position:absolute;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--accent,#22c55e);color:#0a0a0b;padding:8px 20px;border-radius:0 0 8px 8px;font-size:15px;font-weight:700;z-index:9999;text-decoration:none;transition:transform .2s;white-space:nowrap;}
  .skip-link:focus{transform:translateX(-50%) translateY(0);}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}