.design-menu{position:relative;display:flex;align-items:center;height:74px}.design-menu-trigger{display:flex;align-items:center;gap:5px}.design-menu-trigger>span{font-size:11px;transition:transform .2s}.design-menu:hover .design-menu-trigger>span,.design-menu:focus-within .design-menu-trigger>span{transform:rotate(180deg)}
.design-menu-panel{position:absolute;top:66px;left:50%;width:min(680px,92vw);padding:10px;transform:translate(-40%,-8px);border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px color-mix(in srgb,var(--cocoa) 24%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:30}.design-menu:hover .design-menu-panel,.design-menu:focus-within .design-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-40%,0)}
.design-menu-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 11px 14px}.design-menu-head b{font-size:13px}.design-menu-head small{font-size:9px;color:var(--muted)}.design-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.design-menu-grid>a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:11px;color:var(--ink);text-decoration:none;transition:background .16s,transform .16s}.design-menu-grid>a:hover,.design-menu-grid>a:focus{background:var(--surface-2);transform:translateX(2px)}.design-menu-grid i{font-style:normal;color:var(--coral);font-size:9px;font-weight:800}.design-menu-grid b,.design-menu-grid small{display:block}.design-menu-grid b{font-size:11px}.design-menu-grid small{font-size:8px;color:var(--muted);margin-top:1px}.design-menu-grid em{font-style:normal;color:var(--coral)}
.mobile-nav-toggle,.mobile-nav-panel{display:none}
.user-pop{z-index:80}.user-pop label,.user-pop>button{display:block}.user-pop>button{box-sizing:border-box;clear:both}
.site-footer{display:block!important;max-width:none!important;margin:0!important;padding:68px max(calc((100vw - 1320px)/2),32px) 30px!important;background:#090909!important;color:#a9a9a9!important;border:0!important}.site-footer-main{display:grid!important;grid-template-columns:minmax(240px,1.55fr) repeat(4,minmax(120px,1fr));gap:clamp(30px,4vw,60px)!important;min-height:290px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .brand{display:inline-block;color:#fff!important;font-size:29px;margin-bottom:22px}.site-footer .brand span{color:var(--brand-ai)!important}.footer-intro{display:block!important;min-width:0}.footer-intro p{max-width:300px;margin:0 0 22px;color:#969696;font-size:12px;line-height:1.75}.footer-email{display:inline-block;font-size:12px;color:#fff!important;text-decoration:underline!important;text-underline-offset:5px}.footer-column{display:flex!important;min-width:0;flex-direction:column;align-items:flex-start;gap:12px!important}.footer-column>b{color:#fff;font-size:12px;margin-bottom:6px}.footer-column>a,.footer-column>span{font-size:11px}.footer-column>span{color:#666}.site-footer-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:30px!important;padding-top:26px;border-top:1px solid #292929}.site-footer-bottom p{margin:0;font-size:10px;color:#777}
@media(max-width:1050px){.site-footer-main{grid-template-columns:1.4fr repeat(2,1fr);min-height:0}.footer-intro{grid-row:span 2}.design-menu-panel{left:0;transform:translate(-12%,-8px)}.design-menu:hover .design-menu-panel,.design-menu:focus-within .design-menu-panel{transform:translate(-12%,0)}}
@media(max-width:800px){header{max-width:100vw}header nav{min-width:0}.design-menu{display:none}header nav>.credit{display:none!important}.mobile-nav-toggle{display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.mobile-nav-toggle>span{font-size:16px;line-height:1}.mobile-nav-panel{display:block;position:fixed;top:68px;left:10px;right:10px;max-height:calc(100dvh - 84px);padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px color-mix(in srgb,var(--cocoa) 28%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);overflow:auto;transition:opacity .18s,transform .18s;z-index:60}.mobile-nav-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-nav-head>b,.mobile-nav-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--control);color:var(--ink);font-size:22px}.mobile-nav-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.mobile-nav-pages>a,.mobile-space-links>a{display:flex!important;align-items:center;justify-content:space-between;min-width:0;padding:11px;border-radius:10px;background:var(--surface-2);color:var(--ink)!important;text-decoration:none;font-size:11px;font-weight:750}.mobile-nav-pages>a.active{box-shadow:inset 0 0 0 2px var(--coral);color:var(--coral)!important}.mobile-space-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.mobile-space-links a span{color:var(--coral)}.mobile-credit{display:block;margin-top:12px;padding:9px 11px;border-radius:10px;background:var(--butter);color:#3b2a24;font-weight:850}.mobile-credit:empty{display:none}.mobile-nav-open{overflow:hidden}.site-footer{padding:48px 22px 24px!important}.site-footer-main{grid-template-columns:1fr 1fr;gap:38px 26px!important}.footer-intro{grid-column:1/-1;grid-row:auto}.site-footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){header{padding-left:14px!important;padding-right:14px!important}header>.brand{font-size:20px;white-space:nowrap}header nav{gap:5px!important}.mobile-nav-toggle{width:40px;padding:7px;justify-content:center}.mobile-nav-toggle>b{display:none}.mobile-nav-pages,.mobile-space-links{grid-template-columns:1fr 1fr}.site-footer-main{grid-template-columns:1fr 1fr;gap:32px 20px!important}.site-footer .brand{font-size:26px;margin-bottom:14px}.footer-intro p{max-width:340px;margin-bottom:15px}.site-footer-bottom{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.design-menu-panel,.design-menu-grid>a,.design-menu-trigger>span{transition:none}}
