html:has(.nm-page){color-scheme:light;--nm-ink: #1F2A30;--nm-paper: #F4EAD2;--nm-card: #EBDFC1;--nm-red: #D2492F;--nm-petrol: #0E5E6F;--nm-mint: #7ECBB0;--nm-mustard: #E9B23E;--bg: var(--nm-paper);--text: var(--nm-ink);--muted: #5B615C;--well-border: #D8C9A6;--card: var(--nm-card);--poly-secondary: var(--nm-petrol);--accent: var(--nm-petrol);accent-color:var(--nm-petrol)}.sec-nattermatic .container{width:auto}html:has(.nm-page){background:var(--nm-paper)}html:has(.nm-page) body{color:var(--nm-ink)}.nm-page{max-width:1060px;margin:0 auto;color:var(--nm-ink)}.nm-page a{color:#0b5161;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.nm-page a:hover{color:var(--nm-red)}.nm-page .logo-poly,.nm-page .logo-morphism{color:inherit}.nm-page ::selection{background:color-mix(in srgb,var(--nm-mustard) 55%,transparent)}.nm-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 0;font-family:var(--font-sans);font-size:15px}.nm-page .nm-top a{color:var(--nm-ink);text-decoration:none}.nm-page .nm-top a:hover{color:var(--nm-red)}.nm-by .logo-poly,.nm-by .logo-morphism{font-weight:600}.nm-hero{display:grid;gap:8px 32px;align-items:center;padding:20px 0 8px}.nm-title{margin:0;line-height:0}.nm-wordmark{display:block;width:100%;max-width:560px;height:auto}.nm-lead{font-family:var(--font-sans);font-weight:500;font-size:clamp(21px,3.2vw,27px);line-height:1.25;margin:14px 0 12px;text-wrap:balance}.nm-sub{margin:0;padding:0;list-style:none;font-size:16.5px}.nm-sub li{position:relative;padding:3px 0 3px 24px}.nm-sub li:before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:12px;background:var(--nm-red);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.nm-sub code,.nm-body code{font-family:var(--font-mono);font-size:.9em;background:var(--nm-card);padding:1px 5px;border-radius:4px}.nm-hero-art{max-width:540px;width:100%;justify-self:center}.nm-robots{display:block;width:100%;height:auto;overflow:visible}@media(min-width:860px){.nm-hero{grid-template-columns:1fr 1fr;padding-top:28px}}.nm-setup{position:relative;margin:18px 0 8px;padding:clamp(20px,3.4vw,30px);border-radius:14px;background:radial-gradient(circle at 100% 0,rgb(244 234 210 / .14) 1.4px,transparent 1.6px) 0 0 / 9px 9px,var(--nm-petrol);color:#f4ead2;box-shadow:6px 6px 0 var(--nm-ink)}.nm-setup:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(200deg,transparent 30%,var(--nm-petrol) 62%)}.nm-setup>*{position:relative}.nm-setup-label{margin:0 0 10px;font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--nm-mint)}.nm-page .install{color:var(--nm-ink);background:#fbf6ea;border:2px solid var(--nm-ink);border-radius:8px;font-family:var(--font-mono);font-size:14px}.nm-page .install .p{color:#8c8c80}.nm-setup .install{margin:0;font-size:15px;padding:13px 16px}.nm-setup .install.has-copy{padding-right:46px}.nm-page .nm-setup .card-note{color:#cfe7dd;font-size:14px}.nm-page .nm-setup .card-note a{color:#fff}.nm-body{max-width:880px;margin:0 auto;padding-bottom:24px}.nm-body h2{margin:1.9em 0 .6em;font-size:clamp(24px,3.4vw,30px);text-wrap:balance}.nm-body h2:after{content:"";display:block;width:74px;height:8px;margin-top:10px;border-radius:0 8px;background:linear-gradient(90deg,var(--nm-red) 0 33%,var(--nm-mustard) 0 66%,var(--nm-mint) 0);transform:skew(-24deg);transform-origin:0 100%}.nm-page .card-note,.nm-page .compare th{color:var(--muted)}.nm-page .compare thead th:last-child{color:var(--nm-red)}.nm-page .compare .yes{color:var(--nm-petrol)}.nm-page .compare .no{color:#9a8f78}.nm-page .compare tbody tr:nth-child(odd){background:#ebdfc173}.nm-demo{margin-top:34px;border:2px solid var(--nm-ink);box-shadow:6px 6px 0 var(--nm-ink)}.nm-panels{display:grid;gap:16px;margin:0 0 1.2em;padding:0;list-style:none}@media(min-width:640px){.nm-panels{grid-template-columns:1fr 1fr}}.nm-panels li{margin:0;padding:16px 18px 17px;background:var(--nm-card);border:2px solid var(--nm-ink);border-top-width:8px;border-radius:10px}.nm-panels .nm-red{border-top-color:var(--nm-red)}.nm-panels .nm-petrol{border-top-color:var(--nm-petrol)}.nm-panels .nm-mint{border-top-color:var(--nm-mint)}.nm-panels .nm-mustard{border-top-color:var(--nm-mustard)}.nm-panels .k-name{display:block;margin-bottom:3px;font-family:var(--font-sans);font-weight:600;font-size:17px}.nm-panels .k-desc{font-size:15px;line-height:1.45}.nm-page .steps li:before{background:var(--nm-red);color:#fff}.nm-page .steps .install{margin-top:8px}.nm-body pre.install{margin-bottom:1.2em}.nm-foot{margin:40px 0 0;padding:26px clamp(18px,4vw,34px) 30px;border-radius:14px 14px 0 0;background:var(--nm-ink);color:#d9d2c0;font-size:14.5px}.nm-made{margin:0 0 12px;font-size:16px;color:#f4ead2}.nm-page .nm-foot a{color:#f4ead2}.nm-page .nm-foot a:hover{color:var(--nm-mustard)}.nm-made .logo-poly,.nm-made .logo-morphism{font-weight:600}.nm-foot-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 12px}.nm-legal{margin:0;color:#a7a397;font-size:13.5px}.nm-wave,.nm-glow{animation:9s ease-out infinite both}.nm-wave{animation-name:nm-wave}.nm-glow{animation-name:nm-glow}.nm-wave-a-1{animation-delay:.3s}.nm-wave-a-2{animation-delay:.6s}.nm-wave-a-3{animation-delay:.9s}.nm-glow-2{animation-delay:4.5s}.nm-wave-b-1{animation-delay:4.8s}.nm-wave-b-2{animation-delay:5.1s}.nm-wave-b-3{animation-delay:5.4s}@keyframes nm-wave{0%{opacity:0}5%{opacity:1}24%{opacity:0}to{opacity:0}}@keyframes nm-glow{0%{opacity:0}3%{opacity:.7}14%{opacity:0}to{opacity:0}}.nm-letter{animation:nm-drift 6s ease-in-out infinite alternate}@keyframes nm-drift{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.nm-needle{transform-box:view-box;transform-origin:170px 246px;animation:nm-needle 11s ease-in-out infinite alternate}@keyframes nm-needle{0%{transform:rotate(-14deg)}to{transform:rotate(16deg)}}.nm-key{transform-box:fill-box;transform-origin:center}.nm-bot:hover .nm-key{animation:nm-wind 1.2s ease-in-out 2}@keyframes nm-wind{0%,to{transform:scaleY(1)}25%{transform:scaleY(.12)}50%{transform:scaleY(-1)}75%{transform:scaleY(.12)}}@media(prefers-reduced-motion:reduce){.nm-wave,.nm-glow,.nm-letter,.nm-needle,.nm-bot:hover .nm-key{animation:none}.nm-glow{opacity:0}}