@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

.sm-nav-shared{
  position:fixed;top:0;left:0;right:0;z-index:900;height:64px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;width:100%;max-width:100%;margin:0 auto;
  border:1px solid transparent;background:transparent;
  transition:background .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),max-width .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1);
  -webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;
}
.sm-nav-shared.scrolled{
  top:12px;width:calc(100% - 24px);max-width:1080px;height:54px;
  padding:0 14px 0 22px;border-radius:18px;border-color:rgba(255,255,255,0.12);
  background:color-mix(in srgb,#060A12 80%,transparent);
  backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);
  box-shadow:0 14px 44px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.07);
}
.sm-nav-shared .nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.sm-nav-shared .nav-logo b{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-0.025em;background:linear-gradient(135deg,#1266FF,#7B44F2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sm-nav-shared .nav-links{display:flex;gap:4px;align-items:center}
.sm-nav-shared .nav-links a{font-size:.84rem;font-weight:500;color:rgba(238,242,255,0.62);text-decoration:none;padding:7px 12px;border-radius:8px;transition:color .15s,background .15s}
.sm-nav-shared .nav-links a:hover{color:#EEF2FF;background:rgba(255,255,255,0.06)}
.sm-nav-shared .nav-cta{font-size:.84rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1266FF,#7B44F2);padding:8px 16px;border-radius:10px;text-decoration:none}
@media(max-width:720px){.sm-nav-shared .nav-links a:not(.nav-cta){display:none}}

footer[role="contentinfo"]{
  --bg:#060A12;
  --border:rgba(255,255,255,0.07);
  --tx1:#EEF2FF;
  --tx2:rgba(238,242,255,0.55);
  --tx3:rgba(238,242,255,0.28);
  --grad-a:#1266FF;
  --grad-b:#7B44F2;
  --ff-display:'Bricolage Grotesque',system-ui,sans-serif;
  --ff-body:'DM Sans',system-ui,sans-serif;
  background:var(--bg);
  border-top:1px solid var(--border);
  font-family:var(--ff-body);
  color:var(--tx2);
}
footer[role="contentinfo"] *{box-sizing:border-box}
footer[role="contentinfo"] a{text-decoration:none}

footer[role="contentinfo"] .ft-main{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:48px;max-width:1100px;margin:0 auto;padding:60px 56px 52px;
}
footer[role="contentinfo"] .ft-brand .ft-logo-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px}
footer[role="contentinfo"] .ft-brand-desc{font-size:0.81rem;color:var(--tx2);line-height:1.74;margin-bottom:22px}
footer[role="contentinfo"] .ft-col h6{
  font-size:0.65rem;font-weight:700;letter-spacing:0.13em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:14px;
}
footer[role="contentinfo"] .ft-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}
footer[role="contentinfo"] .ft-col a{font-size:0.81rem;color:var(--tx2);transition:color 0.15s}
footer[role="contentinfo"] .ft-col a:hover{color:var(--tx1)}
footer[role="contentinfo"] .ft-bottom{
  border-top:1px solid var(--border);
  padding:20px 56px;max-width:1100px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;font-size:0.74rem;color:var(--tx3);
}
footer[role="contentinfo"] .ft-legal{display:flex;gap:16px}
footer[role="contentinfo"] .ft-legal a{color:var(--tx3);font-size:0.74rem;transition:color 0.15s}
footer[role="contentinfo"] .ft-legal a:hover{color:var(--tx2)}
footer[role="contentinfo"] .ft-disclaimer{
  max-width:1100px;margin:0 auto;padding:4px 56px 0;
  font-size:0.7rem;line-height:1.7;color:var(--tx3);
}
footer[role="contentinfo"] .ios-badge{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--tx1);color:var(--bg);
  border-radius:13px;padding:11px 18px;
  transition:opacity 0.2s,transform 0.18s;
}
footer[role="contentinfo"] .ios-badge:hover{opacity:0.88;transform:translateY(-1px)}
footer[role="contentinfo"] .ios-badge svg{width:19px;height:19px;fill:var(--bg)}
footer[role="contentinfo"] .ios-badge-text .ios-sm{font-size:0.58rem;display:block;opacity:0.5;font-weight:500}
footer[role="contentinfo"] .ios-badge-text .ios-lg{font-size:0.86rem;font-weight:700;display:block;line-height:1.2}

@media(max-width:760px){
  footer[role="contentinfo"] .ft-disclaimer{padding:4px 20px 0}
}
@media(max-width:640px){
  footer[role="contentinfo"] .ft-main{grid-template-columns:1fr;gap:24px;padding:36px 20px 28px}
  footer[role="contentinfo"] .ft-col:last-child{display:none}
  footer[role="contentinfo"] .ft-bottom{justify-content:center;flex-direction:column;gap:8px;padding:16px 20px}
  footer[role="contentinfo"] .ft-legal{flex-wrap:wrap;justify-content:center}
}