.np-hero,.np-panel,.np-faq,.np-cta{--np-bg:#f2fbf6;--np-ink:#06301f;--np-ink-soft:#1b5e42;--np-green:#34d399;--np-green-dk:#0e8f5c;--np-panel:#16a868;--np-panel-dk:#0c7a49;--np-shadow:#06301f}.np-hero{background:var(--np-bg) url(/bg.webp) center / cover no-repeat;text-align:center;margin-top:-72px;padding:calc(6.5rem + 72px) 0 5.5rem;position:relative;overflow:hidden}.np-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f2fbf673 0%,#f2fbf640 50%,#f2fbf699 100%);position:absolute;inset:0}.np-hero-decor{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.np-blob{filter:blur(60px);opacity:.35;border-radius:50%;position:absolute}.np-blob-1{background:radial-gradient(circle, var(--np-green) 0%, transparent 70%);width:420px;height:420px;top:-180px;left:-100px}.np-blob-2{background:radial-gradient(circle,#9ce7b6 0%,#0000 70%);width:380px;height:380px;top:-140px;right:-120px}.np-blob-3{background:radial-gradient(circle, var(--np-green) 0%, transparent 70%);opacity:.2;width:300px;height:300px;bottom:-160px;left:45%}.np-float{color:var(--np-green);opacity:.18;font-size:2.5rem;position:absolute}.np-float-1{font-size:3rem;animation:6s ease-in-out infinite npfloat;top:18%;left:8%;transform:rotate(-12deg)}.np-float-2{font-size:2rem;animation:7s ease-in-out .5s infinite npfloat;top:62%;left:5%;transform:rotate(10deg)}.np-float-3{font-size:2.6rem;animation:6.5s ease-in-out .2s infinite npfloat;top:20%;right:8%;transform:rotate(14deg)}.np-float-4{font-size:2rem;animation:5.5s ease-in-out .8s infinite npfloat;top:60%;right:6%;transform:rotate(-10deg)}@keyframes npfloat{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}.np-hero-inner{z-index:10;flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;margin:0 auto;padding-inline:1.5rem;display:flex;position:relative}.np-badge{border:2px solid var(--np-green);color:var(--np-ink);box-shadow:3px 3px 0px 0px var(--np-green);background:#fff;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.2rem;font-size:.78rem;font-weight:800;display:inline-flex}.np-badge-dot{background:var(--np-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite ping}.np-badge-dot.offline{background:#f87171;animation:none}.np-hero-title{letter-spacing:-.02em;color:var(--np-ink);font-size:clamp(2.1rem,6vw,3.6rem);font-weight:900;line-height:1.12}.np-highlight{color:var(--np-green-dk);text-underline-offset:6px;text-decoration:underline 4px;text-decoration-color:var(--np-green)}.np-hero-sub{color:var(--np-ink-soft);max-width:560px;font-size:1.05rem;font-weight:700;line-height:1.65}.np-hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:.5rem;display:flex;position:relative}.np-copied{color:var(--np-green-dk);opacity:0;font-size:.75rem;font-weight:800;transition:opacity .25s}.np-copied.show{opacity:1}.np-wave-hero{z-index:3;width:100%;height:90px;display:block;position:absolute;bottom:-1px;left:0;right:0}.np-btn{border:2px solid var(--np-shadow);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;box-shadow:4px 4px 0px 0px var(--np-shadow);border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.8rem;font-size:.82rem;font-weight:900;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s;display:inline-flex}.np-btn:hover{box-shadow:2px 2px 0px 0px var(--np-shadow);transform:translate(2px,2px)}.np-btn:active{box-shadow:0px 0px 0px 0px var(--np-shadow);transform:translate(4px,4px)}.np-btn-primary{background:var(--np-green);color:var(--np-ink)}.np-btn-primary:hover{background:#6ee7b7}.np-btn-outline{color:var(--np-ink);background:#fff}.np-btn-outline:hover{background:var(--np-bg)}.np-section-title{color:var(--np-ink);margin-bottom:.6rem;font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:900}.np-section-subtitle{color:var(--np-ink-soft);max-width:480px;font-size:.95rem;font-weight:700}.np-panel{background:var(--np-panel);text-align:center;padding:2rem 0 6.5rem;position:relative;overflow:hidden}.np-panel-inner{z-index:5;flex-direction:column;align-items:center;gap:1rem;max-width:880px;margin:0 auto;padding-inline:1.5rem;display:flex;position:relative}.np-panel-title{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:900;display:flex}.np-panel-pill{color:var(--np-panel-dk);box-shadow:4px 4px 0px 0px var(--np-panel-dk);background:#fff;border-radius:10px;padding:.2rem 1rem}.np-panel-sub{color:#ffffffe6;max-width:620px;font-size:.98rem;font-weight:700;line-height:1.65}.np-panel-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-top:1.5rem;display:grid}.np-wave-panel{z-index:4;width:100%;height:90px;display:block;position:absolute;bottom:-1px;left:0;right:0}.np-feature-card{text-align:left;box-shadow:4px 4px 0px 0px var(--np-panel-dk);background:#fff;border-radius:14px;padding:1.75rem 1.5rem;transition:transform .2s}.np-feature-card:hover{transform:translateY(-3px)}.np-feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.9rem;font-size:1.1rem;display:flex}.np-feature-card h3{color:var(--np-ink);margin-bottom:.4rem;font-size:.98rem;font-weight:800}.np-feature-card p{color:var(--np-ink-soft);font-size:.82rem;font-weight:600;line-height:1.6}.np-section{background:var(--np-bg);padding:3.5rem 0}.np-container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:1.5rem}.np-grid{gap:1.25rem;display:grid}.np-grid-2{grid-template-columns:repeat(2,1fr)}.np-grid-3{grid-template-columns:repeat(3,1fr)}.np-card{box-shadow:4px 4px 0px 0px var(--np-panel-dk);background:#fff;border-radius:14px;overflow:hidden}.np-card-header{text-transform:uppercase;letter-spacing:.12em;color:var(--np-ink-soft);border-bottom:1px solid #06301f0a;align-items:center;gap:.4rem;padding:.85rem 1.25rem;font-size:.65rem;font-weight:700;display:flex}.np-card-header i{font-size:.8rem}.np-card-body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.np-cta{background:var(--np-bg)}.np-cta-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:1320px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:grid}.np-cta-inner{text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;display:flex;transform:translate(64px)}.np-cta-title{color:var(--np-ink);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.1}.np-cta-desc{color:var(--np-ink-soft);max-width:440px;font-size:1.05rem;font-weight:700;line-height:1.7}.np-cta-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.np-cta-skin{justify-content:center;align-items:center;display:flex}.np-cta-skin img{filter:drop-shadow(0 16px 32px #06301f33);width:100%;max-width:460px;height:auto;display:block;transform:translate(40px,-40px)}.np-wave-foot{--np-panel:#16a868;margin-top:-1px;line-height:0}.np-wave-foot svg{width:100%;height:90px;display:block}@keyframes ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@media (width<=1024px){.np-panel-grid,.np-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.np-hero{padding:4.5rem 0}.np-hero-title{font-size:clamp(1.9rem,8vw,2.6rem)}.np-hero-sub{font-size:.9rem}.np-hero-actions{flex-direction:column;width:100%;max-width:320px}.np-hero-actions .np-btn{width:100%}.np-panel{padding:1.5rem 0 5rem}.np-panel-grid,.np-grid-2,.np-grid-3{grid-template-columns:1fr}.np-float{display:none}.np-cta-grid{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:4rem 1.25rem}.np-cta-inner{text-align:center;align-items:center}.np-cta-desc{margin-inline:auto}.np-cta-skin{order:-1}.np-cta-actions{flex-direction:column;width:100%}.np-cta-actions .np-btn{width:100%}}@media (width<=480px){.np-hero{padding:3.5rem 0}.np-hero-title{font-size:clamp(1.6rem,9vw,2.1rem)}.np-badge{padding:.45rem .9rem;font-size:.7rem}.np-btn{padding:.75rem 1.3rem;font-size:.72rem}.np-panel-title{font-size:1.5rem}.np-panel-sub{font-size:.85rem}.np-feature-card{padding:1.4rem 1.1rem}.np-section-title{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.np-float,.np-badge-dot,.np-feature-card{transition:none!important;animation:none!important}}
