@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-900: #003A31;--primary-700: #005244;--primary-500: #00A673;--primary-400: #00C68B;--primary-300: #38E5BE;--primary-200: #76F2CF;--secondary: #00FF84;--secondary-light: #00FF9A;--secondary-dark: #00B983;--background: #0D1111;--surface: #151A1A;--surface-elevated: #1A2020;--divider: #1E2424;--border-subtle: rgba(255, 255, 255, .06);--text-primary: #FFFFFF;--text-secondary: #E5E5E5;--text-muted: #A3A3A3;--gradient-primary: linear-gradient(135deg, #003A31 0%, #005244 30%, #00A673 60%, #00C68B 80%, #38E5BE 100%);--gradient-accent: linear-gradient(135deg, #00FF84 0%, #00FF9A 100%);--gradient-card: linear-gradient(160deg, #151A1A 0%, #1A2020 50%, #1E2424 100%);--shadow-glow: 0 4px 24px rgba(0, 255, 132, .18);--shadow-neon: 0 8px 32px rgba(0, 255, 132, .2);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--primary-300);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--secondary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 32px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.reveal.reveal--in{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.reveal--delay-5{transition-delay:.5s}.section{content-visibility:auto;contain-intrinsic-size:auto 400px}.section[id]{scroll-margin-top:88px}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 20px;background:var(--secondary);color:var(--primary-900);font-weight:600;border-radius:var(--radius-md);z-index:1001;transition:top var(--transition)}.skip-link:focus{top:16px;outline:2px solid var(--primary-300);outline-offset:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:transparent;transition:background var(--transition-slow),box-shadow var(--transition),padding var(--transition)}.nav--scrolled{background:#0d1111eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 24px #0003}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__logo-wrap{display:inline-flex;align-items:center;padding:6px 14px 6px 6px;border-radius:var(--radius-full);background:#151a1ab3;border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.nav__logo-wrap:hover{background:#1a2020d9;border-color:#00ff8426;box-shadow:0 0 0 1px #00ff8414}.nav--scrolled .nav__logo-wrap{background:#151a1ae6;border-color:#ffffff14}.nav__logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700;font-size:1.35rem}.nav__logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px}.nav__logo-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav__logo-wrap:hover .nav__logo-text{opacity:1}.nav__menu{display:none;list-style:none;gap:8px}@media(min-width:768px){.nav__menu{display:flex;gap:4px}}.nav__link{color:var(--text-secondary);font-weight:500;padding:10px 16px;border-radius:var(--radius-md);transition:color var(--transition),background var(--transition)}.nav__link:hover{color:var(--secondary);background:#00ff8414}.nav__link:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.btn--nav{display:none;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--primary-900);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition)}.btn--nav:hover{color:var(--primary-900);transform:translateY(-1px);box-shadow:var(--shadow-glow)}@media(min-width:768px){.btn--nav{display:inline-flex;align-items:center}}.nav__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-primary)}@media(min-width:768px){.nav__hamburger{display:none}}.nav__bar{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.nav__bar--open:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__bar--open:nth-child(2){opacity:0}.nav__bar--open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__menu-cta{display:block;margin-top:8px;padding-top:12px;border-top:1px solid var(--divider)}@media(min-width:768px){.nav__menu-cta{display:none}}@media(max-width:767px){.nav__menu--open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:16px;background:var(--surface);border-bottom:1px solid var(--divider)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),color var(--transition)}.btn--primary{background:var(--gradient-accent);color:var(--primary-900)!important;box-shadow:var(--shadow-glow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon);color:var(--primary-900)!important}.btn--primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 12px #00ff8440}.btn--lg{padding:18px 36px;font-size:1.1rem}.btn:focus-visible{outline:2px solid var(--primary-300);outline-offset:3px}.hero{position:relative;padding:120px 0 80px;overflow:hidden;background:var(--background)}.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 100% 70% at 50% 30%,rgba(0,255,132,.12) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 50% 80%,rgba(0,166,115,.06) 0%,transparent 50%);pointer-events:none}.hero__container{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px;margin-left:auto;margin-right:auto;gap:0}.hero__top{margin-bottom:32px}.hero__title{font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:800;line-height:1.2;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.hero__highlight{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__tagline{font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin:0}.hero__center{width:100%;margin:0 auto 36px;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo) .2s,transform .6s var(--ease-out-expo) .2s}.hero__center.hero__content--in{opacity:1;transform:translateY(0)}.hero__bottom{display:flex;flex-direction:column;align-items:center;gap:24px;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out-expo) .4s,transform .6s var(--ease-out-expo) .4s}.hero__bottom.hero__content--in{opacity:1;transform:translateY(0)}.hero__stats{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.hero__stat{display:flex;flex-direction:column}.hero__stat-value{font-size:1.5rem;font-weight:700;color:var(--secondary);line-height:1.2}.hero__stat-label{font-size:.85rem;color:var(--text-muted)}.hero__cta{margin:0}.hero__top .hero__title{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}.hero__top .hero__tagline{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out-expo) .08s,transform .5s var(--ease-out-expo) .08s}.hero__top.hero__content--in .hero__title,.hero__top.hero__content--in .hero__tagline{opacity:1;transform:translateY(0)}.hero-chat{width:100%;max-width:720px;margin:0 auto;border-radius:var(--radius-xl);background:#151a1aeb;border:1px solid var(--border-subtle);box-shadow:0 16px 48px #0006,0 0 0 1px #00ff840f;overflow:hidden;contain:layout style;min-height:420px;display:flex;flex-direction:column}.hero-chat__header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0d111199;border-bottom:1px solid var(--border-subtle)}.hero-chat__header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#00ff841f;color:var(--secondary)}.hero-chat__header-text{flex:1}.hero-chat__title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.hero-chat__subtitle{font-size:.8rem;color:var(--text-muted);margin:0}.hero-chat__body{flex:1;min-height:280px;display:flex;flex-direction:column;overflow:hidden}.hero-chat__messages{flex:1;min-height:260px;max-height:420px;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.hero-chat__welcome{flex:1;padding:28px 24px;display:flex;align-items:center;justify-content:center;min-height:200px}.hero-chat__welcome-text{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0;text-align:center;max-width:320px}.hero-chat__bubble{padding:14px 18px;border-radius:var(--radius-lg);font-size:.95rem;line-height:1.6;max-width:92%;flex-shrink:0}.hero-chat__bubble--user{align-self:flex-end;background:#00ff8426;border:1px solid rgba(0,255,132,.2);color:var(--text-primary)}.hero-chat__bubble--assistant{align-self:flex-start;background:var(--surface-elevated);border:1px solid var(--divider);color:var(--text-secondary)}.hero-chat__bubble-text{white-space:pre-wrap;word-break:break-word;display:block}.hero-chat__download-prompt{padding:16px 14px;background:linear-gradient(135deg,#00ff8414,#00a6730f);border-top:1px solid rgba(0,255,132,.15);text-align:center}.hero-chat__download-text{font-size:.95rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.hero-chat__download-btn{display:inline-flex;padding:10px 20px;font-size:.9rem}.hero-chat__form{display:flex;gap:10px;padding:12px 14px;background:#0d111199;border-top:1px solid var(--border-subtle);align-items:flex-end}.hero-chat__input{flex:1;min-height:44px;max-height:120px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--divider);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;resize:none;transition:border-color var(--transition),box-shadow var(--transition)}.hero-chat__input::placeholder{color:var(--text-muted)}.hero-chat__input:focus{outline:none;border-color:#00ff8466;box-shadow:0 0 0 3px #00ff841a}.hero-chat__input:disabled{opacity:.7;cursor:not-allowed}.hero-chat__send{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:none;background:var(--gradient-accent);color:var(--primary-900);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.hero-chat__send:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-glow)}.hero-chat__send:disabled{opacity:.6;cursor:not-allowed}.hero-chat__spinner{width:20px;height:20px;border:2px solid rgba(0,58,49,.3);border-top-color:var(--primary-900);border-radius:50%;animation:spin .8s linear infinite}.hero-chat__bubble--loading{display:flex;align-items:center;gap:10px}.hero-chat__spinner--bubble{flex-shrink:0;border-color:#fff3;border-top-color:var(--secondary)}@media(max-width:767px){.hero-chat{min-height:380px}.hero-chat__body{min-height:220px}.hero-chat__messages{min-height:200px;max-height:52vh}}@keyframes spin{to{transform:rotate(360deg)}}.hero__img{max-width:320px;width:100%;filter:drop-shadow(0 24px 48px rgba(0,0,0,.4));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(min-width:992px){.hero__img{max-width:420px}}.section{padding:80px 0}.section__header{text-align:center;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:12px;color:var(--text-primary)}.section__desc{font-size:1.1rem;color:var(--text-muted);line-height:1.6}.numbers{position:relative;padding:56px 0;background:var(--surface);overflow:hidden}.numbers__bg{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,132,.04) 50%,transparent 100%);pointer-events:none}.numbers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.numbers__item{padding:24px 16px;border-radius:var(--radius-lg);background:#151a1a99;border:1px solid var(--border-subtle);transition:border-color var(--transition),transform var(--transition)}.numbers__item:hover{border-color:#00ff8433;transform:translateY(-2px)}.numbers__value{display:block;font-size:2rem;font-weight:700;color:var(--secondary);margin-bottom:4px;line-height:1.2}.numbers__label{font-size:.9rem;color:var(--text-muted)}@media(max-width:767px){.numbers__grid{grid-template-columns:1fr;gap:16px}}.features{background:var(--background)}.features__grid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.features__grid{grid-template-columns:repeat(3,1fr);gap:28px}}.feature-card{background:var(--gradient-card);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:28px;cursor:default;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition)}.feature-card:hover{transform:translateY(-6px);border-color:#00ff8440;box-shadow:var(--shadow-glow),0 12px 40px #0003}.feature-card:active{transform:translateY(-3px)}.feature-card__icon{font-size:2rem;margin-bottom:16px;line-height:1;display:inline-block;transition:transform var(--transition)}.feature-card:hover .feature-card__icon{transform:scale(1.1)}.feature-card__title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.feature-card__desc{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.how{position:relative;background:var(--surface)}.hero__bg--subtle{background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,166,115,.08) 0%,transparent 60%)}.how__steps{display:grid;gap:32px;max-width:720px;margin:0 auto}@media(min-width:768px){.how__steps{grid-template-columns:repeat(3,1fr);max-width:none;gap:24px}}.how__step{position:relative;text-align:center;padding:32px 24px;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}.how__step:hover{border-color:#00ff8426;box-shadow:var(--shadow-glow)}.how__number{width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;background:var(--gradient-accent);color:var(--primary-900);border-radius:50%;box-shadow:0 4px 16px #00ff844d;transition:transform var(--transition),box-shadow var(--transition)}.how__step:hover .how__number{transform:scale(1.08);box-shadow:0 6px 20px #00ff8459}.how__step-title{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.how__step-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.how__connector{display:none}.page{padding-top:72px;min-height:100vh}.how-it-works-page{position:relative}.how-page__header{padding:48px 0 40px;text-align:center}.how-page__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:12px;color:var(--text-primary)}.how-page__lead{font-size:1.15rem;color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.6}.how-page__section{padding-top:24px}.how__steps--page{margin-bottom:0}.how__step--page{padding:36px 28px}.how-page__screens{padding-top:64px}.how-page__cta{padding-bottom:80px}@media(min-width:768px){.how__connector{display:block;position:absolute;top:50%;right:-24px;width:24px;height:2px;background:linear-gradient(90deg,var(--primary-500),transparent)}.how__step:last-child .how__connector{display:none}}.screens__grid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:768px){.screens__grid{grid-template-columns:repeat(3,1fr);gap:32px}}.screen-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);overflow:hidden;cursor:default;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.screen-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow),0 16px 48px #00000040;border-color:#00ff8426}.screen-card:active{transform:translateY(-3px)}.screen-card__img-wrap{aspect-ratio:9/19;overflow:hidden;background:var(--surface-elevated)}.screen-card__img{width:100%;height:100%;object-fit:cover}.screen-card__label{padding:20px;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}.cta{position:relative;padding:100px 0;overflow:hidden}.cta__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(0,255,132,.12) 0%,transparent 55%);pointer-events:none}.cta__container{position:relative;text-align:center}.cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:12px;color:var(--text-primary)}.cta__desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:28px}.cta__note{margin-top:16px;font-size:.9rem;color:var(--text-muted)}.testimonials{background:var(--surface)}.testimonials__wrap{display:flex;align-items:center;gap:16px;max-width:720px;margin:0 auto 28px}.testimonials__arrow{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--divider);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition),color var(--transition)}.testimonials__arrow:hover{background:#00ff841f;border-color:#00ff844d;color:var(--secondary);transform:scale(1.05)}.testimonials__arrow:active{transform:scale(.98)}.testimonials__arrow:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}@media(max-width:480px){.testimonials__arrow{width:40px;height:40px}}.testimonials__slider{position:relative;flex:1;min-width:0;min-height:200px}.testimonial{position:absolute;inset:0;opacity:0;transform:translate(20px);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo);pointer-events:none}.testimonial--active{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.testimonial__header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.testimonial__avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;background:var(--gradient-accent);color:var(--primary-900);border-radius:50%;flex-shrink:0;transition:transform var(--transition)}.testimonial--active .testimonial__avatar{transform:scale(1)}.testimonial__name{font-style:normal;font-weight:600;font-size:1.1rem;color:var(--text-primary)}.testimonial__stars{color:var(--secondary);font-size:.9rem;letter-spacing:2px}.testimonial__quote{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin:0}.testimonials__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin:0 auto}.testimonials__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--divider);cursor:pointer;transition:background var(--transition),transform var(--transition)}.testimonials__dot:hover{background:var(--text-muted);transform:scale(1.15)}.testimonials__dot--active{background:var(--secondary);transform:scale(1.25)}.testimonials__dot:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.footer{padding:48px 0 32px;border-top:1px solid var(--divider);background:var(--surface);color:var(--text-primary)}.footer__inner{text-align:center}.footer__brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}.footer__logo{width:36px;height:36px;object-fit:contain}.footer__name{font-weight:700;font-size:1.25rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__tagline{font-size:.95rem;color:var(--text-muted);max-width:400px;margin:0 auto 24px;line-height:1.6}.footer__cta{margin-bottom:28px}.footer__copy{font-size:.85rem;color:var(--text-muted);margin:0}