:root{--pilla-blue: #799EB2;--pilla-light-blue: #92D4FF;--pilla-dark-navy: #0F172A;--pilla-warm-pink: #DFBDAE;--pilla-primary-text: #202F5A;--pilla-success: #22C55E;--pilla-danger: #EF4444;--pilla-off-white: #FAF9F6;--white: #FFFFFF;--dark: #141419;--gray: #64748B;--light-gray: #F1F5F9;--gradient-top: #92D4FF;--gradient-bottom: #799EB2}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Merriweather,Georgia,serif;background:linear-gradient(180deg,var(--gradient-top) 0%,var(--gradient-bottom) 100%);min-height:100vh;color:var(--pilla-primary-text);line-height:1.7}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(121,158,178,.2);z-index:1000;padding:.5rem 2rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.5rem;color:var(--pilla-primary-text)}.logo-img{width:50px;height:50px;object-fit:contain;transform:rotate(-15deg);filter:drop-shadow(0 4px 12px rgba(15,23,42,.4))}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{text-decoration:none;color:var(--gray);font-weight:500;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--pilla-primary-text)}.hero{padding:8rem 2rem 4rem;text-align:center;min-height:85vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:750px}.hero-pill{width:260px;height:260px;object-fit:contain;margin-bottom:2.5rem;transform:rotate(-45deg);animation:pill-float 4s ease-in-out infinite;filter:drop-shadow(0 20px 50px rgba(15,23,42,.5)) drop-shadow(0 8px 20px rgba(15,23,42,.3))}@keyframes pill-float{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-15px)}}.hero h1{font-size:3.2rem;font-weight:700;color:var(--pilla-primary-text);margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:var(--pilla-primary-text);opacity:.85;margin-bottom:2.5rem;line-height:1.8}.app-store-btn img{height:54px;transition:transform .2s}.app-store-btn:hover img{transform:scale(1.05)}.why-pilla{padding:5rem 2rem;max-width:1000px;margin:0 auto}.why-pilla h2{text-align:center;font-size:2.25rem;color:var(--pilla-primary-text);margin-bottom:1rem}.section-intro{text-align:center;color:var(--pilla-primary-text);opacity:.85;font-size:1.1rem;max-width:700px;margin:0 auto 3rem;line-height:1.8}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.why-card{background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 4px 24px #202f5a14}.why-card h3{font-size:1.15rem;color:var(--pilla-primary-text);margin-bottom:.75rem}.why-card p{color:var(--gray);font-size:.95rem;line-height:1.7}.features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.features h2,.faq h2,.about h2,.premium h2,.why-pilla h2{text-align:center;font-size:2.25rem;color:var(--pilla-primary-text);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--white);border-radius:24px;padding:2.5rem;text-align:center;box-shadow:0 4px 24px #202f5a14;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #202f5a26}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--pilla-light-blue),var(--pilla-blue));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.feature-card h3{font-size:1.25rem;color:var(--pilla-primary-text);margin-bottom:.75rem}.feature-card p{color:var(--gray);font-size:.95rem;line-height:1.6}.premium{padding:5rem 2rem;max-width:900px;margin:0 auto}.premium-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.premium-card{background:var(--white);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 20px #202f5a14;position:relative;overflow:hidden}.premium-card.featured{border:2px solid var(--pilla-success)}.premium-card.featured:before{content:"Best Value";position:absolute;top:12px;right:-30px;background:var(--pilla-success);color:#fff;padding:4px 40px;font-size:.75rem;font-weight:600;transform:rotate(45deg)}.premium-card h3{font-size:1.1rem;color:var(--gray);margin-bottom:.5rem}.premium-card .price{font-size:2rem;font-weight:700;color:var(--pilla-primary-text);margin-bottom:1rem}.premium-card .price span{font-size:1rem;font-weight:400;color:var(--gray)}.premium-features{list-style:none;text-align:left;margin-top:1.5rem}.premium-features li{padding:.5rem 0;color:var(--gray);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.premium-features li:before{content:"✓";color:var(--pilla-success);font-weight:700}.premium-trial{text-align:center;margin-top:2rem;color:var(--gray)}.faq{padding:5rem 2rem;max-width:800px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #202f5a0f}.faq-item-visible{background:var(--white);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 2px 12px #202f5a0f}.faq-item-visible h3{font-size:1.05rem;color:var(--pilla-primary-text);margin-bottom:.75rem;line-height:1.4}.faq-item-visible p{color:var(--gray);line-height:1.7;font-size:.95rem}.faq-item summary{padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;color:var(--pilla-primary-text);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--pilla-blue);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.5rem 1.25rem;color:var(--gray);line-height:1.7}.other-apps{padding:5rem 2rem;max-width:800px;margin:0 auto;text-align:center}.other-apps h2{text-align:center;font-size:2.25rem;color:var(--pilla-primary-text);margin-bottom:3rem}.apps-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.app-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:2rem;background:var(--white);border-radius:24px;box-shadow:0 4px 24px #202f5a14;transition:transform .3s,box-shadow .3s;min-width:180px}.app-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #202f5a26}.app-icon{width:100px;height:100px;border-radius:22px;object-fit:contain;margin-bottom:1rem;box-shadow:0 4px 12px #202f5a26}.app-name{font-size:1.25rem;font-weight:600;color:var(--pilla-primary-text)}.about{padding:5rem 2rem;max-width:800px;margin:0 auto;text-align:center}.about p{color:var(--pilla-primary-text);font-size:1.1rem;opacity:.9;line-height:1.8}.about-contact{margin-top:1.5rem}.about-contact a{color:var(--pilla-blue);text-decoration:none}.about-contact a:hover{text-decoration:underline}footer{background:var(--pilla-dark-navy);color:var(--white);padding:3rem 2rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--pilla-warm-pink);text-decoration:none;font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--white)}.copyright{color:#fff9;font-size:.875rem}.page-content{padding:7rem 2rem 4rem;min-height:calc(100vh - 200px)}.content-section{max-width:800px;margin:0 auto;background:var(--white);border-radius:24px;padding:3rem;box-shadow:0 4px 24px #202f5a14}.content-section h1{font-size:2.5rem;color:var(--pilla-primary-text);margin-bottom:.5rem}.last-updated,.support-intro{color:var(--gray);margin-bottom:2rem}.policy-content h2{font-size:1.4rem;color:var(--pilla-primary-text);margin:2rem 0 1rem}.policy-content p,.policy-content ul{color:var(--gray);margin-bottom:1rem;line-height:1.7}.policy-content ul{padding-left:1.5rem}.policy-content li{margin-bottom:.5rem}.policy-content a{color:var(--pilla-blue)}.support-content{display:flex;flex-direction:column;gap:2rem}.support-card{background:var(--light-gray);border-radius:16px;padding:2rem}.support-card h2{font-size:1.4rem;color:var(--pilla-primary-text);margin-bottom:1rem}.support-card p{color:var(--gray);margin-bottom:1.5rem}.contact-btn{display:inline-block;background:var(--pilla-primary-text);color:var(--white);text-decoration:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-family:Merriweather,Georgia,serif;transition:background .2s,transform .2s}.contact-btn:hover{background:var(--pilla-blue);transform:translateY(-2px)}.contact-btn.secondary{background:var(--pilla-warm-pink);color:var(--pilla-primary-text)}.contact-btn.secondary:hover{background:#d4a799}.support-faq{border-bottom:1px solid rgba(32,47,90,.1)}.support-faq:last-child{border-bottom:none}.support-faq summary{padding:1rem 0;cursor:pointer;font-weight:600;color:var(--pilla-primary-text);list-style:none}.support-faq summary::-webkit-details-marker{display:none}.support-faq p{padding-bottom:1rem;margin-bottom:0}@media(max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.hero h1{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-pill{width:180px;height:180px}.feature-icon{width:60px;height:60px;font-size:1.8rem}.features h2,.faq h2,.about h2,.premium h2,.why-pilla h2{font-size:1.75rem}.section-intro{font-size:1rem}.content-section{padding:2rem 1.5rem}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}