*{box-sizing:border-box}
body{margin:0;background:#F7F7F5;font-family:"Manrope",system-ui,sans-serif;color:#3D4049;-webkit-font-smoothing:antialiased}
a{color:#A532C2;text-underline-offset:3px}a:hover{color:#6E1D86}
input,textarea,button{font-family:inherit}
:focus-visible{outline:2px solid #A532C2;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#F7F7F5;color:#141826;padding:10px 14px;border-radius:4px;font-weight:600}.skip:focus{left:8px}
.hd{background:#141826;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(247,247,245,0.12)}
.hd-row{max-width:1200px;margin:0 auto;padding:16px clamp(20px,5vw,32px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.hd-logo{display:flex}.hd-logo img{width:clamp(170px,40vw,220px);height:auto;display:block}
.nav{display:flex;align-items:center;gap:28px}
.nl{color:#C9CAD0;font-size:15px;font-weight:600;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nl:hover{color:#F7F7F5}.nl[aria-current]{color:#F7F7F5;border-bottom-color:#E08AF0}
.btn-paper{background:#F7F7F5;color:#141826;font-size:14px;font-weight:600;padding:10px 16px;border-radius:4px;text-decoration:none;transition:background 150ms cubic-bezier(0.2,0,0,1)}
.btn-paper:hover{background:#fff;color:#141826}
.menu-btn{display:none;background:none;border:1px solid rgba(247,247,245,0.3);border-radius:4px;color:#F7F7F5;font-size:14px;font-weight:600;padding:10px 14px;min-height:44px;cursor:pointer}
.mnav{display:none;flex-direction:column;padding:8px 20px 24px;border-top:1px solid rgba(247,247,245,0.12)}
.mnav a{color:#F7F7F5;font-size:20px;font-weight:600;text-decoration:none;padding:16px 0;border-bottom:1px solid rgba(247,247,245,0.12)}
.mnav a[aria-current]{color:#E08AF0}
.mnav .btn-paper{margin-top:20px;font-size:16px;padding:14px 20px;text-align:center;border:0;color:#141826}
@media (max-width:760px){.nav{display:none}.menu-btn{display:inline-flex}.mnav.open{display:flex}}
/* hover + focus states */
.x1:hover{background:#FFFFFF !important;color:#141826 !important}
.x2:hover{color:#EFC2F7 !important;text-decoration-thickness:2px !important}
.x3:hover{color:#6E1D86 !important;text-decoration-thickness:2px !important}
.x4:hover{box-shadow:0 8px 24px rgba(20,24,38,0.10) !important;border-color:#CFCFCB !important;color:inherit !important}
.x5:hover{color:#A532C2 !important}
.x6:hover{background:#2E3447 !important;color:#F7F7F5 !important}
.x7:focus{border-color:#A532C2 !important;box-shadow:0 0 0 3px #F6E1FA !important}
.x8:hover{background:#2E3447 !important}
.x9:hover{color:#6E1D86 !important}