/* Shared site header (lib/siteNav.js). Uses its own class names so page-level nav rules do not affect it. */
.sn{padding:0!important;margin:0!important;text-align:left!important;position:sticky;top:0;z-index:60;background:rgba(250,249,247,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ECE9E2;font-family:Inter,system-ui,sans-serif;text-align:left}
.sn *{box-sizing:border-box}
.sn-in{max-width:1120px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:18px}
.sn-logo{display:flex;align-items:center;flex:none}.sn-logo img{height:30px;width:auto;display:block}
.sn-menu{display:flex;align-items:center;gap:2px;flex:1}
.sn-b,.sn-l{font:inherit;font-size:14.5px;font-weight:500;color:#1A1630;background:none;border:0;border-radius:9px;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sn-b:hover,.sn-l:hover,.sn-dd.open>.sn-b{background:#EEEDFD}
.sn-b i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.sn-dd{position:static}
.sn-menu{justify-content:center}
.sn-p{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #E7E4DC;box-shadow:0 22px 40px rgba(30,20,90,.10);z-index:5}
.sn-pi{max-width:1120px;margin:0 auto;padding:22px 20px 26px;display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.sn-dd.open>.sn-p{display:block}
@media (min-width:901px){.sn-dd:hover>.sn-p{display:block}.sn-dd:hover>.sn-b{background:#EEEDFD}}
.sn-lead{display:flex;flex-direction:column;gap:8px;background:linear-gradient(160deg,#EEEDFD,#F7F6FF);border:1px solid #E3E0F5;border-radius:16px;padding:20px;height:100%}
.sn-lead b{font-size:17px;line-height:1.25;letter-spacing:-.02em;color:#1A1630}.sn-lead span{font-size:13.5px;line-height:1.5;color:#55506B}
.sn-lead a{margin-top:auto;font-size:14px;font-weight:600;color:#4B43C8;text-decoration:none}.sn-lead a::after{content:" \2192"}
.sn-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sn-g>.sn-i:last-child:nth-child(3n+1){grid-column:1/-1}
.sn-i{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid #ECE9E2;background:#fff;text-decoration:none;color:#1A1630;transition:border-color .15s,box-shadow .15s,transform .15s}
.sn-i:hover{border-color:#CFCBFA;box-shadow:0 8px 22px rgba(98,90,233,.12);transform:translateY(-1px)}
.sn-ic{flex:none;width:42px;height:42px;border-radius:12px;background:#EEEDFD;color:#4B43C8;display:flex;align-items:center;justify-content:center}
.sn-it{display:flex;flex-direction:column;gap:3px;min-width:0}.sn-it b{font-size:14.5px;font-weight:650;letter-spacing:-.01em}
.sn-it span{font-size:12.8px;line-height:1.45;color:#6B667D}
.sn-r{display:flex;align-items:center;gap:6px;margin-left:auto}
.sn-login{font-size:14.5px;font-weight:500;color:#5A5570;text-decoration:none;padding:9px 12px;border-radius:9px}.sn-login:hover{background:#EEEDFD}
.sn-cta{font-size:14px;font-weight:600;color:#fff;background:#625AE9;text-decoration:none;padding:10px 18px;border-radius:999px;white-space:nowrap;line-height:1.2}
.sn-cta:hover{background:#5249d6}
.sn-burger{display:none;width:42px;height:42px;border:1px solid #E3E0F5;border-radius:12px;background:#fff;cursor:pointer;padding:0;position:relative}
.sn-burger span{position:absolute;left:12px;right:12px;height:2px;background:#1A1630;border-radius:2px;transition:transform .2s,opacity .2s}
.sn-burger span:nth-child(1){top:14px}.sn-burger span:nth-child(2){top:20px}.sn-burger span:nth-child(3){top:26px}
.sn-burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sn-burger[aria-expanded=true] span:nth-child(2){opacity:0}.sn-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sn-m{background:#fff;border-top:1px solid #ECE9E2;padding:8px 16px 18px;max-height:calc(100vh - 64px);overflow:auto}
.sn-m[hidden]{display:none}
.sn-d{border-bottom:1px solid #F0EEE8}
.sn-d summary{list-style:none;cursor:pointer;padding:15px 4px;font-size:16px;font-weight:600;color:#1A1630;display:flex;justify-content:space-between}
.sn-d summary::-webkit-details-marker{display:none}
.sn-d summary::after{content:"";width:8px;height:8px;border-right:2px solid #6B667D;border-bottom:2px solid #6B667D;transform:rotate(45deg);margin-top:4px;transition:transform .15s}
.sn-d[open] summary::after{transform:rotate(-135deg);margin-top:8px}
.sn-d a{display:block;padding:11px 12px;font-size:15px;color:#4B4660;text-decoration:none;border-radius:8px}
.sn-d a:hover{background:#F6F5FF}
.sn-ml{display:block;padding:15px 4px;font-size:16px;font-weight:600;color:#1A1630;text-decoration:none;border-bottom:1px solid #F0EEE8}
.sn-mc{display:block;text-align:center;background:#625AE9;color:#fff;text-decoration:none;font-weight:600;border-radius:999px;padding:13px;margin-top:16px}
.sn-md{display:block;text-align:center;border:1px solid #D9D6EA;color:#1A1630;text-decoration:none;font-weight:600;border-radius:999px;padding:12px;margin-top:8px}
.sn-mlog{display:block;text-align:center;color:#6B667D;text-decoration:none;padding:14px;font-size:14.5px}
@media (max-width:900px){
  .sn-menu,.sn-login{display:none}.sn-p{display:none!important}
  .sn-burger{display:block}
  .sn-in{height:58px;padding:0 16px}.sn-logo img{height:26px}
  .sn-cta{padding:9px 14px;font-size:13.5px}
}
@media (min-width:901px){.sn-m{display:none!important}}

/* product window: a real capture of the app in a light frame (features, home) */
.pw{margin:18px 0 8px;background:#fff;border:1px solid #E3E3EA;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(98,90,233,.10),0 8px 20px rgba(21,21,27,.05)}
.pw-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #E3E3EA;background:#F5F5F8;font-size:12px;color:#55555F;font-weight:600}
.pw-bar i{width:9px;height:9px;border-radius:50%;background:#D5D5DE;display:block}
.pw-bar span{margin-left:8px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-bar em{font-style:normal;font-size:11px;font-weight:700;background:#EEEDFD;color:#4A42C9;border-radius:99px;padding:2px 9px;white-space:nowrap}
.pw img{display:block;width:100%;height:auto}

/* v6: announcement strip, live Meta status, search palette, scrolled state */
.sn{background:rgba(255,255,255,.82);border-bottom:1px solid rgba(98,90,233,.12)}
.sn.sc{box-shadow:0 8px 30px rgba(30,20,90,.08)}
.sn-ann{background:linear-gradient(90deg,#15151B,#2A2470 55%,#15151B);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;padding:0 40px}
.sn-ann[hidden]{display:none}
.sn-ann a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:13px;line-height:1;padding:9px 0;flex-wrap:wrap;justify-content:center}
.sn-ann b{font-weight:600}.sn-ann span{opacity:.75}.sn-ann u{text-decoration:none;font-weight:600;color:#C9C3F7}.sn-ann u::after{content:" \2192"}
.sn-ax{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;opacity:.6;font-size:20px;cursor:pointer;width:28px;height:28px;line-height:1}.sn-ax:hover{opacity:1}
.sn-dot,.sn-st i{width:8px;height:8px;border-radius:50%;background:#16A34A;display:inline-block;flex:none;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:snp 2s infinite}
.sn-dot.bad,.sn-st i.bad{background:#F59E0B;animation-name:snpb}.sn-dot.very_bad,.sn-st i.very_bad{background:#DC2626;animation-name:snpr}
@keyframes snp{70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@keyframes snpb{70%{box-shadow:0 0 0 7px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
@keyframes snpr{70%{box-shadow:0 0 0 7px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
@media (prefers-reduced-motion:reduce){.sn-dot,.sn-st i{animation:none}}
.sn-st{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#1A1630;text-decoration:none;background:#fff;border:1px solid #E3E0F5;border-radius:99px;padding:6px 12px;white-space:nowrap}
.sn-st[hidden]{display:none}.sn-st:hover{border-color:#CFCBFA;background:#F6F5FF}
.sn-sr{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;color:#6B667D;background:#F4F3FB;border:1px solid #E3E0F5;border-radius:10px;padding:7px 10px;cursor:pointer}
.sn-sr:hover{background:#EEEDFD;color:#1A1630}.sn kbd,.sn-pal kbd{font:600 11px ui-monospace,Menlo,monospace;background:#fff;border:1px solid #DAD7EE;border-radius:6px;padding:1px 6px;color:#6B667D}
.sn-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#625AE9,#4B43C8);box-shadow:0 6px 16px rgba(98,90,233,.32)}
.sn-cta:hover{background:linear-gradient(135deg,#6A62F0,#4F46D0);transform:translateY(-1px)}.sn-cta svg{transition:transform .15s}.sn-cta:hover svg{transform:translateX(2px)}
.sn-b.cur,.sn-l.cur{color:#4B43C8}
.sn-pal{position:fixed;inset:0;background:rgba(21,21,27,.45);backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 0}
.sn-pal[hidden]{display:none}
.sn-pb{width:100%;max-width:620px;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(21,21,27,.35);overflow:hidden}
.sn-ps{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ECE9E2;color:#6B667D}
.sn-ps input{flex:1;font:inherit;font-size:16px;border:0;outline:0;background:none;color:#1A1630;min-width:0}
.sn-pl{max-height:52vh;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:2px}
.sn-pl a{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:12px;text-decoration:none;color:#1A1630}
.sn-pl a[hidden]{display:none}.sn-pl a:hover,.sn-pl a.on{background:#F1F0FE}
.sn-pl .sn-ic{width:36px;height:36px;border-radius:10px}.sn-pn{margin:14px;color:#6B667D;font-size:14px}
@media (max-width:900px){.sn-st,.sn-sr kbd,.sn-sr span{display:none}.sn-sr{padding:9px}.sn-ann a span{display:none}.sn-ann{padding:0 36px}}