:root { --ink:#1e1e1c; --muted:#666159; --ivory:#f5f0e7; --paper:#fffdf8; --gold:#a98245; --line:#d8c9ae; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
img { display:block; max-width:100%; }
.brandbar { height:108px; display:grid; place-items:center; background:rgba(255,253,248,.96); border-bottom:1px solid rgba(169,130,69,.24); }
.brand-logo { width:300px; height:92px; object-fit:contain; }
.hero { min-height:calc(100vh - 108px); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.72fr); gap:clamp(36px,5vw,92px); align-items:center; padding:54px clamp(28px,7vw,120px) 64px; overflow:hidden; background:linear-gradient(90deg,rgba(255,253,248,.98) 0 69%,rgba(227,217,199,.72) 69%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(30,30,28,.07) 34px 45px); }
.eyebrow,.form-kicker { margin:0 0 18px; color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
h1 { max-width:800px; margin:0; font-size:clamp(50px,5.7vw,88px); line-height:.98; letter-spacing:-.045em; }
.hero-intro { max-width:680px; margin:26px 0 0; color:#65563f; font-family:Georgia,"Times New Roman",serif; font-size:clamp(18px,1.5vw,25px); line-height:1.5; }
.book-stage { position:relative; width:min(520px,70%); margin:44px 0 -150px 30px; perspective:1200px; }
.book { position:relative; z-index:2; transform:rotateZ(-6deg) rotateY(-10deg); transform-origin:bottom center; box-shadow:-15px 22px 35px rgba(24,20,15,.28); border:1px solid rgba(255,255,255,.2); }
.book::after { content:""; position:absolute; left:0; right:0; bottom:-11px; height:11px; background:repeating-linear-gradient(#ece8df 0 1px,#b9b3a8 1px 2px); transform:skewX(-44deg); transform-origin:left top; }
.book-shadow { position:absolute; inset:auto 1% -2% -6%; height:20%; background:rgba(24,20,15,.25); filter:blur(22px); transform:rotate(-4deg); }
.form-card { width:min(100%,510px); justify-self:end; padding:clamp(28px,3vw,46px); background:rgba(255,253,248,.94); border:1px solid var(--line); box-shadow:0 24px 60px rgba(43,35,25,.16); }
.form-card h2 { margin:0; font-size:clamp(36px,3.2vw,51px); letter-spacing:-.035em; }
.form-lede { margin:14px 0 28px; color:var(--muted); font-size:15px; line-height:1.55; }
label { display:block; margin:18px 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:17px; }
input { width:100%; min-height:54px; padding:0 15px; color:var(--ink); background:#fffefb; border:1px solid #bfa87f; border-radius:0; font:inherit; outline:none; }
input:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(169,130,69,.17); }
button { width:100%; min-height:60px; margin-top:25px; padding:12px 18px; color:#f0d6a6; background:var(--ink); border:0; border-bottom:4px solid var(--gold); font-family:Georgia,"Times New Roman",serif; font-size:18px; cursor:pointer; transition:transform .16s ease,background .16s ease; }
button:hover { background:#080808; transform:translateY(-2px); }
button:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.trust-line { margin:25px 0 0; padding-top:20px; color:#7a6542; border-top:1px solid var(--line); text-align:center; font-family:Georgia,"Times New Roman",serif; font-style:italic; }
.consent { margin:13px 0 0; color:#76716a; font-size:11px; line-height:1.5; text-align:center; }
.honey { position:absolute; left:-9999px; }
.inside { padding:110px clamp(28px,7vw,120px); background:#20201e; color:#f9f4eb; }
.section-heading { max-width:760px; margin-bottom:64px; }
.section-heading h2,.advisor h2 { margin:0; font-size:clamp(42px,4.4vw,67px); line-height:1.04; letter-spacing:-.035em; }
.topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid #6e6049; }
.topic-grid article { padding:30px 30px 10px 0; }
.topic-grid article + article { padding-left:30px; border-left:1px solid #6e6049; }
.topic-grid span { color:#c6a975; font-size:12px; letter-spacing:.15em; }
.topic-grid h3 { margin:17px 0 12px; font-size:26px; }
.topic-grid p { margin:0; color:#c9c5bd; font-size:14px; line-height:1.7; }
.advisor { display:grid; grid-template-columns:minmax(300px,.82fr) 1.18fr; gap:clamp(46px,7vw,110px); align-items:center; padding:100px clamp(28px,9vw,150px); background:var(--ivory); }
.advisor-image { align-self:end; background:linear-gradient(#d9cbb2,#bda780); border-bottom:8px solid var(--gold); overflow:hidden; }
.advisor-image img { width:100%; }
.advisor-copy { max-width:700px; }
.advisor-copy p:not(.eyebrow) { color:#59554e; font-size:17px; line-height:1.75; }
.advisor-copy a { display:inline-block; margin-top:16px; padding-bottom:7px; color:var(--ink); border-bottom:2px solid var(--gold); font-weight:700; text-decoration:none; }
footer { display:grid; justify-items:center; gap:4px; padding:45px 24px; background:#171715; color:#bdb8ae; text-align:center; font-size:12px; }
footer img { width:210px; height:74px; margin-bottom:12px; object-fit:contain; }
footer p { margin:3px 0; }
.thanks-page { min-height:100vh; display:grid; place-items:center; padding:30px; background:var(--ivory); }
.thanks-card { width:min(100%,700px); padding:clamp(36px,7vw,80px); background:var(--paper); border:1px solid var(--line); box-shadow:0 24px 70px rgba(43,35,25,.12); text-align:center; }
.thanks-card img { width:260px; height:100px; margin:0 auto 24px; object-fit:contain; }
.thanks-card h1 { font-size:clamp(48px,8vw,78px); }
.thanks-card p:not(.eyebrow) { margin:24px auto; color:var(--muted); font-size:18px; line-height:1.7; }
.thanks-card a { display:inline-block; padding:18px 25px; color:#f0d6a6; background:var(--ink); border-bottom:4px solid var(--gold); text-decoration:none; }
.thanks-card small { display:block; margin-top:24px; color:#777169; line-height:1.5; }
@media (max-width:980px) { .hero { grid-template-columns:1fr; background:var(--paper); } .book-stage { margin-bottom:0; } .form-card { justify-self:stretch; width:100%; } .topic-grid { grid-template-columns:1fr 1fr; } .topic-grid article:nth-child(3) { border-left:0; } .advisor { grid-template-columns:1fr; } .advisor-image { max-width:520px; } }
@media (max-width:620px) { .brandbar { height:86px; } .brand-logo { width:230px; height:76px; } .hero { padding:42px 20px 58px; gap:44px; } h1 { font-size:49px; } .hero-intro { font-size:19px; } .book-stage { width:84%; margin:36px auto 0; } .form-card { padding:28px 22px; } .inside { padding:76px 22px; } .topic-grid { grid-template-columns:1fr; } .topic-grid article,.topic-grid article + article { padding:24px 0; border-left:0; border-bottom:1px solid #6e6049; } .advisor { padding:70px 22px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } button { transition:none; } }