:root{
  --ink:#0c0c0d;--ink-soft:#3a3a3e;--paper:#ffffff;--mist:#f5f5f3;--line:#e7e5e0;
  --bronze:#9a7430;--bronze-bright:#d8b478;--radius:20px;--pill:980px;--wrap:1120px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
section{padding:72px 0}
.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.h-section{font-size:clamp(1.9rem,7.5vw,3rem);font-weight:600;letter-spacing:-.022em;line-height:1.06}
.lead{font-size:clamp(1.02rem,4vw,1.3rem);color:var(--ink-soft);max-width:620px;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;font-size:1.02rem;font-weight:600;letter-spacing:-.01em;padding:1.02em 1.6em;border-radius:var(--pill);border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),opacity .2s var(--ease);min-height:48px}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#2a2a2d}
.btn-bronze{background:var(--bronze);color:#fff}
.btn-bronze:hover{opacity:.92}
.btn-light{background:#fff;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
header{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.6);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand{font-weight:700;letter-spacing:.01em;font-size:.95rem;color:#fff;white-space:nowrap}
.brand b{color:var(--bronze-bright);font-weight:700}
.nav a.cta{font-size:.85rem;font-weight:600;background:#fff;color:var(--ink);padding:.5em 1.1em;border-radius:var(--pill);width:auto;min-height:0}
.band{position:relative;color:#fff;padding:96px 0;background-size:cover;background-position:center}
.band .eyebrow{color:var(--bronze-bright)}
.band h2{font-size:clamp(1.9rem,8vw,3.2rem);font-weight:600;letter-spacing:-.025em;line-height:1.06}
.band p{color:rgba(255,255,255,.88);font-size:clamp(1rem,4vw,1.25rem);margin-top:14px}
footer{background:var(--ink);color:#9a9aa0;padding:44px 0}
.foot{display:flex;flex-direction:column;gap:18px;font-size:.9rem}
.foot .brand{color:#fff}
.foot-links{display:flex;flex-wrap:wrap;gap:18px}
.foot a{color:#c4c4c9}
.foot-small{font-size:.8rem;color:#6e6e74}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:5px}
@media(min-width:760px){
  section{padding:104px 0}
  .wrap{padding:0 28px}
  .btn{width:auto}
  .foot{flex-direction:row;justify-content:space-between;align-items:center}
}