*{margin:0;padding:0;box-sizing:border-box}
:root{--nop-bg:#fdf6ec;--nop-ink:#1c1b18;--nop-mut:#666;--nop-ac:#985811;
--nop-soft:#f6f1eb;--nop-bd:#e7ddc8}
html{scroll-behavior:smooth}
body.nop-body{font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:var(--nop-bg);
color:var(--nop-ink);line-height:1.7}
a{color:inherit;text-decoration:none}
.nop-container{max-width:1020px;margin:0 auto;padding:0 26px}
.nop-narrow{max-width:720px}
.nop-nav{position:sticky;top:0;z-index:50;background:var(--nop-bg);
border-bottom:3px solid var(--nop-ink)}
.nop-nav .nop-container{display:flex;align-items:center;height:70px}
.nop-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}
.nop-logo img{border-radius:8px}
.nop-navlinks{display:flex;gap:20px;margin-left:34px;font-size:15px}
.nop-navlinks a{opacity:.72;font-weight:700}
.nop-navlinks a:hover{opacity:1;color:var(--nop-ac)}
.nop-cta{margin-left:auto;background:var(--nop-ac);color:#fff;font-weight:800;
padding:11px 22px;border-radius:4px}
.nop-cta:hover{background:#824b0e}
.nop-hero{padding:82px 0 72px;
border-bottom:3px solid var(--nop-ink)}
.nop-hero h1{font-size:clamp(38px,8vw,82px);line-height:.98;font-weight:900;
letter-spacing:-2px}
.nop-hero p{max-width:560px;margin:26px 0;font-size:19px;color:var(--nop-mut)}
.nop-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.nop-hero-meta span{border:2px solid var(--nop-ink);padding:6px 14px;font-weight:700;
font-size:14px;border-radius:4px}
.nop-hero-dl{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 38px}
.nop-hdl{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;
border-radius:10px;border:1.5px solid var(--nop-ac);color:var(--nop-ac);
font-weight:700;font-size:16px;background:rgba(128,128,128,.05);transition:.15s}
.nop-hdl:hover{background:var(--nop-ac);color:#fff;transform:translateY(-2px)}
.nop-sec{padding:78px 0}
.nop-dark{background:var(--nop-ink);color:#fff}
.nop-h2{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-1px;
margin-bottom:40px}
.nop-w{color:#fff}
.nop-feats{display:flex;flex-direction:column}
.nop-feat{display:flex;gap:26px;align-items:flex-start;padding:28px 0;
border-top:2px solid var(--nop-bd)}
.nop-feat:last-child{border-bottom:2px solid var(--nop-bd)}
.nop-n{font-size:46px;font-weight:900;color:var(--nop-ac);line-height:1;min-width:70px}
.nop-feat h3{font-size:23px;font-weight:800}
.nop-feat p{color:var(--nop-mut);margin-top:6px}
.nop-nodeband{background:var(--nop-soft);padding:60px 0;text-align:center;
border-top:3px solid var(--nop-ink);
border-bottom:3px solid var(--nop-ink)}
.nop-nodeband h2{font-size:26px;font-weight:900}
.nop-nodeband p{color:var(--nop-mut);margin-top:10px;max-width:680px;margin-inline:auto}
.nop-nodegrid{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;
margin-top:22px;font-weight:700}
.nop-nodegrid b{color:var(--nop-ac)}
.nop-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nop-dlcard{display:flex;align-items:center;gap:16px;background:#1c1c1c;
border:2px solid #333;border-radius:8px;padding:22px;transition:.18s}
.nop-dlcard:hover{border-color:var(--nop-ac)}
.nop-dlcard h3{font-size:19px;color:#fff}
.nop-dlmeta{color:#aaa;font-size:13px}
.nop-faq details{border-bottom:2px solid var(--nop-bd);padding:4px 0}
.nop-faq summary{cursor:pointer;font-weight:800;font-size:18px;padding:18px 0;
list-style:none}
.nop-faq summary::-webkit-details-marker{display:none}
.nop-faq p{color:var(--nop-mut);padding-bottom:18px}
.nop-steps{display:flex;flex-wrap:wrap;gap:20px}
.nop-step{flex:1 1 240px;border-top:2px solid var(--nop-bd);padding-top:16px}
.nop-step b{display:block;font-size:32px;font-weight:900;color:var(--nop-ac);
line-height:1}
.nop-step h3{font-size:19px;font-weight:800;margin-top:6px}
.nop-step p{color:var(--nop-mut);font-size:14.5px}
.nop-quotes{display:flex;flex-wrap:wrap;gap:18px}
.nop-quote{flex:1 1 260px;border-left:4px solid var(--nop-ac);padding:4px 0 4px 16px;
font-size:15px}
.nop-quote span{display:block;margin-top:8px;font-size:13px;color:var(--nop-mut)}
.nop-flinks{background:var(--nop-soft);padding:36px 0;
border-top:3px solid var(--nop-ink)}
.nop-flinks h2{font-size:15px;color:var(--nop-mut);margin-bottom:14px;font-weight:700}
.nop-flinks-list{display:flex;flex-wrap:wrap;gap:10px 24px}
.nop-flinks-list a{color:var(--nop-ac);font-weight:700;font-size:15px}
.nop-flinks-list a:hover{text-decoration:underline}
.nop-ft{background:var(--nop-ink);color:#bbb;padding:32px 0;text-align:center}
.nop-ft-brand{display:flex;align-items:center;justify-content:center;gap:8px;
font-weight:900;color:#fff;margin-bottom:8px}
.nop-ft a{color:#ddd;margin:0 9px;font-size:13.5px}
.nop-ft-copy{font-size:13px;margin-top:8px}
.nop-doc{padding:78px 0;max-width:70ch}
.nop-doc h1{font-size:34px;font-weight:900;margin-bottom:18px;letter-spacing:-1px}
.nop-doc h2{font-size:19px;font-weight:800;margin:24px 0 6px}
.nop-doc p{color:var(--nop-mut);margin-bottom:12px}
@media(max-width:700px){
.nop-dl{grid-template-columns:1fr}
.nop-feat{gap:16px}
.nop-n{font-size:34px;min-width:50px}
.nop-navlinks{display:none}
}