td,th{padding:20px}.breakdown-card,.cta-section,.hero-content,.loader-content,.quote-section,.section-header,.stat-card{text-align:center}.loader.hidden,.quote{opacity:0}.cta-title,.gradient-text,.hero h1,.hero-highlight,.stat-number{-webkit-text-fill-color:transparent}#wm,.loader.hidden{pointer-events:none}.btn13,select.roi-input{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}:root{--ms-purple:#5B2C92;--ms-blue:#00BCF2;--ms-green:#00B294;--ms-orange:#FFB900;--ms-red:#E81123;--text-primary:#FFFFFF;--text-secondary:#B0B0B0;--bg-dark:#000000;--bg-section:#0A0A0A}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9998;display:flex;justify-content:center;align-items:center;transition:opacity 1s}.hero,.hero-cta{align-items:center}.loader-logo{width:120px;height:120px;margin:0 auto 20px;position:relative}.loader-square{position:absolute;width:50%;height:50%;animation:2s ease-in-out infinite loaderPulse}.feature-card,.feature-section,.hero,.quote-section,.timeline,.timeline-item{position:relative}.loader-square:first-child{top:0;left:0;background:var(--ms-red)}.loader-square:nth-child(2){top:0;right:0;background:var(--ms-green);animation-delay:.5s}.loader-square:nth-child(3){bottom:0;left:0;background:var(--ms-blue);animation-delay:1s}.loader-square:nth-child(4){bottom:0;right:0;background:var(--ms-orange);animation-delay:1.5s}@keyframes loaderPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.loader-text{font-size:14px;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase}.breakdown-title,.hero-badge,.stat-card-label,.stat-label{text-transform:uppercase;letter-spacing:1px}.hero{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(ellipse at center,rgba(91,44,146,.1),transparent 70%);padding-top:127px}.hero-content{max-width:1200px;padding:0 50px;animation:1s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:8px 20px;background:rgba(0,188,242,.1);border:1px solid rgba(0,188,242,.3);border-radius:50px;font-size:12px;font-weight:600;color:var(--ms-blue);margin-bottom:20px}.hero-subtitle,.stat-label{color:var(--text-secondary)}.hero h1{font-size:clamp(40px, 8vw, 60px);font-weight:900;line-height:1;margin-bottom:20px;background:linear-gradient(180deg,#fff 0,grey 100%);background-clip:text}.hero-highlight{background:linear-gradient(135deg,var(--ms-blue),var(--ms-purple));background-clip:text}.hero h2{font-size:35px;font-weight:500;color:#fff;line-height:45px;margin-bottom:10px}.roi-inputs h3,.stat-card:first-child .stat-card-number{color:var(--ms-blue)}.roi-inputs h3,.roi-results h3{margin-bottom:30px;font-size:24px}.hero-subtitle{font-size:clamp(20px, 3vw, 28px);font-weight:300;margin-bottom:30px;line-height:1.4}.hero-stats{display:flex;justify-content:center;gap:60px;margin-bottom:50px;flex-wrap:wrap}.hero-stat{animation:1s both fadeIn}.hero-stat:first-child{animation-delay:.2s}.hero-stat:nth-child(2){animation-delay:.4s}.hero-stat:nth-child(3){animation-delay:.6s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.stat-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--ms-blue),var(--ms-green));background-clip:text}.stat-label{font-size:14px}.hero-cta{display:inline-flex;gap:20px;padding:20px 40px;background:var(--ms-blue);color:#fff;text-decoration:none;border-radius:50px;font-size:18px;font-weight:600;transition:.3s;animation:2s ease-in-out infinite pulse}.feature-description,.quote-author,.section-subtitle,.stat-card-description,.stat-card-label{color:var(--text-secondary)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.hero-cta:hover{background:var(--ms-purple);transform:scale(1.05)}.quote-section{padding:50px;background:var(--bg-section)}.quote{font-size:clamp(32px, 5vw, 40px);font-weight:100;line-height:1.4;max-width:1000px;margin:0 auto;animation:1s forwards fadeIn;font-family:Inter}.quote-author{margin-top:30px;font-size:18px}.roi-section,.stats-section{padding:50px;background:linear-gradient(180deg,var(--bg-dark),var(--bg-section))}.stat-card,tr:hover{background:rgba(255,255,255,.02)}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;transition:.3s}.stat-card:hover{background:rgba(255,255,255,.05);transform:translateY(-10px);border-color:var(--ms-blue)}.stat-card-number{font-size:56px;font-weight:800;margin-bottom:10px}.result-value.positive,.stat-card:nth-child(2) .stat-card-number{color:var(--ms-green)}.stat-card:nth-child(3) .stat-card-number{color:var(--ms-orange)}.stat-card:nth-child(4) .stat-card-number{color:var(--ms-purple)}.stat-card-label{font-size:14px;margin-bottom:20px}.stat-card-description{font-size:16px;line-height:1.5}.feature-section{padding:50px}.section-header{max-width:800px;margin:0 auto 80px}.section-title{font-weight:800;margin-bottom:20px}.section-subtitle{font-size:20px}.feature-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:linear-gradient(135deg,rgba(91,44,146,.05),rgba(0,188,242,.05));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;transition:.3s;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ms-blue),var(--ms-purple));transform:scaleX(0);transition:transform .3s}.feature-card:hover::before,.telephony-card:hover::before{transform:scaleX(1)}.feature-card:hover,.telephony-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,188,242,.1)}.timeline-week,.timeline::before{left:50%;transform:translateX(-50%)}.ion{margin-right:13px;margin-bottom:1px;zoom:18%}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ms-blue),var(--ms-purple));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.feature-title,.timeline-title{font-size:24px;font-weight:700;margin-bottom:15px}.highlight,.timeline-week,th{font-weight:600}.feature-description{line-height:1.6}.comparison-section{padding:50px;background:var(--bg-section)}.comparison-table{max-width:1200px;margin:0 auto;overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:rgba(91,44,146,.1);text-align:left;border-bottom:2px solid var(--ms-purple)}td{border-bottom:1px solid rgba(255,255,255,.05)}.highlight{color:var(--ms-green)}.timeline-section{padding:50px;background:linear-gradient(180deg,var(--bg-section),var(--bg-dark))}.timeline{max-width:1000px;margin:0 auto}.timeline::before{content:'';position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ms-blue),var(--ms-purple))}.timeline-item{display:flex;margin-bottom:80px}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{flex:1;padding:30px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:20px;margin:0 40px;transition:.3s}.timeline-content:hover{background:rgba(255,255,255,.05);transform:scale(1.02)}.timeline-week{position:absolute;background:var(--ms-blue);color:#fff;padding:10px 20px;border-radius:50px}.input-label,.input-prefix,.timeline-description{color:var(--text-secondary)}.roi-container{max-width:1200px;margin:0 auto}.roi-calculator{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.roi-inputs{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px}.input-group{margin-bottom:25px}.input-label{display:block;font-size:14px;margin-bottom:8px;font-weight:500}.input-wrapper{position:relative}.input-prefix{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-weight:600}.roi-input{width:100%;padding:15px 15px 15px 35px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px;transition:.3s}.roi-input:focus{outline:0;border-color:#ff7a00;background:rgba(0,0,0,.705);box-shadow:0 0 20px rgba(0,188,242,.2)}.input-help{font-size:12px;color:#666;margin-top:5px;font-style:italic}.roi-results{background:linear-gradient(135deg,rgba(0,178,148,.1),rgba(0,188,242,.1));border:1px solid rgba(0,178,148,.3);border-radius:20px;padding:40px}.roi-results h3{color:var(--ms-green)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-label{color:var(--text-secondary);font-size:14px}.result-value{font-size:20px;font-weight:700}.result-value.negative{color:var(--ms-red)}.result-total{margin-top:20px;padding-top:20px;border-top:2px solid var(--ms-green)}.result-total .result-value{font-size:32px;color:var(--ms-green)}.roi-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.breakdown-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;transition:.3s}.breakdown-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.05)}.breakdown-icon{font-size:32px;margin-bottom:15px}.breakdown-title{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.breakdown-value{font-size:24px;font-weight:700;color:var(--ms-green)}.breakdown-description{font-size:12px;color:var(--text-secondary);margin-top:10px;line-height:1.4}.cta-section{padding:50px;background:radial-gradient(ellipse at center,rgba(0,188,242,.1),transparent 70%)}.cta-title{font-size:clamp(36px, 5vw, 64px);font-weight:800;margin-bottom:30px;background:linear-gradient(135deg,var(--ms-blue),var(--ms-purple));background-clip:text}#s12,.cta-primary{background:linear-gradient(135deg,#ff7a00,#ff9a40)}.cta-subtitle{font-size:24px;color:var(--text-secondary);margin-bottom:50px}.cta-buttons{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.cta-button{padding:13px 20px;font-size:14px;border-radius:12px;font-weight:600;text-decoration:none;transition:.3s}.cta-primary{border-radius:14px;color:#fff}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 25px 60px rgba(255,107,53,.6)}.cta-secondary{background:0 0;color:#fff;border:2px solid rgba(255,107,53,.6)}.btn13:hover,.cta-secondary:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(255,107,53,.6)}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:.8s}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:968px){.roi-calculator{grid-template-columns:1fr}.roi-breakdown{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-content{padding:0}.hero h1{font-size:48px}.hero-stats{gap:30px}.timeline-week,.timeline::before{left:30px}.timeline-item{flex-direction:column!important;margin-left:50px}section{padding:80px 20px}.roi-breakdown{grid-template-columns:1fr}.hero{padding-top:150px}.comparison-section,.cta-section,.feature-section,.roi-section,.stats-section{padding:50px}.timeline-section{padding:50px 25px}.cta-button{font-size:15px}.section-title{font-size:30px;line-height:33px}.section-header{margin:0 auto 30px}.environment-data{margin-left:0!important}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:6s ease-in-out infinite float}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.gradient-text{background:linear-gradient(90deg,var(--ms-blue),var(--ms-purple),var(--ms-green),var(--ms-blue));background-size:300% 300%;background-clip:text;animation:5s infinite gradient}#wm{position:fixed;inset:0;z-index:9990;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='220'><text x='20' y='120' font-size='28' font-family='Inter,Segoe UI,Arial' fill='%23999' transform='rotate(-20 0 0)'>eprotech • [https://yourdomain.com](https://yourdomain.com) • Confidential</text></svg>");background-repeat:repeat}@media print{#wm{opacity:.12}}.img-width{max-width:40%}.img-footer-width{max-width:200px}@media (min-width:769px) and (max-width:1024px){.hero{min-height:60vh}.comparison-section,.roi-section{padding:40px 50px}.timeline-section{padding:80px 50px}.cta-section{padding:50px}}@media (min-width:360px) and (max-width:768px){.hero-content{margin-left:14%}.hero h1{font-size:40px}}.environment-data{margin-bottom:30px;color:#b0b0b0;margin-left:52px}#s12{border-radius:14px}.section-nav-wrapper{position:fixed;left:49%;transform:translateX(-50%);top:6.5%;z-index:10;background:0 0;border-radius:50px;width:1250px;display:flex;justify-content:flex-end;margin:0 auto;padding:8px 0}.section-nav-inner{display:flex;justify-content:center;gap:5px;background:rgba(7,11,20,.9);backdrop-filter:blur(8px);padding:10px 15px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;transition:transform .4s ease-in-out;width:100%;max-width:508px}.section-nav-inner a{text-decoration:none;padding:8px 16px;color:#afc2e9;border-radius:40px;white-space:nowrap;font-size:13px!important}.section-nav-inner a.active{box-shadow:0 0 30px 10px rgba(255,107,53,.6);transform:scale(1.05);transition:.3s}@media (min-width:768px) and (max-width:1024px){.section-nav-wrapper{width:100%;position:fixed;padding:6px 10px;justify-content:center}.section-nav-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-nav-inner::-webkit-scrollbar{display:none}.section-nav-inner a{flex:0 0 auto;background:rgba(7,11,20,.9);backdrop-filter:blur(8px);color:#afc2e9;font-size:13px;border-radius:40px;padding:6px 12px}}@media (max-width:767px){.floating-buttons{top:54%}.section-nav-wrapper{position:fixed;width:100%;padding:2px 10px;background:rgba(7,11,20,.9);backdrop-filter:blur(8px);border-radius:0}.section-nav-inner{display:flex;gap:9px;width:200%;justify-content:flex-start;transition:transform .5s ease-in-out}.section-nav-inner a{flex:0 0 50%;text-align:center;font-size:14px}.section-nav-inner.mobile-window-0{transform:translateX(0)}.section-nav-inner.mobile-window-1{transform:translateX(-50%)}.section-nav-inner.mobile-window-2{transform:translateX(-100%)}.section-nav-inner.mobile-window-3{transform:translateX(-150%)}}.btn13{--black-700:rgb(36, 28, 43);--border_radius:14px;--transtion:0.3s ease-in-out;--offset:-2px;position:relative;display:flex;align-items:center;gap:.5rem;transform-origin:center;padding:10px 18px;border:none;border-radius:var(--border_radius);transform:scale(calc(1 + (var(--active,0) * .1)));transition:transform var(--transtion)}.btn13 .dots_border,.btn13::before{top:50%;border-radius:var(--border_radius);position:absolute;left:50%;transform:translate(-50%,-50%)}.btn13::before{content:"";width:100%;height:100%;background-color:var(--black-700);box-shadow:inset 0 .5px #fff;transition:all var(--transtion);z-index:0}.btn13:is(:hover,:focus-visible){--active:1}.btn13 .dots_border{--size_border:calc(100% + 2px);overflow:hidden;width:var(--size_border);height:var(--size_border);background-color:transparent;z-index:-10}.btn13 .dots_border::before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);transform-origin:left;transform:rotate(0);width:100%;height:2rem;background-color:#fff;mask:linear-gradient(transparent 0%,white 120%);animation:2s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.btn13 .sparkle{position:relative;z-index:10;width:1.75rem}.btn13 .sparkle .path{fill:currentColor;stroke:currentColor;transform-origin:center;color:#fff}.btn13:is(:hover,:focus) .sparkle .path{animation:1.5s linear .5s infinite path}.btn13 .sparkle .path:first-child{--scale_path_1:1.2}.btn13 .sparkle .path:nth-child(2){--scale_path_2:1.2}.btn13 .sparkle .path:nth-child(3){--scale_path_3:1.2}@keyframes path{0%,100%,34%,71%{transform:scale(1)}17%{transform:scale(var(--scale_path_1,1))}49%{transform:scale(var(--scale_path_2,1))}83%{transform:scale(var(--scale_path_3,1))}}.btn13 .text_button{position:relative;z-index:10;background-image:linear-gradient(90deg,hsla(0 0% 100% / 1) 0,hsla(0 0% 100% / var(--active,0)) 120%);background-clip:text;font-size:1rem;color:transparent}.ioon{margin-right:29px;margin-bottom:-59px}.ioonn{margin-bottom:-68px}.ion2{zoom:10%}.teams-info-section{padding:100px 50px;background:var(--bg-dark)}.teams-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:0}.teams-image{flex:1;margin-right:-110px}.teams-image img{width:75%;border-radius:20px;display:block;transition:transform .4s}.teams-content{flex:1}.teams-content h2{font-size:50px;font-weight:800;line-height:80px;margin-bottom:20px}.teams-content p{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:40px;color:#b0b0b0;margin-bottom:15px}@media (max-width:768px){.teams-container{flex-direction:column;gap:30px}.teams-content h2{font-size:28px}.teams-info-section{padding:50px 20px}}.teams-image img:hover{transform:scale(1.03)}@media (max-width:1024px){.teams-container{gap:20px}.teams-image{margin-right:-50px}.teams-image img{width:90%}.teams-content h2{font-size:36px;line-height:50px}.teams-content p{font-size:15px;line-height:28px}}@media (max-width:768px){.teams-container{flex-direction:column;text-align:center}.teams-image{margin-right:0}.teams-image img{width:100%;max-width:400px;margin:0 auto}.teams-content{padding:0 10px}.teams-content h2{font-size:26px;line-height:38px}.teams-content p{font-size:14px;line-height:24px}.telephony-container{flex-direction:column}}.telephony-card .subtitle,.telephony-card h3{font-weight:700;margin-bottom:15px;text-align:center}.telephony-section{padding:60px 50px;background:#000}.telephony-container{max-width:1200px;margin:0 auto;display:flex;gap:40px}.telephony-card{flex:1;background:linear-gradient(135deg,rgba(91,44,146,.05),rgba(0,188,242,.05));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:35px;color:#fff;position:relative;overflow:hidden;transition:.3s}.telephony-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ms-blue),var(--ms-purple));transform:scaleX(0);transform-origin:center;transition:transform .3s}.telephony-card h3{font-size:32px}.telephony-card .subtitle{color:#fff;font-size:14px;line-height:25px}.telephony-card ul{margin:20px 0;padding-left:18px}.telephony-card ul li{margin-bottom:8px;font-size:14px;color:#b0b0b0}.telephony-card .desc{margin-top:15px;font-size:16px;font-weight:200;color:#fff;text-align:center}@media (max-width:1024px){.telephony-section{padding:50px 30px}.telephony-container{gap:25px}.telephony-card{padding:25px}.telephony-card h3{font-size:24px}.telephony-card .subtitle{font-size:13px;line-height:22px}.telephony-card ul li{font-size:13px}.telephony-card .desc{font-size:14px}}@media (max-width:768px){.telephony-section{padding:40px 20px}.telephony-container{flex-direction:column;gap:20px}.telephony-card{padding:20px}.telephony-card h3{font-size:20px}.telephony-card .subtitle{font-size:13px;line-height:20px}.telephony-card ul{padding-left:15px}.telephony-card .desc,.telephony-card ul li{font-size:13px}.stats-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:480px){.section-nav-wrapper{position:fixed;width:100%;padding:13px 0 0 6px;background:rgba(7,11,20,.9);backdrop-filter:blur(8px);border-radius:0}.section-nav-inner{max-width:903px;width:100%;gap:15px}.section-nav-inner a{flex:0 0 calc(50%-7.5px)!important;font-size:13px}.section-nav-inner.mobile-window-1{transform:translateX(calc(-50%+6.5px))!important}.section-nav-inner.mobile-window-2{transform:translateX(calc(-100%+15px))!important}.section-nav-inner.mobile-window-3{transform:translateX(calc(-150%+14.5px))!important}.section-nav-inner.mobile-window-4{transform:translateX(calc(-200%+20px))!important}.teams-content h2{font-size:22px;line-height:32px}.teams-content p{font-size:13px;line-height:22px}.telephony-card h3{font-size:18px}.telephony-card .desc,.telephony-card .subtitle,.telephony-card ul li{font-size:12px}}@media (max-width:768px){.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-title{font-size:30px!important}.hero h2{font-size:25px;line-height:28px}.hero-stats{display:grid}.list{padding:20px!important}.list2{padding:20px 50px!important}.quote{font-size:18px}.week2{top:-7%!important}.week1 h4,.week2 h4,.week3 h4,.week4 h4{font-size:10px!important}.week1p,.week2p,.week3p,.week4p{font-size:8px!important}.week1,.week3{bottom:-5%!important}.week4{top:-6%!important}}.section-title{font-size:40px}@media (min-width: 768px) and  (max-width:1024px){.list{padding:20px 160px!important}.list2{padding:20px 215px!important}.week2,.week4{top:8%!important}.week1,.week3{bottom:8%!important}}