/* OGInvoice 24.1 - asas kongsi untuk /new-home-1..5 */
@font-face { font-family: "Manrope"; src: url("fonts/manrope.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
h1, h2, h3, h4, p, ul, ol, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button, input, select { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid #2f6bff; outline-offset: 3px; }
.nhd { position: fixed; z-index: 99; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 2px; padding: 4px; border-radius: 999px; background: rgba(8, 14, 40, .88); backdrop-filter: blur(8px); box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.nhd a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #c9d6ff; font-size: .8rem; font-weight: 800; }
.nhd a.on { background: #fff; color: #08122e; }
.nhd a:hover:not(.on) { background: rgba(255, 255, 255, .15); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition: none !important; } }
header a, header b { white-space: nowrap; }
@media (max-width: 420px) { header [class$="-btn-s"], header .n2-btn-w, header .n3-pill { padding: 8px 12px !important; font-size: .78rem !important; } header [class$="-brand"] b { font-size: 1rem; } }