
:root{--bg:#090b0d;--panel:#11151a;--text:#f7f9fb;--muted:#9aa7b2;--cyan:#74ddf4;--line:#273039;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:84px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(9,11,13,.87);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.brand img{width:245px;height:auto}.nav{display:flex;gap:34px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.nav a{color:#c7d0d7;transition:.2s}.nav a:hover{color:var(--cyan)}.menu-btn{display:none;background:none;border:0;padding:8px}.menu-btn span{display:block;width:26px;height:2px;background:white;margin:5px}.hero{min-height:820px;padding:145px max(24px,calc((100vw - var(--max))/2)) 70px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:60px;background:radial-gradient(circle at 75% 35%,#18232a 0,transparent 42%),linear-gradient(120deg,#090b0d,#0d1216)}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.26em;font-weight:700;margin-bottom:16px}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.92;margin:0 0 28px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{max-width:590px;color:#b3bec7;font-size:18px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 26px;border:1px solid var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;cursor:pointer}.primary{background:var(--cyan);color:#071014}.ghost{background:transparent;color:white;border-color:#52616b}.hero-visual{position:relative}.hero-visual img{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.55)}.glow{position:absolute;inset:15%;background:var(--cyan);filter:blur(120px);opacity:.18}.statement{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;border-block:1px solid var(--line);overflow:hidden;color:#53616b;text-transform:uppercase;letter-spacing:.15em;font-size:11px}.statement strong{color:white;font-size:14px}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section h2,.mission h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:0}.section-head p{max-width:460px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}.card:hover{transform:translateY(-6px);border-color:#52616b}.card img{width:100%;aspect-ratio:1/1;object-fit:cover}.card-body{padding:22px}.card-body>span{font-size:11px;letter-spacing:.16em;color:var(--cyan)}.card h3{font-size:24px;margin:8px 0}.card p{color:var(--muted);min-height:48px}.card-link{padding:0;background:none;border:0;color:white;font-weight:700;cursor:pointer}.card-link:hover{color:var(--cyan)}.mission{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:40px auto;padding:0 24px 110px;gap:68px;align-items:center}.mission-art img{border:1px solid var(--line)}.mission-copy>p{color:var(--muted);font-size:18px}.values{display:grid;gap:16px;margin-top:34px}.values div{display:grid;grid-template-columns:48px 1fr;gap:2px 14px;padding:16px 0;border-top:1px solid var(--line)}.values b{grid-row:1/3;color:var(--cyan);font-size:12px}.values span{color:var(--muted);font-size:14px}.about{text-align:center}.lead{font-size:clamp(20px,2.5vw,34px);line-height:1.45;max-width:920px;margin:30px auto;color:#c3cbd1}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.contact p{color:var(--muted);max-width:520px}form{display:grid;gap:18px}label{display:grid;gap:7px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bdc7ce}input,textarea{width:100%;background:#0d1115;color:white;border:1px solid #33404a;padding:15px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--cyan)}form small{color:#71808b}footer{border-top:1px solid var(--line);padding:42px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;color:#788791;font-size:12px}footer img{width:210px}footer div{display:flex;gap:24px;color:#c2cbd1}footer p{text-align:right}.toast{position:fixed;right:22px;bottom:22px;background:var(--cyan);color:#071014;padding:14px 18px;font-weight:700;transform:translateY(120px);transition:.25s;z-index:50}.toast.show{transform:translateY(0)}@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0b0e11;padding:25px;flex-direction:column}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:125px;min-height:auto}.hero-visual{order:-1}.products{grid-template-columns:1fr 1fr}.mission,.contact{grid-template-columns:1fr}.section-head{display:block}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer p{text-align:center}footer div{justify-content:center}}@media(max-width:560px){.brand img{width:190px}.site-header{height:72px}.nav{top:72px}.hero{padding-inline:18px}.actions{flex-direction:column}.products{grid-template-columns:1fr}.section,.mission{padding-inline:18px}.statement span{display:none}.statement{text-align:center;justify-content:center}.contact{gap:38px}footer div{flex-wrap:wrap}}
