@charset "utf-8";

img{/*max-width:100%;*/display:block}
button{cursor:pointer;font-family:inherit}
#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nav-bar{position:fixed;top:0;left:0;right:0;background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:50;border-bottom:1px solid #E5E7EB}
.nav-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo .logo-placeholder{font-size:1.5rem;font-weight:900;background:linear-gradient(90deg,#2400A1 0%,#27BB66 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-menu{display:flex;align-items:center;gap:2rem}
.nav-menu a{color:#374151;text-decoration:none;font-weight:500;transition:color .3s}
.nav-menu a:hover{color:#2400A1}
.btn-gradient-nav{position:relative;padding:.625rem 1.5rem;color:#fff;background:linear-gradient(90deg,#2400A1 0%,#27BB66 100%);border:none;border-radius:9999px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:.5rem}
.btn-gradient-nav:hover{box-shadow:0 0 20px #2400a180}
.nav-icon{width:1rem;height:1rem}
.mobile-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:8px}
.mobile-toggle span{width:24px;height:3px;background:#374151;border-radius:2px;transition:all .3s}
.gradient-text{background:linear-gradient(90deg,#2400A1 0%,#27BB66 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.container-large{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.container-medium{max-width:1024px;margin:0 auto;padding:0 1.5rem}
.container-medium-wide{max-width:1152px;margin:0 auto;padding:0 1.5rem}
.hero-section{position:relative;z-index:1;padding:9rem 1.5rem 5rem}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.recruit-bg{background:url(https://www.bluent.net/images/recruit-bg.jpg) top center no-repeat;/*margin-top:85px;*/background-size:cover}
.recruit-bg h1{font-size:3.75rem;line-height:1.2;color:#fff;max-width:1050px;text-align:center;width:96%;margin:auto;padding:10rem .5rem;font-weight:900}
.hero-title{font-size:3.5rem;line-height:1;font-weight:900;margin-bottom:1.5rem;color:#1F2937}
.hero-desc{font-size:1.25rem;line-height:1.75;color:#374151;margin-bottom:2rem}
.btn-gradient-large{font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#2400A1 0%,#27BB66 100%);border:none;border-radius:9999px;transition:all .3s}
.btn-gradient-large a{text-decoration:none;color:#fff;display:inline-block;padding:1rem 2rem}
.btn-gradient-large:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a}
.btn-full{padding:1rem 2rem}
.hero-image{position:relative}
.image-container{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:4px solid #fff}
.image-container img{width:100%;height:auto}
.image-gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2400a10d 0%,#27bb660d 100%);pointer-events:none}
.blob-decoration{position:absolute;width:8rem;height:8rem;border-radius:50%;filter:blur(60px);opacity:.3}
.blob-1{top:-1.5rem;right:-1.5rem;background:linear-gradient(135deg,#2400A1 0%,#27BB66 100%)}
.blob-2{bottom:-1.5rem;left:-1.5rem;background:linear-gradient(135deg,#27BB66 0%,#1a8984 100%)}
.white-section{position:relative;padding:5rem 1.5rem;z-index:1}
.challenges-section{position:relative;padding:5rem 1.5rem;background:linear-gradient(135deg,#bfdbfe4d 0%,#eff6ff4d 100%);z-index:1}
.challenges-section.faq{padding-bottom:0}
.green-tint-section{position:relative;padding:5rem 1.5rem;background:linear-gradient(135deg,#25bb661a 0%,#1a89841a 100%);z-index:1}
.capabilities-section{position:relative;padding:5rem 1.5rem;background:linear-gradient(135deg,#bfdbfe4d 0%,#eff6ff4d 100%);z-index:1}
.section-header-center{text-align:center;margin-bottom:3rem}
.section-title-large{font-size:3rem;line-height:1.5;font-weight:900;margin-bottom:1rem;color:#1F2937}
.section-title-large-gray{font-size:3rem;line-height:1.5;font-weight:900;margin-bottom:1.5rem;color:#1F2937}
.section-subtitle{font-size:1.125rem;line-height:1.75;color:#374151;max-width:48rem;margin:0 auto}
.section-subtitle-mb{font-size:1.125rem;line-height:1.75;color:#374151;max-width:48rem;margin:0 auto 2rem}
.section-subtitle-xl{font-size:1.25rem;line-height:1.75;color:#374151;max-width:48rem;margin:0 auto}
.section-subtitle-lg{font-size:1.125rem;line-height:1.75;color:#374151;max-width:32rem;margin:0 auto}
.cta-center{text-align:center;margin-top:3rem}
.cta-text-large{font-size:1.125rem;line-height:1.75;color:#374151;max-width:48rem;margin:0 auto 1.5rem}
.cta-text-large-sm{font-size:1.125rem;line-height:1.75;color:#374151;max-width:32rem;margin:0 auto 1.5rem}
.cta-box-white{display:inline-block;background:#fff;border-radius:1rem;padding:1rem 2rem;border:2px solid #E5E7EB;box-shadow:0 10px 15px -3px #0000001a}
.cta-box-text{font-size:1.125rem;color:#1F2937;font-weight:700;margin:0}
.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.three-column-grid-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}
.four-column-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}
.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.white-card-basic{background:#fff;border-radius:1.5rem;padding:2rem;border:2px solid #E5E7EB;height:100%}
.white-card-highlighted{background:#fff;border-radius:1.5rem;padding:2rem;border:2px solid #27BB66;box-shadow:0 0 30px #27bb6633;height:100%}
.card-title-xl{font-size:1.5rem;font-weight:900;margin-bottom:1.5rem;color:#1F2937}
.challenge-list,.solution-list{display:flex;flex-direction:column;gap:1rem}
.challenge-item,.solution-item{display:flex;gap:.75rem}
.red-bullet{width:8px;height:8px;background:#EF4444;border-radius:50%;margin-top:8px;flex-shrink:0}
.check-icon{width:20px;height:20px;margin-top:4px;flex-shrink:0}
.item-title{font-weight:700;margin-bottom:4px;color:#1F2937}
.item-text{font-size:.875rem;color:#4B5563;line-height:1.5}
.feature-card-gradient{position:relative;background:#fff;border-radius:1rem;padding:1.5rem;transition:all .3s}
.feature-card-gradient::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(135deg,#2400a133 0%,#27bb6633 50%,#1a898433 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.feature-card-gradient:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}
.feature-icon-gradient{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1rem;position:relative}
.feature-icon-gradient::before{content:'';position:absolute;inset:0;border-radius:.5rem;background:linear-gradient(135deg,#2400a11a 0%,#27bb661a 50%,#1a89841a 100%)}
.feature-icon-gradient svg{width:1.5rem;height:1.5rem;color:#2400A1;position:relative;z-index:1}
.feature-text{font-weight:600;color:#1F2937}
.capability-card{position:relative;border-radius:1.5rem;padding:2px;background:linear-gradient(135deg,#2400a133 0%,#27bb6633 50%,#1a898433 100%);height:100%;transition:all .3s}
.capability-card-inner{position:relative;background:#fff;border-radius:1.5rem;padding:2rem;height:100%;overflow:hidden;transition:all .3s}
.capability-card:hover .capability-card-inner{background:linear-gradient(to bottom right,white 0%,#eff6ff4d 100%)}
.capability-icon-container{position:relative;margin-bottom:1.5rem}
.capability-icon-box{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2400A1 0%,#27BB66 50%,#1a8984 100%);transform:rotate(0deg);transition:all .3s}
.capability-card:hover .capability-icon-box{transform:scale(1.1) rotate(3deg)}
.capability-icon-box svg{width:2rem;height:2rem;color:#fff}
.capability-blur{position:absolute;top:-.5rem;left:-.5rem;width:3rem;height:3rem;border-radius:50%;filter:blur(24px);opacity:0;transition:opacity .3s}
.capability-card:hover .capability-blur{opacity:.5}
.capability-title{font-size:1.25rem;font-weight:900;color:#1F2937;margin-bottom:1rem;transition:color .3s}
.capability-card:hover .capability-title{color:#2400A1}
.capability-desc{color:#4B5563;line-height:1.5;font-size:.875rem}
.capability-corner{position:absolute;bottom:-2.5rem;right:-2.5rem;width:8rem;height:8rem;border-radius:50%;background:linear-gradient(135deg,#2400A1 0%,#27BB66 100%);opacity:0;filter:blur(32px);transition:all .5s}
.capability-card:hover .capability-corner{opacity:.1}
.stat-card-gradient{background:linear-gradient(135deg,#2400A1 0%,#1a8984 100%);border-radius:1.5rem;padding:3rem;text-align:center;box-shadow:0 10px 40px #2400a14d}
.stat-value{font-size:4rem;font-weight:900;color:#fff;margin-bottom:.5rem}
.stat-label{font-size:1.25rem;color:#ffffffe6;font-weight:600}
.step-card{background:#fff;border-radius:1.5rem;overflow:hidden;border:2px solid #E5E7EB;transition:all .3s;position:relative}
.step-card:hover{border-color:#27BB66;box-shadow:0 20px 25px -5px #0000001a}
.step-image-container{position:relative;height:12rem;overflow:hidden}
.step-image-container img{width:100%;height:100%;object-fit:cover}
.step-number{position:absolute;top:1rem;left:1rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2400A1 0%,#1a8984 100%);color:#fff;font-size:1.5rem;font-weight:900;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a}
.step-content{padding:2rem;text-align:center}
.step-title{font-size:1.5rem;font-weight:900;margin-bottom:1rem;color:#1F2937}
.step-desc{color:#4B5563;line-height:1.7}
.arrow-right{display:none;position:absolute;top:50%;right:-1rem;transform:translateY(-50%);width:2rem;height:2rem;z-index:10}
@media (min-width: 768px) {
.arrow-right{display:block}
.step-card:last-child .arrow-right{display:none}
}
.benefits-stack{display:flex;flex-direction:column;gap:1.5rem}
.benefit-card-bordered{position:relative;background:#fff;border-radius:1rem;padding:2rem;transition:all .3s}
.benefit-card-bordered::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(135deg,#2400a133 0%,#27bb6633 50%,#1a898433 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.benefit-card-bordered:hover{box-shadow:0 10px 15px -3px #0000001a}
.benefit-title{font-size:1.25rem;font-weight:900;margin-bottom:.75rem;color:#1F2937}
.benefit-desc{color:#4B5563;line-height:1.7}
.testimonials-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5rem}
.testimonial-card{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 10px 25px #0000001a;text-align:center}
.testimonial-quote-mark{font-size:4.5rem;color:#9b87f566;margin-bottom:1.5rem;font-family:serif;line-height:1rem}
.testimonial-quote{font-size:1.875rem;font-style:italic;color:var(--gray-700);margin-bottom:3rem}
.testimonial-author{display:flex;flex-direction:column;align-items:center}
.author-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,#2400a1,#1a8984);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;margin-bottom:1rem}
.author-name{font-weight:700;font-size:1.25rem;margin-bottom:.25rem}
.author-role{color:var(--gray-600);font-size:1.125rem}
.testimonial-dots{display:flex;justify-content:center;gap:.75rem;margin-top:3rem}
.dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--gray-300);cursor:pointer;transition:all .3s ease;border:none}
.dot.active{width:3rem;border-radius:9999px;background:linear-gradient(90deg,var(--purple-blue),var(--bright-green))}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.contact-title{font-size:3rem;line-height:1.2;font-weight:900;margin-bottom:1.5rem}
.contact-desc{color:#4B5563;line-height:1.7}
.contact-form-card{background:#fff;border-radius:1.5rem;padding:2rem;border:2px solid #E5E7EB;box-shadow:0 20px 25px -5px #0000001a}
.contact-form-card form{display:flex;flex-direction:column;gap:1rem}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;padding:.75rem 1rem;border:1px solid #D1D5DB;border-radius:.5rem;font-size:1rem;transition:border-color .3s}
.contact-form-card input#privacy{width:auto;vertical-align:middle}
.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{outline:none;border-color:#2400A1}
.form-checkbox{display:flex;align-items:flex-start;gap:.5rem}
.form-checkbox label{font-size:.75rem;color:#4B5563}
.btn-full{width:100%}
.faq-container{display:flex;flex-direction:column;gap:1rem}
.faq-item{background:#fff;border-radius:1rem;border:2px solid #E5E7EB;overflow:hidden}
.faq-btn{width:100%;padding:1.5rem 2rem;background:none;border:none;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:700;color:#1F2937;transition:background .3s}
.faq-btn:hover{background:#F9FAFB}
.faq-chevron{width:24px;height:24px;color:#2400A1;transition:transform .3s;flex-shrink:0}
.faq-item.active .faq-chevron{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s,padding .3s}
.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem}
.faq-answer p{color:#4B5563;line-height:1.7}
.fade-in,.fade-in-left,.fade-in-right{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-in-left{transform:translate(-30px,0)}
.fade-in-right{transform:translate(30px,0)}
.fade-in.visible,.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translate(0,0)}
@media (max-width: 1024px) {
.hero-grid,.two-column-grid,.contact-grid{grid-template-columns:1fr}
.four-column-grid{grid-template-columns:repeat(2,1fr)}
.three-column-grid,.three-column-grid-steps,.capabilities-grid{grid-template-columns:1fr}
.hero-title{font-size:2.5rem}
.section-title-large,.section-title-large-gray{font-size:2rem}
.contact-title{font-size:2rem}
}
@media (max-width: 768px) {
/*.recruit-bg{margin-top:108px}*/
.recruit-bg h1{padding:5rem .5rem}
/*.nav-menu{position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a;transform:translateX(-100%);transition:transform .3s}
.nav-menu.active{transform:translateX(0)}
.mobile-toggle{display:flex}*/
.hero-section{padding-top:3rem}
.hero-title,.recruit-bg h1{font-size:2rem}
.section-title-large,.section-title-large-gray{font-size:1.75rem}
.four-column-grid{grid-template-columns:1fr}
.form-row-2{grid-template-columns:1fr}
.stat-value{font-size:3rem}
.testimonial-quote{font-size:1.125rem}
.contact-title{font-size:1.75rem}
}


.item-related{background: linear-gradient(135deg,#bfdbfe4d 0%,#eff6ff4d 100%);}
.item-related a{background:#fff}