:root{
  --bg:#140a0c; --surface:#1f1114; --line:#3d2529;
  --text:#f4ece3; --muted:#b5a097; --accent:#d9b26a; --wine:#a3172a; --accent-ink:#1c0f0a;
  --glow:#3a1219;
  --gold-grad:linear-gradient(180deg,#ecd08f 0%,#d2a457 55%,#b88a3f 100%);
  --serif:"Playfair Display", Georgia, "Times New Roman", serif;
  --sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f6efe6; --surface:#fffaf3; --line:#e4d4c5;
    --text:#2a1418; --muted:#7a6259; --accent:#9c6f22; --glow:#ecd9c4;
    color-scheme:light;
  }
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:radial-gradient(120% 60% at 50% -10%,var(--glow) 0%,transparent 60%) var(--bg) no-repeat;
  color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;}
a{color:var(--accent);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}
.wrap{max-width:880px;margin:0 auto;padding:0 16px;}

.top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:var(--serif);font-size:1.25rem;}
.brand img{width:32px;height:32px;border-radius:8px;}
.top nav a{color:var(--muted);text-decoration:none;font-weight:500;}
.top nav a:hover{color:var(--text);}

.hero{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:56px 0 64px;}
.hero img{width:180px;height:180px;border-radius:40px;box-shadow:0 18px 50px rgba(0,0,0,.45);}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,8vw,4rem);line-height:1;margin:0 0 10px;letter-spacing:-.01em;}
.tagline{color:var(--accent);font-size:1.3rem;margin:0 0 14px;}
.lead{color:var(--muted);font-size:1.08rem;margin:0 0 26px;max-width:34em;}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--gold-grad);color:var(--accent-ink);
  font-weight:600;padding:12px 20px;border-radius:12px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.3);}
.cta.soon{cursor:default;}
.age{color:var(--muted);font-size:.88rem;margin:14px 0 0;}

.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:64px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 22px 14px;}
.card h2{font-family:var(--serif);font-weight:400;font-size:1.35rem;margin:0 0 10px;color:var(--accent);}
.card ul{margin:0;padding-left:1.1em;}
.card li{margin:0 0 8px;}

footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:.9rem;}
footer .links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:8px;}
footer p{margin:0;}

.doc{max-width:720px;padding:32px 0 64px;}
.doc h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,6vw,2.6rem);margin:0 0 4px;}
.doc h2{font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--accent);margin:32px 0 8px;padding-top:20px;border-top:1px solid var(--line);}
.doc p,.doc li{margin:0 0 10px;}
.muted{color:var(--muted);}

@media (max-width:640px){
  .hero{grid-template-columns:1fr;text-align:center;justify-items:center;gap:24px;padding:32px 0 48px;}
  .hero img{width:132px;height:132px;border-radius:30px;}
  .lead{margin-left:auto;margin-right:auto;}
  .features{grid-template-columns:1fr;}
}