/* Lo Spettro — minimal noir */
:root{ --bg:#0b0b10; --fg:#e9e7e2; --muted:rgba(233,231,226,0.75); --accent:#e9e7e2; }
*{box-sizing:border-box} html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);}
body{font:400 14px/1.6 ui-sans-serif, -apple-system, Arial; letter-spacing:.02em;} a{color:var(--fg)}
.wrap{min-height:100dvh; display:grid; grid-template-rows:auto 1fr auto;}
.brand{ text-align:center; padding:42px 16px 10px;}
.seal{ width:120px; height:120px; border-radius:50%; margin:0 auto 12px; background:radial-gradient(closest-side, rgba(255,255,255,0.12), rgba(255,255,255,0.02) 60%, transparent);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset, 0 8px 40px rgba(0,0,0,0.6) inset;}
.seal img{ width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 0 10px rgba(255,255,255,0.05));}
.title{ font: 600 32px/1.1 "Cinzel", ui-serif, serif; margin:0;}
.subtitle{ opacity:.85; margin-top:6px; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; }
.gate{ display:grid; place-items:center; padding:20px 16px; } .line{ opacity:.9; margin:8px 0 18px; }
.form{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.form input[type=email]{ background: rgba(233,231,226,0.06); color: var(--fg);
  border:1px solid rgba(233,231,226,0.18); border-radius:12px; padding:12px 14px; min-width:260px; }
.btn{ padding:12px 18px; border-radius:999px; border:1px solid rgba(233,231,226,0.2);
  background: var(--accent); color: var(--bg); font-weight:700; letter-spacing:.06em; cursor:pointer; text-decoration:none; display:inline-block; }
.btn.ghost{ background: transparent; color: var(--fg); border-color: rgba(233,231,226,0.35); margin-top:12px; }
.btn:hover{ filter: brightness(0.94); }
.small{ font-size:12px; color:var(--muted); margin-top:10px;} .resp{ margin-top:12px; font-weight:600; }
.footer{ text-align:center; padding:30px 16px 34px; opacity:.9;} .links{ display:flex; gap:16px; justify-content:center; margin-bottom:6px; }
.links a{ color:var(--fg); opacity:.8; text-decoration:none; border-bottom:1px dotted rgba(233,231,226,0.3);} .links a:hover{ opacity:1; border-bottom-color:transparent;}
.muted{ color: var(--muted); } .card{max-width:960px; width:100%; border:1px solid rgba(233,231,226,.18); border-radius:16px; padding:24px; margin: 32px auto;}
.grid{display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:14px; margin-top:14px;}
.product{display:block; border:1px solid rgba(233,231,226,.18); border-radius:12px; padding:12px; text-decoration:none;}
.product[aria-disabled="true"]{opacity:.7; pointer-events:none;}
.product .ph{height:140px; border-radius:10px; background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); margin-bottom:10px;}
.fine{font-size:12px; opacity:.75}