:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body,html{height:100%;margin:0;padding:0;overflow-x:hidden}#__next,#root{flex-direction:column;min-height:100vh;display:flex}.landing-page{flex-direction:column;flex:1;display:flex}:root{--color-primary:#551bf0;--color-primary-hover:#4312c9;--color-accent:#4312c9;--color-bg-light:#fff;--color-bg-alt:#f8f9fa;--color-placeholder:#f0f0f4;--color-border:#e0e0e0;--color-border-dashed:#ccc;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-text-light:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 4px 16px #0000000f;--shadow-lg:0 8px 24px #00000026;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%;display:block}.container{background-color:var(--color-bg-light);width:100%;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.bg-zigzag{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.navbar,.hero,.section-title,.steps-section,.features,.faq-section,.cta-section,.site-footer{z-index:2;position:relative}.section-title{text-align:center;color:var(--color-text-main);margin-top:200px;font-size:2.2rem;font-weight:800}.navbar{background-color:var(--color-primary);justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-image{object-fit:contain;width:40px;height:40px}.logo{color:var(--color-text-light);letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.button{background-color:var(--color-accent);color:var(--color-text-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none}.button:hover{opacity:.9}.hero{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 4rem 50px;display:flex}.text-container{flex:1;max-width:1000px;padding-right:2rem}.heading{color:var(--color-text-main);letter-spacing:-1px;font-size:125px;font-weight:800;line-height:1.1}.highlight{color:var(--color-accent)}.image-container{border-radius:var(--radius-sm);flex-shrink:0;width:380px;height:420px;overflow:hidden}.image{object-fit:cover;width:100%;height:100%}.steps-section{width:100%;max-width:900px;margin:40px auto;padding:0 20px}.steps-container{grid-template-columns:repeat(2,1fr);gap:40px 30px;display:grid}.step-card{flex-direction:column;width:100%;display:flex}.step-header{align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.step-number{background-color:var(--color-primary);color:var(--color-text-light);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:1.5rem;font-weight:800;display:flex}.step-image-container{background-color:var(--color-placeholder);border:2px dashed var(--color-border-dashed);border-radius:var(--radius-md);flex-grow:1;width:100%;height:200px;position:relative;overflow:hidden}.step-image{object-fit:cover;width:100%;height:100%}.step-text{color:var(--color-text-main);margin:0 0 0 63px;font-size:.95rem;line-height:1.45}.step-text strong{font-weight:800}.features{padding:60px 20px}.features h1{text-align:center;margin-bottom:50px;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:900}.features-container{grid-template-columns:repeat(2,1fr);gap:40px;max-width:1400px;margin:0 auto;display:grid}.feature-box{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}.feature-column{background:var(--color-bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:30px}.feature-column h2{color:var(--color-accent);margin-bottom:25px;font-size:1.75rem;font-weight:700;line-height:1.2}.feature-list{flex-direction:column;gap:18px;display:flex}.feature-item h4{color:var(--color-text-main);margin-bottom:6px;font-size:.95rem;font-weight:600}.feature-item p{color:var(--color-text-muted);font-size:.825rem;line-height:1.5}.faq-section{width:100%;max-width:900px;margin:40px auto;padding:0 20px}.faq-main-title{text-align:center;color:var(--color-text-main);margin-bottom:25px;font-size:2.2rem;font-weight:800}.faq-card{background-color:var(--color-primary);color:var(--color-text-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px 35px}.faq-intro{margin-bottom:25px;font-size:1.1rem;font-weight:700}.faq-item{border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#ffffff14;border:1px solid #ffffff26;margin-bottom:14px;padding:12px 18px}.faq-item:hover{background-color:#ffffff26}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq-question:after{content:"+";font-size:1.3rem;font-weight:700;transition:transform .3s}.faq-item[open] .faq-question:after{content:"−"}.faq-question::-webkit-details-marker{display:none}.faq-answer{color:#e0e0e0;margin-top:10px;padding-left:15px;font-size:.95rem;line-height:1.5}.faq-answer p{position:relative}.faq-answer p:before{content:"•";color:var(--color-text-light);position:absolute;left:-15px}.cta-section{width:100%;max-width:900px;margin:40px auto;padding:0 20px}.cta-container{background-color:var(--color-bg-light);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:left;padding:40px 35px}.cta-brand{letter-spacing:-.3px;margin-bottom:6px;font-size:1.5rem;font-weight:800}.cta-tagline{letter-spacing:-.2px;margin-bottom:10px;font-size:1.35rem;font-weight:800}.cta-description{color:#1a1a1a;max-width:650px;margin-bottom:24px;font-size:1.1rem;font-weight:700;line-height:1.4}.cta-buttons{flex-wrap:wrap;gap:12px;display:flex}.cta-btn{border-radius:var(--radius-md);transition:var(--transition-fast);padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.primary-btn{background-color:var(--color-primary);color:var(--color-text-light)}.primary-btn:hover{background-color:var(--color-primary-hover)}.secondary-btn{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.secondary-btn:hover{background-color:var(--color-primary);color:var(--color-text-light)}.site-footer{background-color:var(--color-primary);color:var(--color-text-light);width:100%;padding:50px 20px 25px}.footer-container{max-width:1100px;margin:0 auto}.footer-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;display:grid}.footer-col h3{margin-bottom:12px;font-size:1.05rem;font-weight:800}.footer-col .sub-heading{margin-top:25px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:6px;padding-left:14px;font-size:.9rem;font-weight:700;position:relative}.footer-col ul li:before{content:"•";position:absolute;left:0}.footer-col ul li a,.contact-item a,.footer-bottom a{color:var(--color-text-light);transition:var(--transition-fast);text-decoration:none}.footer-col ul li a:hover,.footer-bottom a:hover{text-decoration:underline}.support-col .support-intro{margin-bottom:16px;font-size:.95rem;font-weight:700;line-height:1.3}.contact-item{margin-bottom:14px;font-size:.9rem;line-height:1.3}.contact-item strong{font-weight:800;display:block}.contact-item span{font-weight:700}.contact-item a{font-weight:700;text-decoration:underline}.footer-notice{margin-top:20px;margin-bottom:35px}.footer-notice h4{margin-bottom:4px;font-size:1rem;font-weight:800}.footer-notice .popia-badge{margin-bottom:6px;font-size:.95rem;font-weight:800}.footer-notice .notice-text{color:#f0f0f0;max-width:650px;font-size:.88rem;font-weight:700;line-height:1.4}.footer-bottom{text-align:center;border-top:1px solid #fff3;padding-top:20px}.footer-bottom p{font-size:.85rem;font-weight:700}@media (width<=1024px){.features-container{grid-template-columns:1fr}}@media (width<=768px){.hero{text-align:center;flex-direction:column;gap:2rem;padding:32px 20px}.text-container{max-width:100%;padding-right:0}.image-container{width:100%;height:300px}.steps-container{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.navbar{padding:12px 16px}.logo{font-size:1.5rem}.step-text{margin-top:12px;margin-left:0}.cta-buttons{flex-direction:column}.cta-btn{text-align:center}.footer-grid{grid-template-columns:1fr}}
