
:root{
  --bg:#050505; --panel:#0D0D0D; --line:#262626; --text:#F2F0EB; --dim:#8E8A82;
  --gold:#C9A24A; --gold-2:#E8CB85;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:300 17px/1.7 'Montserrat',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
section{padding:120px 0;border-top:1px solid var(--line);position:relative}
.eyebrow{font-weight:500;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:28px}
.eyebrow:before{content:"";width:40px;height:1px;background:var(--gold)}
h2{font-weight:200;font-size:clamp(34px,5.4vw,68px);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:28px}
h2 em{font:italic 300 1.08em 'Cormorant Garamond',serif;text-transform:none;color:var(--gold-2);letter-spacing:0}
p.lead{max-width:640px;color:var(--dim);font-size:18px}
strong{font-weight:500;color:var(--text)}

nav{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(#050505ee,#05050500)}
nav .mark{font-weight:600;font-size:12px;letter-spacing:.5em;text-transform:uppercase}
nav .mark span{color:var(--gold)}
nav a.cta{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--text);text-decoration:none;border:1px solid var(--gold);padding:10px 20px;transition:.3s}
nav a.cta:hover{background:var(--gold);color:#000}

.hero{min-height:100vh;display:flex;align-items:center;border:0;overflow:hidden;background:
  radial-gradient(60% 50% at 75% 40%,#C9A24A22,transparent 70%),
  radial-gradient(40% 40% at 10% 90%,#ffffff0a,transparent 70%),var(--bg)}
.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 120px,#ffffff05 120px 121px);pointer-events:none}
.hero .big{font-weight:200;font-size:clamp(120px,26vw,380px);line-height:.85;letter-spacing:-.04em;margin:10px 0 30px;background:linear-gradient(180deg,#fff 20%,var(--gold) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .big i{font:italic 300 .5em 'Cormorant Garamond',serif;color:var(--gold-2);-webkit-text-fill-color:var(--gold-2);margin:0 .08em}
.hero .big.word{padding-right:.12em;font-size:clamp(60px,13vw,200px);line-height:.92;letter-spacing:-.03em}
.hero .big.word i{font-size:1em;display:inline-block;margin:0}
.hero h1{font-weight:300;font-size:clamp(18px,2.4vw,28px);letter-spacing:.32em;text-transform:uppercase;line-height:1.5}
.hero p{margin-top:22px;color:var(--dim);max-width:520px}
.scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:12px}
.scroll:after{content:"";width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:drop 2s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}
.stat{background:var(--panel);padding:36px 28px}
.stat b{display:block;white-space:nowrap;font-weight:200;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.02em;color:var(--text)}
.stat span{display:block;margin-top:12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}

.steps{margin-top:56px;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:70px 1fr 150px 90px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:.3s}
.step:hover{background:linear-gradient(90deg,#C9A24A10,transparent);padding-left:12px}
.step .n{font-weight:200;font-size:38px;color:var(--gold);line-height:1}
.step .t{font-size:19px;font-weight:400}
.step .t small{display:block;color:var(--dim);font-size:13px;font-weight:300;margin-top:2px}
.who{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}
.who svg{width:12px;height:12px;flex:none}
.hrs{text-align:right;color:var(--dim);font-size:13px;letter-spacing:.1em}
.legend{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;color:var(--dim);font-size:12px;letter-spacing:.12em}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}
.card{background:var(--panel);padding:44px 34px;position:relative;transition:.4s}
.card:hover{background:#121110}
.card.feat{background:linear-gradient(180deg,#1a150a,var(--panel));outline:1px solid var(--gold);outline-offset:-1px}
.card .tag{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold)}
.card .price{font-weight:200;font-size:64px;letter-spacing:-.03em;margin:18px 0 8px;line-height:1}
.card .price sup{font-size:.4em;vertical-align:top;margin-right:4px;color:var(--dim)}
.card hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.card .row{display:flex;justify-content:space-between;color:var(--dim);font-size:14px;padding:5px 0}
.card .row b{color:var(--text);font-weight:400}

.roi{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:56px}
.mult{font-weight:200;font-size:clamp(130px,22vw,300px);line-height:.85;letter-spacing:-.05em;background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,#5b4515);-webkit-background-clip:text;background-clip:text;color:transparent}
.mult small{font-size:.16em;letter-spacing:.2em;font-weight:300;display:block;margin-top:14px;text-transform:uppercase;-webkit-text-fill-color:var(--dim)}
.levers{border-top:1px solid var(--line)}
.lever{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.lever span{color:var(--dim);font-size:14px;display:block;margin-top:2px}
.lever b{font-weight:300;font-size:22px;white-space:nowrap}
.lever.tot b{color:var(--gold-2);font-size:24px}
blockquote{margin-top:64px;font:italic 300 clamp(26px,3.6vw,46px)/1.3 'Cormorant Garamond',serif;color:var(--text);border-left:1px solid var(--gold);padding-left:30px;max-width:900px}
blockquote cite{display:block;margin-top:18px;font:500 11px 'Montserrat',sans-serif;font-style:normal;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.note{margin-top:26px;color:var(--dim);font-size:13px;max-width:700px}

.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px;counter-reset:f}
.flow div{background:var(--panel);padding:30px 22px;font-size:14px;color:var(--dim);counter-increment:f}
.flow div:before{content:"0" counter(f);display:block;font-weight:200;font-size:34px;color:var(--gold);margin-bottom:14px}
.flow div b{display:block;color:var(--text);font-weight:400;margin-bottom:4px}

.decide{list-style:none;margin-top:56px;border-top:1px solid var(--line)}
.decide li{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:baseline}
.decide li:before{content:"";width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg);flex:none;position:relative;top:-2px}
.decide b{font-weight:400}.decide span{color:var(--dim)}

.final{text-align:center;padding:160px 0;background:radial-gradient(50% 60% at 50% 50%,#C9A24A18,transparent 70%)}
.final .eyebrow{justify-content:center}
.final p.lead{margin:0 auto 40px}
.btn{display:inline-block;font-weight:500;font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:#000;background:linear-gradient(135deg,var(--gold-2),var(--gold));padding:20px 44px;text-decoration:none;transition:.3s}
.btn:hover{letter-spacing:.46em}

.raise{margin-top:56px;border:1px solid var(--gold);padding:38px 34px;background:linear-gradient(180deg,#1a150a,var(--panel))}
.raise h3{font-weight:300;font-size:22px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}
.raise p{color:var(--dim);max-width:720px}
.raise p+p{margin-top:12px}
.addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}
.addon{background:var(--panel);padding:30px 26px}
.addon b{display:block;font-weight:200;font-size:44px;letter-spacing:-.02em;line-height:1;margin-bottom:10px}
.addon span{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.addon.base{background:linear-gradient(180deg,#1a150a,var(--panel));outline:1px solid var(--gold);outline-offset:-1px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1px}
.two>div{background:var(--panel);padding:30px 26px;color:var(--dim);font-size:15px}
.two h4{font-weight:500;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.sum{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:baseline;border:1px solid var(--line);border-top:0;background:var(--panel);padding:28px 26px}
.sum span{color:var(--dim);font-size:14px;max-width:560px}
.sum b{font-weight:200;font-size:44px;letter-spacing:-.02em;color:var(--gold-2);white-space:nowrap}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}
.vs>div{background:var(--panel);padding:34px 28px}
.vs h4{font-weight:500;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.vs li{list-style:none;color:var(--dim);font-size:15px;padding:9px 0;border-top:1px solid var(--line)}
.vs li b{color:var(--text);font-weight:400}
.risk{margin-top:24px;color:var(--dim);font-size:14px;max-width:760px}
@media (max-width:820px){.vs{grid-template-columns:1fr}}
footer{padding:36px 20px;text-align:center;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#6a665e;border-top:1px solid var(--line)}

.rv{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.scroll:after{animation:none}html{scroll-behavior:auto}}
@media (max-width:820px){
  section{padding:84px 0}
  .step{grid-template-columns:48px 1fr;gap:6px 14px}
  .step .who,.step .hrs{grid-column:2;text-align:left}
  .roi{grid-template-columns:1fr;gap:30px}
  nav a.cta{display:none}
  nav .mark{letter-spacing:.3em}
}

.pt{padding-top:170px!important;border-top:0!important}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}
.tiles.single{grid-template-columns:minmax(300px,560px)}
a.tile{background:var(--panel);padding:40px 34px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px;transition:.4s;min-height:330px}
a.tile:hover{background:#15120c}
.tile .num{font-weight:200;font-size:40px;color:var(--gold);line-height:1}
.tile .st{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.tile .st svg{width:11px;height:11px;flex:none}
.tile h3{font-weight:200;font-size:30px;line-height:1.15;text-transform:uppercase;letter-spacing:-.005em}
.tile h3 em{font:italic 300 1.08em 'Cormorant Garamond',serif;text-transform:none;color:var(--gold-2)}
.tile p{color:var(--dim);font-size:15px;flex:1}
.tile .meta{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.tile .go{font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);transition:.3s}
a.tile:hover .go{letter-spacing:.44em}
.idx{min-height:100vh;padding:170px 0 100px;background:radial-gradient(60% 50% at 75% 20%,#C9A24A1c,transparent 70%),var(--bg)}
.idx .big{font-weight:200;font-size:clamp(56px,11vw,150px);line-height:.95;letter-spacing:-.03em;margin:6px 0 24px;padding-right:.12em;background:linear-gradient(180deg,#fff 20%,var(--gold) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.idx .big i{font:italic 300 1em 'Cormorant Garamond',serif;-webkit-text-fill-color:var(--gold-2)}
nav a.back{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--text);text-decoration:none;border:1px solid var(--line);padding:10px 20px;transition:.3s}
nav a.back:hover{border-color:var(--gold);color:var(--gold)}
nav .mark{text-decoration:none;color:var(--text)}
.cities{list-style:none}
.cities li{display:flex;gap:16px;align-items:baseline}
.cities li b{font-weight:200;font-size:26px;color:var(--gold);min-width:28px}
.flow svg{width:11px;height:11px;vertical-align:-1px;margin:0 2px}
.two h4 svg{width:12px;height:12px;vertical-align:-1px;margin-right:10px}
.tiles.single{display:block;max-width:560px;border:0;background:none}
.tiles.single a.tile{border:1px solid var(--line)}
.plainul{list-style:none;margin-top:6px}
.plainul li{padding:10px 0;border-top:1px solid var(--line);color:var(--dim);font-size:15px}
.endnav{padding:90px 0;text-align:center;border-top:1px solid var(--line)}
