:root{--bg:#0b0f14;--bg2:#121921;--ink:#e9e4da;--muted:#9aa7b2;--teal:#2fd3d0;--red:#e23b4e;--line:#23303b}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--teal)}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:rgba(11,15,20,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:12px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem}
.mark img{width:30px;height:30px}.mark b{color:var(--red)}
nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}nav a:hover{color:var(--teal)}
.hero{position:relative;height:clamp(420px,52vw,560px);overflow:hidden;background:#111}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%}
.hero img{object-fit:cover;object-position:50% 30%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,30,.88) 0%,rgba(10,18,30,.55) 45%,rgba(10,18,30,.1) 75%),linear-gradient(0deg,rgba(10,18,30,.6),transparent 50%)}
.hero .wrap{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:44px}
.hero h1{color:#fff;font-size:clamp(2.1rem,5vw,3.4rem);margin:0;line-height:1.1;font-weight:900;text-shadow:-2px 0 rgba(226,59,78,.55),2px 0 rgba(47,211,208,.45),0 2px 12px rgba(0,0,0,.5)}
.hero p{color:#f1ece2;font-size:1.2rem;max-width:30ch;margin:.4em 0 0;text-shadow:0 1px 8px rgba(0,0,0,.6)}
main{padding:56px 0 72px}
.eyebrow{font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 6px}
h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 20px;font-weight:900;letter-spacing:-.01em}
section+section{margin-top:64px}
.product{display:flex;gap:22px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--bg2),#0e141a);text-decoration:none;color:var(--ink);max-width:640px;transition:border-color .2s,transform .2s}
.product:hover{border-color:var(--teal);transform:translateY(-2px)}
.product img{width:80px;height:80px;border-radius:18px;flex:none}
.product h3{margin:0;font-size:1.3rem}.product p{margin:.3em 0 .6em;color:var(--muted)}.product span{color:var(--teal);font-weight:700;font-size:.9rem}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.values div{border-top:2px solid var(--teal);padding-top:12px}.values div:nth-child(2){border-color:var(--red)}
.values h3{margin:0 0 4px;font-size:1.05rem}.values p{margin:0;color:var(--muted);font-size:.95rem}
.contact a{font-size:1.3rem;font-weight:700}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:24px 0}footer a{color:var(--muted)}
.nf{min-height:60vh;display:flex;flex-direction:column;justify-content:center}.nf h1{font-size:clamp(3rem,10vw,6rem);margin:0;font-weight:900;text-shadow:-3px 0 var(--red),3px 0 var(--teal)}
@media(max-width:640px){.hero{height:520px}.hero img{object-position:58% 40%}.hero::after{background:linear-gradient(0deg,rgba(10,18,30,.92) 0%,rgba(10,18,30,.6) 40%,rgba(10,18,30,.1) 75%)}
nav a{margin:0 16px 0 0}.values{grid-template-columns:1fr}.product{flex-direction:column;align-items:flex-start}}