:root{--bg-primary: #0b0c10;--bg-secondary: #12151c;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a0aab2;--accent-glow: rgba(102, 252, 241, .4);--accent-teal: #66FCF1;--accent-purple: #8A2BE2;--container-width: 1200px;--nav-height: 80px;--transition-fast: .2s ease-out;--transition-medium: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.relative{position:relative}.text-center{text-align:center}h1,h2,h3,h4{font-weight:800;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1.5rem}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.75rem}p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(135deg,var(--accent-purple),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #00000080}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-teal));color:#fff;border:none;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px var(--accent-glow)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{background:var(--glass-bg);border-color:var(--accent-teal);transform:translateY(-2px)}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.6;animation:float 10s infinite ease-in-out alternate}.orb-1{top:-100px;left:-100px;width:400px;height:400px;background:#8a2be24d}.orb-2{bottom:20%;right:-50px;width:300px;height:300px;background:#66fcf133;animation-delay:-5s}.orb-3{top:30%;left:30%;width:350px;height:350px;background:#8a2be226}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-50px) scale(1.1)}}section{padding:8rem 0}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.hero-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.hero-reveal.active{opacity:1;transform:translateY(0)}*:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:2px}input:focus-visible,textarea:focus-visible{outline:none}@media (max-width: 992px){section{padding:6rem 0}}@media (max-width: 768px){.container{padding:0 1.25rem}section{padding:5rem 0}p{font-size:1rem}}@media (max-width: 560px){.container{padding:0 1rem}h1{font-size:clamp(2.35rem,13vw,3.35rem);margin-bottom:1rem;line-height:1.05}h2{font-size:clamp(1.8rem,9vw,2.35rem)}h3{font-size:1.2rem}h1{font-size:clamp(2rem,11vw,2.95rem);margin-bottom:.9rem;line-height:1.02;letter-spacing:-.04em}p{font-size:.98rem;line-height:1.55}.btn-large{padding:.95rem 1.3rem;font-size:1rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;transition:all var(--transition-medium)}.navbar.scrolled{background:#0b0c10d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #00000080}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.logo-icon{color:var(--accent-teal)}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:600;color:var(--text-secondary);transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:1rem;align-items:center}@media (max-width: 992px){:root{--nav-height: auto}}@media (max-width: 768px){.navbar{height:auto;padding:.85rem 0}.nav-container{gap:.9rem;flex-wrap:wrap}.logo{font-size:1.2rem}.nav-links{display:none}.nav-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.nav-actions .btn{padding:.7rem 1rem;font-size:.95rem;min-width:0}}@media (max-width: 560px){.navbar{padding:.75rem 0}.nav-container{align-items:center}.logo{font-size:1.05rem;gap:.35rem}.nav-actions{gap:.65rem}.nav-actions .btn{min-height:44px}.nav-actions a.btn,.nav-actions button.btn{width:100%}}.lang-switcher{position:relative}.lang-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.lang-btn:hover{border-color:var(--accent-teal);color:var(--text-primary)}.lang-flag{font-size:1.1rem}.lang-code{font-size:.8rem;text-transform:uppercase}.lang-chevron{font-size:.7rem;transition:transform var(--transition-fast)}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;right:0;min-width:100%;padding:.5rem .4rem .4rem;display:flex;flex-direction:column;gap:.2rem;z-index:100;animation:slideUp .2s ease-out}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.lang-option:hover{background:#ffffff14;color:var(--text-primary)}.lang-option.active{color:var(--accent-teal)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--nav-height) + 4rem)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:600px}.hero-image-wrapper{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.hero-terminal-title{display:grid;gap:.15em;position:relative}.hero-title-line{display:block;min-height:1.05em;position:relative}.hero-title-ghost{visibility:hidden;user-select:none}.hero-title-typed{position:absolute;inset:0 auto auto 0;white-space:nowrap}.hero-caret{display:inline-block;width:.08em;height:.9em;margin-left:.08em;vertical-align:-.08em;background:currentColor;animation:blinkCaret 1s steps(1) infinite}@keyframes blinkCaret{0%,48%{opacity:1}50%,to{opacity:0}}.hero-actions{display:flex;gap:1.5rem;margin-top:2rem}.mockup-panel{border-radius:20px;padding:.5rem;background:linear-gradient(135deg,#ffffff0d,#fff0);transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform var(--transition-medium)}.mockup-panel:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.mockup-img{width:100%;height:auto;border-radius:16px;display:block;border:1px solid rgba(255,255,255,.05)}@media (max-width: 992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:2.5rem}.hero-content{margin:0 auto}.hero-actions{justify-content:center}.mockup-panel{transform:none}.mockup-panel:hover{transform:translateY(-5px)}}@media (max-width: 768px){.hero{min-height:auto;padding-top:7.5rem}.hero-content{max-width:100%}.hero-content p{max-width:36rem;margin-left:auto;margin-right:auto}.hero-actions{flex-direction:column;align-items:stretch;gap:.9rem}.hero-actions .btn{width:100%}.mockup-panel{padding:.35rem;border-radius:18px}.hero-image-wrapper{max-width:min(100%,34rem)}}@media (max-width: 560px){.hero{padding-top:6.8rem}.hero-container{gap:1.7rem}.hero-content{max-width:26rem;margin:0 auto}.hero-content p{margin-bottom:1.2rem}.hero-actions{margin-top:1.15rem;gap:.8rem}.mockup-panel{border-radius:16px}.mockup-img{border-radius:14px}}.features{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.section-subtitle{max-width:700px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2.5rem;text-align:left;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0009;border-color:#66fcf14d}.feature-icon{font-size:3rem;margin-bottom:1.5rem}@media (max-width: 768px){.section-subtitle{margin-bottom:2.5rem}.features-grid{grid-template-columns:1fr;gap:1.25rem}.feature-card{padding:1.5rem}}@media (max-width: 560px){.feature-card{padding:1.25rem}.feature-icon{font-size:2.35rem;margin-bottom:1rem}}.steps-container{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:4rem auto 0}.step{display:flex;gap:2rem;align-items:flex-start;padding:2rem;border-radius:16px;background:var(--glass-bg);border-left:4px solid var(--accent-purple);transition:transform var(--transition-medium),border-color var(--transition-fast)}.step:hover{transform:translate(10px);border-left-color:var(--accent-teal);background:#ffffff0d}.step--highlight{border-left-color:var(--accent-teal)}.step-number--teal{color:var(--accent-teal)}.step-number{font-size:2.5rem;font-weight:800;color:var(--accent-purple);opacity:.8;line-height:1}@media (max-width: 768px){.step{flex-direction:column;gap:1rem;padding:1.4rem}.step:hover{transform:none}}@media (max-width: 560px){.steps-container{gap:1.25rem;margin-top:2.5rem}.step-number{font-size:2rem}}.role-showcase{padding:8rem 0}.role-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.role-card{padding:2.5rem;text-align:left;transition:transform var(--transition-medium),box-shadow var(--transition-medium);display:flex;flex-direction:column;gap:1.5rem}.role-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0009}.role-card--customers{border-color:#66fcf14d}.role-badge{display:inline-block;padding:.35rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#8a2be233;border:1px solid rgba(138,43,226,.4);color:var(--accent-purple);width:fit-content}.role-badge--teal{background:#66fcf11a;border-color:#66fcf14d;color:var(--accent-teal)}.role-card h3{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}.role-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.role-benefits li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.role-benefits li:before{content:"✓";color:var(--accent-teal);font-weight:700;flex-shrink:0;margin-top:.05em}.role-cta{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-teal);font-size:.9rem;font-weight:600;text-decoration:none;margin-top:auto;transition:gap var(--transition-fast)}.role-cta:hover{gap:.7rem}.role-cta:after{content:"→"}.walkthroughs{padding:8rem 0;background-color:var(--bg-secondary)}.walkthrough-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.walkthrough-tab{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.8rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all var(--transition-medium)}.walkthrough-tab:hover{color:var(--text-primary);border-color:#ffffff4d}.walkthrough-tab.active{background:#66fcf11a;color:var(--accent-teal);border-color:var(--accent-teal)}.walkthrough-content{display:flex;flex-direction:column;gap:2rem;align-items:center}.walkthrough-description{max-width:600px;margin:0 auto;font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.walkthrough-image-wrapper{width:100%;max-width:900px;border-radius:12px;overflow:hidden;margin:0 auto;border:1px solid var(--glass-border);box-shadow:0 20px 50px #00000080;background:var(--bg-primary)}.walkthrough-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9}.faq{padding:8rem 0}.faq-list{max-width:800px;margin:4rem auto 0;display:flex;flex-direction:column;gap:1rem}.faq-item{border-radius:8px;border:1px solid var(--glass-border);overflow:hidden;background:#ffffff05;transition:background-color var(--transition-medium)}.faq-item:hover{background:#ffffff0a}.faq-question{width:100%;text-align:left;padding:1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-icon{color:var(--accent-teal);font-size:1.5rem;line-height:1;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--accent-purple)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-item.active .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-content{padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.6}.cta-panel{padding:4rem 2rem;background:linear-gradient(135deg,#8a2be21a,#66fcf11a);border-color:#66fcf133}.cta-btn{margin-top:2rem}@media (max-width: 560px){.cta-panel{padding:2.5rem 1.25rem}}.footer{background-color:var(--bg-secondary);padding:4rem 0 2rem;border-top:1px solid var(--glass-border)}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer-brand p{margin-top:1rem;max-width:300px;font-size:.95rem}.footer-links{display:flex;gap:4rem}.footer-language{display:flex;flex-direction:column;gap:.85rem;min-width:160px;margin-left:auto}.footer-language h4{margin-bottom:0;color:var(--text-primary)}.footer-language .lang-switcher{align-self:flex-start}.footer-language .lang-dropdown{right:auto;left:0}.link-column{display:flex;flex-direction:column;gap:1rem}.link-column h4{margin-bottom:.5rem}.link-column a{color:var(--text-secondary);transition:color var(--transition-fast)}.link-column a:hover{color:var(--accent-teal)}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);padding-top:2rem;font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.footer-container{flex-direction:column;gap:2rem}.footer-links{width:100%;justify-content:space-between;gap:1.5rem}}@media (max-width: 560px){.footer-links{flex-direction:column;gap:1.75rem}.footer-brand p{max-width:none}.footer-language{min-width:0}.footer-language .lang-switcher,.footer-language .lang-btn{width:100%}.footer-language .lang-btn{justify-content:space-between;padding:.85rem 1rem}.footer-language .lang-dropdown{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:var(--bg-secondary);padding:3rem;width:100%;max-width:500px;position:relative;border-radius:16px;box-shadow:0 10px 40px #000c;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;transition:color var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.demo-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;transition:border-color var(--transition-fast)}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-teal)}.btn-full{width:100%}.recaptcha-group{min-height:78px;display:flex;justify-content:center}.phone-input-wrapper{display:flex;gap:0;width:100%;border:1px solid var(--glass-border);border-radius:8px;transition:border-color var(--transition-fast);position:relative}.phone-input-wrapper:focus-within{border-color:var(--accent-teal)}.ddi-selector{position:relative;flex-shrink:0}.ddi-btn{display:flex;align-items:center;gap:.3rem;padding:.75rem;background:#ffffff0d;border:none;border-right:1px solid var(--glass-border);border-radius:8px 0 0 8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;height:100%;white-space:nowrap;transition:background var(--transition-fast)}.ddi-btn:hover{background:#ffffff1a}.ddi-flag{font-size:1.1rem}.ddi-code{font-size:.85rem;color:var(--text-secondary)}.ddi-chevron{font-size:.65rem;color:var(--text-secondary);transition:transform var(--transition-fast)}.ddi-chevron.open{transform:rotate(180deg)}.ddi-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:240px;max-height:260px;overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:.15rem;z-index:9999;animation:slideUp .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;background:#1a1a2e!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ddi-dropdown::-webkit-scrollbar{width:4px}.ddi-dropdown::-webkit-scrollbar-track{background:transparent}.ddi-dropdown::-webkit-scrollbar-thumb{background-color:var(--glass-border);border-radius:4px}.ddi-option{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;text-align:left;transition:all var(--transition-fast);white-space:nowrap}.ddi-option:hover{background:#ffffff14;color:var(--text-primary)}.ddi-option.active{color:var(--accent-teal)}.ddi-option-code{font-weight:600;min-width:38px}.ddi-option-label{color:var(--text-secondary);font-size:.8rem}.phone-number-input{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:0 8px 8px 0;color:#fff;font-family:inherit;font-size:1rem;min-width:0}.phone-number-input:focus{outline:none}.form-error{color:#ff6b6b;font-size:.9rem;text-align:center;margin:0;padding:.5rem;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3)}@media (max-width: 768px){.modal-content{width:calc(100% - 2rem);max-height:min(88vh,760px);overflow-y:auto;padding:1.5rem}.demo-form{gap:1rem}.ddi-dropdown{width:min(240px,calc(100vw - 2.5rem))}}@media (max-width: 560px){.modal-content{width:calc(100% - 1rem);padding:1.25rem;border-radius:14px}.close-btn{top:.6rem;right:1rem}.ddi-btn{padding:.75rem .65rem}.phone-number-input{padding:.75rem .85rem;font-size:.95rem}}.cookie-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:700px;padding:1.5rem 2rem;z-index:9999;box-shadow:0 10px 40px #000c;transition:transform var(--transition-medium)}.cookie-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-text{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.cookie-actions{display:flex;gap:1rem;flex-shrink:0}.btn-sm{padding:.5rem 1.2rem;font-size:.875rem;border-radius:6px}.animate-slide-up{animation:slideUpCookie .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpCookie{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.cookie-banner{bottom:1rem;width:calc(100% - 2rem);padding:1.25rem 1.5rem}.cookie-content{flex-direction:column;align-items:stretch;gap:1.25rem;text-align:center}.cookie-actions{justify-content:center}.cookie-actions .btn{flex:1;max-width:150px}}