:root{
  --bg:#050706;--panel:#0b100d;--panel2:#101711;--text:#f4f8f5;
  --muted:#9aa79f;--accent:#16d47a;--accent2:#0aa95e;--line:#1b2a21;
  --radius:18px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,#0d2418 0,#050706 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(5,7,6,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;height:74px;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.brand-mark{color:var(--accent);text-shadow:0 0 18px rgba(22,212,122,.55)}
.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a,.cart-link{color:#c7d1cb;font-size:14px}.main-nav a:hover,.cart-link:hover{color:var(--accent)}
.cart-link{border:1px solid var(--line);padding:10px 14px;border-radius:999px}
.hero{max-width:var(--max);margin:0 auto;padding:105px 24px 80px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.eyebrow{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.93;margin:18px 0;letter-spacing:-.06em}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#03140b;padding:14px 21px;border-radius:999px;font-weight:900;margin-top:15px;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(22,212,122,.22)}
.hero-art{min-height:430px;border:1px solid #193325;border-radius:28px;background:linear-gradient(145deg,#0c1710,#07100b);position:relative;overflow:hidden;display:grid;place-items:center}.glow{position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(22,212,122,.18);filter:blur(55px)}.diamond{width:180px;height:180px;transform:rotate(45deg);border:2px solid var(--accent);box-shadow:0 0 70px rgba(22,212,122,.28),inset 0 0 50px rgba(22,212,122,.08)}.hero-art:after{content:"EMERALD";position:absolute;bottom:28px;letter-spacing:.45em;color:#527063;font-size:12px}
.section{max-width:var(--max);margin:auto;padding:70px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:38px;letter-spacing:-.04em;margin:0}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#0c120e,#080c09);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-image{aspect-ratio:1/1;background:#0d1510;display:grid;place-items:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:48px;color:var(--accent);opacity:.65}.card-info{padding:17px}.card-title{font-weight:800}.price{margin-top:8px;color:#aebbb3}.card:hover{border-color:#2b6949}
.product-page{max-width:var(--max);margin:auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-media{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0b110d}.product-media img{width:100%;display:block}.product-info h1{font-size:52px;line-height:1;margin:0 0 15px}.product-info .price{font-size:22px;color:var(--accent)}.description{color:var(--muted);line-height:1.7;margin:25px 0}.field{margin:15px 0}.field label{display:block;font-size:13px;color:#aab5ae;margin-bottom:8px}.field select,.field input{width:100%;background:#080d09;border:1px solid var(--line);color:var(--text);padding:13px;border-radius:10px}.buy{width:100%;border:0;cursor:pointer;font-size:16px}
.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:40px auto 0;padding:55px 24px;display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.footer-brand{color:var(--text);font-weight:900}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--accent)}
@media(max-width:850px){.hero,.product-page{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.main-nav{display:none}.hero{padding-top:65px}.hero-art{min-height:320px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.header-inner{padding:0 16px}.hero,.section,.product-page{padding-left:16px;padding-right:16px}.site-footer{margin-left:0;margin-right:0;flex-direction:column}.footer-links{flex-wrap:wrap}}