*,*::before,*::after{box-sizing:border-box}*{margin:0}
:root{--night:#091a1c;--dark:#102729;--mint:#8de2c4;--amber:#ffb84d;--paper:#f3f0e8;--ink:#182322;--muted:#66706d;--line:#d5d5ca;--sans:"Outfit",Arial,sans-serif;--mono:"DM Mono",monospace}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}
.np-status{height:29px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--night);color:#96aaa6;font:500 .59rem var(--mono);letter-spacing:.12em}.np-status span{width:7px;height:7px;border-radius:50%;background:#ee654d;box-shadow:0 0 8px #ee654d}
.np-header{max-width:1240px;height:82px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.np-logo{display:flex;align-items:center;gap:11px}.np-logo i{width:42px;height:42px;display:grid;place-items:center;background:var(--dark);color:var(--mint);font:500 .8rem var(--mono);font-style:normal}.np-logo b,.np-logo small{display:block;line-height:1.15}.np-logo b{font-size:.94rem}.np-logo small{margin-top:4px;color:var(--muted);font-size:.62rem}.np-header-link{font-size:.75rem;font-weight:700}.np-header-link span{color:#b96600}
.np-hero{max-width:1240px;margin:auto;padding:62px 30px 72px;display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center;border-top:1px solid var(--line)}.np-overline{color:#a95e06;font:500 .67rem var(--mono);letter-spacing:.12em}.np-hero h1{max-width:660px;margin-top:20px;font-size:clamp(3.6rem,7vw,7.1rem);line-height:.88;letter-spacing:-.06em}.np-hero h1 em{display:block;color:#24584f;font-style:normal}.np-deck{max-width:590px;margin-top:30px;color:#52605d;font-size:1.02rem}.np-meta{display:flex;gap:19px;margin-top:27px;color:#7f8885;font:500 .62rem var(--mono);text-transform:uppercase}
.np-monitor{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(180deg,#17383c,#0b2022);border:9px solid #152b2d;box-shadow:0 18px 50px #0c232633}.np-monitor::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff07 4px);z-index:5}.np-rec,.np-time,.np-cam-label{position:absolute;z-index:6;color:#d7ebe4;font:500 .62rem var(--mono)}.np-rec{top:15px;left:16px;color:#ff6b55}.np-time{top:15px;right:16px}.np-cam-label{bottom:14px;left:16px}.np-scene{position:absolute;inset:0}.np-moon{position:absolute;top:17%;right:17%;width:65px;height:65px;border-radius:50%;background:#d8e8cf;box-shadow:0 0 35px #d8e8cf66}.np-house{position:absolute;left:9%;bottom:0;width:65%;height:43%;background:#0a1718;clip-path:polygon(0 35%,32% 35%,50% 0,72% 35%,100% 35%,100% 100%,0 100%)}.np-house::after{content:"";position:absolute;right:14%;bottom:18%;width:38px;height:52px;background:#d8983e}.np-animal{position:absolute;right:18%;bottom:8%;font-size:4.5rem;filter:grayscale(1) contrast(1.2)}
.np-shell{max-width:1040px;margin:auto;padding:70px 30px 115px;display:grid;grid-template-columns:180px minmax(0,720px);gap:70px}.np-rail{align-self:start;position:sticky;top:25px}.np-rail>span{display:block;margin-bottom:13px;color:#a95e06;font:500 .62rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.np-rail a{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;line-height:1.35}.np-rail b{color:#2b5e54;font:500 .62rem var(--mono)}.np-rail a:hover{color:var(--ink)}
.np-disclosure{padding:18px 20px;background:#fff4df;border-left:4px solid var(--amber);color:#625c4e;font-size:.76rem;line-height:1.6}.np-disclosure strong{display:block;margin-bottom:3px;font:500 .61rem var(--mono);letter-spacing:.08em}.np-disclosure a{text-decoration:underline;font-weight:700}.np-lead{margin-top:30px;font-size:1.25rem;line-height:1.55;font-weight:500}.np-content section{scroll-margin-top:25px}
.np-case{position:relative;margin-top:65px;padding-top:20px;border-top:3px solid var(--ink)}.np-case-head{display:flex;justify-content:space-between;gap:20px;color:#68726f;font:500 .64rem var(--mono);letter-spacing:.08em}.np-case-icon{position:absolute;right:0;top:42px;width:70px;height:70px;display:grid;place-items:center;background:#e0ddd3;font-size:2rem;filter:grayscale(.25)}.np-case h2{max-width:580px;margin:27px 0 20px;padding-right:55px;font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.035em}.np-case>p{max-width:650px;margin-bottom:17px;color:#4b5855}.np-source{display:inline-block;margin-top:5px;padding-bottom:3px;border-bottom:1px solid #b97118;color:#8c5108;font:500 .68rem var(--mono)}
.np-case-photo{margin-top:22px}.np-case-photo img{width:100%;max-height:440px;object-fit:cover}.np-case-photo figcaption{margin-top:7px;color:#75807c;font-size:.66rem}.np-photo-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-top:22px}.np-photo-grid .np-case-photo{margin-top:0}.np-photo-grid img{height:285px;max-height:none}.np-case:has(.np-case-photo) h2{max-width:650px;padding-right:0}
.np-case-dark{padding:29px;background:var(--dark);border:0;color:#fff}.np-case-dark .np-case-head{color:#93aaa5}.np-case-dark .np-case-icon{right:29px;top:65px;background:#23423e}.np-case-dark>p{color:#c4d1cd}.np-case-dark .np-source{color:var(--amber)}.np-case-sky{padding:30px;background:#dcebe6;border-color:#265d52}.np-case-sky .np-case-icon{right:30px;top:67px;background:#c4ddd4}
.np-content blockquote{margin:55px 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.45rem;font-weight:700;line-height:1.4;color:#24584f}
.np-privacy{margin-top:65px;padding:32px;border:1px solid #d09b4f;background:#fffaf0}.np-privacy>span,.np-product-copy>span{color:#995608;font:500 .62rem var(--mono);letter-spacing:.12em}.np-privacy h2{margin:13px 0 15px;font-size:1.8rem;line-height:1.15}.np-privacy p{color:#5c5a50}.np-privacy a{display:inline-block;margin-top:16px;color:#8e5005;text-decoration:underline;font-size:.76rem;font-weight:700}
.np-product{margin-top:65px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--night);color:#fff}.np-product-copy{padding:38px}.np-product h2{margin:13px 0 17px;font-size:2.1rem;line-height:1.1}.np-product-copy>p{color:#bdcdca;font-size:.86rem}.np-product ul{margin:20px 0;padding-left:20px}.np-product li{margin:7px 0;color:#deebe7;font-size:.8rem}.np-product .np-product-note{font-size:.7rem;color:#8da39e}.np-button{display:inline-flex;gap:8px;align-items:center;margin-top:23px;padding:14px 17px;background:var(--amber);color:#14201e;font-size:.76rem;font-weight:800}.np-button:hover{background:#ffca78}.np-product figure{padding:30px 25px 20px;background:#dae0dc;display:flex;flex-direction:column;justify-content:center}.np-product figure img{width:100%;max-height:330px;object-fit:contain}.np-product figcaption{margin-top:8px;color:#57615e;font-size:.62rem}
.np-footer{padding:50px max(30px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:45px;background:#061315;color:#879a96;font-size:.72rem}.np-footer>div{max-width:460px}.np-footer b{color:#fff;font-size:1rem}.np-footer p{margin-top:6px}.np-footer a{color:#d9e5e1;text-decoration:underline}
.np-legal{max-width:760px;margin:0 auto;padding:70px 30px 100px}.np-legal h1{font-size:3.5rem;line-height:1;margin-bottom:35px}.np-legal h2{margin:32px 0 9px;font-size:1.25rem}.np-legal p{margin:9px 0;color:#52605d}.np-legal a{text-decoration:underline}.np-legal-date{margin-top:45px!important;color:#818986!important;font-size:.8rem}
@media(max-width:850px){.np-hero{grid-template-columns:1fr}.np-monitor{max-width:680px}.np-shell{grid-template-columns:1fr}.np-rail{display:none}}
@media(max-width:620px){.np-header{height:70px;padding:0 18px}.np-logo small{display:none}.np-header-link{font-size:.67rem}.np-hero{padding:48px 20px 54px;gap:42px}.np-hero h1{font-size:clamp(3.4rem,18vw,5.4rem)}.np-meta{gap:10px;flex-wrap:wrap}.np-shell{padding:45px 20px 75px}.np-case h2{padding-right:0}.np-case-icon{position:static;margin-top:20px}.np-photo-grid{grid-template-columns:1fr}.np-photo-grid img{height:auto;max-height:330px}.np-case-photo img{max-height:330px}.np-case-dark,.np-case-sky{padding:25px 21px}.np-case-dark .np-case-icon,.np-case-sky .np-case-icon{position:static}.np-product{grid-template-columns:1fr}.np-product-copy{padding:28px 22px}.np-product figure{grid-row:1}.np-footer{display:block;padding:42px 20px}.np-footer>div+div{margin-top:25px}}
