:root{
  --black:#000;
  --near:#070707;
  --panel:#141414;
  --silver:#c0c0c0;
  --silver2:#e8e8e8;
  --gray:#8c8c8c;
  --line:rgba(255,255,255,.22);
  --glow:rgba(255,255,255,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.08),transparent 30%),var(--black);
  color:#f5f5f5;
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:18px clamp(18px,5vw,70px);
  background:rgba(0,0,0,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.brand{display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}
.brand img{width:72px;height:72px;border:1px solid var(--silver);border-radius:14px;object-fit:cover;box-shadow:0 0 25px var(--glow)}
.nav{display:flex;gap:24px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--silver)}
.nav a:hover{color:white}
.menu-toggle{display:none;background:#050505;border:1px solid var(--line);border-radius:12px;color:white;padding:12px 16px;font-size:1.5rem}
section{padding:clamp(60px,9vw,115px) clamp(24px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.12)}
.hero{min-height:86vh;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:60px;background:linear-gradient(135deg,#111,#000)}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.32em;color:var(--silver);font-size:.78rem}
h1,h2{margin:0 0 24px;line-height:1.05}
h1{font-size:clamp(3.2rem,8vw,7rem)}
h2{font-size:clamp(2.3rem,5vw,4.6rem)}
h1 em{color:var(--silver)}
.hero p,.book-copy p,.philosophy-section p,.coming-soon-section p,.contact-section p,.buy-card p{font-size:clamp(1.08rem,2vw,1.35rem);color:#d8d8d8}
.hero-logo{border:1px solid var(--line);padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 25px 80px rgba(255,255,255,.08)}
.hero-logo img{border-radius:18px}
.buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.centered{justify-content:center}
.btn{
  display:inline-flex;justify-content:center;align-items:center;
  min-height:54px;padding:14px 26px;
  font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:800;
  border:1px solid var(--silver);transition:.2s ease;
}
.btn.primary{background:linear-gradient(135deg,#fff,#c0c0c0,#777);color:#000}
.btn.secondary{background:transparent;color:#fff}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 24px var(--glow)}
.disabled{opacity:.75}
.book-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.book-cover{border:1px solid var(--silver);box-shadow:0 25px 70px rgba(255,255,255,.12)}
.author{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.28em;color:var(--silver)!important;font-weight:800}
blockquote{margin:32px 0 0;padding:24px;border-left:4px solid var(--silver);background:rgba(255,255,255,.06);font-size:1.4rem;font-style:italic}
.buy-section{text-align:center}
.buy-card{max-width:900px;margin:auto;border:1px solid var(--silver);padding:clamp(28px,6vw,70px);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03))}
.price{font-size:clamp(3.5rem,8vw,6rem)!important;color:white!important;margin:0 0 10px}
.note{font-size:.98rem!important;color:var(--gray)!important}
.philosophy-section,.coming-soon-section{text-align:center}
.philosophy-section p,.coming-soon-section p{max-width:900px;margin:18px auto}
.reviews-section{text-align:center}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.review-card{border:1px solid var(--line);background:#090909;padding:28px;text-align:left}
.stars{color:white;letter-spacing:.18em;margin-bottom:12px}
.signup-form{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.signup-form input{min-height:54px;padding:14px 16px;background:#050505;border:1px solid var(--line);color:white;min-width:min(420px,100%);font:inherit}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-form{display:grid;gap:18px;padding:24px;border:1px solid var(--line);background:#070707}
.contact-form label{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--silver);font-size:.8rem}
.contact-form input,.contact-form textarea{width:100%;margin-top:8px;background:#030303;border:1px solid var(--line);color:white;padding:14px;font:inherit}
.hidden{display:none}
.site-footer{text-align:center;padding:48px 22px;background:#030303;color:#bbb}
.site-footer img{width:88px;margin:0 auto 18px;border:1px solid var(--silver);border-radius:12px}
.site-footer h3{text-transform:uppercase;letter-spacing:.18em}
.footer-links{display:flex;justify-content:center;gap:22px;color:var(--silver);margin-top:10px}
@media(max-width:850px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:109px;left:18px;right:18px;flex-direction:column;background:#050505;border:1px solid var(--line);padding:20px}
  .nav.open{display:flex}
  .hero,.book-section,.contact-section{grid-template-columns:1fr}
  .brand span{font-size:.9rem}
  .brand img{width:62px;height:62px}
  .btn{width:100%}
  .review-grid{grid-template-columns:1fr}
}