.odalis-hero-content .product-name-badge{color:#00d4aa;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4aa1a 0%,#00b2940d 100%);border:1px solid #00d4aa4d;border-radius:20px;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-family:Delius,cursive;font-size:1.1rem;display:inline-block;box-shadow:0 0 20px #00d4aa26}.odalis-page{color:#fff;background:#0a1628;min-height:100vh;overflow-x:hidden}.odalis-hero{justify-content:center;align-items:center;min-height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.odalis-hero-canvas{z-index:1;width:60%;height:100%;position:absolute;top:0;left:0}@media (max-width:1024px){.odalis-hero-canvas{width:100%;height:100%}}.odalis-hero-overlay{z-index:2;background:linear-gradient(135deg,#0a1628d9 0%,#033b3c4d 50%,#0a1628e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.odalis-hero-inner{z-index:3;grid-template-columns:1fr .8fr;align-items:center;gap:3rem;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.odalis-hero-content{text-align:left;position:relative}.odalis-hero-content:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(#033b3c59 0%,#033b3c26 40%,#0000 70%);width:120%;height:150%;animation:4s ease-in-out infinite odalisContentGlow;position:absolute;top:50%;left:-10%;transform:translateY(-50%)}@keyframes odalisContentGlow{0%,to{opacity:.5;transform:translateY(-50%)scale(1)}50%{opacity:.8;transform:translateY(-50%)scale(1.05)}}.odalis-hero-image{justify-content:center;align-items:center;display:flex;position:relative}.odalis-hero-image .hero-image-glow{display:none}.odalis-hero-image .hero-image-frame{z-index:2;border:2px solid #033b3c80;border-radius:12px;width:100%;max-width:350px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006,0 0 20px #033b3c40}.odalis-hero-image .hero-image-frame img{opacity:.75;width:100%;height:auto;transition:transform .5s,opacity .3s;display:block}.odalis-hero-image .hero-image-frame:hover img{opacity:.9;transform:scale(1.03)}@media (max-width:1024px){.odalis-hero-inner{text-align:center;grid-template-columns:1fr;gap:2rem}.odalis-hero-content{text-align:center;order:1}.odalis-hero-content:before{left:50%;transform:translate(-50%,-50%)}.odalis-hero-image{display:none!important}}.odalis-hero-badge{background:#033b3c4d;border:1px solid #feb55980;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.5rem;display:inline-flex}.badge-text{color:#feb559;letter-spacing:.5px;font-size:.9rem;font-weight:500}.odalis-hero-title{margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.odalis-hero-title .title-line{color:#fff;display:block}.odalis-hero-title .title-highlight{background:linear-gradient(135deg,#d4af37 0%,#f0c850 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.odalis-hero-subtitle{color:#fffc;max-width:700px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.7}.odalis-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.odalis-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#033b3c 0%,#065a5b 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.odalis-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #033b3c66}.odalis-btn-primary .btn-arrow{width:20px;height:20px;transition:transform .3s}.odalis-btn-primary:hover .btn-arrow{transform:translate(4px)}.odalis-btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.odalis-btn-secondary:hover{background:#feb5591a;border-color:#feb559}.odalis-page .scroll-indicator{z-index:100;cursor:pointer;transition:opacity .3s;position:fixed!important;bottom:2rem!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.odalis-page .scroll-indicator.visible{opacity:1}.odalis-page .scroll-indicator.hidden{opacity:0;pointer-events:none}.odalis-page .scroll-arrow{background:#033b3c4d;border:1px solid #feb55980;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;animation:2s infinite bounce;display:flex}.odalis-page .scroll-arrow svg{color:#feb559;width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.odalis-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:#feb559;text-transform:uppercase;letter-spacing:1px;background:#033b3c33;border:1px solid #feb5594d;border-radius:50px;margin-bottom:1rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{background:linear-gradient(135deg,#fff 0%,#feb559 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.75rem;font-weight:700}.section-subtitle{color:#ffffffb3;max-width:700px;margin:0 auto;font-size:1.15rem;line-height:1.7}.odalis-approach{background:linear-gradient(#0a1628 0%,#0f1d32 100%);padding:6rem 0}.approach-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.odalis-page .approach-tabs button.tab-btn{color:#ffffffb3!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:50px!important;width:auto!important;padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:500!important;transition:all .3s!important;display:inline-flex!important}.odalis-page .approach-tabs button.tab-btn:hover{color:#fff!important;background:#033b3c33!important;border-color:#feb5594d!important}.odalis-page .approach-tabs button.tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#033b3c 0%,#065a5b 100%)!important;border-color:#0000!important}.overview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.overview-text h3{color:#fff;margin-bottom:1rem;font-size:1.75rem}.overview-text p{color:#ffffffb3;margin-bottom:2rem;line-height:1.8}.overview-list{margin:0;padding:0;list-style:none}.overview-list li{color:#fffc;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.list-icon{color:#feb559;flex-shrink:0;font-weight:700}.visual-card{background:#0f1d32;border:1px solid #033b3c4d;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.visual-header{background:#0000004d;border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.visual-dot{border-radius:50%;width:12px;height:12px}.visual-dot.red{background:#ff5f56}.visual-dot.yellow{background:#ffbd2e}.visual-dot.green{background:#27ca40}.visual-title{color:#ffffff80;margin-left:auto;font-size:.85rem}.visual-body{padding:1.5rem}.chat-preview{flex-direction:column;gap:1rem;display:flex}.chat-message{border-radius:16px;max-width:85%;padding:.75rem 1rem;animation:.3s fadeIn}.chat-message.customer{color:#033b3c;background:#feb559;border-bottom-right-radius:4px;align-self:flex-end}.chat-message.assistant{color:#fff;background:#033b3c;border-bottom-left-radius:4px;align-self:flex-start}.message-text{font-size:.9rem;line-height:1.5}.chat-typing{background:#033b3c;border-radius:16px 16px 16px 4px;align-self:flex-start;gap:4px;max-width:60px;padding:.75rem 1rem;display:flex}.typing-dot{background:#ffffff80;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.capabilities-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.capability-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s}.capability-card:hover{background:#033b3c26;border-color:#feb5594d;transform:translateY(-5px)}.capability-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem}.capability-desc{color:#ffffffb3;font-size:.95rem;line-height:1.6}.workflow-timeline{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.workflow-step{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:flex-start;padding:2rem;transition:all .3s;display:flex;position:relative}.workflow-step:hover{background:#033b3c26;border-color:#feb5594d;transform:translateY(-5px)}.step-number{display:none}.step-content{display:block}.step-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.step-desc{color:#ffffffb3;font-size:.95rem;line-height:1.6}.step-connector{display:none}.odalis-usecases{background:#0a1628;padding:6rem 0}.usecases-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.usecase-card{background:linear-gradient(135deg,#033b3c1a 0%,#0a1628cc 100%);border:1px solid #feb55933;border-radius:20px;padding:2.5rem;transition:all .3s}.usecase-card:hover{border-color:#feb55966;transform:translateY(-5px);box-shadow:0 20px 40px #033b3c33}.usecase-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.usecase-desc{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.7}.usecase-tags{flex-wrap:wrap;gap:.5rem;display:flex}.usecase-tags .tag{color:#feb559;background:#feb55933;border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.odalis-stack{background:linear-gradient(#0f1d32 0%,#0a1628 100%);padding:6rem 0}.stack-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stack-category{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.category-title{color:#feb559;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:1.5rem;font-size:1rem}.stack-items{flex-direction:column;align-items:center;gap:.75rem;display:flex}.stack-item{color:#ffffffe6;text-align:center;background:#033b3c26;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}.stack-item:hover{background:#033b3c4d}.odalis-cta{background:linear-gradient(135deg,#033b3c26 0%,#0a1628 100%);padding:6rem 0}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-subtitle{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:1024px){.overview-grid{grid-template-columns:1fr;gap:3rem}.capabilities-grid,.workflow-timeline,.stack-grid{grid-template-columns:repeat(2,1fr)}}.odalis-page .desktop-only{display:block}.odalis-page .approach-tabs.desktop-only{display:flex}.odalis-page .mobile-only{display:none}.odalis-page .mobile-section{border-top:1px solid #feb55933;margin-bottom:4rem;padding-top:2rem}.odalis-page .mobile-section:first-child{border-top:none;padding-top:0}.odalis-page .mobile-section-title{color:#feb559;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:2rem;font-size:1.5rem}.odalis-page .content-section{background:#feb5590d;border:1px solid #feb55933;border-radius:16px;margin-bottom:4rem;padding:2rem}.odalis-page .content-section:last-child{margin-bottom:0}.odalis-page .content-section-title{color:#d4af37;border-bottom:2px solid #d4af374d;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600}@media (max-width:768px){.odalis-page .scroll-indicator{bottom:1.5rem!important;left:1.5rem!important;right:auto!important;transform:none!important}.odalis-page .desktop-only{display:none!important}.odalis-page .mobile-only{display:block!important}.odalis-hero{padding-top:100px}.odalis-hero-content .product-name-badge{margin-top:1rem}.odalis-hero-image{display:none!important}.odalis-hero-title .title-assistant{display:block}.odalis-hero-title{font-size:2.5rem}.odalis-hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.capabilities-grid,.workflow-timeline,.usecases-grid,.stack-grid{grid-template-columns:1fr;font-size:1.75rem}.capability-card,.workflow-step,.usecase-card,.stack-item,.section-header,.section-title,.section-subtitle,.capability-title,.step-title,.usecase-title,.visual-title,.cta-title,.content-section-title,.mobile-section-title{text-align:center}.odalis-hero-actions,.cta-actions{flex-direction:column;align-items:center}.odalis-btn-primary,.odalis-btn-secondary{justify-content:center;width:100%;max-width:280px}}