@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#090d16;--ink-2:#10192a;--paper:#f5f2ea;--muted:#a7adba;--gold:#d9ae63;--gold-soft:rgba(217,174,99,.12);--line:rgba(217,174,99,.25);--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden;position:relative}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}

/* Ambient light + grain atmosphere */
.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(115px);opacity:.22;pointer-events:none;z-index:-2;animation:drift 26s ease-in-out infinite alternate}
.ambient-one{background:#bb8244;right:-190px;top:80px}
.ambient-two{background:#284c7c;left:-220px;top:680px;animation-delay:-8s}
.ambient-three{background:#7a4f9c;left:38%;top:1500px;width:440px;height:440px;opacity:.14;animation-delay:-4s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,-24px) scale(1.08)}}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Nav */
.nav{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(9,13,22,.72);backdrop-filter:blur(14px);z-index:10}
.brand{color:var(--paper);text-decoration:none;letter-spacing:.19em;font-weight:800;font-size:1.04rem;display:inline-flex;align-items:center;gap:10px}
.brand .mark{width:20px;height:20px;color:var(--gold);flex-shrink:0}
.brand span{color:var(--gold);font-size:.6em;vertical-align:top}
nav{display:flex;gap:28px;align-items:center}
nav a{color:#c7cad1;text-decoration:none;font-size:.82rem;transition:color .2s ease}
nav a:hover{color:var(--paper)}
.nav-cta{border:1px solid var(--line);padding:10px 15px;color:var(--gold);transition:background .25s ease,color .25s ease,border-color .25s ease}
.nav-cta:hover{background:var(--gold);color:#15100a;border-color:var(--gold)}

/* Hero */
.hero{padding:116px 0 80px;max-width:var(--max);position:relative}
.eyebrow,.section-label{font:500 .7rem 'DM Mono',monospace;letter-spacing:.16em;color:var(--gold);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before,.section-label::before{content:'';width:22px;height:1px;background:var(--gold)}
h1,h2{letter-spacing:-.045em;line-height:.98;margin:0}
h1{font-size:clamp(3.4rem,8vw,7.6rem);max-width:950px}
h1 em{font-family:'Playfair Display',serif;font-weight:600;font-style:italic;color:var(--gold);position:relative}
.hero-copy{font-size:1.08rem;line-height:1.75;max-width:620px;color:#bdc1cb;margin:32px 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;gap:20px;align-items:center;text-decoration:none;padding:15px 20px;border:0;font:700 .82rem Manrope,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .25s ease}
.primary{background:var(--gold);color:#15100a}
.primary span{font-size:1.25rem;transition:transform .25s ease}
.primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(217,174,99,.55)}
.primary:hover span{transform:translateX(4px)}
.ghost{border:1px solid rgba(255,255,255,.18);color:var(--paper)}
.ghost:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.04)}
.proof{display:flex;gap:42px;margin-top:88px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.proof div{display:grid;gap:4px}
.proof strong{font:500 1.6rem 'DM Mono',monospace;color:var(--gold)}
.proof span{font-size:.72rem;color:var(--muted)}

/* Statement */
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0}
.statement p{font:600 clamp(1.4rem,2.7vw,2.25rem)/1.25 Manrope,sans-serif;max-width:900px;color:#a9b0bf}
.statement strong{color:var(--paper)}

/* Sections */
.section{padding:130px 0}
.section h2{font-size:clamp(2.4rem,5vw,4.8rem);max-width:820px;margin:18px 0 54px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.steps article{background:var(--ink-2);padding:34px;min-height:210px;transition:background .3s ease}
.steps article:hover{background:#141f34}
.steps b{font:500 .78rem 'DM Mono',monospace;color:var(--gold)}
.steps h3{font-size:1.3rem;margin:40px 0 10px}
.steps p,.summary{font-size:.89rem;line-height:1.65;color:var(--muted)}

/* Offers */
.offers{padding-top:40px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{position:relative;border:1px solid rgba(255,255,255,.14);padding:34px;min-height:450px;background:rgba(16,25,42,.6);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(217,174,99,.4);box-shadow:0 24px 48px -20px rgba(0,0,0,.5)}
.card.featured{border-color:var(--gold);transform:translateY(-12px);background:#16191d;box-shadow:0 0 0 1px rgba(217,174,99,.15),0 30px 60px -24px rgba(217,174,99,.28)}
.card.featured:hover{transform:translateY(-16px)}
.tier{color:var(--gold);font:500 .7rem 'DM Mono',monospace;letter-spacing:.15em}
.card h3{font-size:3rem;margin:18px 0 4px}
.card h3 span{font-size:1rem;color:var(--muted)}
.card ul{padding:0;margin:28px 0;list-style:none}
.card li{font-size:.86rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.text-link{position:absolute;bottom:30px;color:var(--gold);text-decoration:none;font-weight:700;font-size:.85rem;transition:letter-spacing .25s ease}
.text-link:hover{letter-spacing:.02em}
.recommended{position:absolute;right:18px;top:18px;background:var(--gold);color:#1b1306;font:700 .62rem 'DM Mono',monospace;padding:7px}

/* Outcomes */
.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}
.outcomes h2{margin-bottom:0}
.outcome-list p{padding:20px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:600;transition:padding-left .25s ease,color .25s ease}
.outcome-list p:hover{padding-left:8px;color:var(--paper)}
.outcome-list span{color:var(--gold);margin-right:12px}

/* Contact */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:92px 52px;margin-bottom:110px;background:#ece6d9;color:#101318;position:relative;overflow:hidden}
.contact::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 90% -10%,rgba(217,174,99,.18),transparent 70%);pointer-events:none}
.contact h2{font-size:clamp(2.6rem,4vw,4rem);margin:18px 0}
.contact p{line-height:1.65;color:#444}
.contact .section-label{color:#8a6a2c}
.contact .section-label::before{background:#8a6a2c}
form{display:grid;gap:16px;position:relative;z-index:1}
label{display:grid;gap:7px;font-size:.75rem;font-weight:800;letter-spacing:.04em}
input,textarea,select{font:400 .96rem Manrope,sans-serif;border:1px solid #b9b1a2;padding:13px;background:#f8f5ed;color:#17181b;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:#8a6a2c;box-shadow:0 0 0 3px rgba(138,106,44,.14)}
textarea{min-height:104px;resize:vertical}
.form-status{font-size:.83rem;min-height:18px;margin:0!important}
.form-status.success{color:#116b46}
.form-status.error{color:#aa2833}

footer{padding:0 0 45px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem}
footer p{margin:0}

/* Scroll reveal */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none;transition:none}
  .ambient{animation:none}
  .button:hover,.card:hover,.card.featured:hover{transform:none}
}

@media(max-width:760px){
  .nav{height:76px}
  nav a:not(.nav-cta){display:none}
  .hero{padding:80px 0 60px}
  .proof{gap:20px;margin-top:55px}
  .section{padding:86px 0}
  .steps,.cards,.outcomes,.contact{grid-template-columns:1fr}
  .card.featured{transform:none}
  .card:hover,.card.featured:hover{transform:translateY(-4px)}
  .contact{padding:44px 24px;gap:40px;margin-bottom:70px}
  footer{align-items:flex-start;gap:16px;flex-direction:column}
}