:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}:root{--primary:#0c5678;--primary-light:#167bac;--secondary:#00a8e8;--accent:#e0f2f7;--dark:#0f172a;--gray:#64748b;--gray-light:#f8fafc}.landing{color:var(--dark);background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.landing-nav .brand{color:var(--primary);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;display:flex}.landing-nav .brand img{width:auto;height:32px;display:block}.landing-nav .brand span{color:var(--secondary)}.landing-nav a.cta-link{color:#fff;background:var(--secondary);border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #00a8e859}.hero{background:linear-gradient(160deg, #fff 0%, var(--accent) 100%);color:var(--dark);text-align:center;padding:5rem 3rem 6rem;position:relative;overflow:hidden}.hero-content{max-width:740px;margin:0 auto;position:relative}.hero-badge{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#00a8e81f;border-radius:999px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.03em;color:var(--primary);margin:0 0 1.25rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15}.hero h1 .accent{background:linear-gradient(90deg, var(--secondary), var(--primary-light));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.subtitle{color:var(--gray);margin:0 0 2.5rem;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--secondary);color:#fff;border-radius:10px;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #00a8e859}.btn-secondary{color:var(--primary);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.85rem 2rem;font-size:1rem;font-weight:600;text-decoration:none}.hero-illustration{max-width:780px;margin:3.5rem auto 0;position:relative}.hero-illustration svg{filter:drop-shadow(0 25px 40px #0c56782e);width:100%;height:auto}.stats-strip{background:var(--primary);flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,5vw,4rem);padding:2.5rem 3rem;display:flex}.stats-strip .stat{text-align:center;color:#fff}.stats-strip .stat strong{color:var(--secondary);font-size:1.8rem;font-weight:800;display:block}.stats-strip .stat span{color:#cbd5e1;font-size:.85rem}.value-props{background:#fff;padding:5rem 3rem}.value-props-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;max-width:1000px;margin:3rem auto 0;display:grid}.value-prop{text-align:center}.value-prop-icon{background:var(--accent);width:56px;height:56px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.value-prop h3{color:var(--primary);margin:0 0 .5rem;font-size:1.1rem}.value-prop p{color:var(--gray);margin:0;font-size:.92rem;line-height:1.6}.features{background:var(--gray-light);padding:5rem 3rem}.features-header{text-align:center;max-width:640px;margin:0 auto 3rem}.features-header h2{letter-spacing:-.02em;color:var(--primary);margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}.features-header p{color:var(--gray);font-size:1.05rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0c56781a}.feature-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1rem;display:flex}.feature-card h3{color:var(--dark);margin:0 0 .5rem;font-size:1.05rem}.feature-card p{color:var(--gray);margin:0;font-size:.92rem;line-height:1.55}.how-it-works{background:#fff;padding:5rem 3rem}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1000px;margin:3rem auto 0;display:grid}.step{text-align:center}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-weight:800;display:flex}.step h3{color:var(--dark);margin:0 0 .4rem;font-size:1rem}.step p{color:var(--gray);font-size:.9rem;line-height:1.5}.faq{background:var(--gray-light);padding:5rem 3rem}.faq-list{flex-direction:column;gap:.75rem;max-width:760px;margin:3rem auto 0;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;overflow:hidden}.faq-item summary{cursor:pointer;color:var(--primary);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--secondary);flex-shrink:0;font-size:1.3rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--gray);margin:0;padding:0 1.4rem 1.2rem;font-size:.95rem;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;padding:5rem 3rem}.cta-section h2{margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.cta-section p{color:var(--accent);margin:0 0 2rem}.landing-footer{text-align:center;background:var(--dark);color:#94a3b8;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 3rem;font-size:.85rem;display:flex}.landing-footer .powered-by{color:#cbd5e1;align-items:center;gap:.5rem;display:flex}.landing-footer .powered-by img{width:auto;height:22px}@media (width<=640px){.landing-nav,.hero,.features,.how-it-works,.faq,.cta-section,.value-props{padding-left:1.25rem;padding-right:1.25rem}}