*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,Arial,sans-serif;background:#ffffff;color:#212121;line-height:1.65}
a{color:#8B6914}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;font-weight:800;color:#212121}
h1{font-size:60px;margin:14px 0;letter-spacing:-.02em;line-height:1.05}
h1 span,h2 span{color:#8B6914}
h2{font-size:42px;margin:0 0 10px;letter-spacing:-.01em}
h2 span{font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0}
h2::after{content:"";display:block;width:56px;height:3px;background:#D4AF37;margin-top:16px}
h3{font-size:20px;margin:12px 0 6px}
p{margin:0 0 14px}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700;color:#8B6914}
.lede{font-size:20px;color:#333}
.tagline{font-family:Lora,Georgia,serif;font-style:italic;font-size:21px;color:#8B6914}
.sub{color:#555;max-width:680px}
.cream{background:#f5f5f5}
.meta{color:#777;font-size:14px}
.center{text-align:center}
.caption{color:#777;font-size:13px;text-align:center;margin-top:10px}
.btn{position:relative;overflow:hidden;display:inline-block;background:#D4AF37;color:#212121!important;font-weight:800;text-decoration:none;padding:13px 22px;border-radius:999px;border:2px solid #D4AF37;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:15px;transition:transform .2s,box-shadow .2s,background .2s}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover{background:#F0D060;border-color:#F0D060;transform:translateY(-1px);box-shadow:0 8px 20px rgba(212,175,55,.35)}
.btn:hover::after{left:130%}
.btn.ghost-dark{background:transparent;color:#212121!important;border-color:#212121}
.btn.ghost-dark:hover{background:#212121;color:#fff!important}
.btn.small{padding:9px 16px;font-size:14px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:#ffffff;border-bottom:1px solid #e6ddc4;transition:box-shadow .25s}
header.scrolled{box-shadow:0 4px 24px rgba(33,33,33,.12)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;transition:padding .3s}
header.scrolled .nav{padding:8px 20px}
.brand img{height:52px;width:auto;display:block;transition:height .3s}
header.scrolled .brand img{height:44px}
.nav-links{display:flex;gap:22px}
.nav-links a{color:#212121;text-decoration:none;font-weight:600;font-size:14px}
.nav-links a:hover{color:#8B6914}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;background:#fff;border:1px solid #212121;color:#212121;border-radius:8px;padding:8px 11px;font-size:18px;cursor:pointer}
.hero{padding:170px 0 70px;background:#ffffff}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero-grid>div:first-child>*{animation:fadeUp .8s ease both}
.hero-grid>div:first-child>*:nth-child(2){animation-delay:.08s}
.hero-grid>div:first-child>*:nth-child(3){animation-delay:.16s}
.hero-grid>div:first-child>*:nth-child(4){animation-delay:.24s}
.hero-grid>div:first-child>*:nth-child(5){animation-delay:.32s}
.hero-grid>div:first-child>*:nth-child(6){animation-delay:.40s}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-img{border:2px solid #D4AF37;outline:6px solid rgba(212,175,55,.18);outline-offset:10px;overflow:hidden}
.hero-img img,.photo-card img{width:100%;height:auto;display:block;object-fit:cover}
.hero-img img{animation:heroSettle 1.4s ease-out both}
@keyframes heroSettle{from{transform:scale(1.06)}to{transform:scale(1)}}
.proof{background:#212121}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-strip div{padding:22px 16px;border-left:1px solid #444;transition:background .3s}
.proof-strip div:first-child{border-left:0}
.proof-strip div:hover{background:#2b2b2b}
.proof-strip strong{display:block;font-size:22px;color:#F0D060}
.proof-strip span{font-size:14px;color:#ddd}
.section{padding:88px 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:30px}
.bento-hero{grid-column:1/5;grid-row:1/3;background:#212121!important;color:#ffffff;border-color:#212121!important}
.bento-hero .bbody h3{color:#ffffff}
.bento-hero .bbody p{color:#dddddd}
.bento-hero .bfoot{color:#F0D060!important;border-top-color:#444444}
.bento-hero .mock{height:320px;flex:none;border-bottom:0}
.hero-savings{margin:8px 0 18px;border-top:1px solid #444444}
.hero-savings p{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #444444;color:#dddddd!important;font-size:15px;margin:0}
.hero-savings s{color:#999999}
.hero-savings strong{color:#F0D060}
.bento-hero .mock-big{font-size:44px}
.bento-hero .mock-line{font-size:18px}
.bento-hero .mock-small{font-size:15px}
.bento-hero .bbody{padding:28px 32px 32px}
.bento-hero .bbody h3{font-size:26px}
.bento-hero .bbody p{font-size:17px}
.bento article:nth-child(2){grid-column:5/7;grid-row:1/2}
.bento article:nth-child(3){grid-column:5/7;grid-row:2/3}
.bento article:nth-child(4){grid-column:1/3;grid-row:3/4}
.bento article:nth-child(5){grid-column:3/5;grid-row:3/4}
.bento article:nth-child(6){grid-column:5/7;grid-row:3/4}
.benefit-photo{height:176px;overflow:hidden;position:relative}
.benefit-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.bcard:hover .benefit-photo img{transform:scale(1.04)}
.bento-hero .benefit-photo{height:320px}
.bcard{background:#fff;border:1px solid #e6ddc4;border-top:3px solid #D4AF37;border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(33,33,33,.06);transition:transform .25s,box-shadow .25s}
.bcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(33,33,33,.14)}
.bbody{padding:22px 28px 28px;flex:1;display:flex;flex-direction:column}
.bbody h3{color:#212121}
.bbody p{color:#444}
.bfoot{margin-top:auto!important;padding-top:14px;border-top:1px solid #eeeeee;color:#8B6914!important;font-weight:700;font-size:13px}
.num{display:block;font-size:28px;font-weight:900;color:#D4AF37;letter-spacing:.05em}
.mock{height:176px;padding:20px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.mock::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;transform:skewX(-20deg);transition:left .8s;pointer-events:none}
.mock-dark::after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent)}
.mock-light::after{background:linear-gradient(105deg,transparent,rgba(212,175,55,.25),transparent)}
.bcard:hover .mock::after{left:130%}
.mock-dark{background:#212121;color:#ffffff}
.mock-light{background:#f5f5f5;color:#212121;border-bottom:1px solid #e6ddc4}
.mock-dark .mock-big{color:#ffffff}
.mock-dark .mock-line{color:#ffffff}
.mock-dark .mock-small{color:#dddddd}
.mock-dark .mock-tag{color:#F0D060}
.mock-dark s{color:#bbbbbb}
.mock-dark strong{color:#F0D060}
.mock-light .mock-line{color:#212121}
.mock-light .mock-small{color:#555555}
.mock-light strong{color:#8B6914}
.mock-light .mock-tag{color:#8B6914}
.mock-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin:0 0 6px}
.mock-big{font-size:28px;font-weight:900;line-height:1.1;margin:6px 0}
.mock-line{font-weight:600;margin:0 0 6px}
.mock-small{font-size:13px;margin:0}
.mock-invite{font-family:Lora,Georgia,serif;font-style:italic;font-size:26px;color:#212121;margin:6px 0}
.mock-seal{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#D4AF37;color:#212121;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}
.mock-minicard{background:#212121;color:#ffffff;border:2px solid #D4AF37;border-radius:10px;padding:14px;width:82%;transition:transform .3s}
.bcard:hover .mock-minicard{transform:rotate(-2deg) translateY(-2px)}
.mock-minitop{letter-spacing:.1em;font-weight:900;font-size:11px;color:#ffffff;margin:0}
.mock-minitop span{color:#D4AF37}
.mock-mininame{font-weight:800;font-size:13px;color:#ffffff;margin:14px 0 2px}
.mock-minifoot{font-size:10px;letter-spacing:.12em;color:#F0D060;margin:0}
.mock-minitag{display:inline-block;margin-top:10px;background:#D4AF37;color:#212121;font-weight:900;padding:6px 12px;border-radius:999px;font-size:12px}
.mock-field{color:#555555;border-bottom:1px solid #cccccc;padding-bottom:4px;font-size:13px;margin:0 0 8px}
.mock-stamp{display:inline-block;border:2px solid #8B6914;color:#8B6914;font-weight:900;letter-spacing:.1em;font-size:12px;padding:6px 10px;border-radius:6px;margin-top:6px;transform:rotate(-2deg)}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.steps{padding-left:20px}
.steps li{margin-bottom:12px}
.member-card{background:#212121;border:2px solid #D4AF37;border-radius:16px;padding:28px;min-height:220px;display:flex;flex-direction:column;color:#fff;transition:transform .3s,box-shadow .3s}
.member-card:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 16px 36px rgba(33,33,33,.18)}
.mc-top{letter-spacing:.12em;font-weight:900}
.mc-top span{color:#D4AF37}
.mc-chip{width:52px;height:36px;border-radius:8px;background:linear-gradient(135deg,#D4AF37,#8B6914);margin:18px 0}
.mc-name{font-weight:800;letter-spacing:.08em;margin-top:auto}
.mc-foot{font-size:12px;letter-spacing:.12em;color:#F0D060;margin:0}
.bag-tag{display:inline-block;margin-top:16px;background:#F0D060;color:#212121;font-weight:800;padding:10px 16px;border-radius:999px}
.bag-tag span{display:inline-block;background:#212121;color:#D4AF37;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;margin-right:8px}
.tiers{align-items:stretch;padding-top:16px}
.tier{position:relative;background:#fff;border:1px solid #e6ddc4;border-top:3px solid #D4AF37;border-radius:16px;padding:28px;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(33,33,33,.06);transition:transform .25s,box-shadow .25s}
.tier:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(33,33,33,.14)}
.tier.featured{border:3px solid #D4AF37;transform:scale(1.02);box-shadow:0 14px 36px rgba(33,33,33,.10)}
.tier.featured:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 20px 44px rgba(33,33,33,.16)}
.ribbon{position:absolute;top:-14px;right:20px;background:#D4AF37;color:#212121;font-weight:900;font-size:12px;letter-spacing:.08em;padding:6px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(33,33,33,.18)}
.tier-tag{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800;color:#8B6914;margin:0}
.price{font-size:32px;font-weight:900;margin:10px 0;color:#212121}
.price span{font-size:14px;font-weight:600;color:#777}
.tier ul{padding-left:0;margin:0 0 18px;list-style:none}
.tier li{margin-bottom:9px;padding-left:24px;position:relative}
.tier li:before{content:"✓";position:absolute;left:0;color:#8B6914;font-weight:900}
.tier .foot{margin-top:auto}
.tier .foot .btn{width:100%;text-align:center}
.savings{border:1px solid #e6ddc4;border-radius:14px;overflow:hidden;margin-top:28px;background:#fff}
.save-row{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #eee;transition:background .2s}
.save-row:last-child{border-bottom:0}
.save-row:hover{background:#fbf7e8}
.save-row s{color:#999}
.save-row strong{color:#8B6914}
.photo-card{background:#fff;color:#212121;border-radius:16px;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #e6ddc4;box-shadow:0 6px 24px rgba(33,33,33,.06);transition:transform .25s,box-shadow .25s}
.photo-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(33,33,33,.14)}
.photo-card img{aspect-ratio:4/3;transition:transform .6s}
.photo-card:hover img{transform:scale(1.04)}
.photo-card h3,.photo-card p{padding:0 20px}
.photo-badge{position:absolute;top:14px;left:14px;background:#D4AF37;color:#212121;font-weight:900;font-size:12px;padding:6px 12px;border-radius:999px}
.photo-card .foot{margin-top:auto;padding-bottom:20px}
.charcoal-card{background:#212121;color:#fff;border-color:#212121}
.charcoal-card h3{color:#fff}
.charcoal-card p{color:#ddd}
.light-link{color:#F0D060!important}
.text-link{color:#8B6914;font-weight:700;text-decoration:none}
.narrow{max-width:720px}
details{background:#fff;border:1px solid #e6ddc4;border-radius:12px;padding:16px 20px;margin-bottom:12px;transition:border-color .2s}
details:hover{border-color:#D4AF37}
details summary{font-weight:700;cursor:pointer;color:#212121}
details summary::marker{color:#8B6914}
form label{display:block;font-weight:700;margin:16px 0 6px;color:#212121}
form input,form select,form textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #ccc;font-family:Montserrat,Arial,sans-serif;font-size:15px;background:#fff;color:#212121;transition:box-shadow .2s,border-color .2s}
form input:focus,form select:focus,form textarea:focus{outline:2px solid #D4AF37;border-color:#D4AF37;box-shadow:0 0 0 4px rgba(212,175,55,.20)}
#joinThanks{white-space:pre-wrap;background:#212121;color:#fff;border:1px solid #D4AF37;border-radius:12px;padding:18px;margin:18px 0;display:none}
#joinMsg{white-space:pre-wrap;background:#fff;color:#212121;border:1px solid #D4AF37;border-radius:12px;padding:18px;margin:18px 0;display:none}
.closing{padding:88px 0;background:#212121;border-top:3px solid #D4AF37}
.closing p{color:#ddd}
.closing .tagline{color:#F0D060}
footer{padding:40px 0;background:#212121;color:#ddd}
footer a{color:#F0D060}
.footer-logo{height:44px;width:auto}
body.js-anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
body.js-anim .reveal.in{opacity:1;transform:none}
body.js-anim .bcard.reveal.in:hover,body.js-anim .tier.reveal.in:hover,body.js-anim .photo-card.reveal.in:hover{transform:translateY(-6px)}
body.js-anim .tier.featured.reveal.in:hover{transform:scale(1.04) translateY(-4px)}
body.js-anim .member-card.reveal.in:hover{transform:rotate(-1deg) translateY(-3px)}
body.js-anim h2::after{transform:scaleX(0);transform-origin:left;transition:transform .8s ease .2s}
body.js-anim h2.in::after{transform:scaleX(1)}
body.js-anim .bcard .mock-seal{opacity:0;transform:scale(1.5);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .35s,opacity .3s .35s}
body.js-anim .bcard.in .mock-seal{opacity:1;transform:scale(1)}
body.js-anim .bcard .mock-stamp{opacity:0;transform:scale(1.8) rotate(-14deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .35s,opacity .3s .35s}
body.js-anim .bcard.in .mock-stamp{opacity:1;transform:scale(1) rotate(-2deg)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  body.js-anim .reveal{opacity:1;transform:none}
  body.js-anim h2::after{transform:scaleX(1)}
  body.js-anim .bcard .mock-seal,body.js-anim .bcard .mock-stamp{opacity:1;transform:none}
  body.js-anim .bcard .mock-stamp{transform:rotate(-2deg)}
}
@media(max-width:820px){
  h1{font-size:38px}
  h2{font-size:34px}
  .hero{padding-top:140px}
  .section{padding:56px 0}
  .hero-grid,.card-grid{grid-template-columns:1fr}
  .grid3,.grid4,.proof-strip{grid-template-columns:1fr}
  .bento{display:block}
  .bento article{margin-bottom:22px}
  .bento-hero .mock{min-height:220px}
  .bento-hero .mock-big{font-size:32px}
  .bento-hero .benefit-photo{height:220px}
  .proof-strip div{border-left:0;border-top:1px solid #444}
  .proof-strip div:first-child{border-top:0}
  .menu-btn{display:block}
  .nav-links{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 20px;gap:14px;border-bottom:1px solid #e6ddc4}
  .nav-links.open{display:flex}
  .tier.featured{transform:none}
  .tier.featured:hover{transform:translateY(-6px)}
  .save-row{flex-direction:column}
}

/* Tony flow sections, main palette only: charcoal #212121, white, cream, gold #D4AF37 */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}
.tile{background:#fff;border:1px solid #e6ddc4;border-top:3px solid #D4AF37;border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(33,33,33,.06);transition:transform .25s,box-shadow .25s}
.tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(33,33,33,.14)}
.tile h3{color:#212121}
.tile p{color:#444}
.tile-photo{background:#fff;border:1px solid #e6ddc4;border-top:3px solid #D4AF37;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(33,33,33,.06);transition:transform .25s,box-shadow .25s}
.tile-photo:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(33,33,33,.14)}
.tile-photo img{width:100%;height:180px;object-fit:cover;display:block}
.tile-photo h3,.tile-photo p{padding:0 24px}
.tile-photo p{color:#444}
.pullquote{font-family:Lora,Georgia,serif;font-style:italic;font-size:30px;color:#8B6914;text-align:center;margin:40px 0 0}
.principle{font-family:Lora,Georgia,serif;font-style:italic;font-size:28px;color:#8B6914;text-align:center;margin:24px 0}
.signature{font-family:Lora,Georgia,serif;font-style:italic;font-size:20px;color:#8B6914}
.founding-banner{background:#D4AF37;color:#212121;font-weight:800;padding:14px 18px;border-radius:12px;text-align:center;margin:20px 0}
.gold-line{color:#8B6914;font-weight:800;font-size:20px}
.partners{list-style:none;padding:0}
.partners li{padding:12px 0;border-bottom:1px solid #eee;color:#212121}
.btn.ghost-light{background:transparent;color:#fff!important;border-color:#fff}
.btn.ghost-light:hover{background:#fff;color:#212121!important}
.closing h2{color:#fff}
.closing h2 span{color:#F0D060}
#resetThanks{display:none;background:#212121;color:#fff;border:1px solid #D4AF37;border-radius:12px;padding:18px;margin:18px 0}
