:root { --font-geist-sans: Geist, Arial, Helvetica, sans-serif; --font-geist-mono: "Geist Mono", monospace; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #09090b; color: #f4f4f5; font-family: var(--font-geist-sans); }
.static-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 1rem; overflow-y: auto; }
.static-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .98); }
.static-modal__card { position: relative; z-index: 1; width: min(100%, 32rem); border: 1px solid #27272a; border-radius: 1.5rem; background: #18181b; padding: 2rem; box-shadow: 0 25px 60px rgba(0,0,0,.6); }
.static-modal__close { position: absolute; top: .75rem; right: .9rem; color: #a1a1aa; font-size: 2rem; line-height: 1; background: transparent; border: 0; cursor: pointer; }
.static-modal__badge { display: inline-block; border: 1px solid rgba(139,92,246,.3); border-radius: .5rem; padding: .35rem .55rem; color: #c4b5fd; background: rgba(139,92,246,.1); font-size: .75rem; }
.static-modal h2 { margin: .75rem 0 .25rem; font-size: 1.25rem; }
.static-modal p { color: #a1a1aa; font-size: .875rem; }
.static-modal label { display: grid; gap: .45rem; margin-top: 1rem; color: #d4d4d8; font-size: .875rem; }
.static-modal label b, .static-modal small[data-error] { color: #f87171; }
.static-modal label em { color: #71717a; font-style: normal; font-size: .75rem; }
.static-modal input { border: 1px solid #3f3f46; border-radius: .75rem; background: rgba(39,39,42,.8); color: white; padding: .8rem 1rem; font: inherit; }
.static-modal input:focus { outline: 2px solid #8b5cf6; outline-offset: 2px; }
.static-modal [type=submit] { width: 100%; margin-top: 1.5rem; border: 0; border-radius: .75rem; padding: .9rem 1rem; background: linear-gradient(90deg,#7c3aed,#4f46e5); color: white; font-weight: 600; cursor: pointer; }
.static-modal [type=submit]:disabled { opacity: .5; cursor: not-allowed; }
.static-modal__legal { margin-top: 1rem; text-align: center; color: #71717a !important; font-size: .7rem !important; }
.static-modal__legal a { color: #a1a1aa; }
.static-contact-menu { position: fixed; right: 1.5rem; bottom: 6rem; z-index: 45; display: grid; gap: .75rem; }
.static-contact-menu button { width: 3rem; height: 3rem; border: 0; border-radius: 50%; color: white; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,.35); }
.static-contact-menu [data-static-contact] { background: #7c3aed; }
.static-contact-menu [data-static-telegram] { background: #0ea5e9; }
.static-cookie { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 60; width: min(calc(100% - 2rem), 24rem); border: 1px solid #27272a; border-radius: 1rem; background: rgba(24,24,27,.96); padding: 1.25rem; box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.static-cookie p { margin: .5rem 0 1rem; color: #a1a1aa; font-size: .875rem; line-height: 1.5; }
.static-cookie div { display: flex; gap: .5rem; }
.static-cookie button { flex: 1; border: 1px solid #3f3f46; border-radius: .5rem; padding: .6rem; background: #27272a; color: #e4e4e7; cursor: pointer; }
.static-cookie [data-cookie=accept] { border: 0; background: #7c3aed; color: white; }
@keyframes static-demo-message-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes static-demo-line-in { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes static-demo-caret { 50% { opacity: 0; } }
@keyframes static-demo-dot { 50% { opacity: 1; transform: scale(1.3); } }
@keyframes static-intro-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes static-intro-demo-in { from { opacity: 0; transform: translateY(40px) scale(.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes static-demo-document-in { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: scale(1); } }
@media (scripting: enabled) { html.static-js .static-scroll-reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s cubic-bezier(.16,1,.3,1) var(--static-reveal-delay, 0ms), transform .6s cubic-bezier(.16,1,.3,1) var(--static-reveal-delay, 0ms); } html.static-js .static-scroll-reveal.is-visible { opacity: 1; transform: translateY(0); } }
@media (scripting: enabled) { html.static-js .static-intro-item, html.static-js .static-demo-document { opacity: 0; } html.static-js.static-intro-ready .static-intro-item { animation: static-intro-in .6s ease-out var(--static-intro-delay, 0ms) both; } html.static-js.static-intro-ready .static-intro-demo { animation-name: static-intro-demo-in; animation-duration: .8s; } html.static-js.static-intro-ready .static-demo-document { animation: static-demo-document-in .35s ease-out var(--static-document-delay, 800ms) both; } }
.static-demo-message { animation: static-demo-message-in .3s cubic-bezier(.16,1,.3,1) both; }
.static-demo-assistant { animation-delay: .05s; }
.static-demo-typing::after { content: ""; display: inline-block; width: 2px; height: 1.25em; margin-left: .15rem; vertical-align: -.2em; background: #a78bfa; animation: static-demo-caret .5s steps(1) infinite; }
.static-demo-dot { width: .625rem; height: .625rem; border-radius: 9999px; background: #a78bfa; opacity: .5; animation: static-demo-dot .8s ease-in-out infinite; }
.static-demo-dot:nth-child(2) { animation-delay: .2s; }
.static-demo-dot:nth-child(3) { animation-delay: .4s; }
.static-demo-line, .static-demo-source { opacity: 0; animation: static-demo-line-in .3s cubic-bezier(.16,1,.3,1) var(--demo-delay, 0ms) both; }
#product-demo-chat { transition: opacity .25s ease, transform .25s ease; }
#product-demo-chat.static-demo-leave { opacity: 0; transform: translateY(-10px); }
@media (scripting: enabled) { html.static-js #faq .static-faq-glow { opacity: 0; transform: scale(.95); transition: opacity .3s ease, transform .3s ease; } html.static-js #faq .static-faq-glow.is-active { opacity: .5; transform: scale(1); } html.static-js #faq .group > .relative { transition: transform .3s cubic-bezier(.16,1,.3,1); } html.static-js #faq .group:not(.static-faq-active):hover > .relative { transform: translateY(-4px); } html.static-js #faq .static-faq-chevron { transition: transform .3s cubic-bezier(.16,1,.3,1); } html.static-js #faq .static-faq-chevron.is-open { transform: rotate(180deg) scale(1.1); } html.static-js #faq .static-faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s cubic-bezier(.16,1,.3,1), opacity .4s cubic-bezier(.16,1,.3,1); } html.static-js #faq .static-faq-answer.is-open { grid-template-rows: 1fr; opacity: 1; } html.static-js #faq .static-faq-answer__body { min-height: 0; overflow: hidden; transform: translateY(-10px); transition: transform .3s ease .1s; } html.static-js #faq .static-faq-answer.is-open .static-faq-answer__body { transform: translateY(0); } }
.static-enterprise-tabs { position: relative; }
.static-enterprise-indicator { position: absolute; bottom: 0; left: 0; z-index: 1; height: 2px; width: 0; opacity: 0; pointer-events: none; background: linear-gradient(90deg, #8b5cf6, #6366f1); transition: transform .35s cubic-bezier(.16,1,.3,1), width .35s cubic-bezier(.16,1,.3,1), opacity .15s ease; }
.static-enterprise-indicator.is-ready { opacity: 1; }
@keyframes static-enterprise-enter { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes static-enterprise-scale-in { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } }
@keyframes static-enterprise-score-in { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }
@media (scripting: enabled) { html.static-js .static-enterprise-enter, html.static-js .static-security-toggle, html.static-js .static-security-score { opacity: 0; } html.static-js .static-enterprise-panel-ready .static-enterprise-enter { animation: static-enterprise-enter .35s cubic-bezier(.16,1,.3,1) var(--static-enterprise-delay, 0ms) both; } html.static-js .static-enterprise-panel-ready .static-security-toggle { animation: static-enterprise-scale-in .45s cubic-bezier(.16,1,.3,1) var(--static-enterprise-delay, 0ms) both; } html.static-js .static-enterprise-panel-ready .static-security-score { animation: static-enterprise-score-in .3s ease-in-out var(--static-enterprise-delay, 0ms) both; } }
@media (prefers-reduced-motion: reduce) { html.static-js .static-intro-item, html.static-js .static-demo-document, .static-demo-message, .static-demo-line, .static-demo-source { animation: none; opacity: 1; } .static-demo-typing::after { display: none; } }
@media (prefers-reduced-motion: reduce) { html.static-js .static-scroll-reveal { opacity: 1; transform: none; transition: none; } html.static-js #faq .static-faq-glow, html.static-js #faq .group > .relative, html.static-js #faq .static-faq-chevron, html.static-js #faq .static-faq-answer, html.static-js #faq .static-faq-answer__body { transition: none; } .static-enterprise-indicator { transition: none; } html.static-js .static-enterprise-enter, html.static-js .static-security-toggle, html.static-js .static-security-score { animation: none; opacity: 1; } }
@media (max-width: 640px) { .static-modal__card { padding: 1.5rem; } .static-cookie { right: 1rem; bottom: 1rem; } html.static-js .static-fab { right: 1rem; bottom: 1rem; opacity: 0; pointer-events: none; transition: opacity .2s ease; } html.static-js .static-fab.is-visible { opacity: 1; pointer-events: auto; } .static-contact-menu { right: 1rem; bottom: 5.5rem; } }