@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";:root{font-family:Russo One,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#000,#4d006282,#000)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background-color:#4d0062be;border-radius:20px;border:3px solid #1a1a1a}nav{background-color:#12121227;min-height:60px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.navbar-logo{display:flex;align-items:center;z-index:1001}.logo-img{height:40px;margin-right:10px}.navbar-title{color:#fff;font-size:24px;font-weight:700}.menu-toggle{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;gap:4px}.menu-toggle span{width:25px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}.navbar-links{display:flex;gap:15px;align-items:center}.navbar-links a{color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease}.navbar-links a:hover{color:#4a9eff}@media screen and (max-width:768px){.menu-toggle{display:flex}.navbar-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:right .3s ease;box-shadow:-2px 0 10px #00000080;z-index:1000}.navbar-links.active{right:0;z-index:1001}.navbar-links a{font-size:20px;padding:10px 20px}.navbar-title{font-size:20px}.logo-img{height:35px}}@media screen and (max-width:480px){nav{padding:0 15px}.navbar-title{font-size:18px}.logo-img{height:30px;margin-right:8px}.navbar-links{width:80%}}main{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f0f8ff;padding:20px}main h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:10px;text-align:center;text-shadow:0 0 30px rgba(168,28,255,.5);background:linear-gradient(135deg,#fff,#a81cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}main p{font-size:clamp(1rem,3vw,1.5rem);margin-top:10px;text-align:center}strong{color:#a81cff;font-weight:700;font-size:clamp(1.2rem,3.2vw,1.7rem)}section{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:2rem}section div{width:50%;padding:4%}section div img{width:100%;height:auto}section div h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;text-align:center}section div p{font-size:1.2rem;line-height:1.6;color:#d1d1d1;text-align:center}@media(max-width:768px){section{flex-direction:column;padding:1rem}section div{width:100%;padding:2%}section div h1{font-size:2rem}section div p{font-size:1rem}}.services{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(2rem,6vw,6rem)}.section_title{width:min(960px,100%);padding-inline:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:.5rem;align-items:center;color:#fff}.section__title{font-size:clamp(1.8rem,5vw,3.2rem);text-shadow:0 0 30px rgba(168,28,255,.4);background:linear-gradient(135deg,#fff,#a81cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services_caption{font-size:clamp(.95rem,2.2vw,1.1rem);color:#ffffffbf;max-width:56ch}.services_flow{background:linear-gradient(135deg,#4d00624d,#0006);width:min(960px,calc(100% - 3rem));margin:0;padding:clamp(1.75rem,5vw,3.5rem) clamp(1.5rem,5vw,3rem);border-radius:clamp(1.5rem,4vw,3rem);box-shadow:0 35px 65px -45px #480079d9;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(1.5rem,4vw,2.75rem);position:relative;overflow:hidden}.services_flow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 60%),radial-gradient(circle at bottom left,rgba(168,28,255,.2),transparent 65%);pointer-events:none}.flow_item{width:45%;display:flex;gap:clamp(1rem,3vw,1.75rem);position:relative;align-items:start}.flow_marker{width:10%;position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:2.75rem}.marker_inner{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:999px;background:linear-gradient(135deg,#fff,#a81cffd9);color:#171b44;font-weight:700;font-size:1rem;box-shadow:0 10px 25px -15px #ffffffb3}.marker_stem{flex:1;width:2px;background:linear-gradient(180deg,#ffffff59,#a81cff4d);margin-top:.3rem;min-height:clamp(2rem,6vw,3.5rem)}.flow_body{text-align:left;display:flex;flex-direction:column;gap:.65rem;padding:clamp(.35rem,2vw,.6rem) 0;flex:1}.flow_label{font-size:clamp(1.1rem,2.8vw,1.45rem);font-weight:700;letter-spacing:.01em;color:#fff}.flow_description{font-size:clamp(.95rem,2.4vw,1.1rem);color:#ffffffd1;line-height:1.6}.flow_item:nth-child(2n) .flow_label{color:#f0d4ff}.flow_item:nth-child(2n) .marker_inner{background:linear-gradient(135deg,#a81cffe6,#fff)}@media(max-width:768px){.section_title{align-items:flex-start}.services_flow{flex-direction:column;width:calc(100% - 2rem);padding:clamp(1.2rem,7vw,2.5rem) clamp(1rem,6vw,2rem)}.flow_item{width:100%;gap:clamp(.75rem,5vw,1.25rem)}.marker_inner{width:2.35rem;height:2.35rem;font-size:.95rem}.marker_stem{min-height:2.5rem}}.skodeservices-module{width:100%;padding:50px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:calc(20px + 2vw)}.skodeservices-module h2{font-size:clamp(1.6rem,4vw,3em);color:#fff;text-shadow:0 0 30px rgba(168,28,255,.5);background:linear-gradient(135deg,#fff,#a81cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skodeservices-cards{display:flex;flex-wrap:wrap;gap:calc(20px + 2vw);justify-content:center}.skode-showcase{display:flex;flex-direction:column;gap:60px;padding:20px;max-width:900px;margin:0 auto}.active-services{display:flex;justify-content:center}.showcase-item{position:relative;width:100%;max-width:600px;border-radius:24px;overflow:hidden}.showcase-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(168,28,255,.4) 0%,transparent 60%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.showcase-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:50px 40px;background:linear-gradient(180deg,#4d006266,#0f0f19f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,28,255,.3);border-radius:24px}.showcase-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#a81cff,#6b0f99);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:1px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #a81cff80}50%{box-shadow:0 0 25px #a81cffcc}}.showcase-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:30px}.showcase-icon{font-size:3.5rem;color:#a81cff;z-index:2;filter:drop-shadow(0 0 20px rgba(168,28,255,.6))}.icon-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(168,28,255,.3);border-radius:50%;animation:ringExpand 2.5s ease-out infinite}.icon-ring.delay{animation-delay:1.25s}@keyframes ringExpand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.showcase-title{font-size:2.2rem;font-weight:700;margin:0 0 15px;background:linear-gradient(135deg,#fff,#a81cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-description{font-size:1.1rem;color:#c9c9c9;text-align:center;max-width:450px;line-height:1.6;margin-bottom:25px}.showcase-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px;list-style:none;padding:0;margin:0 0 35px}.showcase-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#e0e0e0}.feature-dot{width:8px;height:8px;background:#a81cff;border-radius:50%;box-shadow:0 0 10px #a81cff99}.showcase-btn{display:flex;align-items:center;gap:12px;padding:14px 32px;background:linear-gradient(135deg,#a81cff,#6b0f99);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.showcase-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.showcase-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #a81cff66}.showcase-btn:hover:before{transform:translate(100%)}.coming-soon-section{text-align:center}.coming-soon-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.coming-soon-header h4{font-size:1.3rem;color:#888;text-transform:uppercase;letter-spacing:3px;margin:0}.pulse-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(168,28,255,.6),transparent);animation:linePulse 2s ease-in-out infinite}@keyframes linePulse{0%,to{opacity:.3;width:40px}50%{opacity:1;width:80px}}.coming-soon-text{color:#666;font-size:.95rem;margin-bottom:30px}.coming-soon-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.coming-soon-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:140px;height:140px;background:#1e1e2d99;border:1px dashed rgba(168,28,255,.3);border-radius:16px;color:#555;font-size:.9rem;transition:all .3s ease;overflow:hidden}.coming-soon-item:hover{border-color:#a81cff80;background:#28283cb3}.coming-icon{font-size:2rem;color:#444;transition:color .3s ease}.coming-soon-item:hover .coming-icon{color:#a81cff99}.coming-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#a81cff26;font-size:.7rem;color:#a81cffb3;text-transform:uppercase;letter-spacing:1px}.coming-soon-item.mystery{border-style:dotted;animation:mysteryPulse 3s ease-in-out infinite}.mystery-icon{font-size:2rem;color:#444}@keyframes mysteryPulse{0%,to{border-color:#a81cff33}50%{border-color:#a81cff80}}@media(max-width:600px){.showcase-content{padding:40px 25px}.showcase-title{font-size:1.8rem}.showcase-features{grid-template-columns:1fr}.coming-soon-item{width:110px;height:110px}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}.container{padding:0;animation:fadeInUp .6s ease forwards;opacity:0}.container-loaded{opacity:1}.beneficies-section{width:100%;min-height:100vh;padding:80px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.beneficies-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(168,28,255,.1) 0%,transparent 70%);pointer-events:none}.beneficies-container{max-width:1400px;width:100%;position:relative;z-index:1}.beneficies-header{width:100%;text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out}.beneficies-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 0 30px rgba(168,28,255,.5);background:linear-gradient(135deg,#fff,#a81cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beneficies-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#ffffffb3;font-weight:400}.beneficies-grid{width:100%;display:flex;flex-wrap:wrap;gap:30px;padding:20px 0;justify-content:center}.benefit-card{background:linear-gradient(135deg,#4d00624d,#0006);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,28,255,.2);border-radius:20px;padding:35px 25px;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;animation:fadeInUp .6s ease-out backwards;flex:1 1 calc(25% - 30px);min-width:280px;max-width:350px}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(168,28,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.benefit-card:hover{transform:translateY(-10px);border-color:#a81cff99;box-shadow:0 20px 40px #a81cff4d,0 0 60px #a81cff33,inset 0 0 30px #a81cff1a}.benefit-card:hover:before{opacity:1}.benefit-card:hover .benefit-glow{opacity:1;animation:pulse 2s infinite}.benefit-icon{font-size:3rem;margin-bottom:20px;display:inline-block;filter:drop-shadow(0 0 10px rgba(168,28,255,.5));transition:transform .4s ease}.benefit-card:hover .benefit-icon{transform:scale(1.2) rotate(5deg);animation:bounce .6s ease}.benefit-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px;transition:color .3s ease}.benefit-card:hover .benefit-title{color:#a81cff}.benefit-description{display:flex;text-align:left;font-size:.95rem;line-height:1.6;color:#fffc;font-weight:400}.benefit-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(168,28,255,.4) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1.2) rotate(5deg) translateY(0)}50%{transform:scale(1.2) rotate(5deg) translateY(-10px)}}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}@media(max-width:768px){.beneficies-section{padding:60px 15px}.beneficies-grid{gap:20px}.benefit-card{padding:30px 20px;flex:1 1 100%;max-width:100%}.beneficies-header{margin-bottom:40px}}@media(min-width:769px)and (max-width:1024px){.benefit-card{flex:1 1 calc(50% - 30px)}}@media(min-width:1025px)and (max-width:1400px){.benefit-card{flex:1 1 calc(33.333% - 30px)}}