body{margin:0;background:#F4FAFF}
a{color:#1F6FD1;text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid #1F6FD1;outline-offset:2px}

.nav-link{color:#46607A;border-radius:8px;padding:8px 12px;transition:background 180ms ease, color 180ms ease}
.nav-link:hover{color:#0A284C;background:#E6F3FF;text-decoration:none}
.nav-link-active{color:#1F6FD1;background:#E6F3FF;border-radius:8px;padding:8px 12px}

.btn-primary:hover{background:#185BB0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,40,76,.08)}
.btn-secondary:hover{border-color:#1F6FD1;transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,40,76,.08)}

.link-row{transition:background 200ms ease}
.link-row:hover{background:#E6F3FF;text-decoration:none}
.link-row:hover .arrow{transform:translateX(4px)}
.pager-link{transition:border-color 200ms ease, background 200ms ease}
.pager-link:hover{border-color:#1F6FD1;background:#E6F3FF;text-decoration:none}
.pager-link:hover .arrow{transform:translateX(4px)}

.frame:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(10,40,76,.08)}
.creator-card{transition:transform 200ms ease, box-shadow 200ms ease}
.creator-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(10,40,76,.08);text-decoration:none}

.docs-table tbody tr:nth-child(2n) td{background:#E6F3FF}
.feature-row + .feature-row{border-top:1px solid #D3E5F6}
.feature-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,40,76,.08)}
.seg-btn:hover{filter:brightness(0.97)}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .7s ease-out both}

@keyframes fadeScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.fade-scale{animation:fadeScale .8s ease-out both}

@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.bob{animation:bob 3s ease-in-out infinite}

@keyframes cloudDrift{from{transform:translateX(-220px)}to{transform:translateX(calc(100vw + 220px))}}

@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
}

@media (prefers-reduced-motion: reduce) {
  *{animation:none !important;transition:none !important}
}

html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;color:#0A284C;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
[hidden]{display:none !important}
[data-edition]{border:0}
.site-menu-btn{display:none;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#0A284C;cursor:pointer}
.site-menu-btn:hover{background:#E6F3FF}
@media (max-width: 860px) {
  .site-header{padding:10px 16px !important;gap:12px !important}
  .site-header .site-nav{display:none !important}
  .site-header .site-discord{display:none !important}
  .site-actions{gap:8px !important}
  .site-menu-btn{display:grid}
  .site-header.open .site-nav{display:flex !important;flex-direction:column;width:100%;order:10;padding:4px 0 8px}
  .site-header.open .site-nav a{padding:10px 12px !important}
}
@media (max-width: 420px) {
  .site-brand > span{display:none}
}