.app-page-container{padding-bottom:6rem;position:relative;overflow:hidden}.ambient-glow-sphere{filter:blur(90px);pointer-events:none;opacity:.45;z-index:0;border-radius:50%;position:absolute}[data-theme=dark] .ambient-glow-sphere{opacity:.25}.app-hero{text-align:center;padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}.app-hero-container{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.app-badge-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;color:var(--brand-pink);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;animation:.6s fadeInDown;display:inline-flex}.app-badge-sparkle{color:var(--brand-blue);font-size:1rem}.app-hero-title{letter-spacing:-.03em;text-transform:lowercase;max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:900;line-height:1.08;animation:.7s fadeInUp}.app-hero-subtitle{color:var(--text-secondary);max-width:760px;margin-bottom:2.25rem;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;animation:.8s fadeInUp}.app-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;animation:.9s fadeInUp;display:flex}.app-hero-trust{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.9rem;animation:1s fadeInUp;display:flex}.trust-stars{color:#f59e0b;letter-spacing:.1em;font-weight:700}.trust-divider{opacity:.4}.app-hero-media{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--bg-surface-elevated);width:100%;max-width:1060px;margin-top:3.5rem;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #00000038}[data-theme=dark] .app-hero-media{border-color:#ffffff1f;box-shadow:0 25px 60px -12px #0009}.app-hero-img{object-fit:cover;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.app-hero-media:hover .app-hero-img{transform:scale(1.015)}.app-replacement-strip{border:1px solid var(--border-strong);border-radius:var(--radius-lg);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fe828214 0%,#3f9fee14 100%);justify-content:space-between;align-items:center;gap:1.5rem;max-width:900px;margin:3.5rem auto 5rem;padding:1.5rem 2rem;display:flex}.strip-info{align-items:center;gap:1rem;display:flex}.strip-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.strip-icon img{object-fit:contain;width:36px;height:36px;display:block}.strip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:700}.strip-title{color:var(--text-primary);margin-top:.15rem;font-size:1.15rem;font-weight:700}.strip-savings{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.savings-badge{background:var(--brand-pink);color:#fff;border-radius:var(--radius-pill);padding:.35rem .85rem;font-size:.85rem;font-weight:700}.savings-sub{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.app-comparison-grid-section{padding:4rem 0}.section-head{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-blue);margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-block}.section-title{text-transform:lowercase;margin-bottom:1rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.15}.section-desc{color:var(--text-secondary);font-size:1.05rem}.versus-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1040px;margin:0 auto;display:grid}.versus-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);padding:2.25rem;transition:transform .25s,box-shadow .25s;position:relative}.versus-card.old-way{background:linear-gradient(180deg, #ef444408 0%, var(--bg-surface) 100%);border-color:#ef444433}.versus-card.sweetself-way{background:linear-gradient(180deg, #3f9fee0d 0%, var(--bg-surface) 100%);border-color:#3f9fee59;box-shadow:0 10px 30px -5px #3f9fee1f}.versus-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.versus-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.8rem;font-weight:800}.versus-card.old-way .versus-badge{color:#ef4444;background:#ef44441f}.versus-card.sweetself-way .versus-badge{background:var(--brand-gradient);color:#fff}.versus-heading{text-transform:lowercase;font-size:1.35rem;font-weight:700}.versus-list{flex-direction:column;gap:1.15rem;list-style:none;display:flex}.versus-item{align-items:flex-start;gap:.85rem;font-size:.95rem;line-height:1.5;display:flex}.versus-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.8rem;font-weight:800;display:inline-flex}.versus-card.old-way .versus-item-icon{color:#ef4444;background:#ef444426}.versus-card.sweetself-way .versus-item-icon{color:#10b981;background:#10b98126}.app-features-section{padding:5rem 0}.feature-cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.feature-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:2.25rem 1.75rem;transition:all .25s;display:flex}.feature-box:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-blue);transform:translateY(-4px)}.feature-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-strong);width:56px;height:56px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.75rem;display:flex}.feature-icon-wrapper img{object-fit:contain;width:32px;height:32px;display:block}.feature-box-title{color:var(--text-primary);text-transform:lowercase;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-box-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.app-interactive-section{padding:4.5rem 0 5.5rem;position:relative}.interactive-card-wrapper{justify-content:center;max-width:860px;margin:0 auto;display:flex;position:relative}.interactive-card-wrapper>*{margin-inline:auto}.app-table-section{padding:5rem 0}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:960px;box-shadow:var(--shadow-md);margin:0 auto;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem;font-size:.95rem}.comparison-table th{background:var(--bg-surface-elevated);font-size:1rem;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.th-feature{width:45%}.th-sweetself{width:30%;color:var(--brand-pink);font-weight:800;background:linear-gradient(#fe828214 0%,#3f9fee14 100%)!important}.td-sweetself{color:var(--text-primary);background:#3f9fee08;font-weight:600}.badge-yes{color:#10b981;align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.badge-no{color:#ef4444;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.app-testimonials-section{padding:4.5rem 0}.app-reviews-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.review-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.review-stars{color:#f59e0b;margin-bottom:1rem;font-size:1.1rem}.review-quote{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;font-style:italic;line-height:1.6}.reviewer-meta{align-items:center;gap:.75rem;display:flex}.reviewer-avatar{background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;display:flex}.reviewer-avatar img{object-fit:contain;width:24px;height:24px;display:block}.reviewer-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.reviewer-role{color:var(--text-muted);font-size:.8rem}.app-faq-section{padding:4.5rem 0}.faq-list{flex-direction:column;gap:1rem;max-width:820px;margin:0 auto;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;user-select:none;padding:1.35rem 1.75rem;transition:all .2s}.faq-item:hover{border-color:var(--border-strong)}.faq-question{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.faq-icon{color:var(--text-muted);font-size:1.25rem;transition:transform .25s}.faq-answer{color:var(--text-secondary);border-top:1px solid var(--border-subtle);margin-top:.85rem;padding-top:.85rem;font-size:.95rem;line-height:1.65;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{color:var(--brand-pink);transform:rotate(45deg)}.app-bottom-banner{border:1px solid var(--border-strong);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#fe82821f 0%,#3f9fee1f 100%);max-width:1040px;margin:4rem auto 0;padding:4rem 2.5rem;position:relative;overflow:hidden}.banner-title{text-transform:lowercase;margin-bottom:1rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:900}.banner-desc{color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-size:1.15rem}.banner-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.versus-container,.feature-cards-grid,.app-reviews-grid{grid-template-columns:1fr}.app-replacement-strip{flex-direction:column;align-items:flex-start}.strip-savings{align-items:flex-start}}@media (width<=600px){.app-hero{padding:3rem 0 2rem}.app-bottom-banner{padding:2.5rem 1.5rem}}
