:root{color-scheme:light;--paper:#fafafa;--ink:#1e1e20;--muted:#646468;--purple:#8052b0;--line:#dedde1;--glass:#ffffffb3;--ease:cubic-bezier(.16,.7,.2,1)}
.brand-surface{font-family:Heebo,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;isolation:isolate}
.brand-surface::before{content:"";position:fixed;inset:-15% -10% auto auto;width:65vw;height:65vh;background:radial-gradient(ellipse,#c4a9df24,transparent 65%);pointer-events:none;z-index:-1;filter:blur(45px)}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;padding:12px 6vw;background:#fafafab5;border-bottom:1px solid #ffffff95;backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3)}
.brand-logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;color:var(--ink);text-decoration:none}.brand-logo img{width:26px;height:26px;border-radius:50%;background:var(--ink);padding:4px;box-sizing:content-box}
.brand-links,.desktop-nav{display:flex;align-items:center;gap:26px;font-size:14px}.brand-links a,.desktop-nav a{color:var(--ink);text-decoration:none;position:relative;padding-block:8px}.brand-links a::after,.desktop-nav a::after{content:"";position:absolute;bottom:3px;inset-inline:0;height:1px;background:var(--purple);transform:scaleX(0);transition:transform .25s var(--ease)}.brand-links a:hover::after,.brand-links a[aria-current=page]::after,.desktop-nav a:hover::after{transform:scaleX(1)}
.brand-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 22px;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:white!important;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s,background .2s}.brand-button:hover{background:#42304f}.brand-button:active{transform:scale(.97)}
.brand-surface :focus-visible{outline:2px solid var(--purple);outline-offset:4px}.brand-surface button:disabled{opacity:.55;cursor:wait}
.brand-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;margin-top:60px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.site-nav{gap:12px;padding:12px 5vw;flex-wrap:wrap}.brand-logo{font-size:23px}.brand-links{order:3;flex-basis:100%;justify-content:center;gap:26px;border-top:1px solid var(--line);padding-top:4px}.brand-button{font-size:12px;padding:9px 16px}.brand-footer{flex-direction:column;gap:10px}.nav{flex-wrap:wrap;height:auto;min-height:65px;padding-block:10px}.desktop-nav{order:3;flex-basis:100%;justify-content:center;gap:24px;padding-top:8px;font-size:13px}.nav-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.brand-surface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.site-nav{background:var(--paper);backdrop-filter:none}.brand-surface::before{display:none}}