.header{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);background:color-mix(in srgb, var(--c-bg) 80%, transparent);border-bottom:1px solid color-mix(in srgb, var(--c-line) 60%, transparent);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{align-items:center;display:flex}.logo-img{width:auto;height:56px;display:block}.logo-img-dark,[data-mode=dark] .logo-img-light{display:none}[data-mode=dark] .logo-img-dark{display:block}.nav{align-items:center;gap:4px;display:flex}.nav a{font-size:var(--fs-md);color:var(--c-ink-2);border-radius:8px;padding:8px 14px;font-weight:500;transition:color .15s,background .15s}.nav a:hover{color:var(--c-ink);background:var(--c-bg-soft)}.nav a.has-arrow:after{content:"▾";font-size:var(--fs-2xs);opacity:.5;margin-left:6px}.header-actions{align-items:center;gap:10px;display:flex}.nav-item-wrap{position:relative}.nav a.open{color:var(--c-ink);background:var(--c-bg-soft)}.nav-dropdown{background:var(--c-card);border:1px solid var(--c-line);min-width:280px;box-shadow:var(--shadow-lg);z-index:60;border-radius:14px;padding:8px;animation:.15s ddIn;position:absolute;top:calc(100% + 8px);left:0}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown .dd-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px!important;display:flex!important}.nav-dropdown .dd-item:hover{background:var(--c-bg-soft)}.dd-ic{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.dd-ic.tone-a{color:var(--c-pink);background:linear-gradient(135deg,#fce7f3,#fdd2e7)}.dd-ic.tone-b{color:var(--c-primary-2);background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.dd-ic.tone-c{color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}[data-mode=dark] .dd-ic.tone-a{background:#f329a22e}[data-mode=dark] .dd-ic.tone-b{background:#6981ff33}[data-mode=dark] .dd-ic.tone-c{background:#8b5cf633}.dd-t{font-size:var(--fs-md);color:var(--c-ink);letter-spacing:-.01em;font-weight:600}.dd-s{font-size:var(--fs-sm);color:var(--c-mute);margin-top:2px}@media (max-width:980px){.nav-dropdown{min-width:0;position:fixed;left:16px;right:16px}}.burger-btn{border:1px solid var(--c-line);background:var(--c-bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;padding:0;transition:background .15s,border-color .15s;display:none}.burger-btn:hover{background:var(--c-bg-hi);border-color:var(--c-outline)}.burger-btn span{background:var(--c-ink);border-radius:2px;width:16px;height:1.8px;transition:transform .2s,opacity .2s;display:block}@media (max-width:980px){.nav{display:none}.burger-btn{display:inline-flex}.hide-mobile{display:none!important}}
.mobile-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;background:#0e0f1a6b;transition:opacity .25s;position:fixed;inset:0}.mobile-scrim.open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--c-bg);border-left:1px solid var(--c-line);z-index:100;flex-direction:column;width:min(340px,86vw);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-24px 0 60px -20px #505fe52e}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-head{border-bottom:1px solid var(--c-line-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.mobile-close{border:1px solid var(--c-line);background:var(--c-bg);width:36px;height:36px;color:var(--c-ink);cursor:pointer;border-radius:10px;place-items:center;transition:background .15s,border-color .15s;display:grid}.mobile-close:hover{background:var(--c-bg-hi);border-color:var(--c-outline)}.mobile-drawer-body{flex-direction:column;flex:1;gap:4px;padding:14px 14px 20px;display:flex;overflow-y:auto}.mobile-group-head{width:100%;font-family:var(--font-sans);font-size:var(--fs-lg);color:var(--c-ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;font-weight:600;transition:background .15s;display:flex}.mobile-group-head:hover{background:var(--c-bg-soft)}.mobile-group-head svg{color:var(--c-mute);transition:transform .2s}.mobile-group-head.open svg{color:var(--c-primary-2);transform:rotate(180deg)}.mobile-group-head.open{color:var(--c-primary-2);background:var(--c-bg-hi)}.mobile-group-body{flex-direction:column;gap:2px;padding:4px 0 8px 6px;display:flex}.mobile-group-body .dd-item{color:var(--c-ink);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.mobile-group-body .dd-item:hover{background:var(--c-bg-soft)}.mobile-group-body .dd-t{font-size:var(--fs-md);font-weight:600}.mobile-group-body .dd-s{font-size:var(--fs-sm);color:var(--c-mute);margin-top:2px}.mobile-group-body .dd-ic{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.mobile-group-body .dd-ic.tone-a{background:color-mix(in srgb, var(--c-grad-a) 18%, transparent);color:var(--c-grad-a)}.mobile-group-body .dd-ic.tone-b{background:color-mix(in srgb, var(--c-grad-b) 18%, transparent);color:var(--c-grad-b)}.mobile-group-body .dd-ic.tone-c{background:color-mix(in srgb, var(--c-pink) 18%, transparent);color:var(--c-pink)}.mobile-link{font-size:var(--fs-lg);color:var(--c-ink);border-radius:12px;padding:14px;font-weight:600;transition:background .15s,color .15s;display:block}.mobile-link:hover{background:var(--c-bg-soft);color:var(--c-primary-2)}.mobile-drawer-foot{border-top:1px solid var(--c-line-2);flex-shrink:0;padding:16px 20px 22px}
.footer .logo-img{height:44px}.footer{border-top:1px solid var(--c-line);background:var(--c-bg);z-index:1;margin-top:24px;padding:56px 0 28px;position:relative}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:0;display:flex}.footer-tag{font-size:var(--fs-md);color:var(--c-mute);max-width:260px;margin-top:16px;line-height:1.6}.footer-col h5{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--c-ink);margin-bottom:16px;font-weight:700}.footer-col a{font-size:var(--fs-md);color:var(--c-mute);padding:5px 0;transition:color .15s;display:block}.footer-col a:hover{color:var(--c-primary-2)}.footer-social{gap:8px;margin-top:20px;display:flex}.footer-social a{border:1px solid var(--c-line);width:34px;height:34px;color:var(--c-mute);background:0 0;border-radius:50%;place-items:center;transition:border-color .15s,color .15s,background .15s;display:grid}.footer-social a:hover{border-color:var(--c-outline);background:var(--c-bg-soft);color:var(--c-primary-2)}.footer-affil{border-top:1px solid var(--c-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:24px 0 20px;display:flex}.footer-affil-lbl{font-size:var(--fs-xs);color:var(--c-mute);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.footer-affil-sep{background:var(--c-line);width:1px;height:28px}.footer-affil a{opacity:.85;border-radius:8px;align-items:center;padding:4px 6px;transition:background .15s,opacity .15s;display:inline-flex}.footer-affil a:hover{background:var(--c-bg-soft);opacity:1}.footer-affil img{width:auto;height:40px;display:block}.footer-bottom{border-top:1px solid var(--c-line);font-size:var(--fs-base);color:var(--c-mute);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.footer-bottom-right{align-items:center;gap:20px;display:inline-flex}.footer-status{align-items:center;gap:6px;display:inline-flex}.footer-status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #22c55e}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;gap:28px}.footer-affil{gap:16px}.footer-affil-sep{display:none}.footer-affil img{height:34px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}