/* Western Code Technology — shared site header (sub-pages). Self-contained: every class starts with wh- */
.wh{position:fixed;top:0;left:0;right:0;z-index:500;height:70px;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #E6EBF3;box-shadow:0 6px 20px -16px rgba(11,36,98,.35)}
.wh *,.wh-mm *{box-sizing:border-box}
.wh-in{max-width:1240px;height:100%;margin:0 auto;padding:0 clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wh-logo{display:flex;align-items:center;flex-shrink:0}
.wh-logo img{height:46px;width:auto;display:block}
.wh-links{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0}
.wh-links > li > a,.wh-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem .7rem;border-radius:10px;font:inherit;font-size:.93rem;font-weight:600;color:#334155;white-space:nowrap;text-decoration:none;background:none;border:0;cursor:pointer;transition:color .2s,background .2s}
.wh-links > li > a:hover,.wh-links > li > a[aria-current="page"],.wh-dd:hover .wh-btn,.wh-dd.open .wh-btn,.wh-btn.cur{color:#1F5FE0;background:#EEF4FF}
.wh-btn svg{width:15px;height:15px;transition:transform .2s}
.wh-dd{position:relative}
.wh-dd:hover .wh-btn svg,.wh-dd.open .wh-btn svg{transform:rotate(180deg)}
.wh-panel{position:absolute;top:calc(100% + 12px);left:50%;width:350px;transform:translate(-50%,8px);background:#fff;border:1px solid #E6EBF3;border-radius:18px;box-shadow:0 24px 60px -20px rgba(11,36,98,.35);padding:.5rem;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.wh-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.wh-dd:hover .wh-panel,.wh-dd:focus-within .wh-panel,.wh-dd.open .wh-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.wh-panel a{display:flex;gap:.8rem;align-items:center;padding:.6rem .7rem;border-radius:12px;text-decoration:none}
.wh-panel a:hover,.wh-panel a[aria-current="page"]{background:#EEF4FF}
.wh-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#EEF4FF;color:#1F5FE0;display:grid;place-items:center}
.wh-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wh-panel b{display:block;font-size:.92rem;color:#0F172A;line-height:1.25;font-weight:700}
.wh-panel small{display:block;font-size:.79rem;color:#64748B;font-weight:500;line-height:1.35}
.wh-panel a.wh-foot{display:block;border-top:1px solid #EEF2F7;border-radius:0 0 12px 12px;margin-top:.25rem;padding:.75rem .7rem .55rem;font-size:.86rem;font-weight:700;color:#1F5FE0}
.wh-new{display:inline-block;margin-left:.3rem;padding:.05rem .4rem;border-radius:6px;background:#ECFDF3;color:#16A34A;font-size:.66rem;font-weight:800;letter-spacing:.04em}
.wh-cta{display:flex;align-items:center;gap:.5rem}
.wh-call{width:44px;height:44px;border-radius:12px;border:1.5px solid #E6EBF3;display:grid;place-items:center;color:#0B2462;transition:border-color .2s}
.wh-call:hover{border-color:#0B2462}
.wh-call svg,.wh-mm-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wh-demo{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.15rem;border-radius:14px;background:#1F5FE0;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap;box-shadow:0 10px 22px -10px rgba(31,95,224,.8);transition:background .18s,transform .18s}
.wh-demo:hover{background:#1A4FC0;transform:translateY(-1px)}
.wh-burger{display:none;width:46px;height:46px;border-radius:12px;align-items:center;justify-content:center;color:#0B2462;border:1.5px solid #E6EBF3;background:#fff;cursor:pointer}
.wh-burger svg{width:22px;height:22px}
.wh-mm{position:fixed;left:0;right:0;bottom:0;top:70px;z-index:499;background:#fff;padding:.5rem 20px 2rem;display:flex;flex-direction:column;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}
.wh-mm.open{opacity:1;visibility:visible;transform:none}
.wh-mm > a{padding:1rem .2rem;font-weight:700;font-size:1.12rem;color:#0F172A;border-bottom:1px solid #EEF2F7;text-decoration:none}
.wh-grp{border-bottom:1px solid #EEF2F7}
.wh-grp summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:1rem .2rem;font-weight:700;font-size:1.12rem;color:#0F172A;cursor:pointer}
.wh-grp summary::-webkit-details-marker{display:none}
.wh-grp summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin:0 .4rem .3rem 0}
.wh-grp[open] summary::after{transform:rotate(-135deg);margin-bottom:-.2rem}
.wh-grp a{display:block;padding:.6rem .9rem;font-size:1rem;font-weight:600;color:#334155;text-decoration:none}
.wh-grp a:last-child{color:#1F5FE0;margin-bottom:.6rem}
.wh-grp a[aria-current="page"]{color:#1F5FE0}
.wh-mm-cta{display:grid;gap:.6rem;margin-top:1.3rem}
.wh-mm-cta a{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;border-radius:14px;font-weight:700;text-decoration:none}
.wh-mm-cta .wh-call-lg{border:1.5px solid #E6EBF3;color:#0F172A}
.wh-mm-cta .wh-demo{font-size:1rem}
@media (max-width:1120px){.wh-links,.wh-call{display:none}.wh-burger{display:flex}}
@media (max-width:560px){.wh-cta .wh-demo{display:none}.wh-logo img{height:40px}}