:root{
  --bg:#0B0B0C;
  --surface:#121315;
  --gold:#C9A86A;
  --silver:#BFC5C9;
  --text:#F5F5F7;
  --muted:#9AA0A6;
  --radius:14px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(180deg,var(--bg) 0%, #080808 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.header{position:sticky;top:0;z-index:40;background:rgba(11,11,12,0.36);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,0.03);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;}
.logo-img{height:34px;}
.nav a{color:var(--silver);text-decoration:none;margin-left:20px;font-size:14px;}
.bp-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:transparent;border:2px solid var(--gold);color:var(--text);border-radius:12px;font-weight:600;font-size:13px;text-transform:uppercase;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;}
.bp-btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,0.6);background:linear-gradient(180deg, rgba(201,168,106,0.06), rgba(201,168,106,0.03));}
.bp-btn--ghost{padding:8px 16px;font-size:13px}
.hero{min-height:68vh;display:flex;align-items:center;padding:72px 0;}
.hero-inner{display:flex;gap:40px;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;}
.hero-left{max-width:680px;}
.hero h1{font-family:"Playfair Display",serif;font-size:44px;margin:0 0 12px 0;line-height:1.05;color:var(--text);}
.sub{color:var(--muted);margin:0 0 22px 0;font-size:16px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
.micro{color:var(--muted);font-size:13px;margin-top:12px}
.preview-card{width:340px;height:360px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.12));border:1px solid rgba(255,255,255,0.03);}
.bottle-mock{width:160px;height:320px;border-radius:36px;background:linear-gradient(180deg,#0e0e0f,#111214);box-shadow:0 24px 60px rgba(0,0,0,0.7),inset 0 -6px 18px rgba(255,255,255,0.02);border:4px solid rgba(201,168,106,0.06);position:relative;display:flex;align-items:center;justify-content:center}
.label{position:absolute;left:50%;top:36%;transform:translateX(-50%);width:120px;height:64px;border-radius:8px;background:linear-gradient(180deg,#0b0b0c, rgba(201,168,106,0.02));border:2px solid rgba(201,168,106,0.6);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:"Playfair Display",serif;font-weight:700;letter-spacing:0.06em}

/* Stats */
.stats{display:flex;gap:18px;justify-content:center;padding:24px;}
.stat{background:rgba(255,255,255,0.02);padding:18px 22px;border-radius:12px;min-width:140px;text-align:center;border:1px solid rgba(255,255,255,0.02);}
.stat .num{font-weight:700;font-size:20px;color:var(--gold)}
.stat .lbl{font-size:13px;color:var(--muted);margin-top:6px}

/* Why */
.why{padding:48px 0;}
.why h2{font-family:"Playfair Display",serif;font-size:28px;margin:0 0 12px 0}
.lead{color:var(--muted);margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(0,0,0,0.06));border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,0.02)}
.card h3{margin:0 0 8px 0;font-size:16px;color:var(--gold);font-family:"Playfair Display",serif}
.card p{margin:0;color:var(--muted);font-size:14px}

/* Process */
.process{padding:48px 0;background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(0,0,0,0.03));border-top:1px solid rgba(255,255,255,0.02)}
.steps{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}
.step{flex:1;min-width:180px;padding:18px;border-radius:12px;text-align:left}
.step .num{width:36px;height:36px;border-radius:8px;background:rgba(201,168,106,0.12);display:inline-grid;place-items:center;color:var(--gold);font-weight:700;margin-bottom:10px}

/* Portfolio */
.portfolio{padding:48px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.thumb{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.06));border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.03);font-size:14px;color:var(--muted)}

/* Products */
.products{padding:48px 0}
.product-row{display:flex;gap:14px;flex-wrap:wrap}
.product-card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(0,0,0,0.06));padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.02);min-width:220px}
.product-card h3{margin:0 0 8px 0;font-family:"Playfair Display",serif;color:var(--gold)}

/* Quote form */
.quote{padding:48px 0;background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(255,255,255,0.01))}
.quote-form{max-width:900px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}
input,select,textarea{padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.01);color:var(--text);width:100%}
.form-actions{display:flex;gap:12px;align-items:center;margin-top:8px}

/* Footer */
.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,0.02);color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}

/* Responsive */
@media (max-width:900px){
  .hero-inner{flex-direction:column;align-items:center;text-align:center}
  .preview-card{width:100%;max-width:420px}
  .nav a{display:none}
}