@charset "utf-8";
/* CSS Document */

.grad-text{background-image:linear-gradient(135deg,#2400A1 0%,#1a8984 60%,#27BB66 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.blob{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;opacity:.1}
.blob-tr{top:80px;right:40px;width:384px;height:384px;background:linear-gradient(135deg,#2400A1,#27BB66)}
.blob-bl{bottom:80px;left:40px;width:320px;height:320px;background:linear-gradient(135deg,#1a8984,#27BB66)}
.blob-tl{top:80px;left:40px;width:384px;height:384px;background:linear-gradient(135deg,#2400A1,#1a8984)}
.blob-br{bottom:80px;right:40px;width:320px;height:320px;background:linear-gradient(135deg,#1a8984,#27BB66)}
/*.reveal-left{opacity:0;transform:translateX(-20px);transition:opacity .5s ease,transform .5s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}*/
.section-inner{max-width:1000px;margin:0 auto;position:relative;z-index:1}
.section-inner.wide{max-width:1280px}
.section-inner.narrow{max-width:896px}
.section-inner h2{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;line-height:1.2;text-align:center;margin-bottom:24px}
.section-desc{font-size:1.125rem;color:#4b5563;max-width:896px;margin:0 auto 40px !important;line-height:1.625;text-align:center}
.section-subtitle{font-size:1.25rem;font-weight:600;color:#374151;text-align:center;margin-bottom:12px}
.sub-heading{font-size:1.875rem;font-weight:700;color:#2400A1;text-align:center;margin-bottom:32px}
.btn-primary{padding:16px 32px;border-radius:9999px;background:linear-gradient(90deg,#2400A1 0%,#1a8984 100%);color:#fff;font-size:1.125rem;font-weight:700;border:none;box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a;transition:transform 0.2s,box-shadow .2s}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 20px 40px #2400a14d;color:#fff}
.btn-outline{padding:16px 32px;border-radius:9999px;background:#fff;color:#2400A1;font-size:1.125rem;font-weight:700;border:2px solid #2400A1;transition:transform 0.2s,box-shadow .2s}
.btn-outline:hover{transform:scale(1.05);box-shadow:0 10px 30px #2400a133}
.btn-white{padding:20px 40px;border-radius:9999px;background:#fff;color:#2400A1;font-size:1.125rem;font-weight:700;border:2px solid #fff;box-shadow:0 25px 50px -12px #00000040;transition:transform 0.2s,box-shadow .2s}
.btn-white:hover{transform:scale(1.05);box-shadow:0 20px 60px #0006}
.btn-lg{font-size:1.25rem!important;padding:20px 40px!important}
.btn-full{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}
#hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:140px 24px 50px;background:#fff;overflow:hidden}
.hero-inner{max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:10}
#hero h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;line-height:1.15;margin-bottom:24px}
.hero-subtitle{font-size:1.5rem;font-weight:600;color:#1a8984;margin-bottom:24px}
.hero-desc{font-size:1.125rem;color:#4b5563;max-width:896px;margin:0 auto 40px;line-height:1.625}
.hero-anim-1{animation:fadeUp .8s 0s ease both}
.hero-anim-2{animation:fadeUp .8s .2s ease both}
.hero-anim-3{animation:fadeUp .8s .3s ease both}
.hero-anim-4{animation:fadeUp .8s .4s ease both}
.hero-anim-5{animation:fadeUp .8s .5s ease both}
@keyframes fadeUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.award-section{padding-top:25px}
.award-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}
.award-label span{font-size:1.25rem;font-weight:600;color:#2400A1}
.award-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;max-width:768px;margin:0 auto}
.award-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;flex:1;min-width:200px;text-align:center;transition:transform 0.2s,box-shadow .2s}
.award-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2400a11a}
.award-logo-placeholder{background:#19242D;border-radius:16px;width:235px;text-align:center;padding:20px;display:inline-block;margin-bottom:20px}
.award-logo-placeholder img{width: auto;
  height: 120px;}
.award-card h3{font-size:1.125rem;font-weight:700;color:#2400A1;margin-bottom:8px}
.award-card p{font-size:.875rem;color:#4b5563;line-height:1.5}
#challenges{position:relative;padding:50px 24px;background:linear-gradient(180deg,#f9fafb,#fff);overflow:hidden}
.challenges-table{background:#fff;border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:48px}
.table-header{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5e7eb}
.table-header .col-pain,
.table-header .col-sol{padding:24px;font-size:1.25rem;font-weight:700;text-align:center}
.table-header .col-pain{color:#2400A1;border-right:1px solid #e5e7eb}
.table-header .col-sol{color:#27BB66}
.table-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5e7eb;transition:background .2s}
.table-row:last-child{border-bottom:none}
.table-row:hover{background:#f9fafb}
.table-row .col-pain,.table-row .col-sol{padding:24px;font-size:1rem;color:#374151;line-height:1.625}
.table-row .col-pain{border-right:1px solid #e5e7eb}
.cta-banner{border-radius:24px;overflow:hidden;padding:64px 32px 48px;text-align:center;background:linear-gradient(135deg,#2400a1eb 0%,#1a8984e0 60%,#27bb66d9 100%);box-shadow:0 25px 50px -12px #00000040}
.cta-banner h3{font-size:clamp(1.875rem,4vw,3rem);font-weight:900;color:#fff;margin-bottom:24px;line-height:1.2}
.cta-banner p{font-size:clamp(1.125rem,2vw,1.25rem);color:#fffffff2;max-width:600px;margin:0 auto 32px;line-height:1.625}
#visibility{position:relative;padding:0 24px 50px 24px;background:#fff;overflow:hidden}
.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}
.vis-item{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;transition:box-shadow .2s}
.vis-item:hover{box-shadow:0 4px 6px -1px #0000001a 0 2px 4px -1px #0000000f}
.check-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center}
.vis-item p{font-size:1rem;color:#374151;line-height:1.625}
.outcomes-wrap{border-radius:24px;padding:48px 64px;background:linear-gradient(135deg,#2400a114 0%,#1a898414 60%,#27bb6614 100%);position:relative;overflow:hidden}
.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.outcome-card{background:#fff;border-radius:12px;padding:20px;text-align:center;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#2400A1 0%,#1a8984 60%,#27BB66 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 6px -1px #0000001a 0 2px 4px -1px #0000000f;transition:transform 0.3s,box-shadow .3s}
.outcome-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 10px 15px -3px #0000001a}
.outcome-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2400A1,#1a8984);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 16px #2400a140}
.outcome-card p{font-size:1rem;font-weight:700;color:#1f2937;line-height:1.375}
.outcomes-footer{text-align:center;max-width:768px;margin:0 auto;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;color:#374151;line-height:1.625}
.outcomes-footer .grad-text{font-weight:900}
#capabilities{position:relative;padding:25px 24px 50px 24px;background:linear-gradient(180deg,#fff,#f9fafb);overflow:hidden}
.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.cap-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:16px;transition:box-shadow .25s}
.cap-card:hover{box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}
.cap-icon{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.cap-card:hover .cap-icon{transform:scale(1.1)}
.cap-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}
.cap-card p{font-size:1rem;color:#4b5563;line-height:1.625}
.cap-full{border-radius:24px;padding:40px;box-shadow:0 10px 15px -3px #0000001a 0 4px 6px -2px #0000000d;border:2px solid #e5e7eb;background:linear-gradient(135deg,#2400a108,#3b82f608);display:flex;align-items:flex-start;gap:16px;transition:box-shadow .25s;margin-bottom:20px}
.cap-full:hover{box-shadow:0 25px 50px -12px #00000040}
.cap-full-icon{flex-shrink:0;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#2400A1,#1a8984);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #2400a14d}
.cap-full h3{font-size:1.875rem;font-weight:900;margin-bottom:12px}
.cap-full p{font-size:1.125rem;color:#374151;line-height:1.625}
#how{position:relative;padding:50px 24px 50px 24px;overflow:hidden}
.timeline{position:relative;max-width:1152px;margin:0 auto 64px}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#2400A1 0%,#1a8984 50%,#27BB66 100%);transform:translateX(-50%);opacity:.2}
.timeline-step{position:relative;margin-bottom:20px}
.timeline-step:last-child{margin-bottom:0}
.step-node{position:absolute;left:50%;top:32px;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 6px -1px #0000001a}
.step-card{width:45%;background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;transition:transform 0.3s,box-shadow .3s}
.step-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2400a11a}
.step-card.left{margin-right:auto;padding-right:40px}
.step-card.right{margin-left:auto;padding-left:40px}
.step-badge{display:inline-block;padding:4px 16px;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:16px}
.step-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;line-height:1.2}
.step-card p{font-size:1rem;color:#4b5563;line-height:1.625}
.how-cta{border-radius:24px;padding:48px;text-align:center;border:1px solid #f3f4f6;box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#2400A1 0%,#1a8984 60%,#27BB66 100%)}
.how-cta h3{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:16px}
.how-cta p{font-size:1.125rem;color:#ffffffe6;max-width:672px;margin:0 auto 24px;line-height:1.625}
#benefits{position:relative;padding:80px 24px;background:linear-gradient(180deg,#f9fafb,#fff);overflow:hidden}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.benefit-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:16px;transition:box-shadow .25s}
.benefit-card:hover{box-shadow:0 20px 25px -5px #0000001a 0 10px 10px -5px #0000000a}
.benefit-icon{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.benefit-card:hover .benefit-icon{transform:scale(1.1)}
.benefit-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}
.benefit-card p{font-size:1rem;color:#4b5563;line-height:1.625}
.benefits-cta{text-align:center;margin-top:48px}
#testimonials{position:relative;padding:80px 24px;background:#fff;overflow:hidden}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.testi-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 15px -3px #0000001a 0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;position:relative;transition:box-shadow .25s}
.testi-card:hover{box-shadow:0 25px 50px -12px #00000040}
.quote-icon{position:absolute;top:-16px;left:32px;width:48px;height:48px;border-radius:50%;background:#2400A1;display:flex;align-items:center;justify-content:center}
.testi-card blockquote{font-size:1rem;color:#374151;line-height:1.625;font-style:italic;margin-top:16px;margin-bottom:24px}
.testi-divider{border:none;border-top:1px solid #e5e7eb;margin-bottom:16px}
.testi-author{font-size:1.125rem;font-weight:700;color:#2400A1;margin-bottom:4px}
.testi-role{font-size:.875rem;color:#4b5563;margin-bottom:4px}
.testi-company{font-size:.875rem;font-weight:600;color:#3b82f6}
.bg-training-cta{background:url(../images/bg-training-cta.webp) top center no-repeat}
@media (max-width: 1024px) {
.timeline::before{display:none}
.step-node{display:none}
.step-card.left,.step-card.right{width:100%;padding:32px}
.blog-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.testi-grid{grid-template-columns:1fr 1fr}
.outcomes-grid{grid-template-columns:1fr 1fr}
.cap-full{flex-direction:column}
.contact-card{grid-template-columns:1fr}
.outcomes-wrap{padding:32px 24px}
}
@media (max-width: 640px) {
.visibility-grid,.cap-grid,.benefits-grid,.testi-grid,.blog-grid,.outcomes-grid{grid-template-columns:1fr}

/*.table-header,
.table-row{grid-template-columns:1fr}
.table-header .col-pain,
.table-row .col-pain{border-right:none;border-bottom:1px solid #e5e7eb}*/

.btn-row{flex-direction:column;align-items:center}
.award-cards{flex-direction:column;align-items:center}
.form-row-2{grid-template-columns:1fr}
}