html{scroll-behavior:smooth}.join-root{--bg-dark:#0a0e1a;--bg-dark-alt:#111827;--bg-card:#161e2e;--bg-card-alt:#1a2332;--gold:#d4af37;--gold-light:#f0c75e;--gold-dim:#9a7d27;--gold-glow:#d4af3726;--text-light:#e8e8e8;--text-muted:#9ca3af;--text-dim:#6b7280;--white:#fff;--border-subtle:#ffffff14;--border-gold:#d4af374d;--serif:var(--font-serif-gold), Georgia, serif;--sans:var(--font-sans-gold), -apple-system, sans-serif;--max-width:1280px;font-family:var(--sans);background:var(--bg-dark);color:var(--text-light);-webkit-font-smoothing:antialiased;line-height:1.7;position:relative;overflow-x:hidden}.join-root:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.join-root .hero{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.join-root .hero-bg{opacity:.35;z-index:0;background:url(/join/hero-bg-new.jpg) 50%/cover no-repeat;animation:10s ease-in-out infinite alternate join-kenburns;position:absolute;inset:0}@keyframes join-kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(-2%,-2%)}}.join-root .hero-bg:after{content:"";background:radial-gradient(ellipse at center, var(--gold-glow) 0%, transparent 60%), linear-gradient(180deg, var(--bg-dark) 0%, transparent 30%, transparent 70%, var(--bg-dark) 100%);position:absolute;inset:0}.join-root .hero-content{z-index:2;max-width:900px;position:relative}.join-root .hero-badge{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid var(--border-gold);background:#d4af370d;border-radius:999px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:600;display:inline-block}.join-root .hero h1{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:500;line-height:1.05}.join-root .hero h1 .gold-text{background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dim));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600}.join-root .hero .hero-sub{font-family:var(--serif);color:var(--gold-light);letter-spacing:.01em;text-shadow:0 0 30px #f0c75e4d;border-left:2px solid var(--gold);margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:clamp(1.2rem,2.8vw,1.8rem);font-style:italic;font-weight:500;display:inline-block}.join-root .hero p{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:300;line-height:1.8}.join-root .hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.join-root .btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:var(--bg-dark);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:.9rem 2.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.join-root .btn-gold:hover{background:linear-gradient(135deg, var(--gold-light), var(--gold));box-shadow:0 4px 30px var(--gold-glow);transform:translateY(-2px)}.join-root .btn-outline{color:var(--text-light);border:1px solid var(--border-subtle);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:.9rem 2.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.join-root .btn-outline:hover{border-color:var(--gold);color:var(--gold-light);background:#d4af370d}.join-root .hero-scroll{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;z-index:2;font-size:.7rem;animation:2s infinite join-bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes join-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.join-root section{padding:6rem 2rem;position:relative}.join-root .container{max-width:var(--max-width);margin:0 auto}.join-root .section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.72rem;font-weight:700;display:block}.join-root .section-title{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.15}.join-root .section-title .italic{color:var(--gold-light);font-style:italic}.join-root .section-intro{color:var(--text-muted);max-width:600px;font-size:1.1rem;font-weight:300;line-height:1.8}.join-root .features{background:var(--bg-dark);border-top:1px solid var(--border-subtle)}.join-root .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.join-root .feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;padding:2.5rem;transition:all .3s;position:relative}.join-root .feature-card:hover{border-color:var(--border-gold);transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.join-root .feature-icon{border:1px solid var(--border-gold);width:48px;height:48px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.join-root .feature-card h3{font-family:var(--serif);color:var(--text-light);margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.join-root .feature-card p{color:var(--text-muted);font-size:.95rem;font-weight:300;line-height:1.8}.join-root .pricing{background:var(--bg-dark-alt);position:relative;overflow:hidden}.join-root .pricing:before{content:"";background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);pointer-events:none;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.join-root .pricing-header{text-align:center;z-index:2;margin-bottom:4rem;position:relative}.join-root .pricing-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid;position:relative}.join-root .pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;flex-direction:column;padding:2.5rem 2rem;transition:all .3s;display:flex;position:relative}.join-root .pricing-card:hover{border-color:var(--border-gold);transform:translateY(-5px);box-shadow:0 15px 50px #0006}.join-root .pricing-card.featured{border-color:var(--border-gold);background:var(--bg-card-alt)}.join-root .pricing-card.featured:before{content:"MOST POPULAR";letter-spacing:.2em;color:var(--bg-dark);background:linear-gradient(135deg, var(--gold), var(--gold-light));border-radius:2px;padding:.3rem 1rem;font-size:.65rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.join-root .pricing-card h3{font-family:var(--serif);color:var(--gold-light);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.join-root .pricing-card .tier-tag{color:var(--text-dim);letter-spacing:.05em;margin-bottom:1.5rem;font-size:.75rem}.join-root .pricing-price{font-family:var(--serif);color:var(--gold);font-size:3rem;font-weight:600;line-height:1}.join-root .pricing-price .per{color:var(--text-dim);font-size:1rem;font-weight:300}.join-root .pricing-features{flex-grow:1;margin:2rem 0;list-style:none}.join-root .pricing-features li{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:.6rem;padding:.6rem 0;font-size:.88rem;font-weight:300;line-height:1.6;display:flex}.join-root .pricing-features li:before{content:"✓";color:var(--gold);flex-shrink:0;margin-top:1px;font-weight:700}.join-root .pricing-features li:last-child{border-bottom:none}.join-root .pricing-features li .highlight{color:var(--gold-light);font-weight:500}.join-root .pricing-actions{flex-direction:column;gap:.75rem;display:flex}.join-root .pricing-actions .btn-gold,.join-root .pricing-actions .btn-outline{text-align:center;padding:.8rem 1.5rem;font-size:.8rem}.join-root .annual-note{color:var(--text-dim);text-align:center;margin-top:.5rem;font-size:.78rem;font-style:italic}.join-root .lifetime{background:var(--bg-dark);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:5rem 2rem}.join-root .lifetime-card{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-alt) 100%);border:1px solid var(--border-gold);text-align:center;border-radius:4px;max-width:800px;margin:0 auto;padding:3.5rem;position:relative;overflow:hidden}.join-root .lifetime-card:before{content:"";background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.join-root .lifetime-card .gift-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);z-index:2;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:inline-block;position:relative}.join-root .lifetime-card h3{font-family:var(--serif);color:var(--text-light);z-index:2;margin-bottom:.5rem;font-size:2.2rem;font-weight:600;position:relative}.join-root .lifetime-card .lifetime-price{font-family:var(--serif);color:var(--gold);z-index:2;margin:1rem 0;font-size:3.5rem;font-weight:600;position:relative}.join-root .lifetime-features{text-align:left;z-index:2;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;list-style:none;display:grid;position:relative}.join-root .lifetime-features li{border:1px solid var(--border-subtle);color:var(--text-muted);background:#0a0e1a80;border-radius:4px;padding:.8rem 1rem;font-size:.88rem;font-weight:300;line-height:1.5}.join-root .lifetime-features li strong{color:var(--gold-light);margin-bottom:.25rem;font-weight:600;display:block}.join-root .lifetime-card .btn-gold{z-index:2;margin-top:1rem;padding:1rem 3rem;position:relative}.join-root .faq{background:var(--bg-dark)}.join-root .faq-header{text-align:center;margin-bottom:3rem}.join-root .faq-list{max-width:800px;margin:0 auto}.join-root .faq-item{border-bottom:1px solid var(--border-subtle)}.join-root .faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--serif);color:var(--text-light);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font-size:1.25rem;font-weight:500;transition:color .2s;display:flex}.join-root .faq-question:hover{color:var(--gold-light)}.join-root .faq-question .faq-icon{width:24px;height:24px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex}.join-root .faq-item.open .faq-icon{transform:rotate(45deg)}.join-root .faq-answer{max-height:0;transition:max-height .4s,padding .3s;overflow:hidden}.join-root .faq-item.open .faq-answer{max-height:800px;padding:0 0 1.5rem}.join-root .faq-answer p{color:var(--text-muted);margin-bottom:.8rem;font-size:.95rem;font-weight:300;line-height:1.8}.join-root .faq-answer ul{margin:.5rem 0 1rem;padding:0;list-style:none}.join-root .faq-answer ul li{color:var(--text-muted);padding:.3rem 0 .3rem 1.2rem;font-size:.9rem;font-weight:300;position:relative}.join-root .faq-answer ul li:before{content:"—";color:var(--gold);position:absolute;left:0}.join-root .faq-answer .level{border:1px solid var(--border-gold);color:var(--gold-light);letter-spacing:.05em;border-radius:999px;margin:.3rem .3rem .3rem 0;padding:.2rem .8rem;font-size:.75rem;display:inline-block}.join-root .welcome-cta{background:var(--bg-dark-alt);text-align:center;position:relative;overflow:hidden}.join-root .welcome-cta-bg{opacity:.15;z-index:0;background:url(/join/prayer-hands.jpg) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate join-kenburns-slow;position:absolute;inset:0}@keyframes join-kenburns-slow{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1.5%)}}.join-root .welcome-cta:before{content:"";background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.join-root .welcome-cta-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.join-root .welcome-cta h2{font-family:var(--serif);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:500;line-height:1.15}.join-root .welcome-cta h2 .italic{color:var(--gold-light);font-style:italic}.join-root .welcome-cta p{color:var(--text-muted);margin-bottom:1rem;font-size:1.05rem;font-weight:300;line-height:1.8}.join-root .welcome-cta p strong{color:var(--gold-light);font-weight:500}.join-root .welcome-cta .buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.join-root .app-badges{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.join-root .app-badge{border:1px solid var(--border-subtle);color:var(--text-light);border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.join-root .app-badge:hover{border-color:var(--border-gold);color:var(--gold-light)}.join-root .testimonials-senja{background:var(--bg-dark);border-top:1px solid var(--border-subtle)}.join-root .senja-embed{max-width:100%;overflow:hidden}.join-root .senja-embed iframe{min-height:400px;width:100%!important}.join-root .join-footer{background:var(--bg-dark);border-top:1px solid var(--border-subtle);padding:3rem 2rem 2rem}.join-root .footer-grid{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin:0 auto 2rem;display:grid}.join-root .footer-brand{font-family:var(--serif);color:var(--gold);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.join-root .footer-brand span{color:var(--text-light);font-weight:300}.join-root .footer-tagline{color:var(--text-muted);max-width:300px;font-size:.9rem;font-weight:300;line-height:1.7}.join-root .footer-col h4{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.75rem;font-weight:700}.join-root .footer-col ul{list-style:none}.join-root .footer-col ul li{margin-bottom:.5rem}.join-root .footer-col ul a{color:var(--text-muted);font-size:.85rem;font-weight:300;text-decoration:none;transition:color .2s}.join-root .footer-col ul a:hover{color:var(--gold-light)}.join-root .footer-contact{color:var(--text-muted);margin-top:1rem;font-size:.85rem;font-weight:300}.join-root .footer-contact a{color:var(--gold-light);text-decoration:none}.join-root .footer-bottom{max-width:var(--max-width);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-dim);margin:0 auto;padding-top:1.5rem;font-size:.8rem;font-weight:300}.join-root .fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.join-root .fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.join-root .pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.join-root .lifetime-features{grid-template-columns:1fr}.join-root .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.join-root .footer-brand-col{grid-column:1/-1}}@media (max-width:600px){.join-root section{padding:4rem 1.5rem}.join-root .footer-grid{grid-template-columns:1fr}.join-root .lifetime-card,.join-root .pricing-card{padding:2rem 1.5rem}}
