/* thevantagemindset.com
   Black is the stage, red (#ff3131) is Rudy and Vantage, gold (#deb666) is the Image Nation method,
   neon gold (#f2c46d) is the glow accent. Every filled button is red with dark text. */

html,body{background:#0b0b0c;margin:0}
.inx{--ink:#0b0b0c;--panel:#141312;--panel2:#1b1a18;--line:#2e2a24;--cream:#f2ead8;--body:#d6cdbc;--muted:#9c9384;--gold:#deb666;--gold2:#c99b45;
--red:#ff3131;--neon:#f2c46d;--glow:0 0 6px rgba(242,196,109,.65),0 0 18px rgba(242,196,109,.25);
background:var(--ink);color:var(--body);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.inx *{box-sizing:border-box}
.inx a{color:inherit}
.inx img{max-width:100%;height:auto;display:block}
.inx .nw{white-space:nowrap}
.inx .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.inx .label{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.inx .label.red{color:var(--red)}
.inx .label.glow{color:var(--neon);text-shadow:0 0 8px rgba(242,196,109,.55)}
.inx h1,.inx h2,.inx h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--cream);font-weight:700;line-height:1.08;margin:0;letter-spacing:-.005em;text-transform:none}
.inx h1{font-size:clamp(44px,6.2vw,76px)}
.inx h2{font-size:clamp(34px,4.4vw,52px)}
.inx h3{font-size:26px;line-height:1.2}
.inx p{margin:0 0 18px}
.inx .skiplink{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--cream);color:#0b0b0c;padding:10px 16px;border-radius:6px}
.inx .skiplink:focus{left:16px}

/* buttons */
.inx .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.inx .btn:hover{transform:translateY(-1px)}
.inx .btn-red{background:var(--red);color:#0b0b0c}
.inx .btn-red:hover{background:#ff4b4b;box-shadow:0 0 18px rgba(255,49,49,.45)}
.inx .btn-red-outline{border:1px solid var(--red);color:var(--red)}
.inx .btn-red-outline:hover{box-shadow:0 0 14px rgba(255,49,49,.35)}
.inx .btn-neon{border:1px solid var(--neon);color:var(--neon);box-shadow:var(--glow)}
.inx .btn-neon:hover{box-shadow:0 0 8px rgba(242,196,109,.85),0 0 26px rgba(242,196,109,.4)}
.inx .btn-ghost{border:1px solid #4a4236;color:var(--cream)}
.inx .btn-ghost:hover{border-color:var(--gold)}
.inx .textlink{color:var(--gold);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(222,182,102,.4)}
.inx .textlink:hover{border-color:var(--gold)}

/* header */
.inx .top{position:sticky;top:0;z-index:20;background:rgba(11,11,12,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--neon);box-shadow:0 1px 6px rgba(242,196,109,.45),0 4px 18px rgba(242,196,109,.12)}
.inx .top .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.inx .brand img{height:52px;width:auto}
.inx nav.links{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500}
.inx nav.links a{text-decoration:none;color:var(--body)}
.inx nav.links a:hover{color:var(--cream)}
.inx nav.links .btn{min-height:42px;padding:0 18px;font-size:15px}
.inx nav.links a.btn-red-outline{color:var(--red)}
.inx .top .skip{font-size:14px;color:var(--muted);text-decoration:none;border-bottom:1px solid #3a342b;padding-bottom:2px}
.inx .top .skip:hover{color:var(--cream);border-color:var(--gold)}

/* hero */
.inx .hero{position:relative;padding:72px 0 88px;background:radial-gradient(900px 520px at 78% 38%,rgba(222,182,102,.16),transparent 60%),var(--ink)}
.inx .hero.redglow{background:radial-gradient(900px 520px at 78% 38%,rgba(255,49,49,.13),transparent 60%),var(--ink)}
.inx .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.inx .hero .lead{font-size:20px;color:var(--body);max-width:560px;margin:24px 0 32px}
.inx .hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.inx .hero .micro{font-size:14px;color:var(--muted);margin-top:18px}
.inx .roles{font-size:14px;letter-spacing:.06em;color:var(--muted);margin-top:18px}
.inx .portrait{justify-self:center;width:min(440px,86vw);position:relative}
.inx .portrait::before{content:"";position:absolute;inset:-10% -14%;background:radial-gradient(closest-side,rgba(222,182,102,.22),transparent);z-index:0}
.inx .redglow .portrait::before{background:radial-gradient(closest-side,rgba(255,49,49,.24),transparent)}
.inx .portrait img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.inx .cover{justify-self:center;width:min(380px,82vw);position:relative}
.inx .cover::before{content:"";position:absolute;inset:-12% -18%;background:radial-gradient(closest-side,rgba(222,182,102,.28),transparent);z-index:0}
.inx .cover img{position:relative;z-index:1;border-radius:4px 10px 10px 4px;box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(242,196,109,.35),0 0 40px rgba(242,196,109,.35)}

/* sections */
.inx section.band{padding:96px 0}
.inx .alt{background:var(--panel)}
.inx .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.inx .quote-line{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(28px,3.4vw,40px);color:var(--cream);line-height:1.2;border-left:2px solid var(--gold);padding-left:24px;margin:0}
.inx .parts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.inx .part{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:24px 20px}
.inx .part .n{font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;color:var(--gold);line-height:1}
.inx .part h3{font-size:22px;margin:10px 0 8px}
.inx .part p{font-size:15px;margin:0;color:var(--body)}
.inx .note{margin-top:28px;color:var(--muted);font-size:15px}
.inx .row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.inx .ticks{list-style:none;padding:0;margin:22px 0 30px}
.inx .ticks li{position:relative;padding-left:30px;margin:0 0 12px}
.inx .ticks li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:2px;background:var(--gold)}

/* home: book feature */
.inx .bookfeat .wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center}
.inx .bookfeat .cover{width:min(340px,70vw)}

/* home: the three relationships */
.inx .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.inx .pillars .part{border-color:var(--neon);box-shadow:var(--glow)}
.inx .pillars .part .n{color:var(--red)}
.inx .pillars .part h3{font-size:24px;margin:12px 0 10px}
.inx .pillars .part p{font-size:15.5px}

/* offers */
.inx .offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.inx .offer{display:flex;flex-direction:column;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:32px 28px}
.inx .offer.feature{border-color:var(--neon);box-shadow:var(--glow),0 24px 60px rgba(0,0,0,.35)}
.inx .offer .price{font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;color:var(--cream);line-height:1;margin:14px 0 4px}
.inx .offer .per{font-size:14px;color:var(--muted);margin-bottom:18px}
.inx .offer p{font-size:15.5px}
.inx .offer .btn{margin-top:auto}
.inx .speaking{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:22px 28px;background:#100f0e}
.inx .speaking p{margin:0;color:var(--body)}

/* home: speaking and about */
.inx .speak .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.inx .speak .photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.inx .about .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.inx .about .photo img{border-radius:14px;filter:grayscale(1) contrast(1.05);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.inx .about2 .photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}

/* home: the Vantage World */
.inx .world{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.inx .tile{display:block;background:var(--ink);border:1px solid #2a2620;border-radius:14px;padding:24px 22px;text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.inx .tile:hover{transform:translateY(-2px);border-color:#4a4236}
.inx .tile .bar{display:block;width:32px;height:2px;margin-bottom:18px;background:var(--red)}
.inx .tile.gold .bar{background:var(--neon);box-shadow:var(--glow)}
.inx .tile h3{font-size:23px;margin:0 0 10px}
.inx .tile p{font-size:15px;margin:0;color:var(--body)}
.inx .proof{margin:26px 0 0;color:var(--body);font-size:15px}

/* testimonials */
.inx .praise{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.inx .praise figure{margin:0;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:28px}
.inx .praise blockquote{margin:0 0 22px;font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;line-height:1.35;color:var(--cream)}
.inx .praise figcaption{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
.inx .praise figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.inx .praise figcaption b{display:block;color:var(--body);font-size:15px}

/* free book form */
.inx .free{background:linear-gradient(180deg,#121110,#0b0b0c);border-top:1px solid #1e1c19;border-bottom:1px solid #1e1c19}
.inx .free .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.inx .free .wrap>div:first-child{padding-top:30px}
.inx .free ul{list-style:none;padding:0;margin:24px 0 0}
.inx .free li{position:relative;padding-left:30px;margin:0 0 12px}
.inx .free li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:2px;background:var(--gold)}
.inx .formcard{background:var(--panel2);border:1px solid var(--neon);box-shadow:var(--glow);border-radius:16px;padding:28px 24px 8px}
.inx .formcard h3{margin-bottom:6px}
.inx .formcard .small{font-size:14px;color:var(--muted);margin:0 0 10px}
.inx .formcard iframe{width:100%;min-height:520px;border:none;background:transparent}
.inx section.band.onset-band{padding-top:0}
.inx .onset{margin:0 auto;max-width:920px}
.inx .onset img{width:100%;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.inx .onset figcaption{margin-top:14px;font-size:14px;color:var(--muted);text-align:center}

/* closing call */
.inx .close{padding:110px 0;text-align:center;background:radial-gradient(700px 360px at 50% 30%,rgba(222,182,102,.14),transparent 65%),var(--ink)}
.inx .close h2{max-width:820px;margin:0 auto 34px}
.inx .follow{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}

/* story and simple pages */
.inx .story{max-width:760px;margin:0 auto}
.inx .story p{font-size:18px}
.inx .story .big{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(28px,3.2vw,38px);color:var(--cream);line-height:1.25;margin:40px 0 0}
.inx .prose{max-width:760px}
.inx .prose h2{font-size:clamp(28px,3.2vw,36px);margin:44px 0 14px}
.inx .prose ul{margin:0 0 18px;padding-left:22px}
.inx .prose li{margin:0 0 8px}
.inx .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.inx .side{background:#100f0e;border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:32px}
.inx .side h3{margin-bottom:10px}
.inx .small{font-size:14px;color:var(--muted)}
.inx .shot{justify-self:center;width:100%;max-width:560px;position:relative}
.inx .shot::before{content:"";position:absolute;inset:-10% -12%;background:radial-gradient(closest-side,rgba(255,49,49,.2),transparent);z-index:0}
.inx .shot img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.inx .lost{min-height:62vh;display:flex;align-items:center}

/* kit page */
.inx.kitpage .hero{padding:64px 0 84px}
.inx.kitpage .hero .wrap{grid-template-columns:1fr 1fr;gap:56px}
.inx.kitpage .hero h1{font-size:clamp(42px,5.4vw,66px)}
.inx .buy{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:6px 0 0}
.inx .buy.center{justify-content:center;margin:0 auto 6px}
.inx .kprice{display:flex;align-items:center;gap:12px}
.inx .kprice .amt{font-family:"Cormorant Garamond",Georgia,serif;font-size:58px;line-height:1;color:var(--cream);font-weight:700}
.inx .kprice .per{font-size:12px;line-height:1.4;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;text-align:left}
.inx .btn-lg{min-height:58px;padding:0 32px;font-size:17px}
.inx.kitpage .hero .micro{display:flex;align-items:center;gap:10px}
.inx .shield{flex:none;width:15px;height:17px;background:var(--gold);clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%)}
.inx .nothanks{margin:12px 0 0;font-size:15px}
.inx .nothanks a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.inx .nothanks a:hover{color:var(--cream)}
.inx .product{position:relative}
.inx .product::before{content:"";position:absolute;inset:-10% -12%;background:radial-gradient(closest-side,rgba(222,182,102,.22),transparent);z-index:0}
.inx .product img{position:relative;z-index:1;width:100%;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.inx .items{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.inx .item{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:30px 28px}
.inx .item .tag{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.inx .item h3{margin-bottom:14px}
.inx .item ul{list-style:none;padding:0;margin:0}
.inx .item li{position:relative;padding-left:28px;margin:0 0 10px;font-size:15.5px}
.inx .item li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:var(--gold)}
.inx .inside{margin:44px 0 0}
.inx .inside img{width:100%;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.inx .inside figcaption{margin-top:14px;font-size:14px;color:var(--muted);text-align:center}
.inx .parts.four{grid-template-columns:repeat(4,1fr)}
.inx .guarantee{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;border:1px solid var(--neon);box-shadow:var(--glow);border-radius:18px;padding:40px;background:#100f0e}
.inx .seal{width:132px;height:132px;border-radius:50%;border:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);font-size:13px;letter-spacing:.24em;font-weight:600}
.inx .seal span{font-family:"Cormorant Garamond",Georgia,serif;font-size:56px;line-height:.95;letter-spacing:0;color:var(--cream)}
.inx .guarantee h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:14px}
.inx .guarantee p:last-child{margin:0}
.inx.kitpage .close h2{font-size:clamp(30px,3.8vw,46px)}
.inx .member{margin:26px 0 0;font-size:15px;color:var(--muted)}

/* footer */
.inx footer{border-top:1px solid var(--neon);box-shadow:0 -1px 6px rgba(242,196,109,.45),0 -4px 18px rgba(242,196,109,.1);padding:40px 0;font-size:14px;color:var(--muted)}
.inx footer .wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.inx footer img{height:44px;width:auto}
.inx footer nav{display:flex;flex-wrap:wrap;gap:22px}
.inx footer a{text-decoration:none;color:var(--muted)}
.inx footer a:hover{color:var(--cream)}

/* responsive */
@media (max-width:1024px){
.inx .parts{grid-template-columns:repeat(2,1fr)}.inx .parts .part:last-child{grid-column:span 2}
.inx .parts.four .part:last-child{grid-column:auto}
.inx .world{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.inx nav.links a:not(.btn){display:none}
.inx .hero{padding:48px 0 64px}
.inx .hero .wrap,.inx .split,.inx .free .wrap,.inx .about .wrap,.inx .bookfeat .wrap,.inx .speak .wrap,.inx .contact .wrap,.inx.kitpage .hero .wrap{grid-template-columns:1fr;gap:40px}
.inx .free .wrap>div:first-child{padding-top:0}
.inx .hero .cover{order:-1;width:min(260px,64vw)}
.inx .hero .portrait{order:-1;width:min(220px,56vw)}
.inx .hero .shot{order:-1}
.inx .shot::before,.inx .product::before{inset:-8% 0}
.inx .speak .photo{order:-1}
.inx .praise,.inx .offers,.inx .pillars,.inx .items{grid-template-columns:1fr}
.inx section.band{padding:72px 0}
.inx .about .photo{max-width:420px}
.inx.kitpage .hero .product{max-width:560px}
.inx .guarantee{grid-template-columns:1fr;gap:24px;padding:30px 24px}
}
@media (max-width:560px){
.inx{font-size:16px}
.inx .wrap{padding:0 16px}
.inx .parts,.inx .parts.four,.inx .world{grid-template-columns:1fr}.inx .parts .part:last-child{grid-column:auto}
.inx .brand img{height:42px}
.inx .hero .lead{font-size:18px}
.inx .hero .ctas .btn,.inx .row .btn,.inx .buy .btn{flex:1 1 100%}
.inx .formcard{padding:22px 16px 4px}
.inx .kprice .amt{font-size:50px}
.inx .seal{width:104px;height:104px}
.inx .seal span{font-size:44px}
.inx .top .skip{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.inx .btn,.inx .tile{transition:none}.inx .btn:hover,.inx .tile:hover{transform:none}}