.phone-mockup{flex-shrink:0;perspective:1000px}.phone-frame{width:260px;height:520px;background:#1c1915;border-radius:36px;padding:12px;position:relative;box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff0f}.phone-notch{width:100px;height:24px;background:#12110f;border-radius:0 0 16px 16px;position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:2}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#12110f,#15130f);border-radius:26px;overflow:hidden;padding:40px 14px 0;display:flex;flex-direction:column;gap:10px;position:relative}.phone-status-bar{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-dark-secondary);padding:0 4px;margin-bottom:2px}.phone-greeting{padding:0 4px}.phone-greeting-small{font-size:.75rem;color:var(--text-dark-secondary)}.phone-greeting-name{font-size:1.2rem;font-weight:500;color:var(--text-dark-primary)}.phone-streak{display:flex;align-items:center;gap:10px;background:#d4a8431a;padding:8px 12px;border-radius:12px;border:1px solid rgba(212,168,67,.15)}.phone-streak-icon{font-size:1.25rem}.phone-streak-count{font-size:.85rem;font-weight:600;color:var(--gold)}.phone-streak-label{font-size:.65rem;color:var(--text-dark-secondary)}.phone-card{background:var(--bg-dark-card);border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.06)}.phone-card-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:6px}.phone-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--text-dark-primary);margin-bottom:4px}.phone-card-verse{font-size:.7rem;color:var(--text-dark-secondary);margin-bottom:10px}.phone-card-progress{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.phone-card-progress-bar{width:35%;height:100%;background:var(--gold);border-radius:2px}.phone-verse-card{background:#d4a84314;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:10px 12px}.phone-verse-text{font-family:var(--font-display);font-size:.75rem;font-style:italic;color:var(--text-dark-primary);line-height:1.5;margin-bottom:4px}.phone-verse-ref{font-size:.65rem;color:var(--gold);text-align:right}.phone-tab-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 4px 12px;background:linear-gradient(to top,#12110F 60%,transparent);border-top:1px solid rgba(255,255,255,.04)}.phone-tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffff4d;font-size:.55rem;font-family:var(--font-body)}.phone-tab-active{color:var(--gold)}@media(min-width:768px){.phone-frame{width:280px;height:560px}}@media(min-width:1280px){.phone-frame{width:300px;height:600px}}.hero{position:relative;background:var(--bg-dark);min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(212,168,67,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(196,120,92,.12) 0%,transparent 60%);pointer-events:none}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:48px;padding-top:48px;padding-bottom:48px;position:relative;z-index:1}.hero-content{text-align:center}.hero-badge{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--text-dark-primary);margin-bottom:20px;line-height:1.1;letter-spacing:-.02em}.hero-title-accent{color:var(--gold)}.hero-subtitle{font-size:clamp(1.0625rem,2.5vw,1.25rem);color:var(--text-dark-secondary);max-width:480px;margin:0 auto 32px;line-height:1.7}.hero-email-form{margin-bottom:32px}.hero-email-label{font-size:.9375rem;color:var(--text-dark-secondary);margin-bottom:12px}.hero-form{display:flex;gap:8px;max-width:440px;margin:0 auto}.hero-form input{flex:1;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-dark-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s}.hero-form input::placeholder{color:var(--text-muted)}.hero-form input:focus{outline:none;border-color:var(--gold)}.hero-form .btn{padding:14px 24px;font-size:.9375rem;flex-shrink:0}.hero-form-success{color:var(--gold);font-size:1rem}.hero-store-badges{margin-top:8px}.store-badge-sm{padding:8px 16px;font-size:.8125rem;opacity:.75;transition:opacity .25s ease,border-color .25s ease}.store-badge-sm:hover{opacity:1}.store-badge-sm svg{width:18px;height:18px}.store-badge-sm .store-badge-text small{font-size:.6rem}.store-badge-sm .store-badge-text strong{font-size:.8125rem}.hero-mockup{transition:transform .1s linear;will-change:transform}@media(min-width:768px){.hero-inner{flex-direction:row;justify-content:space-between;text-align:left;padding-top:0;padding-bottom:0;min-height:calc(100vh - var(--nav-height))}.hero-content{text-align:left;flex:1;max-width:540px}.hero-subtitle,.hero-form{margin-left:0}}@media(max-width:767px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + 32px);padding-bottom:48px}.store-badges{justify-content:center}.hero-form{flex-direction:column}}.social-proof{background:var(--bg-light);padding:32px 0;border-bottom:1px solid rgba(0,0,0,.04)}.social-proof-inner{text-align:center}.social-proof-headline{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.social-proof-features{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:1rem;font-weight:500;color:var(--text-light-primary)}.proof-dot{color:var(--gold);font-size:1.25rem;line-height:1}@media(max-width:640px){.social-proof-features{gap:8px;font-size:.9375rem}}.features{background:var(--bg-light-warm)}.features-header{text-align:center;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:1fr;gap:20px}.feature-card{background:var(--bg-card);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gold-muted);border-radius:14px;color:var(--gold);margin-bottom:20px}.feature-title{font-family:var(--font-body);font-size:1.125rem;font-weight:700;color:var(--text-light-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.feature-badge{font-family:var(--font-body);font-size:.65rem;font-weight:600;background:var(--terracota);color:#fff;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.feature-description{font-size:1rem;color:var(--text-light-secondary);line-height:1.6}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.scripture{background:var(--bg-dark-mid);padding:96px 0;position:relative;overflow:hidden}.scripture:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(212,168,67,.04) 0%,transparent 70%);pointer-events:none}.scripture-inner{text-align:center;max-width:720px;position:relative}.scripture-quote-mark{font-family:var(--font-display);font-size:8rem;line-height:1;color:var(--gold);opacity:.2;position:absolute;top:-40px;left:50%;transform:translate(-50%);pointer-events:none;user-select:none}.scripture-text{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.25rem);font-style:italic;font-weight:400;color:var(--gold);line-height:1.5;margin-bottom:24px;position:relative}.scripture-ref{font-family:var(--font-body);font-style:normal;font-size:1rem;color:var(--text-dark-secondary);letter-spacing:1px}@media(max-width:768px){.scripture{padding:64px 0}.scripture-quote-mark{font-size:5rem;top:-24px}}.how-it-works{background:var(--bg-light)}.how-header{text-align:center;margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:900px;margin:0 auto}.step-card{text-align:center;padding:24px}.step-number{font-family:var(--font-display);font-size:3.5rem;font-weight:600;color:var(--gold);line-height:1;margin-bottom:16px}.step-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gold-muted);border-radius:50%;color:var(--gold);margin:0 auto 16px}.step-title{font-family:var(--font-body);font-size:1.125rem;font-weight:600;color:var(--text-light-primary);margin-bottom:8px}.step-description{font-size:.9375rem;color:var(--text-light-secondary);max-width:280px;margin:0 auto}@media(min-width:640px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.about{background:var(--bg-light-warm)}.about-inner{text-align:center;max-width:640px;margin:0 auto}.about-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--gold-muted);border-radius:50%;color:var(--gold);margin:0 auto 24px}.about-title{font-size:1.75rem;color:var(--gold);margin-bottom:24px}.about-text{font-size:1.0625rem;color:var(--text-light-secondary);line-height:1.8;margin-bottom:16px}.about-signature{font-family:var(--font-display);font-style:italic;font-size:1.0625rem;color:var(--gold);margin-top:24px}.cta-final{background:var(--bg-dark);padding:96px 0;position:relative;overflow:hidden}.cta-final-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 50% 100%,rgba(212,168,67,.1) 0%,transparent 70%);pointer-events:none}.cta-final-inner{text-align:center;position:relative;z-index:1}.cta-final-title{font-size:clamp(1.875rem,4vw,2.75rem);color:var(--text-dark-primary);margin-bottom:16px}.cta-final-subtitle{font-size:1.125rem;color:var(--text-dark-secondary);margin-bottom:36px}.cta-final-form{margin-bottom:32px}.cta-form{display:flex;gap:8px;max-width:440px;margin:0 auto}.cta-form input{flex:1;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-dark-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s}.cta-form input::placeholder{color:var(--text-muted)}.cta-form input:focus{outline:none;border-color:var(--gold)}.cta-form .btn{padding:14px 24px;font-size:.9375rem;flex-shrink:0}.cta-form-success{color:var(--gold);font-size:1rem}.cta-store-badges{justify-content:center}@media(max-width:768px){.cta-final{padding:64px 0}.cta-form{flex-direction:column}}
