*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.landing{min-height:100vh;background-color:#000;color:#f3f4f6;font-family:system-ui,-apple-system,sans-serif}.landing .nav{top:0;width:100%;background-color:#000000f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #1f2937;z-index:50}.landing .nav__container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;box-sizing:border-box}@media (max-width: 1024px){.landing .nav__container{padding:1rem 1.5rem}}@media (max-width: 768px){.landing .nav__container{padding:1rem}}@media (max-width: 480px){.landing .nav__container{padding:.75rem}}.landing .nav__logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#06b6d4,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}@media (max-width: 768px){.landing .nav__logo{font-size:1.25rem}}@media (max-width: 480px){.landing .nav__logo{font-size:1.125rem}}.landing .nav__cta{padding:.5rem 1.25rem;background:linear-gradient(to right,#06b6d4,#2563eb);border-radius:.5rem;text-decoration:none;color:#fff;transition:all .3s ease;flex-shrink:0;white-space:nowrap;font-size:.875rem;font-weight:500}.landing .nav__cta:hover{opacity:.9}@media (max-width: 768px){.landing .nav__cta{padding:.5rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.landing .nav__cta{padding:.4375rem .875rem;font-size:.75rem}}.landing .hero{padding:4rem 1.5rem 8rem;text-align:center;margin:0 auto}.landing .hero__badge{display:inline-block;padding:.5rem 1rem;background-color:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:9999px;font-size:.875rem;color:#06b6d4;font-weight:600;margin-bottom:2rem}.landing .hero__title{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to bottom,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}@media (max-width: 768px){.landing .hero__title{font-size:3rem}}.landing .hero__subtitle{font-size:1.5rem;color:#9ca3af;margin-bottom:3rem;max-width:672px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.landing .hero__subtitle{font-size:1.25rem}}.landing .hero__form{max-width:448px;margin:0 auto}.landing .hero__form input{width:100%;padding:1rem 1.5rem;background-color:#111827;border:1px solid #374151;border-radius:.5rem;color:#fff;font-size:1rem;transition:all .3s ease}.landing .hero__form input::placeholder{color:#6b7280}.landing .hero__form input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d433}.landing .hero__form button{margin-top:1rem;width:100%;padding:1rem 2rem;background:linear-gradient(to right,#06b6d4,#2563eb);border:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.landing .hero__form button:hover:not(:disabled){box-shadow:0 10px 25px #06b6d44d;transform:translateY(-2px)}.landing .hero__form button:disabled{cursor:not-allowed}.landing .hero__form button.hero__form-button--loading{background:linear-gradient(to right,#06b6d4,#2563eb)}.landing .hero__form button.hero__form-button--loading .button-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.landing .hero__form button.hero__form-button--success{background:linear-gradient(to right,#10b981,#059669)}.landing .hero__form button.hero__form-button--success .button-checkmark{font-size:1.25rem;font-weight:700;animation:checkmark-bounce .6s ease-out}.landing .hero__form button.hero__form-button--error{background:linear-gradient(to right,#f97316,#ea580c)}.landing .hero__form button.hero__form-button--error .button-error{font-size:1.25rem;font-weight:700;animation:error-shake .5s ease-out}.landing .hero__form-text{font-size:.875rem;color:#6b7280;margin-top:1rem}.landing .features{padding:6rem 1.5rem;background-color:#030712;border-top:1px solid #1f2937}.landing .features__container{max-width:1152px;margin:0 auto}.landing .features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.landing .features__grid{grid-template-columns:1fr}}.landing .features__card{background-color:#111827;padding:2.5rem;border-radius:.75rem;border:1px solid #1f2937;transition:all .3s ease}.landing .features__card:hover{border-color:#06b6d4}.landing .features__card-icon{width:3.5rem;height:3.5rem;background:linear-gradient(to right,#06b6d4,#2563eb);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.landing .features__card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.landing .features__card-text{color:#9ca3af;font-size:1.125rem;line-height:1.6}.landing .integration{padding:6rem 1.5rem}.landing .integration__container{max-width:1024px;margin:0 auto;text-align:center}.landing .integration__title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.landing .integration__subtitle{font-size:1.25rem;color:#9ca3af;margin-bottom:3rem}.landing .integration__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.landing .integration__grid{grid-template-columns:1fr}}.landing .integration__card{background-color:#111827;padding:2rem;border-radius:.75rem;border:1px solid #1f2937;text-align:left}.landing .integration__card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.landing .integration__card-text{color:#9ca3af}.landing .final-cta{padding:6rem 1.5rem;background-color:#030712;border-top:1px solid #1f2937}.landing .final-cta__container{max-width:672px;margin:0 auto;text-align:center}.landing .final-cta__title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem}@media (max-width: 768px){.landing .final-cta__title{font-size:2.5rem}}.landing .final-cta__subtitle{font-size:1.25rem;color:#9ca3af;margin-bottom:3rem}.landing .final-cta__form{max-width:448px;margin:0 auto}.landing .final-cta__form input{width:100%;padding:1rem 1.5rem;background-color:#111827;border:1px solid #374151;border-radius:.5rem;color:#fff;font-size:1rem;transition:all .3s ease}.landing .final-cta__form input::placeholder{color:#6b7280}.landing .final-cta__form input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d433}.landing .final-cta__form button{margin-top:1rem;width:100%;padding:1rem 2rem;background:linear-gradient(to right,#06b6d4,#2563eb);border:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.landing .final-cta__form button:hover:not(:disabled){box-shadow:0 10px 25px #06b6d44d;transform:translateY(-2px)}.landing .final-cta__form button:disabled{cursor:not-allowed}.landing .final-cta__form button.final-cta__form-button--loading{background:linear-gradient(to right,#06b6d4,#2563eb)}.landing .final-cta__form button.final-cta__form-button--loading .button-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.landing .final-cta__form button.final-cta__form-button--success{background:linear-gradient(to right,#10b981,#059669)}.landing .final-cta__form button.final-cta__form-button--success .button-checkmark{font-size:1.25rem;font-weight:700;animation:checkmark-bounce .6s ease-out}.landing .final-cta__form button.final-cta__form-button--error{background:linear-gradient(to right,#f97316,#ea580c)}.landing .final-cta__form button.final-cta__form-button--error .button-error{font-size:1.25rem;font-weight:700;animation:error-shake .5s ease-out}.landing .final-cta__features{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;font-size:.875rem;color:#6b7280}@media (max-width: 768px){.landing .final-cta__features{flex-direction:column;gap:1rem}}.landing .final-cta__features-item{display:flex;align-items:center;gap:.5rem}.landing .final-cta__features-item:before{content:"";width:.5rem;height:.5rem;background-color:#06b6d4;border-radius:50%}.landing .footer{padding:3rem 1.5rem;border-top:1px solid #1f2937;text-align:center;color:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}