:root{--brand-purple:#6366f1;--brand-pink:#ec4899;--pastel-pink:rgb(253 244 255/var(--tw-bg-opacity,1));--pastel-blue:rgb(240 249 255/var(--tw-bg-opacity,1));--pastel-orange:rgb(255 247 237/var(--tw-bg-opacity,1))}.page-index{background-color:white;font-family:sans-serif;line-height:1.5;color:#1f2937}.page-index .header{position:sticky;top:0;z-index:50;background-color:rgba(255,255,255,.8);backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.page-index .header-container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-index .header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.page-index .logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#111827;text-decoration:none}.page-index .logo-icon{height:2rem;width:2rem;color:var(--brand-purple)}.page-index .btn{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;border-radius:9999px;transition:all .2s;padding:.75rem 1.5rem;height:auto}.page-index .btn-primary{color:white;background-color:var(--brand-pink);box-shadow:0 4px 6px rgba(0,0,0,.1)}.page-index .btn-primary:hover{background-color:rgba(236,72,153,.9)}.page-index .btn-secondary{color:var(--brand-purple);background-color:transparent;border:1px solid var(--brand-purple)}.page-index .btn-secondary:hover{background-color:rgba(99,102,241,.1)}.page-index .nav-desktop{display:none}@media (min-width:768px){.page-index .nav-desktop{display:flex;align-items:center;gap:1rem}}.page-index .nav-mobile{display:block}@media (min-width:768px){.page-index .nav-mobile{display:none}}.page-index .mobile-menu{background-color:white;border-top:1px solid #e5e7eb;padding:.5rem}.page-index .mobile-menu a{display:block;padding:.5rem .75rem;border-radius:.375rem;color:#374151;text-decoration:none}.page-index .mobile-menu a:hover{background-color:#f3f4f6}.page-index .hero{position:relative;background-color:white;overflow:hidden;padding:6rem 1rem;text-align:center}.page-index .hero-blob{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(24px);opacity:.4}.page-index .hero-blob-1{top:0;right:-12rem;margin-top:5rem;background-color:rgba(236,72,153,.2);animation:blob 7s infinite}.page-index .hero-blob-2{bottom:0;left:-12rem;margin-bottom:5rem;background-color:rgba(99,102,241,.2);animation:blob 7s 2s infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.page-index .hero-content{position:relative;max-width:1200px;margin:0 auto}.page-index .hero-title{font-size:2.25rem;font-weight:800;line-height:1.2;color:#111827}@media (min-width:640px){.page-index .hero-title{font-size:3rem}}@media (min-width:1024px){.page-index .hero-title{font-size:3.75rem}}.page-index .hero-description{margin-top:1.5rem;max-width:48rem;margin-left:auto;margin-right:auto;font-size:1.125rem;color:#4b5563}.page-index .hero-buttons{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:640px){.page-index .hero-buttons{flex-direction:row;justify-content:center}}.page-index .feature-section{padding:5rem 1rem}.page-index .feature-container{max-width:1200px;margin:0 auto}.page-index .feature-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:768px){.page-index .feature-grid{grid-template-columns:1fr 1fr;gap:4rem}}.page-index .feature-content{background-color:rgba(255,255,255,.5);backdrop-filter:blur(8px);padding:2rem;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3)}.page-index .feature-title{font-size:1.875rem;font-weight:700;color:#111827}.page-index .feature-body{margin-top:1rem;font-size:1.125rem;color:#4b5563}.page-index .feature-benefit{margin-top:1rem;font-size:1.125rem;font-weight:600;color:var(--brand-purple)}.page-index .feature-image{border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);width:100%;height:auto}.page-index .bg-pastel-pink{background-color:var(--pastel-pink)}.page-index .bg-pastel-blue{background-color:var(--pastel-blue)}.page-index .bg-pastel-orange{background-color:var(--pastel-orange)}.page-index .feature-grid.reverse{direction:rtl}.page-index .feature-grid.reverse>*{direction:ltr}.page-index .footer{background-color:#1f2937;color:#9ca3af;padding:1.5rem 1rem}.page-index .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:640px){.page-index .footer-container{flex-direction:row;justify-content:space-between}}.page-index .footer-link{color:#9ca3af;text-decoration:none;transition:color .2s}.page-index .footer-link:hover{color:white}.page-index .pain-wall{background-color:#f9fafb;padding:5rem 1rem 6rem}.page-index .pain-wall-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.page-index .pain-wall-grid{grid-template-columns:repeat(3,1fr)}}.page-index .pain-wall-card{background-color:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.page-index .pain-wall-quote{font-size:1.125rem;color:#4b5563;font-style:italic}.page-index .comparison{padding:5rem 1rem 6rem}.page-index .comparison-container{background-color:white;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e5e7eb;overflow:hidden}.page-index .comparison-grid{display:grid;grid-template-columns:1fr}@media (min-width:768px){.page-index .comparison-grid{grid-template-columns:repeat(2,1fr)}}.page-index .comparison-col{padding:2rem}@media (min-width:768px){.page-index .comparison-col{padding:3rem}}.page-index .comparison-col:first-child{border-bottom:1px solid #e5e7eb}@media (min-width:768px){.page-index .comparison-col:first-child{border-bottom:none;border-right:1px solid #e5e7eb}}.page-index .comparison-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.page-index .comparison-traditional{color:#6b7280}.page-index .comparison-modern{background:linear-gradient(to bottom right,var(--pastel-pink),var(--pastel-blue))}.page-index .comparison-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.page-index .comparison-item{display:flex;align-items:flex-start;gap:.75rem}.page-index .comparison-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.25rem}.page-index .comparison-icon-x{color:#f87171}.page-index .comparison-icon-check{color:#22c55e}.page-index .comparison-text{color:#4b5563}.page-index .comparison-text-modern{font-weight:600}.page-index .final-cta{padding:5rem 1rem 6rem;background:linear-gradient(to right,var(--brand-purple),var(--brand-pink));text-align:center}.page-index .final-cta-title{font-size:2.25rem;font-weight:800;color:white}@media (min-width:640px){.page-index .final-cta-title{font-size:2.5rem}}.page-index .final-cta-buttons{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:640px){.page-index .final-cta-buttons{flex-direction:row;justify-content:center}}.page-index .final-cta-note{margin-top:1.5rem;font-size:.875rem;color:rgba(255,255,255,.8)}.page-index .btn-white{color:var(--brand-purple);background-color:white;box-shadow:0 4px 6px rgba(0,0,0,.1)}.page-index .btn-white:hover{background-color:#f3f4f6}.page-index .btn-white-outline{color:white;background-color:transparent;border:1px solid white}.page-index .btn-white-outline:hover{background-color:rgba(255,255,255,.1)}