Created
May 26, 2026 02:26
-
-
Save Pavracer/8edbf9918b13bf3e3af3e3d16d3fbfb6 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap'); | |
| @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css'); | |
| *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} | |
| :root{ | |
| --blk:#000;--d1:#0a0a0a;--d2:#111;--d3:#181818;--d4:#1e1e1e; | |
| --g1:#8B6000;--g2:#C9971A;--g3:#E8B830;--g4:#F5D060; | |
| --wht:#fff;--muted:#888; | |
| --serif:'Cormorant Garamond',Georgia,serif; | |
| --disp:'Playfair Display',Georgia,serif; | |
| --sans:'Montserrat',sans-serif; | |
| } | |
| .ms-page{scroll-behavior:smooth} | |
| .ms-page{font-family:var(--sans);background:var(--blk);color:var(--wht);min-height:100vh;overflow-x:hidden} | |
| a{text-decoration:none;cursor:pointer} | |
| img{max-width:100%;display:block} | |
| /* PAGES */ | |
| .page{display:none} | |
| .page.active{display:block;animation:fadeIn .45s ease both} | |
| @keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} | |
| /* NAVBAR — exact Myron Golden structure */ | |
| #nav{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(0,0,0,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,151,26,.18)} | |
| .nav-inner{max-width:1400px;margin:0 auto;padding:0 48px;height:76px;display:flex;align-items:center;justify-content:space-between} | |
| .nav-logo{cursor:pointer;flex-shrink:0} | |
| .nav-logo img{height:50px;object-fit:contain} | |
| .nav-right{display:flex;align-items:center;gap:6px} | |
| .nav-right .ni{position:relative} | |
| .nav-right .ni > a{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.72);padding:10px 16px;display:flex;align-items:center;gap:5px;transition:color .2s;border:none;background:none;cursor:pointer} | |
| .nav-right .ni > a:hover,.nav-right .ni > a.on{color:var(--g2)} | |
| .nav-right .ni > a .arr{font-size:7px;transition:transform .25s} | |
| .nav-right .ni:hover > a .arr{transform:rotate(180deg)} | |
| /* dropdown */ | |
| .drop{position:absolute;top:100%;right:0;min-width:270px;background:rgba(5,5,5,.98);border:1px solid rgba(201,151,26,.2);border-top:2px solid var(--g2);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;z-index:999} | |
| .ni:hover .drop{opacity:1;visibility:visible;transform:none} | |
| .drop-hd{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.55);padding:10px 18px 4px} | |
| .drop a{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.6);padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s} | |
| .drop a:hover{color:var(--g2);background:rgba(201,151,26,.05);padding-left:24px} | |
| .drop-tag{display:inline-block;background:var(--g2);color:var(--blk);font-size:8px;font-weight:800;letter-spacing:2px;padding:2px 7px} | |
| .nav-cta{background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--blk);padding:11px 28px;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;margin-left:8px} | |
| .nav-cta:hover{background:linear-gradient(135deg,var(--g2),var(--g3));transform:translateY(-1px)} | |
| /* SECONDARY NAV */ | |
| .sec-nav{background:rgba(201,151,26,.07);border-bottom:1px solid rgba(201,151,26,.1);padding:0 48px;height:36px;display:flex;align-items:center;justify-content:flex-end;gap:28px} | |
| .sec-nav a{font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);transition:color .2s} | |
| .sec-nav a:hover{color:var(--g2)} | |
| /* PAGE OFFSET */ | |
| .pg-offset{padding-top:112px} | |
| /* BUTTONS */ | |
| .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;transition:all .25s} | |
| .bg{background:linear-gradient(135deg,var(--g1),var(--g2),var(--g3));background-size:200% 100%;color:var(--blk);padding:15px 44px} | |
| .bg:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,151,26,.5);background-size:100% 100%} | |
| .bgl{background:transparent;border:1.5px solid var(--g2);color:var(--g2);padding:14px 42px} | |
| .bgl:hover{background:var(--g2);color:var(--blk)} | |
| .bwl{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);padding:14px 42px} | |
| .bwl:hover{border-color:var(--g2);color:var(--g2)} | |
| .bblk{background:var(--blk);border:1.5px solid var(--blk);color:var(--g2);padding:14px 42px} | |
| .bblk:hover{background:var(--d2)} | |
| /* GOLD BAR */ | |
| .gold-bar{background:linear-gradient(90deg,var(--g1),var(--g2) 30%,var(--g3) 55%,var(--g2) 80%,var(--g1));padding:28px 48px;display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap} | |
| .gb{text-align:center} | |
| .gbn{font-family:var(--sans);font-size:36px;font-weight:900;color:var(--blk);line-height:1} | |
| .gbl{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(0,0,0,.5);margin-top:3px} | |
| .gb-sep{width:1px;height:40px;background:rgba(0,0,0,.2)} | |
| /* CTA GOLD */ | |
| .cta-gold{background:linear-gradient(100deg,var(--g1),var(--g2) 35%,var(--g3) 60%,var(--g2) 82%,var(--g1));padding:88px 48px;text-align:center} | |
| .cta-gold h2{font-family:var(--sans);font-size:clamp(26px,4vw,58px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--blk);line-height:1.05;margin-bottom:12px} | |
| .cta-gold p{font-family:var(--serif);font-size:19px;font-style:italic;color:rgba(0,0,0,.48);margin-bottom:36px;line-height:1.6} | |
| /* SECTION HEADER */ | |
| .sh{text-align:center;margin-bottom:64px} | |
| .sh.lft{text-align:left} | |
| .sh .ey{display:block;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);margin-bottom:10px} | |
| .sh h2{font-family:var(--sans);font-size:clamp(26px,3.8vw,52px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.02} | |
| .sh h2 em{color:var(--g2);font-style:normal} | |
| .sh p{font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(255,255,255,.35);margin-top:10px;line-height:1.6} | |
| .gline{width:56px;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3));margin:14px 0 0} | |
| .gline.c{margin:14px auto 0} | |
| /* FOOTER */ | |
| footer{background:var(--blk);border-top:1px solid rgba(201,151,26,.1)} | |
| .ft{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:72px 48px 48px} | |
| .ft-brand img{height:56px;object-fit:contain;margin-bottom:16px} | |
| .ft-brand p{font-family:var(--sans);font-size:12px;font-weight:300;color:rgba(255,255,255,.3);line-height:1.85;margin-bottom:20px} | |
| .ft-soc{display:flex;gap:10px} | |
| .ft-si{width:34px;height:34px;border:1px solid rgba(201,151,26,.2);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,.3);cursor:pointer;transition:all .2s} | |
| .ft-si:hover{border-color:var(--g2);color:var(--g2)} | |
| .ft-col h5{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin-bottom:18px} | |
| .ft-col a{display:block;font-family:var(--sans);font-size:12px;color:rgba(255,255,255,.32);margin-bottom:10px;cursor:pointer;transition:color .2s;letter-spacing:.2px} | |
| .ft-col a:hover{color:var(--g2)} | |
| .ft-bot{max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.05);padding:20px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px} | |
| .ft-bot p{font-family:var(--sans);font-size:9px;color:rgba(255,255,255,.2);letter-spacing:2.5px;text-transform:uppercase} | |
| .ft-bot-links{display:flex;gap:20px} | |
| .ft-bot-links a{font-family:var(--sans);font-size:9px;color:rgba(255,255,255,.2);letter-spacing:1.5px;cursor:pointer;transition:color .2s} | |
| .ft-bot-links a:hover{color:var(--g2)} | |
| /* ═══════════════════════════════════ | |
| HOME PAGE | |
| ═══════════════════════════════════ */ | |
| /* HERO — full width like Myron Golden */ | |
| .home-hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column} | |
| .hero-photo-wrap{flex:1;position:relative;min-height:calc(100vh - 112px)} | |
| /* Photo background - this is where the real photo goes */ | |
| .hero-bg{position:absolute;inset:0;background:linear-gradient(160deg,#1c0e00 0%,#2e1800 30%,#200d00 60%,#0a0500 100%)} | |
| .hero-bg-img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.85} | |
| /* gradient overlay exactly like Myron: strong left fade */ | |
| .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 38%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.08) 100%)} | |
| .hero-glow{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,26,.12) 0%,transparent 65%);pointer-events:none} | |
| /* hero text */ | |
| .hero-text{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;padding:0 48px;max-width:720px} | |
| .hero-name{font-family:var(--sans);font-size:clamp(52px,7vw,110px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.88;color:var(--wht);margin-bottom:16px} | |
| .hero-name em{display:block;font-family:var(--disp);font-style:italic;font-weight:400;color:var(--g2);text-transform:none;letter-spacing:-1px;font-size:clamp(56px,8vw,118px)} | |
| .hero-desc{font-family:var(--sans);font-size:16px;font-weight:300;color:rgba(255,255,255,.65);line-height:1.85;margin-bottom:36px;max-width:520px} | |
| .hero-desc strong{color:var(--wht);font-weight:600} | |
| .hero-btns{display:flex;gap:14px;flex-wrap:wrap} | |
| /* Photo placeholder label */ | |
| .photo-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none} | |
| .photo-label .ico{font-size:140px;opacity:.04;display:block;line-height:1} | |
| .photo-label span{font-family:var(--sans);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.2)} | |
| /* WHY BANNER — replaces "Elevate Your Endeavors" */ | |
| .why-banner{background:rgba(201,151,26,.08);border-top:1px solid rgba(201,151,26,.2);border-bottom:1px solid rgba(201,151,26,.2);padding:18px 48px;text-align:center} | |
| .why-banner p{font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(255,255,255,.55);line-height:1.5} | |
| .why-banner p strong{color:var(--g2);font-style:normal;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase} | |
| .why-banner p em{color:rgba(255,255,255,.75);font-style:italic} | |
| /* EMBARK */ | |
| .embark{background:var(--d2);padding:110px 48px;text-align:center;border-bottom:1px solid rgba(201,151,26,.1)} | |
| .embark-inner{max-width:900px;margin:0 auto} | |
| .embark h2{font-family:var(--sans);font-size:clamp(26px,4vw,54px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.08;margin-bottom:20px} | |
| .embark h2 em{color:var(--g2);font-style:normal} | |
| .embark p{font-family:var(--serif);font-size:19px;font-style:italic;color:rgba(255,255,255,.45);line-height:1.85;margin-bottom:14px} | |
| .embark p strong{color:var(--g2);font-style:normal;font-family:var(--sans);font-weight:700;font-size:14px} | |
| .embark-subs{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin:28px 0 8px} | |
| .embark-subs em{font-style:italic;font-family:var(--serif);color:var(--g2);font-size:15px;text-transform:none;letter-spacing:0} | |
| .embark-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px} | |
| /* PROGRAMS CARDS — Myron Golden grid style */ | |
| .progs{background:var(--blk);padding:110px 48px} | |
| .progs-inner{max-width:1400px;margin:0 auto} | |
| .progs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:60px} | |
| .pc{position:relative;overflow:hidden;cursor:pointer} | |
| .pc-inner{aspect-ratio:3/4.5;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end} | |
| .pc-bg{position:absolute;inset:0;transition:transform .55s cubic-bezier(.4,0,.2,1)} | |
| .pc:hover .pc-bg{transform:scale(1.06)} | |
| .pc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.1) 100%)} | |
| .pc-ph{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);font-size:90px;opacity:.04;line-height:1} | |
| .pc-body{position:relative;z-index:2;padding:36px 28px} | |
| .pc-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--g2);margin-bottom:8px} | |
| .pc-title{font-family:var(--sans);font-size:clamp(18px,2vw,26px);font-weight:900;text-transform:uppercase;color:var(--wht);line-height:1.05;margin-bottom:10px} | |
| .pc-desc{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.45);line-height:1.65;margin-bottom:16px} | |
| .pc-price{font-family:var(--disp);font-size:28px;font-style:italic;color:var(--g2);margin-bottom:16px} | |
| .pc-cta{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--g2);border-bottom:1px solid rgba(201,151,26,.4);padding-bottom:2px;transition:all .2s;display:inline-block} | |
| .pc-cta:hover{color:var(--g3);border-bottom-color:var(--g3)} | |
| .bg-am{background:linear-gradient(155deg,#1c0e00,#3a2000)} | |
| .bg-nv{background:linear-gradient(155deg,#0a0a1c,#1e1042)} | |
| .bg-fo{background:linear-gradient(155deg,#0a1c0a,#0a2212)} | |
| /* EVENTS */ | |
| .events{background:var(--d1);padding:110px 48px} | |
| .events-inner{max-width:1200px;margin:0 auto} | |
| .ev-list{border-top:1px solid rgba(201,151,26,.12);margin-top:60px} | |
| .ev-row{display:grid;grid-template-columns:96px 1fr 1fr auto;gap:36px;align-items:center;padding:26px 8px;border-bottom:1px solid rgba(201,151,26,.07);cursor:pointer;transition:background .2s} | |
| .ev-row:hover{background:rgba(201,151,26,.03)} | |
| .ev-d{text-align:center} | |
| .ev-day{font-family:var(--sans);font-size:50px;font-weight:900;color:var(--g2);line-height:1} | |
| .ev-mo{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3)} | |
| .ev-info h4{font-family:var(--sans);font-size:clamp(14px,1.8vw,20px);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);margin-bottom:5px} | |
| .ev-info p{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--g2)} | |
| .ev-type{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25);text-align:right} | |
| /* BIO SECTION */ | |
| .bio{background:var(--blk);padding:110px 48px} | |
| .bio-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center} | |
| .bio-photo{position:relative} | |
| .bio-ph{aspect-ratio:3/4;background:linear-gradient(155deg,#1c0e00,#2e1800);position:relative;overflow:hidden} | |
| .bio-ph::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g1),var(--g3))} | |
| .bio-ph .ph-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px} | |
| .bio-ph .ph-inner .ico{font-size:120px;opacity:.05;line-height:1} | |
| .bio-ph .ph-inner span{font-family:var(--sans);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.2)} | |
| .bio-badges{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:3px} | |
| .bio-bdg{background:var(--d3);padding:14px;text-align:center;transition:background .2s} | |
| .bio-bdg:hover{background:var(--d4)} | |
| .bio-bdg .bi{font-size:20px;color:var(--g2);margin-bottom:5px} | |
| .bio-bdg p{font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.28)} | |
| .bio-text .ey{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);display:block;margin-bottom:10px} | |
| .bio-text h2{font-family:var(--sans);font-size:clamp(22px,2.8vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.08;margin-bottom:6px} | |
| .bio-text h2 em{color:var(--g2);font-style:normal} | |
| .bio-sub{font-family:var(--serif);font-size:19px;font-style:italic;color:rgba(255,255,255,.35);margin-bottom:24px} | |
| .bio-text p{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.56);line-height:1.92;margin-bottom:15px} | |
| .bio-text p strong{color:var(--wht);font-weight:600} | |
| .bio-text .big-stat{font-family:var(--sans);font-size:clamp(18px,2.5vw,28px);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--wht);line-height:1.3;margin:32px 0;padding-left:20px;border-left:2px solid var(--g2)} | |
| .bio-text .big-stat em{color:var(--g2);font-style:normal} | |
| /* BOOKS — like Myron Golden */ | |
| .books{background:var(--d2);padding:110px 48px;border-top:1px solid rgba(201,151,26,.1)} | |
| .books-inner{max-width:1200px;margin:0 auto} | |
| .books-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:72px} | |
| .book-item{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start} | |
| .book-cover{width:220px;flex-shrink:0;position:relative} | |
| .book-cover-img{width:220px;aspect-ratio:3/4;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)} | |
| .book-cover-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:20px} | |
| .book-cover-bg.b1{background:linear-gradient(155deg,var(--g1),var(--g2),var(--blk))} | |
| .book-cover-bg.b2{background:linear-gradient(155deg,var(--blk),var(--d3),var(--g1))} | |
| .book-cover-bg.b3{background:linear-gradient(155deg,#0a1c0a,var(--g1),var(--g2))} | |
| .book-cover-bg h3{font-family:var(--disp);font-size:20px;font-style:italic;color:var(--wht);text-align:center;line-height:1.3} | |
| .book-cover-bg span{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)} | |
| .book-badge{background:var(--g2);color:var(--blk);font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;display:inline-block;margin-bottom:12px} | |
| .book-info h3{font-family:var(--sans);font-size:clamp(18px,2vw,26px);font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--wht);line-height:1.1;margin-bottom:8px} | |
| .book-info .by{font-family:var(--serif);font-size:15px;font-style:italic;color:rgba(255,255,255,.4);margin-bottom:14px} | |
| .book-info p{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:24px} | |
| .book-btns{display:flex;gap:12px;flex-wrap:wrap} | |
| .book-btns a{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;padding:12px 24px;border:1.5px solid;transition:all .2s} | |
| .book-btns .know{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.5)} | |
| .book-btns .know:hover{border-color:var(--g2);color:var(--g2)} | |
| .book-btns .buy{border-color:var(--g2);color:var(--blk);background:var(--g2)} | |
| .book-btns .buy:hover{background:var(--g3);border-color:var(--g3)} | |
| /* TESTIMONIALS */ | |
| .testi{background:var(--blk);padding:110px 48px} | |
| .testi-inner{max-width:1200px;margin:0 auto} | |
| .t-row{display:grid;grid-template-columns:200px 1fr;gap:60px;align-items:start;padding:52px 0;border-bottom:1px solid rgba(201,151,26,.1)} | |
| .t-row:first-of-type{border-top:1px solid rgba(201,151,26,.1)} | |
| .t-av{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:26px;color:var(--blk);font-weight:700;margin-bottom:12px} | |
| .t-name{font-family:var(--sans);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--wht);margin-bottom:4px} | |
| .t-role{font-family:var(--sans);font-size:10px;color:var(--g2);letter-spacing:2px;text-transform:uppercase} | |
| .t-res{display:inline-block;background:var(--g2);color:var(--blk);font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;margin-top:10px} | |
| .t-q{font-family:var(--disp);font-size:clamp(20px,2.5vw,30px);font-style:italic;color:var(--wht);line-height:1.5} | |
| .t-q::before{content:'\201c';font-size:80px;color:var(--g2);line-height:0;vertical-align:-.4em;margin-right:4px;font-family:var(--serif)} | |
| /* CONTENT/YOUTUBE */ | |
| .content{background:var(--d2);padding:110px 48px;border-top:1px solid rgba(201,151,26,.1)} | |
| .content-inner{max-width:1100px;margin:0 auto;text-align:center} | |
| .content h2{font-family:var(--sans);font-size:clamp(26px,4vw,54px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);margin-bottom:12px} | |
| .content h2 em{color:var(--g2);font-style:normal} | |
| .content-desc{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.9;max-width:680px;margin:0 auto 20px} | |
| .content-desc em{color:var(--g2);font-style:italic;font-family:var(--serif);font-size:16px} | |
| .content-sched{display:inline-block;border:1px solid rgba(201,151,26,.3);padding:14px 36px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--g2);margin:24px 0 40px} | |
| .yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;text-align:left} | |
| .yt-card{background:var(--d3);cursor:pointer;transition:transform .2s} | |
| .yt-card:hover{transform:translateY(-4px)} | |
| .yt-thumb{aspect-ratio:16/9;background:linear-gradient(155deg,#1c0e00,#2e1800);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden} | |
| .yt-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)} | |
| .yt-play{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--blk);position:relative;z-index:1;transition:transform .2s} | |
| .yt-card:hover .yt-play{transform:scale(1.1)} | |
| .yt-info{padding:18px 20px} | |
| .yt-info h4{font-family:var(--sans);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--wht);margin-bottom:4px;line-height:1.35} | |
| .yt-info p{font-family:var(--sans);font-size:10px;color:var(--g2);letter-spacing:2px;text-transform:uppercase} | |
| /* SOCIAL */ | |
| .soc{background:var(--d1);padding:80px 48px;border-top:1px solid rgba(201,151,26,.1)} | |
| .soc-inner{max-width:900px;margin:0 auto;text-align:center} | |
| .soc h2{font-family:var(--sans);font-size:clamp(22px,3.5vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--wht);margin-bottom:8px} | |
| .soc h2 em{color:var(--g2);font-style:normal} | |
| .soc p{font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(255,255,255,.3);margin-bottom:40px} | |
| .soc-icons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} | |
| .si{width:66px;height:66px;border:1.5px solid rgba(201,151,26,.2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .28s;color:rgba(255,255,255,.38);background:rgba(255,255,255,.02)} | |
| .si:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(201,151,26,.25)} | |
| .si.fb:hover{border-color:#1877F2;color:#1877F2;background:rgba(24,119,242,.07)} | |
| .si.ig:hover{border-color:#E1306C;color:#E1306C;background:rgba(225,48,108,.07)} | |
| .si.yt:hover{border-color:#FF0000;color:#FF0000;background:rgba(255,0,0,.07)} | |
| .si.li:hover{border-color:#0A66C2;color:#0A66C2;background:rgba(10,102,194,.07)} | |
| .si.xx:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.07)} | |
| .si.wa:hover{border-color:#25D366;color:#25D366;background:rgba(37,211,102,.07)} | |
| .si.tk:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.07)} | |
| .si.pt:hover{border-color:#E60023;color:#E60023;background:rgba(230,0,35,.07)} | |
| /* CONTACT STRIP */ | |
| .cnt-strip{background:var(--d2);padding:80px 48px;text-align:center;border-top:1px solid rgba(201,151,26,.1)} | |
| .cnt-strip h2{font-family:var(--sans);font-size:clamp(26px,3.5vw,48px);font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--wht);margin-bottom:8px} | |
| .cnt-strip h2 em{color:var(--g2);font-style:normal} | |
| .cnt-strip p{font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(255,255,255,.38);margin-bottom:36px} | |
| /* ═══════════════════════════════════ | |
| ABOUT PAGE | |
| ═══════════════════════════════════ */ | |
| /* Hero — full width like Myron About */ | |
| .ab-hero{min-height:88vh;position:relative;overflow:hidden;padding-top:112px;display:flex;align-items:flex-end} | |
| .ab-hero-bg{position:absolute;inset:0;background:linear-gradient(155deg,#1c0e00,#2e1800,#0a0500)} | |
| .ab-hero-img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.6} | |
| .ab-hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.15) 100%)} | |
| .ab-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 48px 72px;width:100%} | |
| .ab-hero-content .ey{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);margin-bottom:16px;display:block} | |
| .ab-hero-content h1{font-family:var(--sans);font-size:clamp(52px,7vw,108px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.88;color:var(--wht)} | |
| .ab-hero-content h1 em{display:block;font-family:var(--disp);font-style:italic;font-weight:400;color:var(--g2);text-transform:none;letter-spacing:-1px;font-size:clamp(56px,8vw,116px)} | |
| /* Mission quote */ | |
| .ab-mission{background:var(--d2);border-top:2px solid var(--g2);padding:80px 48px;text-align:center;position:relative;overflow:hidden} | |
| .ab-mission::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,26,.07) 0%,transparent 65%);pointer-events:none} | |
| .ab-mission img.icon{height:80px;opacity:.55;margin-bottom:28px;position:relative;z-index:1} | |
| .mission-q{font-family:var(--sans);font-size:clamp(18px,2.6vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.3;max-width:950px;margin:0 auto 8px;position:relative;z-index:1} | |
| .mission-q em{color:var(--g2);font-style:normal} | |
| .mission-sig{font-family:var(--disp);font-size:clamp(36px,5vw,72px);font-style:italic;color:var(--g2);margin-top:20px;position:relative;z-index:1} | |
| .mission-tt{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:6px;position:relative;z-index:1} | |
| .mission-est{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.4);margin-top:4px;position:relative;z-index:1} | |
| /* About story */ | |
| .ab-story{background:var(--blk);padding:110px 48px} | |
| .ab-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:72px;align-items:start} | |
| .ab-sidebar{position:sticky;top:120px} | |
| .ab-sid-ph{aspect-ratio:2/3;background:linear-gradient(155deg,#1c0e00,#2e1800);position:relative;overflow:hidden} | |
| .ab-sid-ph::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g1),var(--g3))} | |
| .ab-sid-ph .inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px} | |
| .ab-sid-ph .inner .ico{font-size:80px;opacity:.05;line-height:1} | |
| .ab-sid-ph .inner span{font-family:var(--sans);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.2)} | |
| .ab-pull{border-left:2px solid var(--g2);padding:18px 22px;margin-top:22px;background:rgba(201,151,26,.04)} | |
| .ab-pull p{font-family:var(--disp);font-size:17px;font-style:italic;color:rgba(255,255,255,.58);line-height:1.65} | |
| .ab-main h2{font-family:var(--sans);font-size:clamp(22px,2.8vw,36px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.08;margin-bottom:6px} | |
| .ab-main h2 em{color:var(--g2);font-style:normal} | |
| .ab-main h3{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin:36px 0 14px} | |
| .ab-main p{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.58);line-height:1.92;margin-bottom:15px} | |
| .ab-main p strong{color:var(--wht);font-weight:600} | |
| .ab-big-q{font-family:var(--sans);font-size:clamp(18px,2.2vw,28px);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--wht);line-height:1.35;margin:36px 0;padding-left:22px;border-left:2px solid var(--g2)} | |
| .ab-big-q em{color:var(--g2);font-style:normal} | |
| /* About photos */ | |
| .ab-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:3px} | |
| .ab-ph-box{aspect-ratio:3/4;position:relative;overflow:hidden} | |
| .ab-ph-box .bg{position:absolute;inset:0;object-fit:cover;width:100%;height:100%} | |
| .ab-ph-box .ph-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px} | |
| .ab-ph-box .ph-over .ico{font-size:80px;opacity:.05;line-height:1} | |
| .ab-ph-box .ph-over span{font-family:var(--sans);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,151,26,.18)} | |
| .ab-ph-box:nth-child(1){background:linear-gradient(155deg,#1c0e00,#3a2000)} | |
| .ab-ph-box:nth-child(2){background:linear-gradient(155deg,#0a0a1c,#1e1042)} | |
| .ab-ph-box:nth-child(3){background:linear-gradient(155deg,#0a1c0a,#0a2212)} | |
| /* About achievements */ | |
| .ab-ach{background:var(--d1);padding:72px 48px} | |
| .ab-ach-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3px} | |
| .ab-ac{background:var(--d2);padding:28px 20px;text-align:center;transition:background .2s} | |
| .ab-ac:hover{background:var(--d3)} | |
| .ab-ac .ico{font-size:32px;margin-bottom:12px;color:var(--g2)} | |
| .ab-ac h4{font-family:var(--sans);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--wht);margin-bottom:6px} | |
| .ab-ac p{font-family:var(--sans);font-size:12px;font-weight:300;color:rgba(255,255,255,.36);line-height:1.6} | |
| /* About videos — two videos like Myron */ | |
| .ab-vids{background:var(--d2);padding:110px 48px} | |
| .ab-vids-inner{max-width:1200px;margin:0 auto} | |
| .vids-header{text-align:center;margin-bottom:56px} | |
| .vids-header h2{font-family:var(--sans);font-size:clamp(22px,3vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);line-height:1.05} | |
| .vids-header h2 em{color:var(--g2);font-style:normal} | |
| .vids-header p{font-family:var(--disp);font-size:22px;font-style:italic;color:rgba(255,255,255,.4);margin-top:10px} | |
| .vids-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px} | |
| .vid{cursor:pointer} | |
| .vid-thumb{aspect-ratio:16/9;background:linear-gradient(155deg,#1c0e00,#2e1800);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden} | |
| .vid-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)} | |
| .vid-play{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--blk);position:relative;z-index:1;transition:transform .25s} | |
| .vid:hover .vid-play{transform:scale(1.1)} | |
| .vid-info{background:var(--d3);padding:22px 26px} | |
| .vid-info h4{font-family:var(--sans);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--wht);margin-bottom:5px} | |
| .vid-info p{font-family:var(--sans);font-size:10px;color:var(--g2);letter-spacing:3px;text-transform:uppercase} | |
| /* Signature */ | |
| .ab-sig{background:var(--blk);padding:72px 48px;text-align:center;border-top:1px solid rgba(201,151,26,.1)} | |
| .ab-sig img{height:90px;opacity:.42;margin-bottom:22px} | |
| .sig-name{font-family:var(--disp);font-size:clamp(44px,6vw,88px);font-style:italic;color:var(--g2)} | |
| .sig-line{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--g2),transparent);margin:16px auto} | |
| .sig-tt{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:rgba(255,255,255,.22)} | |
| /* ═══════════════════════════════════ | |
| PROGRAMS PAGE | |
| ═══════════════════════════════════ */ | |
| .prg-hero{min-height:70vh;background:var(--blk);display:flex;align-items:center;padding:160px 48px 80px;position:relative;overflow:hidden;flex-direction:column;justify-content:center;text-align:center} | |
| .prg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,26,.08) 0%,transparent 65%);pointer-events:none} | |
| .prg-hero h1{font-family:var(--sans);font-size:clamp(44px,6.5vw,96px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;color:var(--wht);line-height:.88;position:relative;z-index:1} | |
| .prg-hero h1 em{color:var(--g2);font-style:normal;display:block} | |
| .prg-hero p{font-family:var(--serif);font-size:20px;font-style:italic;color:rgba(255,255,255,.35);margin-top:18px;max-width:680px;position:relative;z-index:1;line-height:1.65} | |
| /* Full offer cards */ | |
| .ofc-sec{background:var(--d1);padding:110px 48px} | |
| .ofc-inner{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:4px} | |
| .ofc-card{display:grid;grid-template-columns:1fr 2fr;overflow:hidden;border:1px solid rgba(201,151,26,.1);transition:border-color .3s;cursor:pointer} | |
| .ofc-card:hover{border-color:rgba(201,151,26,.35)} | |
| .ofc-card.rev{direction:rtl} | |
| .ofc-card.rev>*{direction:ltr} | |
| .ofc-photo{min-height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px} | |
| .ofc-photo.a1{background:linear-gradient(155deg,#1c0e00,#3a2000)} | |
| .ofc-photo.a2{background:linear-gradient(155deg,#0a0a1c,#1e1042)} | |
| .ofc-photo.a3{background:linear-gradient(155deg,#0a1c0a,#0a2212)} | |
| .ofc-photo .ico{font-size:120px;opacity:.05;line-height:1} | |
| .ofc-photo span{font-family:var(--sans);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,151,26,.2)} | |
| .ofc-body{background:var(--d2);padding:56px 52px;display:flex;flex-direction:column;justify-content:center} | |
| .ofc-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin-bottom:12px} | |
| .ofc-body h3{font-family:var(--sans);font-size:clamp(22px,2.8vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--wht);line-height:1.0;margin-bottom:12px} | |
| .ofc-price{font-family:var(--disp);font-size:clamp(28px,3.5vw,52px);font-style:italic;color:var(--g2);margin-bottom:16px} | |
| .ofc-body p{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.82;margin-bottom:22px} | |
| .ofc-list{list-style:none;margin-bottom:32px} | |
| .ofc-list li{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.6);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:10px;align-items:flex-start} | |
| .ofc-list li::before{content:'\2746';color:var(--g2);font-size:10px;margin-top:2px;flex-shrink:0} | |
| /* Events full */ | |
| .evf{background:var(--blk);padding:110px 48px} | |
| .evf-inner{max-width:1200px;margin:0 auto} | |
| .evf-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:60px} | |
| .evf-card{background:var(--d2);padding:40px 36px;border-top:2px solid transparent;transition:all .3s;cursor:pointer} | |
| .evf-card:hover{border-top-color:var(--g2);background:var(--d3);transform:translateY(-3px)} | |
| .evf-date{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin-bottom:12px} | |
| .evf-card h4{font-family:var(--sans);font-size:clamp(16px,1.8vw,22px);font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--wht);margin-bottom:8px;line-height:1.2} | |
| .evf-loc{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px} | |
| .evf-card p{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.42);line-height:1.75;margin-bottom:22px} | |
| /* ═══════════════════════════════════ | |
| IMMERSION PAGE | |
| ═══════════════════════════════════ */ | |
| .imm-hero{min-height:100vh;background:var(--blk);display:flex;align-items:center;padding-top:112px;position:relative;overflow:hidden} | |
| .imm-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 50%,rgba(201,151,26,.1) 0%,transparent 55%),radial-gradient(ellipse at 18% 85%,rgba(201,151,26,.06) 0%,transparent 40%)} | |
| .imm-inner{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;width:100%} | |
| .imm-tag{display:inline-block;border:1.5px solid var(--g2);color:var(--g2);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;padding:8px 22px;margin-bottom:24px} | |
| .imm-h1{font-family:var(--sans);font-size:clamp(44px,5.5vw,84px);font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;line-height:.88;color:var(--wht);margin-bottom:18px} | |
| .imm-h1 em{display:block;font-family:var(--disp);font-style:italic;font-weight:400;color:var(--g2);text-transform:none;font-size:clamp(48px,6.5vw,92px)} | |
| .imm-sub{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.54);line-height:1.92;margin-bottom:36px} | |
| .imm-card{background:var(--d2);border:1px solid rgba(201,151,26,.3);padding:48px 36px;position:relative;overflow:hidden} | |
| .imm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g1),var(--g3),var(--g1))} | |
| .ipc-lbl{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin-bottom:8px} | |
| .ipc-price{font-family:var(--sans);font-size:clamp(56px,7vw,88px);font-weight:900;color:var(--wht);line-height:1} | |
| .ipc-note{font-family:var(--sans);font-size:11px;color:var(--muted);margin-bottom:28px;margin-top:4px} | |
| .ipc-list{list-style:none;margin-bottom:28px} | |
| .ipc-list li{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.65);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:10px;align-items:flex-start;line-height:1.45} | |
| .ipc-list li::before{content:'\2746';color:var(--g2);font-size:9px;margin-top:3px;flex-shrink:0} | |
| .spots{background:rgba(201,151,26,.1);border:1px solid rgba(201,151,26,.3);padding:11px 16px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g2);text-align:center;margin-bottom:20px} | |
| /* Weeks */ | |
| .wks{background:var(--d2);padding:110px 48px} | |
| .wks-inner{max-width:1300px;margin:0 auto} | |
| .wks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:60px} | |
| .wk{background:var(--d3);padding:36px 28px;border-top:2px solid var(--g2);transition:background .2s} | |
| .wk:hover{background:var(--d4)} | |
| .wk-n{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--g2);margin-bottom:10px} | |
| .wk h4{font-family:var(--sans);font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--wht);margin-bottom:10px;line-height:1.2} | |
| .wk p{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.46);line-height:1.7} | |
| /* FAQ */ | |
| .faq{background:var(--blk);padding:100px 48px} | |
| .faq-inner{max-width:820px;margin:0 auto} | |
| .fi{border-bottom:1px solid rgba(201,151,26,.1);cursor:pointer} | |
| .fq{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--wht);padding:22px 0;display:flex;justify-content:space-between;align-items:center} | |
| .fq .tog{color:var(--g2);font-size:24px;font-weight:300;transition:transform .3s;flex-shrink:0;margin-left:16px} | |
| .fa{font-family:var(--sans);font-size:14px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.88;padding-bottom:18px;display:none} | |
| .fi.open .fa{display:block} | |
| .fi.open .tog{transform:rotate(45deg)} | |
| /* ═══════════════════════════════════ | |
| CONTACT PAGE | |
| ═══════════════════════════════════ */ | |
| .cnt-hero{padding:160px 48px 80px;background:var(--blk);position:relative;overflow:hidden} | |
| .cnt-glow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(201,151,26,.07) 0%,transparent 65%);pointer-events:none} | |
| .cnt-hero h1{font-family:var(--sans);font-size:clamp(44px,6vw,96px);font-weight:900;text-transform:uppercase;letter-spacing:-2px;color:var(--wht);line-height:.88;position:relative;z-index:1} | |
| .cnt-hero h1 em{color:var(--g2);font-style:normal} | |
| .cnt-hero p{font-family:var(--serif);font-size:20px;font-style:italic;color:rgba(255,255,255,.35);margin-top:18px;max-width:580px;position:relative;z-index:1;line-height:1.65} | |
| .cnt-body{background:var(--d1);padding:110px 48px} | |
| .cnt-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:80px} | |
| .cnt-info h3{font-family:var(--sans);font-size:clamp(18px,2.2vw,28px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);margin-bottom:18px} | |
| .cnt-info h3 em{color:var(--g2);font-style:normal} | |
| .cnt-info p{font-family:var(--sans);font-size:13px;font-weight:300;color:rgba(255,255,255,.48);line-height:1.88;margin-bottom:28px} | |
| .cnt-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px} | |
| .ci{font-size:20px;color:var(--g2);margin-top:2px;flex-shrink:0} | |
| .ci-t h5{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--g2);margin-bottom:4px} | |
| .ci-t p{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.52);margin:0} | |
| .form-wrap{display:grid;gap:12px} | |
| .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} | |
| .fin{background:var(--d3);border:1px solid rgba(201,151,26,.12);color:var(--wht);padding:15px 20px;font-family:var(--sans);font-size:13px;outline:none;transition:border-color .2s;width:100%} | |
| .fin::placeholder{color:rgba(255,255,255,.22);letter-spacing:2px;font-size:10px;text-transform:uppercase} | |
| .fin:focus{border-color:var(--g2)} | |
| textarea.fin{height:130px;resize:vertical} | |
| select.fin{appearance:none;cursor:pointer;background:var(--d3)} | |
| /* ═══════════════════════════════════ | |
| SECONDARY PAGES | |
| ═══════════════════════════════════ */ | |
| .sec-page{padding-top:112px} | |
| .sec-ph{min-height:70vh;background:var(--blk);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 48px;position:relative;overflow:hidden} | |
| .sec-ph-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,26,.08) 0%,transparent 65%);pointer-events:none} | |
| .sec-ph h1{font-family:var(--sans);font-size:clamp(36px,5.5vw,84px);font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;color:var(--wht);line-height:.9;position:relative;z-index:1} | |
| .sec-ph h1 em{color:var(--g2);font-style:normal;display:block} | |
| .sec-ph p{font-family:var(--serif);font-size:19px;font-style:italic;color:rgba(255,255,255,.32);margin-top:18px;max-width:640px;position:relative;z-index:1;line-height:1.65} | |
| /* RUNWAY page (renamed from MOTM) */ | |
| .runway-grid{max-width:1200px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px} | |
| .rw-card{background:var(--d2);overflow:hidden;cursor:pointer;transition:all .3s} | |
| .rw-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(201,151,26,.15)} | |
| .rw-photo{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden} | |
| .rw-photo .ico{font-size:80px;opacity:.04;line-height:1} | |
| .rw-photo:nth-child(1){background:linear-gradient(155deg,#1c0e00,#3a2000)} | |
| .rw-badge{position:absolute;top:16px;left:16px;background:var(--g2);color:var(--blk);font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:5px 12px} | |
| .rw-info{padding:22px} | |
| .rw-info h4{font-family:var(--sans);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--wht);margin-bottom:5px} | |
| .rw-info p{font-family:var(--sans);font-size:10px;color:var(--g2);letter-spacing:2px;text-transform:uppercase} | |
| /* RESPONSIVE */ | |
| @media(max-width:960px){ | |
| .nav-inner{padding:0 20px}.sec-nav{padding:0 20px;display:none} | |
| .nav-right .ni>a{font-size:10px;padding:8px 10px;letter-spacing:1.5px} | |
| .hero-text{padding:0 24px;max-width:100%} | |
| .hero-name{font-size:clamp(40px,10vw,80px)} | |
| .gold-bar{padding:24px 20px;gap:24px} | |
| .embark,.progs,.events,.bio,.books,.testi,.content,.soc,.cnt-strip, | |
| .ab-mission,.ab-story,.ab-ach,.ab-vids,.ab-sig,.prg-hero,.ofc-sec, | |
| .evf,.imm-inner,.wks,.faq,.cnt-hero,.cnt-body,.sec-ph{padding-left:20px;padding-right:20px} | |
| .progs-grid,.wks-grid{grid-template-columns:1fr} | |
| .bio-inner,.ab-inner,.imm-inner,.cnt-inner{grid-template-columns:1fr;gap:40px} | |
| .ofc-card{grid-template-columns:1fr}.ofc-photo{min-height:220px} | |
| .evf-grid,.vids-grid,.books-grid,.runway-grid{grid-template-columns:1fr} | |
| .ab-photos{grid-template-columns:1fr} | |
| .ab-ach-inner{grid-template-columns:repeat(2,1fr)} | |
| .book-item{grid-template-columns:1fr} | |
| .t-row{grid-template-columns:1fr;gap:20px} | |
| .ft{grid-template-columns:1fr;gap:32px;padding:40px 20px} | |
| .ft-bot{padding:20px;flex-direction:column;text-align:center} | |
| .ev-row{grid-template-columns:80px 1fr}.ev-type,.ev-row>:last-child{display:none} | |
| .ab-hero-content{padding:0 24px 48px} | |
| } | |
| </style> | |
| <div class="ms-page"> | |
| <!-- ═══ NAVBAR ═══ --> | |
| <div id="nav-wrap" style="position:fixed;top:0;left:0;right:0;z-index:9999"> | |
| <div class="sec-nav"> | |
| <a href="/shop">Shop</a> | |
| <a href="/the-runway">Runway</a> | |
| <a href="/local-chapters">Local Chapters</a> | |
| <a>Media Kit</a> | |
| <a href="/contact">Contact Us</a> | |
| </div> | |
| <div id="nav"> | |
| <div class="nav-inner"> | |
| <div class="nav-logo" href="/"> | |
| <img src="http://graceo8.sg-host.com/wp-content/uploads/2026/05/momddy-scaled.jpg" alt="Mommy Supermodel"> | |
| </div> | |
| <div class="nav-right"> | |
| <div class="ni"><a href="/" id="n-home" class="on">Home</a></div> | |
| <div class="ni"><a href="/about" id="n-about">About</a></div> | |
| <div class="ni"> | |
| <a id="n-programs">Programs <span class="arr">▼</span></a> | |
| <div class="drop"> | |
| <div class="drop-hd">Signature Programs</div> | |
| <a href="/immersion">🔥 The 6-Week Immersion <span class="drop-tag">$25K</span></a> | |
| <a href="/vip-advisory">👑 VIP Advisory Experience <span class="drop-tag">From $3.5K</span></a> | |
| <a href="/runway-membership">🦅 The Runway Membership <span class="drop-tag">$2,750/mo</span></a> | |
| <div class="drop-hd" style="margin-top:6px;">Upcoming Events</div> | |
| <a href="/programs">📅 Q2 Immersion — June 1, 2026</a> | |
| <a href="/programs">📅 VIP Day — Aug 8, 2025</a> | |
| <a href="/programs">→ View All Events & Cohorts</a> | |
| </div> | |
| </div> | |
| <div class="ni"><a href="/immersion" id="n-immersion">The Immersion</a></div> | |
| <div class="ni"><a href="/contact" id="n-contact">Contact</a></div> | |
| <button class="nav-cta" href="/immersion">Claim Your Spot</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- ═══ HOME PAGE ═══ --> | |
| <div id="p-home" class="page active"> | |
| <!-- HERO — full width like Myron Golden --> | |
| <section class="home-hero pg-offset"> | |
| <div class="hero-photo-wrap"> | |
| <div class="hero-bg"></div> | |
| <!-- INSERT YOUR PHOTO HERE: replace the div below with <img class="hero-bg-img" src="YOUR-PHOTO.jpg"> --> | |
| <div class="hero-bg-img" style="position:absolute;inset:0;background:linear-gradient(155deg,#1c0e00 0%,#2e1a00 25%,#1a1000 50%,#0a0800 75%,#050300 100%);"></div> | |
| <div class="hero-overlay"></div> | |
| <div class="hero-glow"></div> | |
| <!-- Photo placeholder visual indicator --> | |
| <div style="position:absolute;right:8%;top:50%;transform:translateY(-50%);text-align:center;z-index:1;opacity:.06;pointer-events:none"> | |
| <div style="font-size:200px;line-height:1">👑</div> | |
| <div style="font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#C9971A;margin-top:8px">Insert Your Photo Here</div> | |
| </div> | |
| <!-- HERO TEXT --> | |
| <div class="hero-text"> | |
| <h1 class="hero-name">MOMMY | |
| SUPER<em>Model.</em></h1> | |
| <p class="hero-desc">Renowned as a <strong>premier life and business strategist,</strong> Billionaire transforms executive women — guiding them to walk boldly into rapid, lasting results unparalleled in the industry.</p> | |
| <div class="hero-btns"> | |
| <button class="btn bg" href="/immersion">Claim Your Spot</button> | |
| <button class="btn bwl" href="/programs">View All Programs</button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- WHY BANNER — replaces "Elevate Your Endeavors" --> | |
| <div class="why-banner"> | |
| <p><strong>Why do gifted women stay stuck?</strong> <em>Because strategy without identity is incomplete — we fix both, permanently.</em> Transform Your Life with Mommy Supermodel™</p> | |
| </div> | |
| </section> | |
| <!-- STATS BAR --> | |
| <div class="gold-bar"> | |
| <div class="gb"><div class="gbn">500+</div><div class="gbl">Women Coached</div></div> | |
| <div class="gb-sep"></div> | |
| <div class="gb"><div class="gbn">12+</div><div class="gbl">Years of Impact</div></div> | |
| <div class="gb-sep"></div> | |
| <div class="gb"><div class="gbn">6</div><div class="gbl">Week Immersion</div></div> | |
| <div class="gb-sep"></div> | |
| <div class="gb"><div class="gbn">94%</div><div class="gbl">Breakthrough Rate</div></div> | |
| <div class="gb-sep"></div> | |
| <div class="gb"><div class="gbn">40+</div><div class="gbl">Nations Reached</div></div> | |
| </div> | |
| <!-- EMBARK — like Myron's transformational journey section --> | |
| <section class="embark"> | |
| <div class="embark-inner"> | |
| <span style="font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);display:block;margin-bottom:10px;">Embark on Your Transformational Journey</span> | |
| <div style="width:56px;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3));margin:0 auto 28px;"></div> | |
| <h2>IF YOU ARE READY TO MAKE THE REST OF YOUR LIFE, | |
| THE <em>BEST</em> OF YOUR LIFE —</h2> | |
| <p>Join the <strong>hundreds</strong> of women who have made the decision to <strong>take action</strong> and take control of their destiny inside our programs.</p> | |
| <div class="embark-subs">Where visionary identity meets actionable strategy. Accept the challenge — transform your <em>life,</em> amplify your <em>impact.</em></div> | |
| <p style="font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3);margin:8px 0 4px;">Where strategic wealth and legacy-building begins.</p> | |
| <p style="font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(255,255,255,.38);">Gain entry to Billionaire's inner circle with The Runway Membership</p> | |
| <div class="embark-btns"> | |
| <button class="btn bg" href="/immersion">The 6-Week Immersion</button> | |
| <button class="btn bgl" href="/runway-membership">The Runway Membership</button> | |
| <button class="btn bwl" href="/vip-advisory">VIP Advisory</button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- PROGRAMS GRID --> | |
| <section class="progs"> | |
| <div class="progs-inner"> | |
| <div class="sh"> | |
| <span class="ey">Signature Programs</span> | |
| <div class="gline c"></div> | |
| <h2 style="margin-top:16px;">Where Your <em>Transformation</em> Begins</h2> | |
| <p>Where strategic wealth and legacy-building starts</p> | |
| </div> | |
| <div class="progs-grid"> | |
| <div class="pc" href="/immersion"> | |
| <div class="pc-inner"> | |
| <div class="pc-bg bg-am"></div><div class="pc-ov"></div> | |
| <div class="pc-ph">🔥</div> | |
| <div class="pc-body"> | |
| <div class="pc-tag">Flagship · Most Transformative</div> | |
| <div class="pc-title">The 6-Week Immersion</div> | |
| <div class="pc-desc">Six weeks of intensive, intimate, high-level coaching that rewires your identity, strategy, and trajectory from the inside out.</div> | |
| <div class="pc-price">$25,000</div> | |
| <a class="pc-cta">Claim Your Spot →</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="pc" href="/vip-advisory"> | |
| <div class="pc-inner"> | |
| <div class="pc-bg bg-nv"></div><div class="pc-ov"></div> | |
| <div class="pc-ph">👑</div> | |
| <div class="pc-body"> | |
| <div class="pc-tag">New Offer · Private Advisory</div> | |
| <div class="pc-title">VIP Advisory Experience</div> | |
| <div class="pc-desc">A focused, private, high-impact session — half day, full day, or 90 days — built to solve your most pressing challenge.</div> | |
| <div class="pc-price">From $3,500</div> | |
| <a class="pc-cta">Claim Your Spot →</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="pc" href="/runway-membership"> | |
| <div class="pc-inner"> | |
| <div class="pc-bg bg-fo"></div><div class="pc-ov"></div> | |
| <div class="pc-ph">🦅</div> | |
| <div class="pc-body"> | |
| <div class="pc-tag">Community · Premium Monthly</div> | |
| <div class="pc-title">The Runway Membership</div> | |
| <div class="pc-desc">Premium monthly access — group coaching, masterclasses, community, and content for women building with momentum.</div> | |
| <div class="pc-price">$2,750 / mo</div> | |
| <a class="pc-cta">Claim Your Spot →</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- EVENTS --> | |
| <section class="events"> | |
| <div class="events-inner"> | |
| <div class="sh"> | |
| <span class="ey">Join Us Live</span> | |
| <div class="gline c"></div> | |
| <h2 style="margin-top:16px;">You Can Join an <em>Upcoming Event</em></h2> | |
| <p>Reserve your seat for one of our transformational experiences</p> | |
| </div> | |
| <div class="ev-list"> | |
| <div class="ev-row" href="/immersion"> | |
| <div class="ev-d"><div class="ev-day">01</div><div class="ev-mo">June 2026</div></div> | |
| <div class="ev-info"><h4>The 6-Week Immersion — Q2 Cohort</h4><p>Virtual · Private · By Application Only</p></div> | |
| <div class="ev-type">New Cohort</div> | |
| <div><button class="btn bg" style="padding:12px 28px;font-size:10px;">Details</button></div> | |
| </div> | |
| <div class="ev-row" href="/vip-advisory"> | |
| <div class="ev-d"><div class="ev-day">08</div><div class="ev-mo">Aug 2025</div></div> | |
| <div class="ev-info"><h4>VIP Advisory Day — Frisco, TX</h4><p>Frisco, TX · In-Person · Limited Spots</p></div> | |
| <div class="ev-type">In-Person</div> | |
| <div><button class="btn bg" style="padding:12px 28px;font-size:10px;">Details</button></div> | |
| </div> | |
| <div class="ev-row"> | |
| <div class="ev-d"><div class="ev-day">21</div><div class="ev-mo">Sept 2025</div></div> | |
| <div class="ev-info"><h4>Walk Your Runway — Annual Live Event</h4><p>Frisco, TX · Open Registration</p></div> | |
| <div class="ev-type">Annual Event</div> | |
| <div><button class="btn bg" style="padding:12px 28px;font-size:10px;">Details</button></div> | |
| </div> | |
| <div class="ev-row" href="/immersion"> | |
| <div class="ev-d"><div class="ev-day">01</div><div class="ev-mo">Oct 2025</div></div> | |
| <div class="ev-info"><h4>The 6-Week Immersion — Q4 Cohort</h4><p>Virtual · Private · By Application Only</p></div> | |
| <div class="ev-type">Immersion</div> | |
| <div><button class="btn bg" style="padding:12px 28px;font-size:10px;">Details</button></div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- TESTIMONIALS --> | |
| <section class="testi"> | |
| <div class="testi-inner"> | |
| <div class="sh"> | |
| <span class="ey">Social Proof</span> | |
| <div class="gline c"></div> | |
| <h2 style="margin-top:16px;">Real Women. <em>Real Results.</em></h2> | |
| </div> | |
| <div class="t-row"> | |
| <div><div class="t-av">A</div><div class="t-name">Adrienne M.</div><div class="t-role">CEO · Healthcare Firm</div><span class="t-res">Revenue 2× in 90 Days</span></div> | |
| <div class="t-q">"My revenue doubled in 90 days. But more than the money — I found myself again. The Immersion was the single best investment I have ever made in my life."</div> | |
| </div> | |
| <div class="t-row"> | |
| <div><div class="t-av">T</div><div class="t-name">Tanya R.</div><div class="t-role">Executive Director</div><span class="t-res">2 Board Seats · 4 Months</span></div> | |
| <div class="t-q">"Two board seats in four months. I had the qualifications for years. What I was missing was the strategy, the presence, and the story that made rooms take me seriously."</div> | |
| </div> | |
| <div class="t-row"> | |
| <div><div class="t-av">D</div><div class="t-name">Danielle P.</div><div class="t-role">Founder · Entrepreneur</div><span class="t-res">$500K in 6 Months</span></div> | |
| <div class="t-q">"I walked in as a mother trying to restart. I walked out as a founder. And I have never once looked backward at who I used to be."</div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- BIO SECTION — like Myron "entrepreneur, author & speaker" --> | |
| <section class="bio"> | |
| <div class="bio-inner"> | |
| <div class="bio-photo"> | |
| <div class="bio-ph"><div class="ph-inner"><div class="ico">👑</div><span>Your Photo Here</span></div></div> | |
| <div class="bio-badges"> | |
| <div class="bio-bdg"><div class="bi">📚</div><p>Best-Selling Author</p></div> | |
| <div class="bio-bdg"><div class="bi">🎤</div><p>Intl Speaker</p></div> | |
| <div class="bio-bdg"><div class="bi">🏆</div><p>Executive Coach</p></div> | |
| <div class="bio-bdg"><div class="bi">🌍</div><p>40+ Nations</p></div> | |
| </div> | |
| </div> | |
| <div class="bio-text"> | |
| <span class="ey">Entrepreneur, Author & Speaker</span> | |
| <div class="gline" style="margin-bottom:18px;"></div> | |
| <h2>THE WOMAN <em>Behind the Mission</em></h2> | |
| <p class="bio-sub">Her unique outlook on life has not only contributed to her success, but her students' as well.</p> | |
| <p>Empowering women to achieve in a season what others dream of in a decade, Billionaire shares stages with industry icons and builds legacies that outlast the moment. Her strategies are not just about growth — they are about creating <strong>lasting impact</strong> and fulfilling divine purpose.</p> | |
| <p>Through coaching programs, online courses, books and live events, Billionaire is changing the world — helping women significantly upgrade their lives in the context of identity, entrepreneurship, and purpose-driven leadership.</p> | |
| <div class="big-stat">The transformation you desire to achieve over the course of a year, | |
| <em>Billionaire teaches her clients to achieve in a season.</em></div> | |
| <div style="margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;"> | |
| <button class="btn bg" href="/about">About Billionaire</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- BOOKS — like Myron Golden books section --> | |
| <section class="books"> | |
| <div class="books-inner"> | |
| <div class="sh"> | |
| <span class="ey">Books</span> | |
| <div class="gline c"></div> | |
| <h2 style="margin-top:16px;">An International <em>Best-Selling Author</em></h2> | |
| <p>Billionaire's ability to take high-level concepts and break them down into easy to understand, life-changing pieces makes her books not only easy to read, but deeply transformative.</p> | |
| </div> | |
| <div class="books-grid"> | |
| <div class="book-item"> | |
| <div class="book-cover"> | |
| <div class="book-cover-img"> | |
| <div class="book-cover-bg b1"> | |
| <h3>Walk Your Runway</h3> | |
| <span>Billionaire</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="book-info"> | |
| <span class="book-badge">#1 Best Seller</span> | |
| <h3>WALK YOUR RUNWAY</h3> | |
| <p class="by">by Billionaire · Mommy Supermodel™</p> | |
| <p>This is the definitive guide to owning your identity and walking boldly into your greatest life. Billionaire reveals her signature framework for building unshakeable confidence, a clear purpose-driven strategy, and the executive presence that commands any room you walk into.</p> | |
| <div class="book-btns"> | |
| <a class="know" href="/about">Know More</a> | |
| <a class="buy">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="book-item"> | |
| <div class="book-cover"> | |
| <div class="book-cover-img"> | |
| <div class="book-cover-bg b2"> | |
| <h3>Iron Sharpens Iron</h3> | |
| <span>Billionaire</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="book-info"> | |
| <span class="book-badge">#1 Best Seller</span> | |
| <h3>IRON SHARPENS IRON</h3> | |
| <p class="by">by Billionaire · Mommy Supermodel™</p> | |
| <p>A powerful exploration of the relationships that forge greatness — and the ones that dull it. Billionaire guides readers through the art of intentional community, heartfelt counsel, and the iron-on-iron relationships that perfume your success and make your face shine.</p> | |
| <div class="book-btns"> | |
| <a class="know" href="/about">Know More</a> | |
| <a class="buy">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="book-item"> | |
| <div class="book-cover"> | |
| <div class="book-cover-img"> | |
| <div class="book-cover-bg b3"> | |
| <h3>Wings of Wisdom</h3> | |
| <span>Billionaire</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="book-info"> | |
| <span class="book-badge">New Release</span> | |
| <h3>WINGS OF WISDOM</h3> | |
| <p class="by">by Billionaire · Mommy Supermodel™</p> | |
| <p>A beautifully crafted series of lessons drawn from the natural world — eagles, butterflies, falcons, and more — each carrying timeless wisdom for leaders, mothers, entrepreneurs, and dreamers. This is the book that teaches through metaphor and transforms through truth.</p> | |
| <div class="book-btns"> | |
| <a class="know" href="/about">Know More</a> | |
| <a class="buy">Buy Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CONTENT/YOUTUBE --> | |
| <section class="content"> | |
| <div class="content-inner"> | |
| <span style="font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);display:block;margin-bottom:10px;">Impactful Insights Weekly</span> | |
| <div style="width:56px;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3));margin:0 auto 20px;"></div> | |
| <h2>Access Mommy Supermodel's | |
| <em>Trainings Now on YouTube</em></h2> | |
| <p class="content-desc">Immerse yourself each week where Billionaire shares in-depth trainings and a wealth of knowledge. Many wonder, <em>"Why does she give so much away for free?"</em> Billionaire firmly believes that your free content should be so valuable that people would gladly pay for it.</p> | |
| <div class="content-sched">Live Every Tuesday & Friday — 10AM CST</div> | |
| <div class="yt-grid"> | |
| <div class="yt-card"><div class="yt-thumb"><div class="yt-play">▶</div></div><div class="yt-info"><h4>Iron Sharpens Iron — The Power of Your Circle</h4><p>Mommy Supermodel™</p></div></div> | |
| <div class="yt-card"><div class="yt-thumb"><div class="yt-play">▶</div></div><div class="yt-info"><h4>Walk Your Runway — Owning Your Identity</h4><p>Mommy Supermodel™</p></div></div> | |
| <div class="yt-card"><div class="yt-thumb"><div class="yt-play">▶</div></div><div class="yt-info"><h4>Providence Is Watching — Move Like It</h4><p>Mommy Supermodel™</p></div></div> | |
| </div> | |
| <div style="margin-top:40px;"><button class="btn bg">Unlock Weekly Wisdom — Hit Subscribe!</button></div> | |
| </div> | |
| </section> | |
| <!-- SOCIAL MEDIA --> | |
| <section class="soc"> | |
| <div class="soc-inner"> | |
| <span style="font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);display:block;margin-bottom:10px;">Connect With Us</span> | |
| <div style="width:56px;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3));margin:0 auto 20px;"></div> | |
| <h2>Follow Us on <em>Social Media</em></h2> | |
| <p>Inspiration, education, and elevation — Billionaire's content is updated daily for your growth and learning. Connect with her wherever you are.</p> | |
| <div class="soc-icons"> | |
| <a class="si fb" title="Facebook"><i class="fab fa-facebook-f"></i></a> | |
| <a class="si ig" title="Instagram"><i class="fab fa-instagram"></i></a> | |
| <a class="si yt" title="YouTube"><i class="fab fa-youtube"></i></a> | |
| <a class="si li" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a> | |
| <a class="si xx" title="X / Twitter" style="font-size:20px;font-weight:900;font-family:Arial;">𝕏</a> | |
| <a class="si wa" title="WhatsApp"><i class="fab fa-whatsapp"></i></a> | |
| <a class="si tk" title="TikTok"><i class="fab fa-tiktok"></i></a> | |
| <a class="si pt" title="Pinterest"><i class="fab fa-pinterest-p"></i></a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CONTACT STRIP --> | |
| <section class="cnt-strip"> | |
| <span style="font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--g2);display:block;margin-bottom:10px;">Contact Us</span> | |
| <div style="width:56px;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3));margin:0 auto 20px;"></div> | |
| <h2>We're Here <em>to Help</em></h2> | |
| <p>For customer service inquiries complete the form below. We strive to respond to all inquiries within 2 business days.</p> | |
| <button class="btn bg" href="/contact" style="margin-top:8px;">Contact Billionaire</button> | |
| </section> | |
| <footer> | |
| <div class="ft"> | |
| <div class="ft-brand"> | |
| <img src="http://graceo8.sg-host.com/wp-content/uploads/2026/05/momddy-scaled.jpg" alt="Mommy Supermodel"> | |
| <p>Empowering executive women worldwide to walk boldly into their purpose, power, and prosperity. Your life is your runway — walk it with intention.</p> | |
| <div class="ft-soc"> | |
| <div class="ft-si"><i class="fab fa-facebook-f"></i></div> | |
| <div class="ft-si"><i class="fab fa-instagram"></i></div> | |
| <div class="ft-si"><i class="fab fa-youtube"></i></div> | |
| <div class="ft-si"><i class="fab fa-tiktok"></i></div> | |
| <div class="ft-si"><i class="fab fa-linkedin-in"></i></div> | |
| </div> | |
| </div> | |
| <div class="ft-col"> | |
| <h5>Navigate</h5> | |
| <a href="/">Home</a> | |
| <a href="/about">About</a> | |
| <a href="/programs">Programs</a> | |
| <a href="/immersion">The Immersion</a> | |
| <a href="/contact">Contact</a> | |
| </div> | |
| <div class="ft-col"> | |
| <h5>Offers</h5> | |
| <a href="/immersion">The 6-Week Immersion</a> | |
| <a href="/vip-advisory">VIP Advisory</a> | |
| <a href="/runway-membership">Runway Membership</a> | |
| <a href="/shop">Shop</a> | |
| <a href="/local-chapters">Local Chapters</a> | |
| </div> | |
| <div class="ft-col"> | |
| <h5>Company</h5> | |
| <a href="/the-runway">Runway (Featured Women)</a> | |
| <a>Media Kit</a> | |
| <a>Privacy Policy</a> | |
| <a>Terms of Use</a> | |
| <a>Careers</a> | |
| <a>Affiliate Program</a> | |
| </div> | |
| </div> | |
| <div class="ft-bot"> | |
| <p>Mommy Supermodel™ © 2025. All rights reserved.</p> | |
| <div class="ft-bot-links"> | |
| <a>Privacy</a><a>Terms</a><a>Returns</a><a>Sitemap</a> | |
| </div> | |
| </div> | |
| </footer> | |
| </div> | |
| <!-- ═══ ABOUT PAGE ═══ --> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment