@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');

:root{
 --black:#050505;--black2:#0b0b0b;--gold:#f4c72f;--gold2:#ffe98c;
 --cream:#faf7ef;--paper:#fffdf8;--ink:#161616;--muted:#77736b;
}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper)}
.topline{position:absolute;top:0;left:0;right:0;z-index:1031;padding:8px 0;background:rgba(0,0,0,.72);color:#d9d9d9;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.topline i{color:var(--gold);margin-right:5px}
.main-nav{top:29px;background:rgba(4,4,4,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(244,199,47,.16);padding:13px 0;transition:.3s}
.main-nav.scrolled{top:0;background:rgba(4,4,4,.94)}
.navbar-brand,.footer-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-weight:800;letter-spacing:.08em}
.logo-circle{width:40px;height:40px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:1.5rem}
.brand-text span,.footer-brand span:last-child{color:var(--gold)}
.nav-link{color:#ddd!important;font-size:.85rem;font-weight:600;padding-left:12px!important;padding-right:12px!important}
.nav-link:hover{color:var(--gold)!important}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080808;border:0;font-weight:800;box-shadow:0 12px 35px rgba(244,199,47,.2)}
.btn-gold:hover{color:#000;transform:translateY(-2px)}
.btn-soft-light{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.hero{min-height:900px;position:relative;overflow:hidden;padding:220px 0 120px;color:#fff;background:radial-gradient(circle at 78% 35%,rgba(244,199,47,.16),transparent 27%),radial-gradient(circle at 15% 80%,rgba(255,255,255,.05),transparent 30%),linear-gradient(125deg,#030303,#111 55%,#040404)}
.hero:after{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(244,199,47,.13)}
.orb-one{width:520px;height:520px;right:-180px;top:170px}.orb-two{width:260px;height:260px;left:-100px;bottom:40px}
.hero-kicker{color:var(--gold);font-weight:800;letter-spacing:.22em;font-size:.72rem}.spark{font-size:1rem}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(3.5rem,7vw,6.7rem);line-height:.98;margin:22px 0 25px;max-width:850px}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero-copy{font-size:1.12rem;line-height:1.85;color:#c8c8c8;max-width:690px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
.heart-line{display:flex;align-items:center;gap:12px;margin-top:30px;color:#aaa;font-size:.88rem;font-style:italic}.heart{color:#e8b91f}
.hero-story-card{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px solid rgba(244,199,47,.42);box-shadow:0 35px 90px rgba(0,0,0,.5)}
.story-glow{position:absolute;width:250px;height:250px;background:rgba(244,199,47,.16);filter:blur(60px);right:-80px;top:-70px}
.story-top{position:relative;display:flex;justify-content:space-between;color:var(--gold);font-weight:800;letter-spacing:.16em;font-size:.65rem}.story-top i{font-size:1.1rem}
.journey-number{font-family:"Playfair Display",serif;font-size:5rem;color:rgba(244,199,47,.17);line-height:1;margin-top:25px}
.hero-story-card h3{font-family:"Playfair Display",serif;font-size:2.2rem;line-height:1.15;margin:0 0 15px}.hero-story-card p{color:#aaa;line-height:1.7}
.journey-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.journey-mini div{padding:14px;border-radius:14px;background:rgba(255,255,255,.05)}.journey-mini b{display:block;color:var(--gold);font-size:.7rem}.journey-mini span{font-size:.75rem;color:#ddd}
.card-signature{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;color:var(--gold);font-weight:800;letter-spacing:.1em;font-size:.75rem}.card-signature small{display:block;color:#777;font-weight:400;letter-spacing:0;margin-top:4px}
.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:4;color:#777;font-size:.6rem;letter-spacing:.18em}.scroll-cue span{display:inline-block;width:1px;height:30px;background:var(--gold);vertical-align:middle;margin-right:9px}
.gold-strip{background:var(--gold);padding:26px 0}.gold-strip strong{display:block;font-size:1.1rem;letter-spacing:.08em}.gold-strip span{font-size:.72rem;color:#4c3b00}
.section-space{padding:110px 0}.section-label{font-size:.7rem;letter-spacing:.2em;font-weight:800;color:#a47b00}.gold-label{color:var(--gold)}
.story-section{background:var(--cream)}
.story-section h2,.section-intro h2,.opportunity h2,.banner-intro h2{font-family:"Playfair Display",serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.08;margin:14px 0 22px}.story-section h2 span,.section-intro h2 span,.opportunity h2 span,.banner-intro h2 span{color:#b28700}
.large-copy{font-size:1.12rem;line-height:1.8}.story-section p{color:#706d65;line-height:1.8}
/* .photo-card{height:600px;border-radius:30px;position:relative;overflow:hidden;background-image: url('../assets/products.png') cover center center;background:radial-gradient(circle at 55% 30%,rgba(244,199,47,.35),transparent 20%),linear-gradient(145deg,#141414,#030303);box-shadow:25px 25px 80px rgba(0,0,0,.12)} */
.photo-card {
    height: 600px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;

    background-image:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.85),
            rgba(0, 0, 0, 0.15)
        ),
        url('../images/products.png');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    box-shadow: 25px 25px 80px rgba(0, 0, 0, 0.12);
}
.photo-card:before{content:"B";position:absolute;font-family:Georgia,serif;font-size:28rem;font-weight:bold;color:rgba(244,199,47,.055);right:-50px;bottom:-120px}

.photo-gradient{position:absolute;inset:0;background:linear-gradient(to center,#050505 5%,transparent 70%)}
.photo-copy{position:absolute;left:45px;bottom:10px;color:#fff}.photo-copy span{color:var(--gold);font-size:.7rem;letter-spacing:.2em;font-weight:800}.photo-copy strong{display:block;font-family:"Playfair Display",serif;font-size:3.7rem;line-height:1;margin:13px 0}.photo-copy small{color:#aaa;letter-spacing:.2em}
.floating-note{position:absolute;right:25px;top:25px;background:rgba(255,255,255,.94);color:#111;padding:12px 17px;border-radius:50px;font-size:.72rem;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.18)}.floating-note i{color:#c59a00;margin-right:7px}
.quote{display:flex;gap:15px;border-left:3px solid var(--gold);padding:15px 0 15px 20px;margin-top:30px}.quote>i{font-size:2.5rem;color:#cba01c}.quote strong,.quote span{display:block}.quote span{font-size:.75rem;color:#999;margin-top:5px}
.products-section{background:#fff}.section-intro{max-width:760px;margin:0 auto 50px}.section-intro p{color:#777;line-height:1.8}
.product{height:100%;border:1px solid #ebe6da;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 15px 45px rgba(0,0,0,.055);transition:.3s}.product:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.1)}
.product-art{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}.product-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.product-art i{font-size:5rem;z-index:1}.product-art span{position:absolute;right:22px;top:18px;font-size:.65rem;letter-spacing:.2em;font-weight:800}.art-one{background:radial-gradient(circle,#d3ad32,#3a2d0b 65%,#080808)}.art-two{background:radial-gradient(circle,#8c7330,#30250b 65%,#080808)}.art-three{background:radial-gradient(circle,#b9993a,#33280d 65%,#080808)}
.product-body{padding:27px}.product-label{font-size:.65rem;color:#9c7600;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.product h3{font-family:"Playfair Display",serif;font-size:1.55rem;margin:8px 0}.product p{color:#777;line-height:1.65;min-height:52px}.product-bottom{display:flex;align-items:center;gap:10px;margin-top:20px}.product-bottom strong{font-size:1.35rem}.product-bottom del{color:#aaa;font-size:.85rem}.product-bottom a{margin-left:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;text-decoration:none}
.opportunity{background:#070707;color:#fff;position:relative;overflow:hidden}.opportunity:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-250px;top:-200px;background:rgba(244,199,47,.09);filter:blur(20px)}
.opportunity h2{font-size:clamp(2.6rem,5vw,4.5rem)}.opportunity-copy{color:#aaa;line-height:1.8;font-size:1.05rem}.steps{margin-top:35px}.step{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}.step>b{color:var(--gold);font-family:"Playfair Display",serif;font-size:1.5rem}.step h4{margin:0 0 4px}.step p{margin:0;color:#888;font-size:.88rem}
.network-card{border:1px solid rgba(244,199,47,.35);border-radius:30px;padding:28px;background:radial-gradient(circle at center,rgba(244,199,47,.1),transparent 45%),#0d0d0d;box-shadow:0 30px 70px rgba(0,0,0,.35)}.network-title{display:flex;justify-content:space-between;color:var(--gold);font-size:.7rem;letter-spacing:.15em;font-weight:800}.network-title i{font-size:1.3rem}
.network{height:450px;position:relative}.network-node{position:absolute;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(244,199,47,.7);background:#111;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.08em}.you{width:92px;height:92px;left:50%;top:50px;transform:translateX(-50%);background:var(--gold);color:#000;border:0}.direct{width:76px;height:76px;top:215px}.d1{left:9%}.d2{left:50%;transform:translateX(-50%)}.d3{right:9%}.small{width:50px;height:50px;top:355px}.s1{left:2%}.s2{left:31%}.s3{right:31%}.s4{right:2%}
.network-branch{position:absolute;height:1px;background:rgba(244,199,47,.5);top:172px}.branch-a{left:18%;width:32%}.branch-b{left:50%;width:32%}.branch-c{left:24%;width:52%;top:300px}.network-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:17px;display:flex;justify-content:space-between;color:#999;font-size:.7rem}.network-footer i{color:var(--gold)}
.plan-section{background:var(--cream)}.plan-shell{background:#fff;border:1px solid #e9e2d4;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.08)}.plan-head{display:flex;justify-content:space-between;align-items:center;padding:30px;background:#0b0b0b;color:#fff}.plan-head span{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.15em;font-weight:800}.plan-head strong{font-size:2rem}.plan-total-big{font-family:"Playfair Display",serif;color:var(--gold);font-size:3rem}.plan-table th{background:#f5f0e4;padding:16px 20px;font-size:.7rem;letter-spacing:.1em}.plan-table td{padding:14px 20px;border-color:#eee}.plan-table tr.gold-row{background:#fff3c3;font-weight:800}.plan-note{padding:16px 20px;background:#111;color:#aaa;font-size:.73rem}.plan-note i{color:var(--gold);margin-right:7px}
.banner-section{background:#050505;color:#fff;padding:90px 0}.banner-intro{text-align:center;margin-bottom:35px}.banner-intro h2{margin-top:10px}.banner-frame{padding:8px;border:1px solid rgba(244,199,47,.45);border-radius:24px;background:#101010;box-shadow:0 30px 90px rgba(0,0,0,.55)}.banner-frame img{width:100%;display:block;border-radius:17px}
.franchise{background:#fff}.franchise-card{height:100%;padding:35px;border-radius:25px;border:1px solid #e9e3d5;background:#fff;box-shadow:0 15px 50px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:.3s}.franchise-card:hover{transform:translateY(-7px)}.franchise-card.featured{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.fr-icon{font-size:2.2rem;color:#b18400;margin-bottom:20px}.franchise-card>span{position:absolute;right:22px;top:20px;font-size:.65rem;color:#aaa;letter-spacing:.12em}.franchise-card h3{font-family:"Playfair Display",serif;font-size:1.8rem}.franchise-card p{color:#777;line-height:1.75}.featured p{color:#999}
.promise{background:radial-gradient(circle at center,rgba(244,199,47,.16),transparent 45%),#080808;color:#fff;text-align:center;padding:120px 0}.promise-inner{max-width:850px;margin:auto}.promise-mark{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:rgba(244,199,47,.1);border:1px solid rgba(244,199,47,.5);color:var(--gold);font-size:1.6rem;margin:0 auto 25px}.promise h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,5.5rem);line-height:1.03;margin:15px 0 25px}.promise h2 span{color:var(--gold)}.promise p{color:#aaa;max-width:650px;margin:0 auto 30px;line-height:1.8}
.footer{background:#030303;color:#fff;padding:70px 0 35px}.footer-brand{font-size:1.4rem}.footer>div p{color:#777;line-height:1.7}.footer h6{color:var(--gold);font-size:.7rem;letter-spacing:.15em}.footer a:not(.footer-brand){display:block;color:#888;text-decoration:none;margin:10px 0;font-size:.88rem}.footer a:hover{color:#fff}.footer hr{border-color:#222;margin:40px 0 25px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#666;font-size:.75rem}.legal{font-size:.65rem!important;color:#555!important;margin-top:25px}
@media(max-width:991px){.main-nav{top:0}.topline{display:none}.hero{padding-top:140px;min-height:auto}.hero-story-card{margin-top:10px}.section-space{padding:80px 0}.photo-card{height:500px}.cta-box{flex-direction:column}}
@media(max-width:575px){.hero h1{font-size:3.5rem}.hero-copy{font-size:1rem}.hero-story-card{padding:25px}.hero-actions .btn{width:100%}.photo-card{height:440px}.photo-copy strong{font-size:3rem}.network{height:390px}.network-node.you{top:35px}.direct{top:190px}.small{top:320px}.plan-head{display:block}.plan-total-big{margin-top:15px}.footer-bottom{flex-direction:column}}