*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.np-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}

.np-hero{position:relative;height:100vh;min-height:720px;overflow:hidden;padding-top:36px}
.np-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.np-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.7));z-index:1}

.np-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 32px}
.np-logo{font-family:'Anton',sans-serif;font-size:32px;letter-spacing:0.05em;color:#fff}
.np-links{display:none;list-style:none;gap:32px}
@media(min-width:768px){.np-links{display:flex}}
.np-links a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;transition:opacity .2s}
.np-links a:hover{opacity:0.7}
.np-shop{background:#fff;color:#000;text-decoration:none;font-size:13px;font-weight:600;padding:12px 32px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.1em}

.np-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:flex-start;padding:80px 32px;max-width:1280px;margin:0 auto}
.np-eyebrow{font-size:13px;letter-spacing:0.2em;color:#fbbf24;font-weight:500;margin-bottom:24px}
.np-content h1{font-family:'Anton',sans-serif;font-size:clamp(80px,18vw,260px);font-weight:400;line-height:0.85;letter-spacing:-0.04em;color:#fff;text-transform:uppercase}
.np-content h1 em{font-style:italic;color:#fbbf24}
.np-content p{color:rgba(255,255,255,0.8);font-size:18px;font-weight:300;max-width:480px;margin-top:32px;line-height:1.5}
.np-cta{display:inline-block;background:#fff;color:#000;text-decoration:none;font-size:14px;font-weight:700;padding:18px 48px;margin-top:40px;text-transform:uppercase;letter-spacing:0.1em;transition:transform .2s}
.np-cta:hover{transform:scale(1.05)}

.np-stats{position:absolute;bottom:48px;right:48px;z-index:10;display:flex;gap:48px}
@media(max-width:768px){.np-stats{display:none}}
.np-stats div{display:flex;flex-direction:column;color:#fff}
.np-stat-num{font-family:'Anton',sans-serif;font-size:36px;letter-spacing:-0.02em}
.np-stat-l{font-size:11px;opacity:0.7;text-transform:uppercase;letter-spacing:0.15em;margin-top:4px}

.np-products{padding:120px 32px;background:#000;max-width:1400px;margin:0 auto}
.np-products h2{font-family:'Anton',sans-serif;font-size:clamp(64px,10vw,160px);text-align:center;line-height:1;letter-spacing:-0.04em;text-transform:uppercase;margin-bottom:64px}
.np-products h2 em{font-style:italic;color:#fbbf24}
.np-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:768px){.np-grid{grid-template-columns:repeat(3,1fr)}}
.np-card{background:#0a0a0a;border-radius:24px;overflow:hidden;transition:transform .3s}
.np-card:hover{transform:translateY(-8px)}
.np-card-img{aspect-ratio:4/5;display:block}
.np-card h3{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:-0.02em;text-transform:uppercase;padding:24px 24px 8px}
.np-card p{color:rgba(255,255,255,0.7);font-size:14px;padding:0 24px 32px}