#hero{background:var(--bg-primary);padding:140px 0 80px;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#5d02520f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-80px;left:-120px}#hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#8ec7da14 0%,#0000 70%);width:420px;height:420px;position:absolute;bottom:-60px;right:-80px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-title em{color:var(--accent-purple-deep);font-style:italic}.hero-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:480px;margin-bottom:32px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:40px;display:flex}.hero-trust{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:20px;font-weight:500;display:flex}.hero-trust-item{min-height:unset;min-width:unset;align-items:center;gap:6px;display:flex}.check-icon{width:14px;height:14px;color:var(--accent-green-bright);flex-shrink:0}.soap-card{background:var(--bg-dark);border-radius:var(--fayha-radius-xl);box-shadow:var(--shadow-glow-purple), 0 24px 64px #0000004d;padding:28px;position:relative;overflow:hidden}.soap-card:before{content:"";background:linear-gradient(90deg, var(--accent-gold), var(--accent-orange), var(--accent-purple-deep));height:3px;position:absolute;top:0;left:0;right:0}.soap-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.soap-title-row{align-items:center;gap:10px;display:flex}.waveform{align-items:flex-end;gap:3px;height:24px;display:flex}.waveform-bar{background:var(--accent-gold);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave}.waveform-bar:first-child{height:8px;animation-delay:0s}.waveform-bar:nth-child(2){height:16px;animation-delay:.1s}.waveform-bar:nth-child(3){height:22px;animation-delay:.2s}.waveform-bar:nth-child(4){height:14px;animation-delay:.3s}.waveform-bar:nth-child(5){height:20px;animation-delay:.4s}.waveform-bar:nth-child(6){height:10px;animation-delay:.5s}.waveform-bar:nth-child(7){height:18px;animation-delay:.6s}.waveform-bar:nth-child(8){height:12px;animation-delay:.7s}.waveform-bar:nth-child(9){height:6px;animation-delay:.8s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.soap-badge{font-family:DM Mono,monospace;font-size:var(--text-xs);color:var(--accent-gold);letter-spacing:.1em}.soap-rec-tag{border-radius:var(--fayha-radius-sm);color:#4ecca3;min-height:unset;min-width:unset;background:#0a6e5c33;border:1px solid #0a6e5c4d;padding:3px 8px;font-family:DM Mono,monospace;font-size:10px}.soap-body{color:var(--text-on-dark-muted);min-height:160px;font-family:DM Mono,monospace;font-size:12px;line-height:1.9}.soap-label{color:var(--accent-gold);font-weight:500}.soap-cursor{background:var(--accent-gold);vertical-align:middle;width:2px;height:13px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.soap-footer{border-top:1px solid #f7f3e214;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.soap-time{color:var(--text-on-dark-muted);font-family:DM Mono,monospace;font-size:10px}.soap-copied{font-size:var(--text-xs);color:var(--accent-green-bright);font-weight:500}@media (max-width:767px){#hero{padding-top:100px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-title{font-size:32px;line-height:1.2}.soap-card{box-sizing:border-box;width:100%;overflow:hidden}}
#problem{background:var(--accent-purple-deep);padding:96px 0;position:relative;overflow:hidden}#problem:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff701714 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.problem-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:56px;display:grid}.pain-card{border-radius:var(--fayha-radius-lg);background:#f7f3e20f;border:1px solid #f7f3e21f;padding:32px;transition:opacity .55s,background .3s,transform .3s}.pain-card:hover{background:#f7f3e21a;transform:translateY(-3px)}.pain-icon{border-radius:var(--fayha-radius-md);width:44px;height:44px;min-height:unset;min-width:unset;background:#ff701726;border:1px solid #ff701740;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.pain-icon svg{width:22px;height:22px;color:var(--accent-orange)}.pain-stat{font-family:Instrument Serif,serif;font-size:var(--text-4xl);color:var(--text-on-dark);margin-bottom:8px}.pain-title{font-size:var(--text-base);color:var(--text-on-dark);margin-bottom:8px;font-weight:600}.pain-desc{font-size:var(--text-sm);color:var(--text-on-dark-muted);line-height:1.65}@media (max-width:767px){#problem{overflow-x:hidden}.problem-grid{grid-template-columns:1fr;gap:16px}}
#how{background:var(--bg-primary);padding:96px 0}.how-header{text-align:center;margin-bottom:64px}.steps-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.step-card{background:var(--bg-surface);border:1px solid var(--fayha-border);border-radius:var(--fayha-radius-xl);padding:36px;transition:opacity .55s,transform .55s,box-shadow .3s;position:relative}.step-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.step-num{font-family:DM Mono,monospace;font-size:var(--text-5xl);color:var(--accent-gold);opacity:.9;margin-bottom:20px;font-weight:500;line-height:1}.step-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:10px;font-weight:600}.step-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.how-headline-em{color:var(--accent-purple-deep);font-style:italic}@media (min-width:768px) and (max-width:1023px){.step-card{padding:28px}.steps-grid{gap:20px}}@media (max-width:767px){#how{padding:60px 0}.how-header{margin-bottom:36px}.steps-grid{grid-template-columns:1fr;gap:16px}.step-card{padding:24px}}
#features{background:var(--bg-primary);padding:96px 0}.features-header{margin-bottom:48px}.bento{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-card{border-radius:var(--fayha-radius-xl);padding:32px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.bento-wide{background:var(--bg-dark);color:var(--text-on-dark);grid-column:span 2}.bento-tall{background:var(--accent-purple-deep);color:var(--text-on-dark);flex-direction:column;grid-row:span 2;display:flex}.bento-purple-light{background:var(--accent-purple-light);color:var(--text-primary)}.bento-green{background:var(--accent-green);color:var(--text-on-dark)}.bento-full{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--fayha-border);grid-column:1/-1}.bento-icon{border-radius:var(--fayha-radius-md);width:44px;height:44px;min-height:unset;min-width:unset;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.bento-icon svg{width:22px;height:22px}.bento-wide .bento-icon{background:var(--accent-gold-dim);border:1px solid var(--accent-gold-glow)}.bento-wide .bento-icon svg{color:var(--accent-gold)}.bento-wide .bento-desc{opacity:.7}.bento-tall .bento-icon{background:#f7f3e21a}.bento-tall .bento-icon svg{color:var(--accent-purple-light)}.bento-green .bento-icon{background:#f7f3e214}.bento-green .bento-icon svg{color:var(--accent-sky)}.bento-full .bento-icon{background:var(--accent-gold-dim);border:1px solid var(--accent-gold-glow)}.bento-full .bento-icon svg{color:var(--accent-gold)}.bento-title{font-size:var(--text-xl);margin-bottom:10px;font-weight:600;line-height:1.3}.bento-desc{font-size:var(--text-sm);opacity:.8;line-height:1.65}.bento-full-row{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.bento-wave{align-items:flex-end;gap:3px;height:24px;margin-bottom:20px;display:flex}.bento-wave-bar{background:var(--accent-gold);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite bentoWave}.bento-wave-bar:first-child{height:8px;animation-delay:0s}.bento-wave-bar:nth-child(2){height:16px;animation-delay:.1s}.bento-wave-bar:nth-child(3){height:22px;animation-delay:.2s}.bento-wave-bar:nth-child(4){height:14px;animation-delay:.3s}.bento-wave-bar:nth-child(5){height:20px;animation-delay:.4s}.bento-wave-bar:nth-child(6){height:10px;animation-delay:.5s}.bento-wave-bar:nth-child(7){height:18px;animation-delay:.6s}.bento-wave-bar:nth-child(8){height:12px;animation-delay:.7s}.bento-wave-bar:nth-child(9){height:6px;animation-delay:.8s}@keyframes bentoWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@media (max-width:1024px){.bento{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 2}.bento-tall{grid-row:auto}.bento-full{grid-column:span 2}}@media (max-width:768px){#features{padding:60px 0}.features-header{margin-bottom:32px}.bento{grid-template-columns:1fr;gap:12px}.bento-wide,.bento-full,.bento-tall{grid-area:auto}.bento-card{padding:24px}.bento-full-row{grid-template-columns:1fr}.bento-full-row .bento-icon{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.bento-wave-bar{animation:none}}
#metrics{background:#052e28;width:100%;padding:96px 0}.metrics-container{max-width:1100px;margin:0 auto;padding:0 24px}.metrics-header{text-align:center;margin-bottom:56px}.metrics-section-label{letter-spacing:.12em;text-transform:uppercase;color:#ffb411;margin:0 0 16px;font-family:DM Mono,monospace;font-size:11px;font-weight:400}.metrics-headline{color:#f7f3e2;letter-spacing:-.5px;margin:0;font-family:Instrument Serif,serif;font-size:48px;font-weight:400;line-height:1.15}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:48px 32px;display:grid}.metric-item{text-align:center;opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.metric-item.visible{opacity:1;transform:translateY(0)}.metric-number-row{justify-content:center;align-items:baseline;gap:4px;line-height:1;display:flex}.metric-number{color:#f7f3e2;letter-spacing:-1px;font-family:Instrument Serif,serif;font-size:72px;line-height:1}.metric-unit{color:#ffb411;align-self:flex-end;padding-bottom:6px;font-family:DM Mono,monospace;font-size:24px;font-weight:400;line-height:1}.metric-label{color:#f7f3e2bf;letter-spacing:.01em;margin-top:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.metric-sublabel{color:#f7f3e273;letter-spacing:.01em;margin-top:6px;font-family:DM Sans,sans-serif;font-size:11px}@media (max-width:768px){#metrics{padding:72px 0}.metrics-grid{gap:40px 20px}.metric-number{font-size:56px}.metric-unit{font-size:20px}}@media (max-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr;gap:40px}.metric-number{font-size:64px}}
#before-after{background:#f7f3e2;width:100%;padding:96px 0}.ba-container{max-width:1100px;margin:0 auto;padding:0 24px}.ba-header{text-align:center;margin-bottom:56px}.ba-section-label{letter-spacing:.12em;text-transform:uppercase;color:#0a6e5c;margin:0 0 16px;font-family:DM Mono,monospace;font-size:11px;font-weight:400}.ba-headline{color:#0d1b1a;letter-spacing:-.5px;margin:0 0 16px;font-family:Instrument Serif,serif;font-size:48px;font-weight:400;line-height:1.15}.ba-subtitle{color:#0d1b1a99;max-width:480px;margin:0 auto;font-family:DM Sans,sans-serif;font-size:17px;line-height:1.6}.ba-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.ba-card{box-sizing:border-box;opacity:0;border-radius:16px;height:100%;padding:28px;transition:opacity .6s,transform .6s;transform:translateY(28px)}.ba-card.visible{opacity:1;transform:translateY(0)}.ba-card-before{background:#ff70170f;border:1px solid #ff701733}.ba-card-after{background:#0a6e5c0f;border:1px solid #0a6e5c33}.ba-card-label{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:flex}.ba-card-label-before{color:#ff7017}.ba-card-label-after{color:#0a6e5c}.ba-card-label svg{flex-shrink:0}.ba-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;margin-left:auto;padding:3px 8px;font-family:DM Mono,monospace;font-size:10px;font-weight:400}.ba-tag-before{color:#ff7017;background:#ff70171f}.ba-tag-after{color:#0a6e5c;background:#0a6e5c1f}.ba-content{color:#0d1b1ac7;white-space:pre-wrap;font-family:DM Mono,monospace;font-size:13px;line-height:1.75}.ba-soap-label{color:#0a6e5c;font-weight:700}@media (max-width:768px){#before-after{padding:72px 0}.ba-headline{font-size:36px}.ba-grid{grid-template-columns:1fr}}@media (max-width:480px){.ba-headline{font-size:28px}.ba-card{padding:20px}.ba-content{font-size:12px}}
#cta-banner{text-align:center;background:#5d0252;padding:96px 0;position:relative;overflow:hidden}#cta-banner:before{content:"";pointer-events:none;background:radial-gradient(#ffb4111f 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.cta-title{font-family:Instrument Serif,serif;font-size:var(--text-5xl);color:var(--text-on-dark);margin-bottom:16px;line-height:1.15}.cta-title em{color:var(--accent-gold);font-style:italic}.cta-desc{font-size:var(--text-lg);color:var(--text-on-dark-muted);max-width:500px;margin:0 auto 36px}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cta-note{font-size:var(--text-xs);color:#9a8e80cc;margin-top:20px}