@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@300;400;500;700&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto}
::selection{background:#c9a96e;color:#0a0a0a}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#0a0a0a}
::-webkit-scrollbar-thumb{background:#c9a96e;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#e8c88a}

body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;position:relative}
body.loading{overflow:hidden}

/* Noise overlay */
.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Cursor glow */
.cursor-glow{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.07) 0%,transparent 70%);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);will-change:transform}

/* ====== LOADING SCREEN ====== */
.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}
.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loading-mono{font-family:'Playfair Display',serif;font-size:clamp(3rem,8vw,5rem);color:#c9a96e;letter-spacing:.4em;text-indent:.4em;animation:shimmer 2s ease-in-out infinite}
.loading-bar{width:140px;height:2px;background:rgba(255,255,255,.05);margin-top:2.5rem;border-radius:2px;overflow:hidden}
.loading-bar-inner{width:0;height:100%;background:linear-gradient(90deg,#c9a96e,#e8c88a,#c9a96e);border-radius:2px;animation:loadBar 2.5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes loadBar{to{width:100%}}
@keyframes shimmer{0%,100%{opacity:.5;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}

/* ====== IN-APP BROWSER TOOLTIP ====== */
.inapp-tooltip{position:fixed;bottom:80px;right:16px;z-index:10003;opacity:0;transform:translateY(12px) scale(0.92);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}
.inapp-tooltip.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.inapp-tooltip-arrow-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(201,169,110,.35);margin-right:20px;margin-bottom:-1px;position:relative;z-index:1}
.inapp-tooltip-arrow-up::after{content:'';position:absolute;top:1px;left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #151515}
.inapp-tooltip-bubble{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(201,169,110,.35);border-radius:14px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 20px rgba(201,169,110,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.inapp-tooltip-row{color:#ddd;font-size:.85rem;font-weight:400;line-height:1.6;letter-spacing:.02em;text-align:center}
.inapp-tooltip-row .inapp-icon-share{display:inline-block;font-size:1.1rem;color:#c9a96e;vertical-align:middle;animation:pulse-share 1.2s ease-in-out infinite}
.inapp-tooltip-row strong{color:#c9a96e;font-weight:600}
@keyframes pulse-share{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:translateY(-3px)}}

/* ====== IN-APP BROWSER SLIM BANNER ====== */
.inapp-banner{position:fixed;top:0;left:0;right:0;z-index:10002;display:none;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.2);font-size:.82rem;color:#999;letter-spacing:.02em;animation:slideDown .4s ease both}
.inapp-banner.active{display:flex}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.inapp-banner svg{width:16px;height:16px;fill:none;stroke:#c9a96e;stroke-width:2;flex-shrink:0}
.inapp-banner strong{color:#c9a96e;font-weight:500}
.inapp-banner-close{position:absolute;right:12px;background:none;border:none;color:#555;font-size:1.1rem;cursor:pointer;padding:4px;line-height:1}

/* ====== AGE GATE ====== */
.age-gate{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}
.age-gate-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(40px) brightness(.12) saturate(.5);transform:scale(1.2);z-index:0}
.age-gate.visible{opacity:1;visibility:visible}
.age-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}
.age-gate-inner{position:relative;z-index:1;text-align:center;max-width:420px;padding:2rem}
.age-gate-logo{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,3.5rem);color:#c9a96e;letter-spacing:.4em;text-indent:.4em;margin-bottom:2rem}
.age-gate-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);color:#fff;font-weight:400;margin-bottom:1rem}
.age-gate-text{color:#777;font-size:.92rem;line-height:1.7;margin-bottom:2.5rem}
.age-gate-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}
.age-gate-btn{display:inline-block;padding:14px 44px;border-radius:50px;font-size:.95rem;font-weight:500;letter-spacing:.06em;cursor:pointer;text-decoration:none;text-align:center;border:none;transition:all .3s ease;width:100%;max-width:280px}
.age-gate-yes{background:linear-gradient(135deg,#c9a96e,#e8c88a);color:#0a0a0a}
.age-gate-yes:hover{box-shadow:0 0 30px rgba(201,169,110,.4);transform:scale(1.03)}
.age-gate-no{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#666}
.age-gate-no:hover{border-color:rgba(255,255,255,.2);color:#999}
.age-gate-disclaimer{color:#333;font-size:.7rem;margin-top:1.8rem;line-height:1.5;letter-spacing:.02em}

/* ====== HERO ====== */
.hero{position:relative;height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url('/img/hero.jpg') center center/cover no-repeat;animation:kenBurns 30s ease-in-out infinite alternate;transform:scale(1.08)}
@keyframes kenBurns{from{transform:scale(1.08) translateY(0)}to{transform:scale(1.15) translateY(-1.5%)}}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,.55) 40%,rgba(10,10,10,.92) 85%,rgba(10,10,10,1) 100%)}
#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-content{position:relative;z-index:2;padding:0 2rem;max-width:800px}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(3rem,9vw,6.5rem);color:#fff;font-weight:400;line-height:1.05;margin-bottom:.8rem;min-height:1.2em}
.hero-title .char{display:inline-block;opacity:0;transform:translateY(40px)}
.hero-title .char.revealed{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.hero-title .char.space{width:.3em}
.hero-subtitle{font-size:clamp(.85rem,2vw,1.2rem);color:rgba(170,170,170,.9);font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin-bottom:3rem;opacity:0;transform:translateY(20px)}
.hero-subtitle.revealed{opacity:1;transform:translateY(0);transition:opacity 1s ease .2s,transform 1s ease .2s}

.cta-primary{display:inline-block;padding:18px 52px;background:linear-gradient(135deg,#c9a96e,#d4b07a);border:none;color:#0a0a0a;text-decoration:none;border-radius:50px;font-size:1.05rem;font-weight:600;letter-spacing:.08em;box-shadow:0 4px 24px rgba(201,169,110,.25);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1)}
.cta-primary.revealed{opacity:1;transform:translateY(0);transition:opacity 1s ease .4s,transform 1s ease .4s,background .3s ease,box-shadow .3s ease}
.cta-primary:hover{background:linear-gradient(135deg,#d4b87a,#e0c88e);box-shadow:0 6px 32px rgba(201,169,110,.4),0 0 60px rgba(201,169,110,.15)}
.cta-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,169,110,.15),transparent);animation:ctaShimmer 3.5s ease infinite 1s}
@keyframes ctaShimmer{0%{left:-100%}100%{left:100%}}

.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:2;opacity:.6}
.scroll-indicator svg{width:24px;height:24px;stroke:#c9a96e;fill:none;stroke-width:1.5;animation:bounce 2.5s ease infinite}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}

/* ====== SOCIAL PROOF ====== */
.social-proof{padding:3.5rem 2rem;background:rgba(20,20,20,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08)}
.stats-container{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;max-width:800px;margin:0 auto}
.stat{text-align:center;min-width:140px}
.stat-number{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,2.8rem);color:#c9a96e;display:block;line-height:1.2}
.stat-label{font-size:.8rem;color:#555;text-transform:uppercase;letter-spacing:.18em;margin-top:.5rem;font-weight:400}

/* ====== SECTIONS ====== */
.section{padding:6rem 2rem;position:relative}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:3.5rem;color:#fff;font-weight:400}
.section-title .gold{color:#c9a96e}
.container{max-width:1100px;margin:0 auto}

/* ====== EXCLUSIVE CONTENT ====== */
.exclusive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.exclusive-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;border:1px solid rgba(201,169,110,.1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;display:block;text-decoration:none;color:#fff}
.exclusive-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 30px rgba(201,169,110,.08);border-color:rgba(201,169,110,.25)}
.exclusive-card img{width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.4) saturate(.8);transition:filter .6s cubic-bezier(.16,1,.3,1)}
.exclusive-card:hover img{filter:blur(5px) brightness(.55) saturate(.9)}
.exclusive-card .card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,10,10,.2);transition:background .4s ease}
.exclusive-card:hover .card-overlay{background:rgba(10,10,10,.05)}
.lock-icon{width:28px;height:28px;stroke:#c9a96e;fill:none;stroke-width:1.5;margin-bottom:1rem;opacity:.7;transition:opacity .3s ease}
.exclusive-card:hover .lock-icon{opacity:1}
.vip-badge{font-size:.7rem;color:#c9a96e;text-transform:uppercase;letter-spacing:.25em;padding:5px 18px;border:1px solid rgba(201,169,110,.25);border-radius:20px;font-weight:400}
.unlock-text{font-size:.95rem;color:#c9a96e;margin-top:1.2rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease .1s,transform .4s ease .1s;letter-spacing:.1em}
.exclusive-card:hover .unlock-text{opacity:1;transform:translateY(0)}

/* ====== ABOUT ====== */
.about-section{padding:6rem 2rem;position:relative}
.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}
@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.about-image{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;max-height:650px}
.about-image img{width:100%;height:100%;object-fit:cover}
.about-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(201,169,110,.08) 0%,transparent 50%,rgba(10,10,10,.3) 100%);pointer-events:none}
.about-text{padding:1rem 0}
.about-headline{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1.5rem;color:#fff;font-weight:400}
.about-bio{color:#999;font-size:1.05rem;line-height:1.9;margin-bottom:2rem}
.about-sig{font-family:'Playfair Display',serif;font-style:italic;color:#c9a96e;font-size:1.15rem}

/* ====== PHOTO GALLERY ====== */
.gallery-photos{display:flex;flex-direction:column;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}
@media(min-width:768px){.gallery-photos{flex-direction:row;justify-content:center;gap:1.5rem;flex-wrap:wrap}}
.parallax-photo{position:relative;border-radius:16px;overflow:hidden;max-width:340px;width:100%;aspect-ratio:3/4}
@media(min-width:768px){.parallax-photo{max-width:320px}}
.parallax-photo img{width:100%;height:100%;object-fit:cover;will-change:transform}
.parallax-photo::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,10,10,.5) 100%);pointer-events:none;border-radius:16px}

/* ====== PLATFORM CTAs ====== */
.platform-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}
@media(min-width:768px){.platform-grid{grid-template-columns:1fr 1fr}}
.platform-card{background:rgba(22,22,22,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:2.2rem 1.8rem;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;text-decoration:none;color:#fff;display:block;position:relative}
.platform-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.4);border-color:rgba(255,255,255,.08)}
.platform-card.primary{border-color:rgba(201,169,110,.3);background:rgba(25,22,15,.6)}
@media(min-width:768px){.platform-card.primary{grid-column:span 2}.platform-grid:has(.primary){grid-template-columns:1fr 1fr}}
.platform-card.primary:hover{border-color:rgba(201,169,110,.6);box-shadow:0 25px 60px rgba(201,169,110,.12),0 0 40px rgba(201,169,110,.06)}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#c9a96e,#e8c88a);color:#0a0a0a;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;padding:5px 18px;border-radius:20px;white-space:nowrap}
.platform-icon{width:44px;height:44px;margin:0 auto 1.2rem;display:block}
.platform-icon svg{width:100%;height:100%}
.platform-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:.6rem;font-weight:400}
.platform-card p{color:#777;font-size:.88rem;margin-bottom:1.5rem;line-height:1.6}
.platform-cta{display:inline-block;padding:11px 30px;border-radius:50px;font-size:.88rem;font-weight:500;text-decoration:none;letter-spacing:.04em;transition:all .3s ease}
.platform-card.primary .platform-cta{background:linear-gradient(135deg,#c9a96e,#e8c88a);color:#0a0a0a}
.platform-card.primary .platform-cta:hover{box-shadow:0 0 25px rgba(201,169,110,.35);transform:scale(1.03)}
.platform-card:not(.primary) .platform-cta{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#ccc}
.platform-card:not(.primary) .platform-cta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}

/* ====== FINAL CTA ====== */
.final-cta{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;overflow:hidden}
.final-cta-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(30px) brightness(.15) saturate(.6);transform:scale(1.1);z-index:0}
.final-cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.9) 100%);z-index:1}
.final-cta-content{position:relative;z-index:2;max-width:600px}
.final-cta h2{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,6vw,3.8rem);margin-bottom:1rem;font-weight:400}
.final-cta>p{color:#888;margin-bottom:3rem;font-size:1.05rem;line-height:1.6}
.cta-massive{display:inline-block;padding:22px 64px;background:linear-gradient(135deg,#c9a96e,#e8c88a);color:#0a0a0a;text-decoration:none;border-radius:50px;font-size:1.15rem;font-weight:700;letter-spacing:.06em;position:relative;animation:glowPulse 2.5s ease-in-out infinite;transition:transform .3s ease}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(201,169,110,.25),0 0 40px rgba(201,169,110,.1)}50%{box-shadow:0 0 35px rgba(201,169,110,.45),0 0 70px rgba(201,169,110,.15),0 0 100px rgba(201,169,110,.05)}}
.cta-massive:hover{transform:scale(1.06)}
.privacy{margin-top:2.5rem;font-size:.72rem;color:#3a3a3a;letter-spacing:.03em}

/* ====== FOOTER ====== */
footer{padding:3rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.03)}
footer p{color:#333;font-size:.8rem;margin-bottom:1rem;letter-spacing:.02em}
.social-links{display:flex;justify-content:center;gap:2rem}
.social-links a{color:#444;text-decoration:none;transition:color .3s ease}
.social-links a:hover{color:#c9a96e}
.social-links svg{width:20px;height:20px;fill:currentColor}

/* ====== STICKY MOBILE ====== */
.sticky-mobile{position:fixed;bottom:0;left:0;width:100%;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:rgba(8,8,8,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(201,169,110,.15);z-index:100;display:none;text-align:center}
@media(max-width:767px){.sticky-mobile.visible{display:block}}
.sticky-mobile a{display:block;padding:14px;background:linear-gradient(135deg,#c9a96e,#e8c88a);color:#0a0a0a;text-decoration:none;border-radius:50px;font-weight:700;font-size:.92rem;letter-spacing:.04em;transition:box-shadow .3s ease}
.sticky-mobile a:hover{box-shadow:0 0 25px rgba(201,169,110,.4)}

/* ====== SCARCITY BADGE (Hero) ====== */
.scarcity-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:rgba(201,169,110,.06);border:1px solid rgba(201,169,110,.2);border-radius:50px;margin-bottom:2rem;opacity:0;transform:translateY(20px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 30px rgba(201,169,110,.04)}
.scarcity-badge.revealed{opacity:1;transform:translateY(0);transition:opacity 1s ease .3s,transform 1s ease .3s}
.scarcity-dot{width:8px;height:8px;background:#e74c3c;border-radius:50%;position:relative;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}
.scarcity-dot::after{content:'';position:absolute;top:-3px;left:-3px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(231,76,60,.3);animation:dotRing 2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}
@keyframes dotRing{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:0}}
.scarcity-text{font-size:.78rem;color:#999;letter-spacing:.04em;font-weight:400}
.scarcity-text strong{color:#c9a96e;font-weight:600}

/* ====== SCARCITY COUNTER (Final CTA) ====== */
.scarcity-counter{max-width:420px;margin:0 auto 2.5rem;opacity:0;transform:translateY(15px)}
.scarcity-counter.visible{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}
.spots-bar{width:100%;height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin-bottom:12px}
.spots-fill{height:100%;width:30%;background:linear-gradient(90deg,#c9a96e,#e8c88a);border-radius:4px;position:relative;transition:width 1.5s cubic-bezier(.16,1,.3,1)}
.spots-fill::after{content:'';position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:barShimmer 2s ease infinite}
@keyframes barShimmer{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.spots-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.spots-label span{font-size:.8rem;color:#888;letter-spacing:.02em}
.spots-label strong{color:#c9a96e;font-weight:700;font-size:1rem}
.spots-viewers{display:flex;align-items:center;gap:6px;font-size:.72rem !important;color:#555 !important}
.viewers-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;animation:viewPulse 1.5s ease infinite}
@keyframes viewPulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ====== STICKY MOBILE SCARCITY ====== */
.sticky-scarcity{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.68rem;color:#888;margin-bottom:6px;letter-spacing:.02em}
.sticky-scarcity .scarcity-dot{width:6px;height:6px}
.sticky-scarcity strong{color:#c9a96e;font-weight:600}

/* ====== GALLERY PHOTO WRAP (for deco positioning) ====== */
.gallery-photo-wrap{position:relative;display:inline-block}
@media(min-width:768px){.gallery-photos{flex-direction:row;justify-content:center;gap:1.5rem;flex-wrap:wrap}}

/* ══════════════════════════════════════════════════
   DECORATIVE PNG ASSETS — ALL SECTIONS
   ══════════════════════════════════════════════════ */
.deco{position:absolute;pointer-events:none;z-index:3;object-fit:contain;will-change:transform,opacity;filter:brightness(.85) sepia(.15) hue-rotate(-5deg)}

/* Animation keyframes */
@keyframes deco-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}
@keyframes deco-float-mirror{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
@keyframes deco-drift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes deco-pulse-glow{0%,100%{opacity:.5;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.3)}}
@keyframes deco-breathe{0%,100%{opacity:.4}50%{opacity:.65}}

/* Hero deco */
.deco-hero-1{top:24px;right:24px;width:120px;height:120px;opacity:.5;animation:deco-drift 6s ease-in-out infinite}
.deco-hero-2{bottom:25%;left:8%;width:80px;height:80px;opacity:.45;animation:deco-pulse-glow 5s ease-in-out infinite}
.deco-hero-3{top:50%;right:12%;width:60px;height:60px;opacity:.4;animation:deco-breathe 4s ease-in-out infinite}

/* Social proof deco */
.social-proof{position:relative}
.deco-stats-l{left:5%;top:50%;transform:translateY(-50%);width:90px;height:90px;opacity:.5;animation:deco-float 6s ease-in-out infinite}
.deco-stats-r{right:5%;top:50%;transform:translateY(-50%);width:90px;height:90px;opacity:.5;animation:deco-float-mirror 6s ease-in-out infinite;animation-delay:-3s}

/* Exclusive card deco */
.exclusive-card{position:relative}
.deco-card{top:-10px;right:-10px;width:50px;height:50px;opacity:.5;animation:deco-float 5s ease-in-out infinite;z-index:5}

/* About deco */
.about-section{position:relative}
.about-image{position:relative}
.about-image::before{content:'';position:absolute;top:50%;left:50%;width:75%;height:75%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,169,110,.25) 0%,rgba(201,169,110,.08) 40%,transparent 70%);border-radius:50%;z-index:0;animation:goldenPulse 4s ease-in-out infinite}
.deco-about-1{bottom:-10px;right:-10px;width:100px;height:100px;opacity:.5;animation:deco-float 7s ease-in-out infinite}
.about-text{position:relative}
.deco-about-2{top:-20px;right:-20px;width:70px;height:70px;opacity:.45;animation:deco-float 5s ease-in-out infinite;animation-delay:-2s}
.deco-about-3{bottom:10%;right:5%;width:80px;height:80px;opacity:.4;animation:deco-float-mirror 6s ease-in-out infinite}

/* Gallery deco */
.gallery-photo-wrap{position:relative}
.gallery-photo-wrap::before{content:'';position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,169,110,.25) 0%,rgba(201,169,110,.08) 40%,transparent 70%);border-radius:50%;z-index:0;animation:goldenPulse 4s ease-in-out infinite}
@keyframes goldenPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}}
.deco-gallery-1,.deco-gallery-2,.deco-gallery-3{top:10%;right:-20px;width:70px;height:70px;opacity:.45;animation:deco-float 6s ease-in-out infinite}
.deco-gallery-2{animation-delay:-2s;top:auto;bottom:10%}
.deco-gallery-3{animation-delay:-4s;right:-25px;top:45%}

/* Platform card deco */
.platform-card{position:relative}
.deco-platform{top:12px;right:12px;width:48px;height:48px;opacity:.45;animation:deco-float 5s ease-in-out infinite}

/* Final CTA deco */
.final-cta{position:relative}
.deco-final-1{top:15%;left:8%;width:80px;height:80px;opacity:.4;animation:deco-breathe 6s ease-in-out infinite}
.deco-final-2{top:20%;right:10%;width:80px;height:80px;opacity:.4;animation:deco-breathe 5s ease-in-out infinite;animation-delay:-2.5s}
.deco-final-3{bottom:15%;right:8%;width:80px;height:80px;opacity:.4;animation:deco-breathe 7s ease-in-out infinite;animation-delay:-4s}

/* Footer deco */
footer{position:relative}
.deco-footer-l{left:10%;top:50%;transform:translateY(-50%);width:60px;height:60px;opacity:.35;animation:deco-float 6s ease-in-out infinite}
.deco-footer-r{right:10%;top:50%;transform:translateY(-50%);width:60px;height:60px;opacity:.35;animation:deco-float-mirror 6s ease-in-out infinite;animation-delay:-3s}

/* Scroll-to-top orb */
.scroll-top-orb{position:fixed;bottom:28px;right:28px;z-index:9999;width:48px;height:48px;padding:0;border:none;background:none;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.scroll-top-orb img{width:48px;height:48px;mix-blend-mode:screen;opacity:.7;transition:opacity .3s}
.scroll-top-orb:hover img{opacity:1}
.scroll-top-orb.visible{opacity:1;transform:translateY(0);pointer-events:auto}

/* ====== RESPONSIVE: Mobile deco scaling ====== */
@media(max-width:767px){
  .deco{transform:scale(.75);transform-origin:center center}
  .deco-stats-l,.deco-stats-r,.deco-footer-l,.deco-footer-r{display:none}
  .deco-hero-1{top:10px;right:10px;width:80px;height:80px}
  .deco-hero-2{left:4%;width:60px;height:60px}
  .deco-hero-3{right:6%;width:40px;height:40px}
  .deco-card{width:35px;height:35px;top:-5px;right:-5px}
  .deco-about-1{width:70px;height:70px}
  .deco-about-2{width:50px;height:50px}
  .deco-about-3{display:none}
  .deco-gallery-1,.deco-gallery-2,.deco-gallery-3{width:50px;height:50px}
  .deco-final-1,.deco-final-2,.deco-final-3{width:60px;height:60px}
  .deco-platform{width:36px;height:36px}
  .scroll-top-orb{display:none}
}

/* ====== REDUCED MOTION ====== */
@media(prefers-reduced-motion:reduce){
  .deco{animation:none !important;transition:opacity .3s ease !important}
  .scroll-top-orb{transition:opacity .3s ease !important}
}

/* ====== ANIMATIONS ====== */
.fade-up{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ====== REDUCED MOTION ====== */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
.hero-bg{animation:none !important;transform:scale(1) !important}
.fade-up{opacity:1;transform:none}
.cta-massive{animation:none !important}
}