/* narenana family, approved homepage identity. No global application resets. */
:root{--nn-paper:#f4f8fc;--nn-ink:#15191c;--nn-blue:#087bc1;--nn-orange:#ff8500;--nn-muted:#586a79;--nn-line:#d3e0eb;--nn-display:'Barlow Condensed','Arial Narrow',sans-serif;--nn-sans:'DM Sans',Arial,sans-serif;--nn-mono:'JetBrains Mono',monospace}
.nn-header{position:relative;z-index:25;background:var(--nn-paper);border-bottom:1px solid var(--nn-line);font:14px/1.4 var(--nn-sans);color:var(--nn-ink)}
.nn-header *,.nn-footer *{box-sizing:border-box}
.nn-header .nn-bar{max-width:1320px;margin:auto;min-height:82px;padding:14px 28px;display:flex;align-items:center;gap:32px}
.nn-header a,.nn-footer a{text-decoration:none;color:var(--nn-ink)}
.nn-header a:hover,.nn-footer a:hover{color:var(--nn-blue)}
.nn-header a:focus-visible,.nn-header summary:focus-visible,.nn-footer a:focus-visible{outline:3px solid var(--nn-orange);outline-offset:5px}
.nn-header .nn-brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap;color:var(--nn-ink)}
.nn-brand img{display:block;border-radius:50%;width:40px;height:40px}.nn-brand span,.nn-wordmark span{color:var(--nn-orange)}
.nn-header .nn-desktop{display:flex;align-items:center;justify-content:center;gap:26px;margin:auto}
.nn-header nav a{display:flex;flex-direction:column;gap:4px;white-space:nowrap;font-size:13px;font-weight:700}
.nn-header nav small{font:400 10px/1.4 var(--nn-sans);color:var(--nn-muted);text-transform:none;letter-spacing:0}
.nn-header nav a[aria-current]{color:var(--nn-blue)}
.nn-header .nn-contact{font-size:12px;font-weight:700;border:1px solid var(--nn-line);padding:12px 15px;border-radius:3px;white-space:nowrap}
.nn-header .nn-mobile{display:none}.nn-footer{font:13px/1.6 var(--nn-sans);background:var(--nn-paper);border-top:1px solid var(--nn-line);color:var(--nn-muted);padding:32px max(24px,calc((100% - 1264px)/2));display:flex;justify-content:space-between;align-items:start;gap:28px}
.nn-footer .nn-wordmark{font-size:22px;font-weight:700;letter-spacing:-1px}.nn-footer p{margin:5px 0}.nn-footer nav{display:flex;gap:18px;flex-wrap:wrap;max-width:650px}.nn-footer nav a{font-size:12px}
@media(max-width:1080px){.nn-header .nn-contact{display:none}.nn-header .nn-desktop{gap:20px;margin-left:auto;margin-right:0}}
@media(max-width:760px){.nn-header .nn-bar{min-height:70px;padding:14px 20px;justify-content:space-between}.nn-header .nn-brand{font-size:22px}.nn-header .nn-desktop{display:none}.nn-header .nn-mobile{display:block}.nn-mobile summary{cursor:pointer;list-style:none;border:1px solid var(--nn-line);padding:10px 14px;border-radius:3px;font-size:12px}.nn-mobile summary::-webkit-details-marker{display:none}.nn-mobile nav{position:absolute;top:100%;left:0;right:0;padding:12px 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--nn-paper);border-bottom:1px solid var(--nn-line);box-shadow:0 15px 30px #15191c12}.nn-footer{flex-direction:column}.nn-footer nav{gap:14px 20px}}
.nn-header .nn-cta{display:inline-flex;align-items:center;gap:22px;padding:12px 18px;background:var(--nn-orange);border:1px solid var(--nn-orange);border-radius:3px;color:var(--nn-ink);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}
.nn-header .nn-cta:hover{color:var(--nn-ink);background:#ff9a2e}
@media(max-width:760px){.nn-header .nn-cta{margin-left:auto;padding:10px 12px;gap:12px;font-size:11px}.nn-header .nn-bar:has(.nn-cta){gap:10px}}
