*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #FFD0BB;--color-secondary: #F54D79;--color-third: #FFEADD;--color-background: #FFF8F1;--color-text-dark: #333;--color-text-mid: #555;--color-text-light: #666;--color-text-muted: #777;--color-border: #e0e0e0;--color-border-light:#f0f0f0;--color-surface: #fff;--font-body: "Mulish", sans-serif;--font-display: "DM Serif Text", serif;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .03);--shadow-md: 0 5px 15px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--transition: .3s ease;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 60px;--space-2xl: 80px}body{font-family:var(--font-body);line-height:1.6;background-color:var(--color-background);color:var(--color-text-dark);overflow-x:hidden}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}header{padding:20px 0;background-color:var(--color-background);position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo img{height:40px}.nav-toggle{display:none}.nav-toggle-label{display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:2;cursor:pointer;width:30px;height:24px;border:none;padding:0}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;position:absolute;left:0;width:30px;height:3px;background:var(--color-secondary);transition:all var(--transition)}.nav-toggle-label span{top:50%;transform:translateY(-50%)}.nav-toggle-label span:before{content:"";top:-8px}.nav-toggle-label span:after{content:"";bottom:-8px}.nav-toggle:checked~.nav-toggle-label span{background:transparent}.nav-toggle:checked~.nav-toggle-label span:before{transform:rotate(45deg);top:0}.nav-toggle:checked~.nav-toggle-label span:after{transform:rotate(-45deg);bottom:0}.nav-links{display:flex;list-style:none;align-items:center;gap:10px}.nav-links li{margin-left:30px}.nav-links a{font-weight:700;text-decoration:none;color:var(--color-secondary)}.nav-links a img{width:160px;height:auto}.hero{padding:50px 0;background-image:url(/background.png);background-size:cover;background-position:center;text-align:center}.hero-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.hero-text-content{flex:1;text-align:left}.hero-eyebrow{font-size:16px;font-weight:700;color:var(--color-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.hero-title{font-family:var(--font-display);font-size:48px;line-height:1.2;color:var(--color-text-dark);margin-bottom:20px;text-align:left}.hero-subtitle{font-size:18px;line-height:1.6;color:var(--color-text-mid);margin-bottom:20px;text-align:left}.hero-differentiator{font-size:16px;line-height:1.6;color:var(--color-text-light);font-style:italic;text-align:left;padding:15px 20px;background-color:#ffeadd80;border-left:4px solid var(--color-secondary);border-radius:var(--radius-sm)}.hero-differentiator em{font-weight:700;font-style:normal;color:var(--color-secondary)}.hero-image{flex:0 0 auto;width:45%;display:flex;align-items:center;justify-content:center}.hero-image img{max-width:100%;height:auto;max-height:600px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.hero-appstore{display:inline-block;margin-top:30px;transition:transform var(--transition)}.hero-appstore:hover{transform:scale(1.02)}.hero-appstore:active{transform:scale(.98)}.hero-appstore img{width:180px;height:auto}.mobile-appstore{display:none}.trust-bar{padding:30px 0;background-color:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.trust-items{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.trust-number{font-family:var(--font-display);font-size:28px;color:var(--color-secondary);margin-bottom:5px}.trust-label{font-size:14px;color:var(--color-text-light)}.trust-divider{width:1px;height:40px;background-color:var(--color-border)}.problem-solution{padding:var(--space-2xl) 0;background-color:var(--color-third)}.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.ps-problem h2,.ps-solution h2{font-family:var(--font-display);font-size:32px;color:var(--color-text-dark);margin-bottom:20px}.ps-problem p,.ps-solution p{font-size:18px;line-height:1.7;color:var(--color-text-mid)}.ps-problem{padding-right:20px}.ps-solution{padding-left:20px;border-left:3px solid var(--color-secondary)}.how-it-works{padding:var(--space-2xl) 0;background-color:var(--color-background)}.section-title{font-family:var(--font-display);font-size:42px;color:var(--color-text-dark);text-align:center;margin-bottom:50px;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--color-third)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:var(--space-xl)}.step{position:relative;display:flex;flex-direction:column;height:100%;padding:30px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{position:absolute;top:-10px;right:-10px;width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:var(--color-text-dark);border-radius:50%;font-family:var(--font-display);font-size:28px;z-index:1}.step-content{position:relative;z-index:2}.step h3{font-family:var(--font-display);font-size:22px;color:var(--color-text-dark);margin-bottom:15px;padding-right:40px}.step p{font-size:16px;color:var(--color-text-mid)}.premium-features{padding:var(--space-lg);background:linear-gradient(135deg,#ffd0bb4d,#ffeadd4d);border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-dark)}.premium-features h3{font-family:var(--font-display);font-size:28px;color:var(--color-secondary);margin-bottom:10px}.premium-intro{font-size:16px;color:var(--color-text-light);font-style:italic;margin-bottom:25px}.premium-features ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.premium-features li{position:relative;padding-left:30px;font-size:16px;line-height:1.6}.premium-features li:before{content:"✓";position:absolute;left:0;top:0;font-size:20px;font-weight:700;color:var(--color-secondary)}.premium-features li strong{color:var(--color-secondary);font-weight:700}.women{padding:40px 0;background-color:var(--color-surface);overflow-x:hidden}.women-grid{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;margin:0 auto}.woman-img{height:auto;max-width:25%}.woman-img:nth-child(1){width:183px;max-height:211px}.woman-img:nth-child(2){width:149px;max-height:229px}.woman-img:nth-child(3){width:172px;max-height:211px}.woman-img:nth-child(4){width:177px;max-height:214px}.final-cta{padding:var(--space-2xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-third) 100%);text-align:center}.final-cta h2{font-family:var(--font-display);font-size:42px;line-height:1.4;color:var(--color-text-dark);max-width:900px;margin:0 auto 30px}.final-cta p{font-size:22px;color:var(--color-text-mid);margin-bottom:40px}.cta-button{display:inline-block;transition:transform var(--transition)}.cta-button:hover{transform:scale(1.02)}.cta-button:active{transform:scale(.98)}.cta-button img{width:180px;height:auto}.faq-section{padding:var(--space-2xl) 0;background-color:var(--color-surface)}.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.faq-item{background-color:var(--color-background);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:0;overflow:hidden;transition:all var(--transition)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-item[open]{border-color:var(--color-secondary);box-shadow:var(--shadow-lg)}.faq-item summary{padding:25px 30px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background);transition:background-color var(--transition);position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:32px;font-weight:700;color:var(--color-secondary);transition:transform var(--transition);flex-shrink:0;margin-left:20px;line-height:1}.faq-item[open] summary:after{content:"−";transform:rotate(0)}.faq-item summary:hover{background-color:#ffeadd4d}.faq-item summary h3{font-family:var(--font-display);font-size:20px;color:var(--color-text-dark);margin:0;padding-right:20px;flex:1}.faq-item p{padding:0 30px 25px;margin:0;font-size:16px;line-height:1.7;color:var(--color-text-mid);background-color:var(--color-surface);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{padding:var(--space-md) 0;background-color:var(--color-background)}.footer-links{display:flex;justify-content:center;align-items:center;gap:20px;font-size:16px;flex-wrap:wrap}.footer-links a,.footer-links a:visited{text-decoration:none;color:var(--color-secondary)}.copyright{margin-top:var(--space-sm);padding-top:var(--space-xs);text-align:center}.contact-section{padding:var(--space-md) 0;background-color:#f9f9f9}.contact-container{max-width:800px;margin:0 auto;padding:50px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 5px 20px #0000000d}.contact-title{font-family:var(--font-display);font-size:42px;color:var(--color-text-dark);text-align:center;margin-bottom:15px}.contact-subtitle{font-size:18px;color:var(--color-text-light);text-align:center;margin-bottom:var(--space-lg)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:0}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:1 / -1}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:#444}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b8dbf;box-shadow:0 0 0 2px #3b8dbf33}.form-group textarea{height:150px;resize:vertical}.submit-btn{grid-column:1 / -1;min-width:200px;padding:15px 30px;background-color:var(--color-secondary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:18px;font-weight:700;cursor:pointer;justify-self:center;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.submit-btn:hover{background-color:#d63d68;transform:translateY(-2px);box-shadow:0 4px 10px #f54d7940}.submit-btn:active{transform:translateY(0)}.terms-section,.privacy-section{padding:var(--space-xl) 0}.terms-container,.privacy-container{max-width:900px;margin:0 auto}.terms-title{font-family:var(--font-display);font-size:42px;color:var(--color-text-dark);text-align:center;margin-bottom:30px}.privacy-title{font-family:var(--font-display);font-size:42px;color:var(--color-primary);text-align:center;margin-bottom:30px}.terms-content,.privacy-content{padding:30px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000000d}.terms-content h2{font-family:var(--font-display);font-size:28px;color:#3b8dbf;margin-top:var(--space-lg);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f2f2f2}.privacy-content h2{font-family:var(--font-display);font-size:28px;color:var(--color-primary);margin-top:var(--space-lg);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f2f2f2}.terms-content h2:first-child,.privacy-content h2:first-child{margin-top:0}.terms-content h3,.privacy-content h3{font-size:22px;color:var(--color-text-mid);margin-top:var(--space-md);margin-bottom:var(--space-sm)}.terms-content p,.privacy-content p{margin-bottom:20px;color:#444}.terms-content ul,.privacy-content ul{margin-bottom:20px;padding-left:20px}.terms-content li,.privacy-content li{margin-bottom:10px;color:#444}.terms-update,.privacy-update{font-style:italic;color:var(--color-text-muted);margin-top:var(--space-lg);text-align:right;font-size:14px}.privacy-content a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}.privacy-content a:hover{color:#2c678c;text-decoration:underline}.toc{padding:25px 30px;margin-bottom:var(--space-lg);background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.toc h2{font-family:var(--font-display);font-size:24px;color:var(--color-primary);margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eaeaea;text-align:center}.toc ul{list-style:none;padding:0;columns:2;column-gap:30px}.toc li{position:relative;padding-left:10px;margin-bottom:12px;break-inside:avoid}.toc a{display:block;padding:5px 8px;border-radius:5px;font-weight:500;color:var(--color-text-mid);text-decoration:none;transition:color var(--transition),background-color var(--transition),transform var(--transition)}.toc a:hover{color:#3b8dbf;background-color:#3b8dbf0d;transform:translate(3px)}@media screen and (max-width: 1024px){.hero-content{max-width:900px}.hero-eyebrow{font-size:15px}.hero-title{font-size:40px}.hero-subtitle{font-size:17px}.hero-differentiator{font-size:15px}.hero-image{width:40%}.hero-image img{max-width:110%;max-height:550px}.women-grid{justify-content:center;gap:10px}.ps-grid{gap:var(--space-lg)}.ps-problem h2,.ps-solution h2{font-size:28px}.ps-problem p,.ps-solution p{font-size:17px}.final-cta h2{font-size:34px}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.hero-content{flex-direction:row}.hero-text-content{max-width:60%}.hero-image{max-width:40%}}@media only screen and (min-width: 1024px) and (max-width: 1366px){.hero-content{max-width:90%}}@media screen and (max-width: 768px){.nav-toggle-label{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;z-index:1;flex-direction:column;width:100%;height:0;padding:0;margin:0;background-color:var(--color-background);overflow:hidden;transition:height var(--transition)}.nav-toggle:checked~.nav-links{height:auto;padding:20px 0}.nav-links li{margin:10px 0;text-align:center}.hero{padding:30px 0}.desktop-break,.hero-appstore{display:none}.hero-content{flex-direction:column-reverse;text-align:center}.hero-text-content{text-align:center}.hero-eyebrow{text-align:center;font-size:14px}.hero-title{text-align:center;font-size:36px}.hero-subtitle{text-align:center;font-size:16px}.hero-differentiator{text-align:center;font-size:14px;padding:12px 15px}.hero-image{width:70%;margin:0 auto}.hero-image img{max-width:100%;max-height:500px}.mobile-appstore{display:block;margin:20px auto 0;text-align:center}.mobile-appstore img{width:180px;height:auto}.trust-divider{display:none}.trust-items{gap:30px}.trust-item{min-width:100px}.ps-grid{grid-template-columns:1fr;gap:var(--space-lg)}.ps-problem,.ps-solution{padding:0;border:none}.ps-solution{border-top:3px solid var(--color-secondary);padding-top:30px}.ps-problem h2,.ps-solution h2{font-size:28px}.ps-problem p,.ps-solution p{font-size:16px}.how-it-works{padding:var(--space-xl) 0}.section-title{font-size:36px;margin-bottom:var(--space-lg)}.steps-container{grid-template-columns:1fr;gap:20px}.step{padding:25px}.premium-features{padding:30px}.premium-features ul{grid-template-columns:1fr}.women-grid{justify-content:space-between;gap:0}.woman-img{max-width:45%}.woman-img:nth-child(2),.woman-img:nth-child(3){display:none}.woman-img:nth-child(1),.woman-img:nth-child(4){width:auto;height:auto;max-height:none}.final-cta h2{font-size:32px;padding:0 20px}.final-cta p{font-size:18px}.faq-section{padding:var(--space-xl) 0}.faq-item summary{padding:20px}.faq-item summary h3{font-size:18px}.faq-item summary:after{font-size:28px}.faq-item p{padding:0 20px 20px;font-size:15px}.toc ul{columns:1}.terms-title,.privacy-title{font-size:36px}.terms-content h2,.privacy-content h2{font-size:24px}.terms-content h3,.privacy-content h3{font-size:20px}.terms-content,.privacy-content{padding:20px}.contact-section{padding:16px 0}.contact-container{padding:30px}.contact-title{font-size:36px}.contact-subtitle{font-size:16px;margin-bottom:30px}.contact-form{grid-template-columns:1fr;gap:20px}.form-group{margin-bottom:15px}.submit-btn{width:100%}}@media screen and (max-width: 576px){.hero{background-image:url(/background-mobil.png)}.hero-eyebrow{font-size:12px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.hero-differentiator{font-size:13px;padding:10px 12px}.hero-image{width:85%}.trust-bar{padding:20px 0}.trust-number{font-size:24px}.trust-label{font-size:12px}.problem-solution{padding:50px 0}.ps-problem h2,.ps-solution h2{font-size:24px}.ps-problem p,.ps-solution p{font-size:15px}.final-cta{padding:50px 0}.final-cta h2{font-size:26px}.final-cta p{font-size:16px}.cta-button img{width:160px}.faq-item summary{padding:18px 15px}.faq-item summary h3{font-size:16px}.faq-item summary:after{font-size:24px;margin-left:10px}.faq-item p{padding:0 15px 18px;font-size:14px}.footer-links{flex-direction:column;gap:10px}.footer-links p{display:none}.women-grid{flex-wrap:wrap;justify-content:center}.woman-img{max-width:45%}}@media screen and (max-width: 375px){.container{padding:0 15px}.logo img{height:30px}.hero-eyebrow{font-size:11px}.hero-title{font-size:24px}.hero-subtitle{font-size:14px}.hero-differentiator{font-size:12px}.hero-image{width:95%}.trust-number{font-size:20px}.trust-label{font-size:11px}.ps-problem h2,.ps-solution h2{font-size:22px}.ps-problem p,.ps-solution p{font-size:14px}.final-cta h2{font-size:22px}.final-cta p{font-size:15px}.faq-item summary{padding:15px 12px}.faq-item summary h3{font-size:15px}.faq-item p{padding:0 12px 15px;font-size:13px}.woman-img{max-width:48%}}@media screen and (max-width: 320px){.hero-eyebrow{font-size:10px}.hero-title{font-size:22px}.hero-subtitle{font-size:13px}.hero-differentiator{font-size:11px;padding:8px 10px}.trust-items{gap:20px}.trust-item{min-width:80px}.final-cta h2{font-size:20px}.faq-item summary{padding:12px 10px}.faq-item summary h3{font-size:14px}.faq-item summary:after{font-size:20px}.faq-item p{padding:0 10px 12px;font-size:12px}.woman-img{max-width:48%}}@media screen and (max-height: 450px) and (orientation: landscape){.hero{padding:20px 0}.hero-content{flex-direction:row}.hero-eyebrow{font-size:12px;margin-bottom:10px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px;margin-bottom:10px}.hero-differentiator{font-size:13px;padding:8px 12px}.trust-bar,.problem-solution,.final-cta{padding:40px 0}}
