*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-height:100svh;background:#18161c;color:#b3abbd;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:#f6f2f8;font-weight:600;margin:0}a{color:inherit}.reveal{opacity:0;transform:translateY(48px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#18161cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #322d38}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none;color:#f6f2f8}.nav-logo{width:28px;height:28px;border-radius:7px}.nav-links{display:flex;gap:24px;font-size:14px}.nav-links a{text-decoration:none;color:#b3abbd;transition:color .2s ease}.nav-links a:hover{color:#f6f2f8}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer}.nav-toggle span{display:block;height:2px;background:#f6f2f8;border-radius:1px;transition:transform .2s ease,opacity .2s ease}@media(max-width:780px){.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#18161c;border-bottom:1px solid #322d38;overflow:hidden;max-height:0;transition:max-height .25s ease}.nav-links a{padding:14px 24px;border-top:1px solid #322d38}.nav-links.open{max-height:300px}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 20px 80px;overflow:hidden}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(195,31,76,.26),transparent);pointer-events:none;animation:glow-pulse 6s ease-in-out infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.hero-glow{animation:none;opacity:.85}}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.hero-logo{width:96px;height:96px;border-radius:20px;border:1px solid #f6f2f8;margin-bottom:20px}.hero h1{font-size:56px;letter-spacing:-1.5px}.hero-tagline{font-size:20px;color:#f6f2f8;margin:12px 0 0;font-weight:500}.hero-description{max-width:46ch;margin:18px 0 36px;color:#b3abbd}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:18px}.hero-note{max-width:44ch;margin:0;font-size:13px;color:#b3abbd;opacity:.8}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 32px;border-radius:10px;border:1px solid #c31f4c;background:transparent;color:#f6f2f8;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,transform .15s ease}.btn-primary{background:linear-gradient(135deg,#c31f4c,#c554c0);box-shadow:0 0 28px #c31f4c73;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{box-shadow:0 0 36px #c31f4c99;transform:translateY(-2px)}.btn-secondary{padding:10px 24px;border-color:#322d38;color:#b3abbd}.btn-secondary:hover{border-color:#f6f2f8;color:#f6f2f8}.btn-apple-badge{display:inline-flex;padding:0;border:none;background:none;border-radius:0;transition:transform .15s ease}.btn-apple-badge:hover{transform:translateY(-2px)}.apple-badge-img{height:58px;width:auto;display:block}.section-intro{max-width:640px;margin:0 auto 44px;text-align:center}.section-eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#d98fd6}.section-intro h2{font-size:32px;letter-spacing:-.6px}@media(max-width:640px){.section-intro h2{font-size:26px}}.section-subhead{margin:10px 0 0;color:#b3abbd}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:24px;border:1px dashed #322d38;border-radius:inherit;background:#221f27;color:#b3abbd;font-size:13px;text-align:center;line-height:1.5}.media-placeholder-icon{width:32px;height:32px;opacity:.6}.problem{max-width:1080px;margin:0 auto;padding:80px 24px 20px}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.problem-card{padding:24px 20px;border-radius:14px;background:#221f27;border:1px solid #322d38;transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),border-color .25s ease}.problem-card:hover{transform:translateY(-4px);border-color:#c31f4c80}.problem-icon{width:32px;height:32px;margin-bottom:12px;color:#c31f4c}.problem-icon svg{width:100%;height:100%}.problem-card h3{font-size:16px;margin-bottom:6px}.problem-card p{font-size:14px;color:#b3abbd;margin:0}.how-it-works{max-width:1080px;margin:0 auto;padding:90px 24px}.step-carousel{position:relative;max-width:300px;margin:0 auto 64px}.step-carousel-viewport{overflow:hidden;border-radius:20px;aspect-ratio:9/16;box-shadow:0 20px 60px #0006}.step-carousel-track{display:flex;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.step-carousel-slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}.step-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #322d38;background:#18161cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f6f2f8;font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease}.step-carousel-arrow:hover{background:#221f27;border-color:#d98fd6}.step-carousel-prev{left:-14px}.step-carousel-next{right:-14px}.step-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.step-carousel-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#322d38;cursor:pointer;transition:background .2s ease,transform .2s ease}.step-carousel-dot.active{background:#d98fd6;transform:scale(1.3)}.result-photo{max-width:420px;margin:0 auto;padding:20px 24px 90px}.result-photo-frame{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #322d38}.result-photo figcaption{margin-top:14px;text-align:center;font-size:13px;color:#b3abbd;opacity:.75}.features{max-width:1080px;margin:0 auto;padding:20px 24px 100px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.feature{padding:28px 22px;border-radius:14px;background:#221f27;border:1px solid #322d38;transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),border-color .25s ease}.feature:hover{transform:translateY(-4px);border-color:#d98fd680}.feature-icon{width:40px;height:40px;margin-bottom:14px;color:#d98fd6}.feature-icon svg{width:100%;height:100%}.feature h3{font-size:17px;margin-bottom:8px}.feature p{font-size:14px;color:#b3abbd;margin:0}.faq-highlights{max-width:720px;margin:0 auto;padding:20px 24px 100px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{padding:6px 20px;border-radius:12px;background:#221f27;border:1px solid #322d38;transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),border-color .25s ease}.faq-item:hover{border-color:#d98fd680}.faq-item summary{padding:16px 0;font-weight:600;color:#f6f2f8;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex-shrink:0;font-size:20px;color:#d98fd6;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:0 0 16px;font-size:14px;color:#b3abbd}.faq-see-all{display:block;margin-top:28px;text-align:center;text-decoration:none;color:#d98fd6;font-weight:600;font-size:14px;transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),color .2s ease}.faq-see-all:hover{color:#f6f2f8}.final-cta{max-width:640px;margin:0 auto;padding:40px 24px 110px;text-align:center}.final-cta h2{font-size:32px;letter-spacing:-.6px;margin-bottom:10px}@media(max-width:640px){.final-cta h2{font-size:26px}}.final-cta p:not(.hero-note){color:#b3abbd;margin:0 0 28px}.final-cta .btn-apple-badge{margin-bottom:18px}.final-cta .hero-note{margin:0 auto}.legal{max-width:680px;margin:0 auto;padding:60px 24px 100px}.legal h1{font-size:34px;letter-spacing:-.5px}.legal h2{font-size:22px;margin-top:44px;margin-bottom:12px}.legal h3{font-size:17px;margin-top:30px;margin-bottom:8px}.legal p{margin:0 0 14px}.legal ul{margin:0 0 14px;padding-left:22px}.legal li{margin-bottom:6px}.legal strong{color:#f6f2f8;font-weight:600}.legal a{color:#d98fd6}.legal-updated{font-size:13px;opacity:.7;margin-top:6px}.contact-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#b3abbd}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{padding:12px 14px;border-radius:8px;border:1px solid #322d38;background:#221f27;color:#f6f2f8;font:inherit;resize:vertical}.contact-form input[type=email]:focus-visible,.contact-form input[type=text]:focus-visible,.contact-form textarea:focus-visible{outline:none;border-color:#d98fd6;box-shadow:0 0 0 3px #c31f4c26}.contact-form button{align-self:flex-start}.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.contact-status{min-height:1.4em;margin:0;font-size:14px}.contact-status.is-success{color:#7dd87d}.contact-status.is-error{color:#ff5c5c}.footer{text-align:center;padding:28px 20px;border-top:1px solid #322d38;font-size:13px;color:#b3abbd;opacity:.7}.footer p{margin:0}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.footer-links a{text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#f6f2f8}.footer-tagline{margin-bottom:6px}
