:root{--nav-h:72px}.hn-skip{padding:var(--space-md) var(--space-xl);background:var(--brand-primary);color:var(--brand-text);font-family:var(--font-body);z-index:9999;border-radius:0 0 var(--radius-sm) 0;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s ease-out;position:absolute;top:0;left:0;transform:translateY(-100%)}.hn-skip:focus{transform:translateY(0)}.hn-container{max-width:1200px;padding-inline:var(--space-xl);margin-inline:auto}.hn-btn{font-family:var(--font-body);padding:var(--space-md) var(--space-xl);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s ease-out,box-shadow .15s ease-out,color .15s ease-out;display:inline-flex}.hn-btn:active{transition:transform 80ms ease-in;transform:scale(.97)}.hn-btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:1rem}.hn-btn--primary{background:var(--brand-primary);color:var(--brand-text)}.hn-btn--primary:hover{background:var(--brand-primary-dark);box-shadow:0 4px 24px var(--brand-primary-glow);color:var(--brand-text)}.hn-btn--ghost{background:var(--brand-primary-light);color:var(--brand-accent);border:1px solid var(--border-p)}.hn-btn--ghost:hover{color:var(--brand-accent);background:#a3498747}.hn-btn--teal{color:var(--brand-accent2);background:#daa6371a;border:1px solid #daa6374d}.hn-btn--teal:hover{color:var(--brand-accent2);background:#daa6372e;box-shadow:0 4px 20px #daa63726}.hn-section-header{text-align:center;margin-bottom:var(--space-3xl)}.hn-section-header h2{color:var(--brand-text);margin-bottom:var(--space-md);font-size:clamp(1.75rem,4vw,2.5rem)}.hn-section-header p{color:var(--brand-muted);max-width:500px;margin-inline:auto;font-size:1rem}.hn-section-link{align-items:center;gap:var(--space-xs);color:var(--brand-primary);margin-top:var(--space-2xl);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s ease-out;display:inline-flex}.hn-section-link:hover{color:var(--brand-accent)}.hn-logo{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:inline-flex}.hn-logo:hover .hn-logo__text{opacity:.85}.hn-logo__img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.hn-logo__text{font-family:var(--font-display);letter-spacing:.12em;background:linear-gradient(135deg, var(--brand-text) 0%, var(--brand-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700;transition:opacity .15s ease-out}.hn-nav{z-index:100;-webkit-backdrop-filter:var(--blur);background:#0a050de0;position:sticky;top:0}.hn-nav:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--brand-primary) 50%, transparent 100%);opacity:.45;height:1px;position:absolute;bottom:0;left:0;right:0}.hn-nav__inner{max-width:1200px;padding:var(--space-lg) var(--space-xl);align-items:center;gap:var(--space-2xl);margin-inline:auto;display:flex}.hn-nav__links{align-items:center;gap:var(--space-2xl);flex:1;justify-content:center;display:none}.hn-nav__link{font-family:var(--font-display);letter-spacing:.07em;color:var(--brand-muted);padding-bottom:2px;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s ease-out;position:relative}.hn-nav__link:after{content:"";background:var(--brand-primary);transform-origin:50%;border-radius:1px;height:2px;transition:transform .15s ease-out;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.hn-nav__link:hover{color:var(--brand-accent)}.hn-nav__link:hover:after{transform:scaleX(1)}.hn-nav__actions{align-items:center;gap:var(--space-md);flex-shrink:0;display:none}.hn-nav__burger{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--brand-text);cursor:pointer;padding:var(--space-sm);background:0 0;justify-content:center;align-items:center;margin-left:auto;transition:border-color .15s ease-out;display:flex}.hn-nav__burger:hover{border-color:var(--border-p)}.hn-nav__mobile{padding:var(--space-lg) var(--space-xl) var(--space-xl);gap:var(--space-xs);border-top:1px solid var(--border);flex-direction:column;display:none}.hn-nav__mobile--open{display:flex}.hn-nav__mlink{font-family:var(--font-display);letter-spacing:.06em;color:var(--brand-muted);padding:var(--space-md) 0;border-bottom:1px solid var(--border);font-size:.9rem;text-decoration:none;transition:color .15s ease-out;display:block}.hn-nav__mlink:hover{color:var(--brand-accent)}.hn-nav__mactions{gap:var(--space-md);padding-top:var(--space-lg);display:flex}.hn-nav__mactions .hn-btn{flex:1;justify-content:center}@media (width>=1024px){.hn-nav__links,.hn-nav__actions{display:flex}.hn-nav__burger{display:none}}.hn-footer{border-top:1px solid var(--border);padding:var(--space-3xl) 0 var(--space-2xl)}.hn-footer__inner{max-width:1200px;padding-inline:var(--space-xl);margin-inline:auto}.hn-footer__top{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid}.hn-footer__brand{gap:var(--space-md);flex-direction:column;display:flex}.hn-footer__tagline{color:var(--brand-muted);max-width:260px;font-size:.875rem;line-height:1.65}.hn-footer__col-title{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text);margin-bottom:var(--space-md);font-size:.72rem;font-weight:600}.hn-footer__links{flex-direction:column;list-style:none;display:flex}.hn-footer__link{color:var(--brand-muted);min-height:44px;padding-block:var(--space-xs);align-items:center;font-size:.875rem;text-decoration:none;transition:color .15s ease-out;display:flex}.hn-footer__link:hover{color:var(--brand-accent)}.hn-footer__bottom{border-top:1px solid var(--border);padding-top:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.hn-footer__legal{gap:var(--space-xl);flex-wrap:wrap;display:flex}.hn-footer__legal-link{color:var(--brand-muted);align-items:center;min-height:44px;font-size:.8rem;text-decoration:none;transition:color .15s ease-out;display:flex}.hn-footer__legal-link:hover{color:var(--brand-accent)}.hn-footer__copy{color:var(--brand-muted);font-size:.8rem}@media (width>=768px){.hn-footer__top{grid-template-columns:2fr 1fr 1fr 1fr}}
