html{scroll-padding-top:80px}.header{inset:env(safe-area-inset-top,0px) 0 auto;z-index:50;pointer-events:none;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.2)blur(8px);border-bottom:1px solid var(--line);position:fixed}.hd-spacer{height:61px}.hd-bar{pointer-events:auto;max-width:calc(var(--max) + 48px);align-items:center;gap:24px;min-height:60px;margin:0 auto;padding:6px 24px;display:flex;position:relative}.header.menu-open{background:var(--bg);border-bottom-color:#0000}.logo{font-family:var(--font-display);letter-spacing:-.01em;flex:none;align-items:center;gap:8px;min-height:44px;margin-right:auto;font-size:26px;line-height:1;text-decoration:none;display:inline-flex}.logo-mark{background:var(--fg);border-radius:5px;flex:none;width:18px;height:18px;position:relative}.logo-mark:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:4px;left:4px;right:4px}.logo-ai{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-text);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;align-self:center;margin-left:-2px;padding:2px 7px;font-size:12px;font-weight:600}.hd-nav{align-items:center;gap:4px;font-size:15px;font-weight:500;display:flex}.hd-nav a{border-radius:var(--r-sm);min-height:44px;color:var(--body);align-items:center;padding:0 12px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.hd-nav a:hover{color:var(--fg);background:var(--sunk)}.hd-end{align-items:center;gap:10px;display:flex}.hd-cta{min-height:40px;padding:0 16px;font-size:15px}.hd-burger{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--card);flex:none;width:44px;height:44px;display:none;position:relative}.hd-burger:hover{border-color:var(--fg)}.hd-burger span{background:var(--fg);height:1.5px;transition:transform .35s var(--ease),top .35s var(--ease);border-radius:2px;position:absolute;left:12px;right:12px}.hd-burger span:first-child{top:17px}.hd-burger span:last-child{top:25px}.menu-open .hd-burger span:first-child{top:21px;transform:rotate(45deg)}.menu-open .hd-burger span:last-child{top:21px;transform:rotate(-45deg)}@media (max-width:860px){.hd-nav{display:none}.hd-burger{display:block}.hd-bar{padding:6px 16px}.menu-open .hd-cta{visibility:hidden}}@media (max-width:400px){.hd-cta{display:none}}.hd-menu{pointer-events:auto;z-index:-1;background-color:var(--bg);padding:92px 20px max(28px,env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;flex-direction:column;justify-content:space-between;gap:32px;transition:opacity .3s ease-out,visibility 0s .3s;display:flex;position:fixed;inset:0}.menu-open .hd-menu{opacity:1;visibility:visible;transition:opacity .3s ease-out,visibility}.hd-menu-links{flex-direction:column;display:flex}.hd-menu-links a{border-bottom:1px solid var(--line);font-family:var(--font-display);align-items:center;gap:16px;padding:18px 0;font-size:clamp(34px,10vw,46px);line-height:1;text-decoration:none;display:flex}.hd-menu-links .n{font:500 13px var(--font-mono);color:var(--muted);align-self:flex-start;margin-top:6px}.hd-menu-links .arrow{color:var(--muted);margin-left:auto}.hd-menu-links a,.hd-menu-foot{opacity:0;transition:opacity .3s,transform .4s var(--ease);transform:translateY(12px)}.menu-open .hd-menu-links a,.menu-open .hd-menu-foot{opacity:1;transition-delay:calc(80ms + var(--i) * 50ms);transform:none}.hd-menu-foot{flex-direction:column;gap:10px;display:flex}.hd-menu-foot .btn{width:100%;min-height:52px}.hd-menu-foot .note,.hd-menu-foot .mail{text-align:center;color:var(--muted);font-size:14px}@media (min-width:861px){.hd-menu{display:none}}
.ft{border-top:1px solid var(--line);padding:28px 0 max(28px,env(safe-area-inset-bottom,0px));color:var(--muted);font-size:14px}.ft-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ft-brand b{font-family:var(--font-display);color:var(--fg);font-size:20px;font-weight:400}.ft a{color:var(--body);text-decoration:none}.ft a:hover{color:var(--fg);text-decoration:underline}.ft nav{flex-wrap:wrap;align-items:center;gap:6px 4px;display:flex}.ft nav a{align-items:center;min-height:44px;padding:0 8px;display:inline-flex}.ft nav span{padding:0 8px}@media (max-width:560px){.ft-wrap{flex-direction:column;align-items:flex-start}.ft nav{margin-left:-8px}}
