.landing{--color-primary:#13261b;--color-secondary:#5e6b64;--color-accent:#f3f6f5;--color-white:#fff;--color-gray:#969696;--shadow-sm:0 2px 6px #0000001a,0 6px 14px #0000000f;--shadow-lg:0 10px 24px #00000024,0 36px 72px #0000001a;font-family:var(--font-manrope),system-ui,sans-serif;background:var(--color-white);color:var(--color-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing img,.landing svg{max-width:100%;display:block}.landing input,.landing button,.landing textarea,.landing select{font:inherit}.landing p,.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6{overflow-wrap:break-word}.landing p{text-wrap:pretty}.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6{text-wrap:balance}.landing h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.landing h2{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.landing h3{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.landing h4{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.landing h5{margin:0;font-size:.875rem;font-weight:700;line-height:1.4}.landing p{color:var(--color-secondary);margin:0;font-size:1rem}.landing a{text-decoration:none}.landing .btn{cursor:pointer;text-align:center;box-shadow:var(--shadow-lg);border:none;border-radius:40px;outline:none;font-family:inherit;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.landing .btn-lg{width:fit-content;min-width:200px;padding:16px 24px}.landing .btn-sm{width:fit-content;padding:8px 20px}.landing .btn-primary{background:var(--color-primary);color:var(--color-white)}.landing .btn-secondary{background:var(--color-accent);color:var(--color-primary);border:1px solid var(--color-gray)}.landing .btn-primary:hover{opacity:.88}.landing .btn-secondary:hover{opacity:.8}.landing .badge{background:var(--color-accent);width:fit-content;color:var(--color-secondary);border-radius:20px;margin:0 auto 24px;padding:4px 16px;font-size:.875rem;display:block}.landing .container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}.landing .section-header{text-align:center}.landing .section-header p{margin-top:12px}.landing .page-section{padding:48px 0}@media (min-width:640px){.landing .page-section{padding:64px 0}}@media (min-width:1024px){.landing .page-section{padding:80px 0}}.landing .page-section .container{flex-direction:column;gap:40px;padding:0 16px;display:flex}@media (min-width:640px){.landing .page-section .container{padding:0 32px}}@media (min-width:1024px){.landing .page-section .container{padding:0 48px}}.landing header{z-index:10;background:var(--color-white);width:100%;padding:16px;position:fixed;top:0;left:0}.landing header .container{justify-content:space-between;align-items:center;display:flex}.landing .logo{color:var(--color-primary);font-size:22px;font-weight:700;line-height:1.2;text-decoration:none}.landing header nav{align-items:center;gap:24px;display:flex}.landing header nav a:not(.btn){color:var(--color-secondary);font-size:.9375rem;text-decoration:none;display:none}@media (min-width:768px){.landing header nav a:not(.btn){display:flex}}.landing .hero{padding:100px 0 16px}@media (min-width:768px){.landing .hero{padding:148px 0 20px}}.landing .hero .container{flex-direction:column;gap:40px;width:100%;max-width:1720px;padding:0 16px;display:flex}@media (min-width:768px){.landing .hero .container{padding:0 20px}}.landing .hero-content{text-align:center}.landing .hero-description{max-width:50ch;color:var(--color-secondary);margin:16px auto 0;font-size:1.125rem}.landing .cta-buttons{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}@media (min-width:640px){.landing .cta-buttons{flex-direction:row}}.landing .image-placeholder{aspect-ratio:16/9;background:var(--color-accent);border-radius:40px;width:100%}.landing .install-section .container{background:var(--color-accent);border-radius:40px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.landing .install-section .container{padding-top:64px;padding-bottom:64px}}@media (min-width:1024px){.landing .install-section .container{padding-top:80px;padding-bottom:80px}}.landing .install-header{text-align:center}.landing .install-header p{margin-top:12px}.landing .install-form{width:100%}.landing .form-group{border:1px solid #0000;border-radius:40px;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:0 auto;transition:all .3s;display:flex}@media (min-width:768px){.landing .form-group{border-color:var(--color-gray);background:var(--color-white);flex-direction:row;padding:8px 8px 8px 24px}.landing .form-group:hover,.landing .form-group:focus-within{border-color:var(--color-primary)}}.landing .input-wrapper{width:100%}.landing .install-form input[type=text]{border:1px solid var(--color-gray);text-align:left;background:var(--color-white);width:100%;color:var(--color-primary);border-radius:40px;outline:none;padding:14px 20px;font-size:1rem}@media (min-width:768px){.landing .install-form input[type=text]{background:0 0;border:none;border-radius:0;padding:0}}.landing .form-hint{text-align:center;color:var(--color-secondary);margin-top:8px;font-size:.875rem}.landing .feature-icon{background:var(--color-white);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:100%;justify-content:center;align-items:center;padding:8px;display:flex}.landing .feature-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.landing .feature-grid{grid-template-columns:1fr 1fr}}@media (min-width:1280px){.landing .feature-grid{grid-template-columns:1fr 1fr 1fr}}.landing .feature-card{background:var(--color-accent);border-radius:24px;padding:24px}.landing .feature-card h4{margin-top:40px}.landing .feature-card p{margin-top:12px}@media (min-width:768px){.landing .how-it-works .container{flex-direction:row}.landing .how-it-works .container>*{width:50%}.landing .how-it-works .section-header{text-align:left}.landing .how-it-works .section-header .badge{margin-left:0}}.landing .how-it-works .btn{margin-top:40px}.landing .steps{grid-template-columns:1fr;gap:24px;display:grid}.landing .step{background:var(--color-accent);border-radius:24px;padding:24px}.landing .step p{margin-top:12px}.landing .step-number{background:var(--color-white);width:40px;height:40px;box-shadow:var(--shadow-sm);color:var(--color-primary);border-radius:100%;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.landing .step-content{margin-top:40px}.landing .cta-section .container{background:var(--color-accent);border-radius:40px;align-items:center;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.landing .cta-section .container{padding-top:64px;padding-bottom:64px}}@media (min-width:1024px){.landing .cta-section .container{padding-top:80px;padding-bottom:80px}}.landing footer{background:var(--color-primary);border-top-left-radius:24px;border-top-right-radius:24px;padding:64px 0 16px}@media (min-width:768px){.landing footer{padding:80px 0 20px}}.landing footer p,.landing footer h3,.landing footer h5{color:var(--color-white)}.landing footer .container{flex-direction:column;gap:0;max-width:1280px;display:flex}.landing .footer-content{flex-direction:column;gap:40px;display:flex}@media (min-width:768px){.landing .footer-content{flex-direction:row;justify-content:space-between}}.landing .footer-brand p{color:#fff9;margin-top:12px}.landing .footer-links{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.landing .footer-links{grid-template-columns:160px 160px}}.landing .footer-link-section{flex-direction:column;gap:12px;display:flex}.landing .footer-link-section h5{color:var(--color-white);margin-bottom:12px}.landing .footer-link-section a{color:#fff9;font-size:.9375rem}.landing .footer-link-section a:hover{color:#fff}.landing .footer-bottom{border-top:1px solid #ffffff26;margin-top:64px;padding-top:20px}.landing .footer-bottom p{color:#fff6;font-size:.875rem}
