.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;border-bottom:2px solid var(--ink);background:var(--ground)}.nav-inner{justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto;padding:14px 32px}.nav-inner,.nav-logo-slot{display:flex;align-items:center}.nav-logo,.nav-logo-slot{height:30px;flex:none}.nav-logo{position:relative;display:block;transition:width .55s cubic-bezier(.2,.8,.2,1);color:inherit}.nav-logo .bracket{position:absolute;width:7px;height:7px;z-index:2}.nav-logo .bracket.tr{top:0;right:0;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.nav-logo .bracket.bl{bottom:0;left:0;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.nav-logo .mark-svg{position:absolute;left:0;top:0;display:block;transform-origin:50% 50%;transition:opacity .35s ease .15s,transform .55s cubic-bezier(.2,.8,.2,1)}.nav-logo .word{position:absolute;left:0;top:0;height:30px;display:flex;align-items:center;padding:0 7px;font-family:var(--display);font-weight:700;font-size:24px;line-height:1;white-space:nowrap;transform-origin:0 50%;transition:opacity .3s ease,transform .55s cubic-bezier(.2,.8,.2,1),letter-spacing .55s cubic-bezier(.2,.8,.2,1)}.nav[data-shrunk=false] .mark-svg{opacity:0;transform:scale(.35)}.nav[data-shrunk=false] .word{opacity:1;transform:scaleX(1);letter-spacing:-.04em}.nav[data-shrunk=true] .nav-logo{width:30px!important}.nav[data-shrunk=true] .mark-svg{opacity:1;transform:scale(1)}.nav[data-shrunk=true] .word{opacity:0;transform:scaleX(.25);letter-spacing:-.45em}.nav-links{display:flex;gap:4px;align-items:center;min-width:0}.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:8px 10px;white-space:nowrap;color:var(--ink-soft);transition:background .2s ease,color .2s ease}.nav-links a:hover,.nav-links a[aria-current=true]{background:var(--navy-tint);color:var(--navy)}.nav-actions{display:flex;align-items:center;gap:14px;flex:none}.nav-login{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink);height:46px;display:inline-flex;align-items:center;padding:0 10px;white-space:nowrap}.nav-login:hover{background:var(--navy-tint);color:var(--navy)}.nav-demo{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--navy);border:2px solid var(--navy);background:#fff;height:42px;margin-bottom:4px;padding:0 16px;box-shadow:4px 4px 0 0 var(--navy);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}.nav-demo:hover{background:var(--navy);color:#fff}.nav-demo:active{transform:translate(3px,3px);box-shadow:none}.nav-burger{display:none;width:46px;height:46px;align-items:center;justify-content:center;flex:none;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;padding:0}.nav-burger:hover{background:var(--navy-tint)}.nav-sheet{display:none;border-top:2px solid var(--ink);background:var(--ground);padding:8px 20px 20px;flex-direction:column}.nav-sheet[data-open=true]{display:flex}.nav-sheet a{font-family:var(--mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--ink-soft);padding:15px 4px;border-bottom:1px solid var(--rule);display:block}.nav-sheet a:hover{color:var(--navy)}.nav-sheet a.login{font-weight:700;color:var(--ink);padding:18px 4px 6px;display:flex;align-items:center;gap:8px;border-bottom:0}.nav-tape{position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--accent);z-index:2;pointer-events:none}@media (max-width:1000px){.nav-links{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links>a{flex:none}.nav-inner{gap:12px;padding-left:20px;padding-right:20px}}@media (max-width:820px){.nav-links,.nav-login{display:none}.nav-burger{display:flex}}@media (max-width:420px){.nav-actions{gap:10px}.nav-demo{font-size:11px;padding:0 12px;box-shadow:3px 3px 0 0 var(--navy)}}.footer{position:relative;z-index:10;width:100%;background:#e2e2eb}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto;padding:44px 32px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-logo{display:flex;align-items:center;gap:13px}.footer-word{position:relative;padding:4px 9px}.footer-word .bracket{position:absolute;width:10px;height:10px}.footer-word .bracket.tr{top:0;right:0;border-top:2.5px solid var(--accent);border-right:2.5px solid var(--accent)}.footer-word .bracket.bl{bottom:0;left:0;border-bottom:2.5px solid var(--accent);border-left:2.5px solid var(--accent)}.footer-word span{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.04em;line-height:1;color:#1f2430;display:block}.footer-tag{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-soft)}.footer-contact{display:flex;flex-direction:column;gap:4px;margin-top:6px}.footer-contact a{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink);display:flex;align-items:center;gap:8px}.footer-contact a:hover{color:var(--navy)}.footer-copy{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px}.footer-cols{display:flex;gap:64px;flex-wrap:wrap;padding-top:8px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h3{margin:0;font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:600}.footer-col a,.footer-col h3{font-family:var(--mono);text-transform:uppercase}.footer-col a{font-size:12px;letter-spacing:.08em;color:var(--ink-soft)}.footer-col a:hover{color:var(--navy)}.mark-svg{display:block;flex:none}