.services-hero-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bd9 100%);justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.services-hero-background{opacity:.15;z-index:1;background-image:url(https://kronoiinc.com/wp-content/uploads/2022/10/qrsx.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.services-hero-content{z-index:2;text-align:center;max-width:1200px;padding:0 2rem;position:relative}.services-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f14d 0%,#10b98133 100%);border:1px solid #6366f166;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.75rem 1.5rem;display:inline-flex}.services-hero-badge-text{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:700}.services-hero-heading{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.services-hero-heading .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.services-hero-description{color:#ffffffe6;max-width:800px;margin:0 auto;font-size:1.5rem;font-weight:400;line-height:1.6}.services-section{padding:100px 0;position:relative}.services-section-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.services-section-subtitle{color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto 2rem;font-size:1.5rem;font-weight:400;line-height:1.6;display:block}.text-center{text-align:center}.overview-section{background:var(--dark-bg)}.overview-content{text-align:center;max-width:1000px;margin:0 auto}.overview-text{color:var(--text-secondary);margin-bottom:3rem;font-size:1.25rem;line-height:1.8}.overview-stats{flex-wrap:wrap;justify-content:center;gap:4rem;margin-top:4rem;display:flex}.overview-stat{text-align:center}.overview-stat-number{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:900}.overview-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.work-roles-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bd9 100%)}.roles-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.role-tab{color:var(--text-secondary);cursor:pointer;background:#1e293b99;border:1px solid #6366f14d;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;transition:all .3s;display:flex}.role-tab:hover{color:#fff;background:#6366f11a;border-color:#6366f180}.role-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:#0000;box-shadow:0 10px 30px #6366f14d}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.role-card{background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f133;border-radius:1.5rem;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden}.role-card:hover{border-color:#6366f166;transform:translateY(-8px);box-shadow:0 20px 50px #6366f133}.role-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.role-card:hover:before{opacity:1}.role-level{background:#6366f11a;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.role-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.role-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.role-responsibilities{margin:0;padding:0;list-style:none}.role-responsibility{color:var(--text-secondary);align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.role-responsibility:before{content:"•";color:var(--primary);font-size:1.5rem;line-height:1}.services-offered-section{background:var(--dark-bg)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-card{text-align:center;background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f11a;border-radius:1.5rem;padding:2.5rem;transition:all .4s}.service-card:hover{border-color:#6366f14d;transform:translateY(-8px);box-shadow:0 20px 50px #6366f126}.service-icon{background:linear-gradient(135deg,#6366f126,#10b98126);border-radius:1.5rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.workflow-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bd9 100%)}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.workflow-step{text-align:center;background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f11a;border-radius:1.5rem;padding:2.5rem;transition:all .4s}.workflow-step:hover{border-color:#6366f14d;transform:translateY(-8px);box-shadow:0 20px 50px #6366f126}.workflow-step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:900;display:flex}.business-benefits-section{background:var(--dark-bg)}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.benefit-card{text-align:center;background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #10b9811a;border-radius:1.5rem;padding:2.5rem;transition:all .4s}.benefit-card:hover{border-color:#10b9814d;transform:translateY(-8px);box-shadow:0 20px 50px #10b98126}.career-growth-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bd9 100%)}.career-timeline{max-width:1000px;margin:4rem auto 0;padding:2rem 0;position:relative}.career-timeline:before{content:"";background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.career-step{background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f133;border-radius:1.5rem;width:45%;margin-bottom:3rem;padding:2rem;transition:all .4s;position:relative}.career-step:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 15px 40px #6366f133}.career-step:nth-child(odd){margin-left:0;margin-right:auto}.career-step:nth-child(2n){margin-left:auto;margin-right:0}.career-step:before{content:"";background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.career-step:nth-child(odd):before{right:-52px}.career-step:nth-child(2n):before{left:-52px}.career-step-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.career-step-icon{background:linear-gradient(135deg,#6366f126,#10b98126);border-radius:1rem;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.career-step-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.career-step-duration{color:var(--primary);background:#6366f11a;border-radius:2rem;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.career-step-description{color:var(--text-secondary);margin:0;line-height:1.6}.work-advantages-section{background:var(--dark-bg)}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.advantage-card{text-align:center;background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f11a;border-radius:1.5rem;padding:2.5rem;transition:all .4s}.advantage-card:hover{border-color:#6366f14d;transform:translateY(-8px);box-shadow:0 20px 50px #6366f126}.advantage-icon{background:linear-gradient(135deg,#6366f126,#10b98126);border-radius:1.25rem;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex}.work-rules-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bd9 100%)}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.rule-card{text-align:center;background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #ef44441a;border-radius:1.5rem;padding:2.5rem;transition:all .4s}.rule-card:hover{border-color:#ef44444d;transform:translateY(-8px);box-shadow:0 20px 50px #ef444426}.rule-icon{background:linear-gradient(135deg,#ef444426,#f59e0b26);border-radius:1.25rem;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex}.eligibility-section{background:var(--dark-bg)}.eligibility-content{max-width:1000px;margin:0 auto}.eligibility-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3rem;display:grid}.eligibility-column{background:linear-gradient(145deg,#1e293bcc 0%,#0f172a99 100%);border:1px solid #6366f11a;border-radius:1.5rem;padding:2.5rem}.column-title{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.requirements-list{margin:0;padding:0;list-style:none}.requirement-item{color:var(--text-secondary);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.125rem;display:flex}.requirement-check{color:#10b981;background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.requirement-cross{color:#ef4444;background:#ef44441a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.no-requirements{color:#ef4444e6;text-align:center;margin-top:1rem;font-weight:600}.services-cta-section{background:linear-gradient(135deg,#0f172afa 0%,#1e293be6 100%);border-top:1px solid #6366f133;border-bottom:1px solid #6366f133}.services-cta-content{text-align:center;max-width:800px;margin:0 auto}.services-cta-button{background:linear-gradient(135deg,var(--primary)0%,#4f46e5 50%,var(--primary)100%);color:#fff;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;margin-top:2rem;padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-flex;box-shadow:0 10px 40px #6366f166}.services-cta-button:hover{transform:translateY(-3px);box-shadow:0 20px 60px #6366f199}@media (max-width:1200px){.services-hero-heading{font-size:3.5rem}.services-section-title{font-size:3rem}}@media (max-width:992px){.career-timeline:before{left:30px}.career-step{width:calc(100% - 60px);margin-left:60px!important;margin-right:0!important}.career-step:before{left:-46px!important;right:auto!important}.eligibility-grid{grid-template-columns:1fr}}@media (max-width:768px){.services-hero-section{min-height:60vh}.services-hero-heading{font-size:2.75rem}.services-hero-description{font-size:1.25rem}.services-section{padding:80px 0}.services-section-title{font-size:2.5rem}.services-section-subtitle{font-size:1.25rem}.overview-stats{gap:2rem}.overview-stat-number{font-size:2.5rem}.roles-tabs{flex-direction:column;align-items:center}.role-tab{justify-content:center;width:100%;max-width:300px}.roles-grid,.services-grid,.workflow-steps,.benefits-grid,.advantages-grid,.rules-grid{grid-template-columns:1fr}}@media (max-width:480px){.services-hero-heading{font-size:2.25rem}.services-section-title{font-size:2rem}.role-card,.service-card,.workflow-step,.benefit-card,.advantage-card,.rule-card,.eligibility-column{padding:2rem}.career-step{padding:1.5rem}}.floating-image-services{z-index:1;border:2px solid #6366f133;border-radius:1rem;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 20px 40px -12px #00000080}.floating-image-services:hover{border-color:#6366f166;transform:translateY(-10px);box-shadow:0 30px 50px -15px #6366f14d}@keyframes float-services-1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(15px,-15px)rotate(3deg)}66%{transform:translate(-10px,10px)rotate(-3deg)}}@keyframes float-services-2{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-20px,10px)rotate(-2deg)}66%{transform:translate(10px,-20px)rotate(2deg)}}@keyframes float-services-3{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(10px,15px)rotate(1deg)}66%{transform:translate(-15px,-10px)rotate(-1deg)}}.floating-services-1{animation:25s ease-in-out infinite float-services-1}.floating-services-2{animation:30s ease-in-out infinite float-services-2}.floating-services-3{animation:28s ease-in-out infinite float-services-3}
