:root{--bg:#0b0f15;--panel:#0f1729;--bdr:#1e2740;--text:#e6f1ff;--muted:#9fb3c8;--neon1:#00eaff;--neon2:#ff3b9a;--card:#0c1222;}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(900px 400px at -10% -10%, rgba(0,234,255,.08), transparent 60%),linear-gradient(180deg,#0b0f15,#0a0f1d);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}
h1,h2,h3{margin:0 0 12px 0} .glow{color:var(--neon1);text-shadow:0 0 14px rgba(0,234,255,.65),0 0 30px rgba(255,59,154,.35)}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid #223257;background:linear-gradient(90deg,var(--neon2),var(--neon1));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 0 30px rgba(0,234,255,.2);transition:transform .15s ease, box-shadow .2s;text-decoration:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 40px rgba(0,234,255,.3)}
.nl4-wrap{max-width:1000px;margin:40px auto;padding:0 16px}
.nl4-hero{position:relative;overflow:hidden;border:1px solid var(--bdr);background:linear-gradient(180deg,#0d1323,#0b0f15);border-radius:18px;padding:32px;box-shadow:0 0 60px rgba(0,234,255,.08)}
.nl4-hero-bg .orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.6}
.orb-a{width:220px;height:220px;background:radial-gradient(circle,#00eaff,transparent 70%);top:-40px;left:-40px;animation:float1 9s ease-in-out infinite}
.orb-b{width:280px;height:280px;background:radial-gradient(circle,#ff3b9a,transparent 70%);bottom:-60px;right:-40px;animation:float2 12s ease-in-out infinite}
.orb-c{width:160px;height:160px;background:radial-gradient(circle,#7c3aed,transparent 70%);top:30%;left:60%;animation:float3 10s ease-in-out infinite}
@keyframes float1{50%{transform:translateY(12px) translateX(8px)}}
@keyframes float2{50%{transform:translateY(-10px) translateX(-10px)}}
@keyframes float3{50%{transform:translateY(8px) translateX(-6px)}}
.lead{color:var(--muted)}

.nl4-card{margin-top:18px;border:1px solid var(--bdr);border-radius:18px;padding:20px;background:linear-gradient(180deg,#0e1526,#0b0f15);box-shadow:inset 0 0 60px rgba(124,58,237,.08)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.grid{grid-template-columns:1fr}}

.control label{display:block;margin:0 0 6px 0;color:var(--muted)}
input[type=range]{width:100%;appearance:none;height:8px;background:#0c1322;border-radius:999px;outline:none;border:1px solid #18223a}
input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--neon2),var(--neon1));box-shadow:0 0 20px rgba(0,234,255,.45), 0 0 0 8px rgba(0,234,255,.05);border:2px solid #09101d;cursor:pointer;transition:transform .1s ease}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.05)}
.result{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
@media (max-width:700px){.result{grid-template-columns:1fr}}
.result-item{border:1px solid var(--bdr);background:var(--card);border-radius:16px;padding:16px}
.label{color:#b8c7de;margin-bottom:6px}
.value{font-size:28px;font-weight:800;text-shadow:0 0 12px rgba(0,234,255,.25)}

.nl4-steps{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.nl4-steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:16px;position:relative;overflow:hidden;transition:transform .15s ease, box-shadow .2s}
.step:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,234,255,.08)}
.step .num{position:absolute;top:-8px;right:12px;font-size:80px;opacity:.06;font-weight:900}
.step .icon img{width:28px;height:28px;opacity:.9}

.benefit-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.benefit-grid{grid-template-columns:1fr}}
.benefit{background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:16px;transition:transform .15s ease, box-shadow .2s}
.benefit:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,234,255,.08)}
.benefit img{width:26px;height:26px;margin-bottom:6px;opacity:.95}

.nl4-form .row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.nl4-form .row{grid-template-columns:1fr}}
.field{position:relative}
.field.with-icon img{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.8}
.field.with-icon input{padding-left:40px}
.nl4-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1b2540;background:#0b1222;color:var(--text);outline:none}

.nl4-faq details{border:1px solid var(--bdr);background:var(--card);border-radius:12px;padding:12px;margin:10px 0}
.nl4-faq summary{cursor:pointer;list-style:none}
.nl4-faq summary::-webkit-details-marker{display:none}
.nl4-faq details[open]{box-shadow:0 0 28px rgba(0,234,255,.06)}

.tiny{color:#89a3c0;margin-top:14px;font-size:12px}
/* Trust strip */
.nl4-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.nl4-trust .t-item{display:flex;gap:8px;align-items:center;background:rgba(12,18,34,.7);border:1px solid #23324e;padding:8px 10px;border-radius:999px;font-size:13px;color:#cfe3ff}
.nl4-trust img{width:16px;height:16px;opacity:.9}

/* Sticky CTA */
.nl4-sticky-cta{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:9999;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,var(--neon2),var(--neon1));color:#fff;font-weight:800;border:1px solid #223257;box-shadow:0 10px 40px rgba(0,234,255,.25);text-decoration:none;opacity:0;pointer-events:none;transition:opacity .25s ease}
.nl4-sticky-cta.show{opacity:1;pointer-events:auto}

/* Droplet reveal */
[data-reveal]{--ms:0%;mask-image:radial-gradient(circle at 50% 0%, rgba(0,0,0,1) var(--ms), rgba(0,0,0,0) calc(var(--ms) + 1%));-webkit-mask-image:radial-gradient(circle at 50% 0%, rgba(0,0,0,1) var(--ms), rgba(0,0,0,0) calc(var(--ms) + 1%));mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:0% 0%;-webkit-mask-size:0% 0%}
[data-reveal].in{animation:droplet 800ms ease forwards}
@keyframes droplet{0%{--ms:0%;mask-size:10% 10%}40%{--ms:60%;mask-size:120% 120%}100%{--ms:140%;mask-size:240% 240%}}

/* Toasts */
.nl4-toasts{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:99999;pointer-events:none}
.nl4-toast{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid #23405a;background:rgba(15, 23, 41, .92);backdrop-filter:blur(6px);color:#d9f0ff;box-shadow:0 0 20px rgba(0,234,255,.15);opacity:0;transform:translateY(8px);animation:toast-in .25s ease forwards}
.nl4-toast .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--neon1), var(--neon2))}
@keyframes toast-in{to{opacity:1;transform:translateY(0)}} @keyframes toast-out{to{opacity:0;transform:translateY(8px)}}