.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#09090b;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-screen__logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:-.02em}.loading-screen__icon{width:36px;height:36px;background:var(--grad-primary);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#09090b;font-weight:900}.loading-screen__bar{width:180px;height:2px;background:#1a1a1f;border-radius:2px;overflow:hidden}.loading-screen__bar-fill{height:100%;width:0;background:#dedee3;border-radius:2px;animation:loadBar 1.5s ease-in-out forwards}@keyframes loadBar{0%{width:0}to{width:100%}}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none}.page-transition__inner{position:absolute;bottom:0;left:0;right:0;height:0;background:#09090b;transition:height .5s cubic-bezier(.4,0,.2,1)}.page-transition.active .page-transition__inner{height:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:all .3s ease}.navbar.scrolled{background:#09090bd9;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border-color:#1a1a1f}.navbar__logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.navbar__logo-icon{width:28px;height:28px;background:var(--grad-primary);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#09090b;font-weight:900}.navbar__links{display:flex;align-items:center;gap:28px;list-style:none}.navbar__links a{font-size:.82rem;color:#888;font-weight:400;transition:color .15s ease}.navbar__links a:hover{color:#e0e0e0}.nav-cta{padding:7px 16px!important;font-size:.8rem!important;font-weight:500!important;border-radius:6px!important;background:#fff!important;color:#09090b!important;border:none!important}.nav-cta:hover{background:#e0e0e0!important}.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:110}.navbar__hamburger span{width:20px;height:1.5px;background:#aaa;border-radius:1px;transition:all .3s ease}.navbar__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger.active span:nth-child(2){opacity:0}.navbar__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#09090bf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav.visible{opacity:1;visibility:visible}.mobile-nav__link{font-size:1.3rem;font-weight:500;color:#888;transition:color .2s}.mobile-nav__link:hover{color:#fff}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#hero-three-canvas{width:100%!important;height:100%!important}.hero__content{position:relative;z-index:10;max-width:700px;padding:0 48px}.hero__eyebrow{font-size:.78rem;color:#888;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;font-weight:400}.hero__title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin-bottom:20px;color:#ededed}.hero__title .line{display:block;overflow:hidden}.hero__title .line span{display:inline-block}.hero__subtitle{font-size:1.05rem;color:#777;line-height:1.65;max-width:560px;margin-bottom:32px}.hero__actions{display:flex;gap:12px;align-items:center}.btn-ghost{font-size:.88rem;color:#888;padding:10px 20px;border-radius:8px;border:1px solid #222;transition:all .2s ease}.btn-ghost:hover{color:#ccc;border-color:#444}.hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:10}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,#333,transparent);animation:scrollPulse 2.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:.8}}.about{padding:120px 48px 100px;max-width:1200px;margin:0 auto;border-bottom:1px solid #1a1a1f}.about__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-cyan);font-weight:500;margin-bottom:16px}.about__title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.03em;color:#ededed;margin-bottom:48px;line-height:1.15}.about__body{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about__text p{font-size:.95rem;color:#888;line-height:1.75;margin-bottom:20px}.about__text p:last-child{margin-bottom:0}.about__text strong{color:#ccc;font-weight:600}.about__text em{color:var(--accent-cyan);font-style:normal;font-weight:500}.about__highlights{display:flex;flex-direction:column;gap:24px}.about__highlight{display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border-radius:12px;background:#0d0d12;border:1px solid #1a1a1f;transition:border-color .2s ease,background .2s ease}.about__highlight:hover{border-color:#2a2a35;background:#111118}.about__highlight-icon{font-size:1.3rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00f0ff0f;border-radius:10px}.about__highlight div{display:flex;flex-direction:column;gap:4px}.about__highlight strong{font-size:.88rem;font-weight:600;color:#e0e0e0}.about__highlight span{font-size:.82rem;color:#666;line-height:1.55}.features{padding:120px 48px 80px;max-width:1200px;margin:0 auto}.features__header{margin-bottom:64px}.features__title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.03em;color:#ededed;margin-bottom:12px}.features__desc{font-size:1rem;color:#666;max-width:600px;line-height:1.6}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1f;border:1px solid #1a1a1f;border-radius:12px;overflow:hidden}.feature-hero{background:#0d0d10;padding:0;grid-column:1 / -1}.feature-hero__preview{display:grid;grid-template-columns:1fr 1fr;min-height:380px;border-bottom:1px solid #1a1a1f}.feature-hero__editor-mock{background:#0a0a0d;display:flex;flex-direction:column;border-right:1px solid #1a1a1f}.mock-titlebar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #141418}.mock-dot{width:10px;height:10px;border-radius:50%}.mock-dot--red{background:#ff5f57}.mock-dot--yellow{background:#febc2e}.mock-dot--green{background:#28c840}.mock-filename{font-family:var(--font-mono);font-size:.7rem;color:#555;margin-left:8px}.mock-code{padding:20px;font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:#888;flex:1;white-space:pre;overflow:hidden}.mock-code code{font-family:inherit}.feature-hero__viewport{position:relative;background:#0a0a0d}.feature-hero__viewport canvas{width:100%!important;height:100%!important;display:block}.feature-hero__caption{padding:28px 32px}.feature-hero__caption h3{font-size:1rem;font-weight:600;color:#e0e0e0;margin-bottom:6px}.feature-hero__caption p{font-size:.88rem;color:#666;line-height:1.55}.feature-card{background:#0d0d10;padding:28px 28px 32px;position:relative;transition:background .2s ease}.feature-card:hover{background:#111116}.feature-card__indicator{width:24px;height:2px;background:#00f0ff;margin-bottom:20px;border-radius:1px}.feature-card__indicator--purple{background:#a855f7}.feature-card h3{font-size:.95rem;font-weight:600;color:#e0e0e0;margin-bottom:8px}.feature-card p{font-size:.84rem;color:#666;line-height:1.6}.use-cases{padding:120px 48px 100px;max-width:1200px;margin:0 auto;border-top:1px solid #1a1a1f}.use-cases__header{margin-bottom:56px}.use-cases__header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;color:#ededed;margin-bottom:10px}.use-cases__header p{font-size:.95rem;color:#666}.use-cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.use-case-card{padding:32px 28px;background:#0d0d12;border:1px solid #1a1a1f;border-radius:12px;transition:border-color .25s ease,transform .25s ease,background .25s ease}.use-case-card:hover{border-color:#2a2a35;background:#111118;transform:translateY(-4px)}.use-case-card__icon{font-size:1.6rem;margin-bottom:18px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00f0ff0d;border-radius:12px}.use-case-card h3{font-size:1rem;font-weight:600;color:#e0e0e0;margin-bottom:10px}.use-case-card p{font-size:.84rem;color:#666;line-height:1.65}.workflow{padding:100px 48px;max-width:1000px;margin:0 auto}.workflow__header{margin-bottom:56px}.workflow__header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;color:#ededed;margin-bottom:8px}.workflow__header p{font-size:.95rem;color:#666}.workflow__steps{display:flex;align-items:flex-start;gap:0}.workflow-step{flex:1;display:flex;gap:16px;align-items:flex-start}.workflow-step__num{width:32px;height:32px;border-radius:8px;border:1px solid #222;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.78rem;color:#666;flex-shrink:0}.workflow-step__body h3{font-size:.95rem;font-weight:600;color:#e0e0e0;margin-bottom:6px}.workflow-step__body p{font-size:.84rem;color:#666;line-height:1.6}.workflow-step__line{width:48px;height:1px;align-self:center;background:#1a1a1f;flex-shrink:0}.comparison{padding:120px 48px 100px;max-width:1000px;margin:0 auto;border-top:1px solid #1a1a1f}.comparison__header{margin-bottom:48px}.comparison__header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;color:#ededed;margin-bottom:10px}.comparison__header p{font-size:.95rem;color:#666;max-width:600px;line-height:1.6}.comparison__table-wrap{overflow-x:auto;border:1px solid #1a1a1f;border-radius:12px;background:#0d0d10}.comparison__table{width:100%;border-collapse:collapse;font-size:.88rem}.comparison__table thead{border-bottom:1px solid #1a1a1f}.comparison__table th{padding:16px 20px;text-align:left;font-weight:600;color:#888;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.comparison__table th.comparison__highlight{color:var(--accent-cyan);background:#00f0ff08}.comparison__table td{padding:14px 20px;border-top:1px solid #141418;color:#777;white-space:nowrap}.comparison__table td.comparison__highlight{color:#e0e0e0;background:#00f0ff08}.comparison__table td.comparison__highlight strong{color:var(--accent-cyan);font-weight:600}.comparison__table tbody tr{transition:background .15s ease}.comparison__table tbody tr:hover{background:#ffffff04}.showcase{padding:100px 48px;max-width:1200px;margin:0 auto}.showcase__container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.showcase__preview{position:relative;aspect-ratio:4/3;border-radius:12px;border:1px solid #1a1a1f;overflow:hidden;background:#0a0a0d}#showcase-canvas{width:100%!important;height:100%!important;display:block}.showcase__reflection{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(9,9,11,.95),transparent);pointer-events:none}.showcase__info h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;color:#ededed;margin-bottom:12px}.showcase__info p{font-size:.95rem;color:#666;line-height:1.65;margin-bottom:32px}.showcase__metrics{display:flex;gap:40px}.metric{display:flex;align-items:baseline;gap:6px}.metric__value{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:#ededed}.metric__unit{font-size:.78rem;color:#555;text-transform:uppercase;letter-spacing:.05em}.faq{padding:120px 48px 100px;max-width:800px;margin:0 auto;border-top:1px solid #1a1a1f}.faq__header{margin-bottom:48px}.faq__header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;color:#ededed;margin-bottom:10px}.faq__header p{font-size:.95rem;color:#666}.faq__list{display:flex;flex-direction:column;gap:2px}.faq__item{border:1px solid #1a1a1f;border-radius:10px;background:#0d0d10;overflow:hidden;transition:border-color .2s ease,background .2s ease}.faq__item:hover{border-color:#2a2a35}.faq__item[open]{border-color:#00f0ff26;background:#0f0f14}.faq__question{padding:20px 24px;font-size:.92rem;font-weight:600;color:#e0e0e0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:color .15s ease;-webkit-user-select:none;user-select:none}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";font-size:1.2rem;font-weight:300;color:#555;flex-shrink:0;margin-left:16px;transition:transform .25s ease,color .25s ease}.faq__item[open] .faq__question:after{content:"−";color:var(--accent-cyan);transform:rotate(180deg)}.faq__question:hover{color:#fff}.faq__answer{padding:0 24px 20px;animation:faqSlideIn .3s ease}.faq__answer p{font-size:.88rem;color:#777;line-height:1.7}.faq__answer code{font-family:var(--font-mono);font-size:.82rem;background:#00f0ff0f;color:var(--accent-cyan);padding:2px 6px;border-radius:4px}@keyframes faqSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cta{padding:120px 48px;text-align:center;border-top:1px solid #1a1a1f}.cta__content{max-width:500px;margin:0 auto}.cta__content h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;color:#ededed;margin-bottom:12px}.cta__content p{font-size:1rem;color:#666;margin-bottom:28px;line-height:1.6}.footer{border-top:1px solid #1a1a1f;padding:0 48px}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:48px 0 32px;gap:32px}.footer__brand{display:flex;flex-direction:column;gap:14px}.footer__about{font-size:.82rem;color:#555;line-height:1.6;max-width:280px}.footer__col{display:flex;flex-direction:column;gap:10px}.footer__col-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#666;font-weight:600;margin-bottom:4px}.footer__col a{font-size:.82rem;color:#555;transition:color .15s}.footer__col a:hover{color:#aaa}.footer__bottom{border-top:1px solid #141418;padding:16px 0;text-align:center}.footer__copy{font-size:.72rem;color:#444}#tsparticles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@media(max-width:1024px){.about__body{grid-template-columns:1fr;gap:40px}.feature-hero__preview{grid-template-columns:1fr}.feature-hero__editor-mock{border-right:none;border-bottom:1px solid #1a1a1f}.features__grid{grid-template-columns:1fr 1fr}.feature-hero{grid-column:1 / -1}.use-cases__grid{grid-template-columns:1fr 1fr}.workflow__steps{flex-direction:column;gap:24px}.workflow-step__line{width:1px;height:24px;align-self:flex-start;margin-left:16px}.footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.navbar{padding:0 20px}.navbar__links{display:none}.navbar__hamburger{display:flex}.hero__content{padding:0 20px}.about,.features{padding:80px 20px 60px}.features__grid{grid-template-columns:1fr}.use-cases{padding:80px 20px 60px}.use-cases__grid{grid-template-columns:1fr}.workflow{padding:60px 20px}.comparison{padding:80px 20px 60px}.comparison__table{font-size:.82rem}.comparison__table th,.comparison__table td{padding:12px 14px}.showcase{padding:60px 20px}.showcase__container{grid-template-columns:1fr;gap:32px}.showcase__metrics{gap:24px}.faq{padding:80px 20px 60px}.cta{padding:80px 20px}.footer{padding:0 20px}.footer__inner{grid-template-columns:1fr;gap:32px;text-align:left}}@media(max-width:480px){.hero__title{font-size:2.2rem}.showcase__metrics{flex-direction:column;gap:16px}.comparison__table-wrap{margin:0 -20px;border-radius:0;border-left:none;border-right:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}