html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;font-family:'JetBrains Mono',monospace;background:#fff;color:#091007;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%}
::selection{background:#6BB468;color:#fff}
:focus{outline:2px dashed #6BB468;outline-offset:4px;animation:rotateDash 3s linear infinite}
@keyframes rotateDash {
to{outline-offset:8px}
}
.heado{background:linear-gradient(135deg,#DEF0E2 0%,#fff 100%);padding:24px 48px;border-bottom:4px solid #6BB468;box-shadow:-1px 7px 25px 1px #0910071a;position:relative}
.headoWrap{max-width:1170px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.logoBox{width:78px;height:78px;border:1px solid #6BB468;border-radius:12px;padding:6px;background:#fff;box-shadow:-1px 2px 3px 1px #6bb4680f;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logoBox img{width:100%;height:100%;object-fit:contain}
.naviBox{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.naviBox a{color:#091007;text-decoration:none;font-size:15px;font-weight:400;padding:12px 24px;border-radius:7px;transition:background-color .6s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;letter-spacing:.3px}
.naviBox a:hover{background:#6bb46826}
.trustBadgeBox{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-radius:20px;border:2px solid #DEF0E2;box-shadow:inset -1px 2px 3px 1px #6bb46814}
.trustIcon{width:24px;height:24px;background:#6BB468;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.trustText{font-size:15px;color:#091007;font-weight:700;letter-spacing:-.2px}
.footr{background:#091007;color:#DEF0E2;padding:96px 48px 48px;margin-top:96px;position:relative}
.footr::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6BB468 0%,#DEF0E2 100%)}
.footrWrap{max-width:1170px;margin:0 auto}
.footrGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;margin-bottom:48px}
.footrCol h3{font-size:18px;font-weight:700;margin:0 0 24px;color:#6BB468;letter-spacing:.5px}
.footrCol p,.footrCol address{font-size:15px;line-height:1.8;margin:0 0 12px;font-style:normal}
.footrCol a{color:#DEF0E2;text-decoration:none;transition:color .5s ease;display:block;margin-bottom:12px}
.footrCol a:hover{color:#6BB468}
.footrLogoSection{display:flex;align-items:center;gap:24px;margin-bottom:24px}
.footrLogoBox{width:72px;height:72px;border:1px solid #6BB468;border-radius:12px;padding:6px;background:#fff;box-shadow:-1px 2px 3px 1px #6bb4680f;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.footrLogoBox img{width:100%;height:100%;object-fit:contain}
.footrLogoText{font-size:18px;font-weight:700;color:#6BB468;letter-spacing:-.3px}
.footrBottom{padding-top:24px;border-top:1px solid #6bb4684d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.copyrightText{font-size:15px;color:#DEF0E2}
.footrLinks{display:flex;gap:24px;flex-wrap:wrap}
.footrLinks a{color:#DEF0E2;text-decoration:none;font-size:15px;transition:color .6s ease}
.footrLinks a:hover{color:#6BB468}
.contactListBox{list-style:none;padding:0;margin:0}
.contactListBox li{margin-bottom:12px;padding-left:24px;position:relative}
.contactListBox li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;background:#6BB468;border-radius:4px}
.cookiePopup{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:4px solid #6BB468;padding:24px 48px;box-shadow:-1px 12px 40px 1px #09100721;z-index:9999;display:none}
.cookiePopup.showPopup{display:block}
.cookieInner{max-width:1170px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.cookieText{flex:1;font-size:15px;line-height:1.8;color:#091007;min-width:300px}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn{padding:12px 24px;border:2px solid #6BB468;background:#fff;color:#091007;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;border-radius:7px;cursor:pointer;transition:background-color .6s cubic-bezier(0.25,0.46,0.45,0.94),color .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.cookieBtn:hover{background:#6BB468;color:#fff}
.cookieBtn.acceptBtn{background:#6BB468;color:#fff}
.cookieBtn.acceptBtn:hover{background:#091007;border-color:#091007}
@media (max-width: 768px) {
.headoWrap{flex-direction:column;align-items:flex-start;gap:24px}
.naviBox{width:100%;flex-direction:column;align-items:flex-start;gap:12px}
.naviBox a{width:100%}
.trustBadgeBox{width:100%;justify-content:center}
.footrGrid{grid-template-columns:1fr;gap:48px}
.footrBottom{flex-direction:column;align-items:flex-start}
.cookieInner{flex-direction:column;align-items:flex-start}
.cookieActions{width:100%}
.cookieBtn{flex:1}
}
.legal-block{max-width:1170px;margin:0 auto;padding:48px 24px;background:#fff}
.legal-block h1{font-size:58px;line-height:1.2;letter-spacing:-.02em;color:#091007;margin:0 0 48px}
.legal-block h2{font-size:42px;line-height:1.2;letter-spacing:-.01em;color:#091007;margin:96px 0 24px}
.legal-block h2:first-of-type{margin-top:48px}
.legal-block h3{font-size:30px;line-height:1.2;letter-spacing:0;color:#091007;margin:48px 0 24px}
.legal-block h4{font-size:18px;line-height:1.8;letter-spacing:.01em;color:#091007;margin:24px 0 12px;font-weight:700}
.legal-block h5{font-size:15px;line-height:1.8;letter-spacing:.01em;color:#091007;margin:24px 0 12px;font-weight:700}
.legal-block h6{font-size:15px;line-height:1.8;letter-spacing:.01em;color:#6BB468;margin:24px 0 12px;font-weight:700}
.legal-block p{font-size:18px;line-height:1.8;letter-spacing:.005em;color:#091007;margin:0 0 24px}
.legal-block em,.legal-block i{font-style:italic;color:inherit}
.legal-block strong{font-weight:700;color:inherit}
.legal-block ul,.legal-block ol{margin:0 0 24px;padding:0 0 0 24px}
.legal-block ul li,.legal-block ol li{font-size:18px;line-height:1.8;letter-spacing:.005em;color:#091007;margin:0 0 12px}
.legal-block ul li::marker{color:#6BB468}
.legal-block ol li::marker{color:#6BB468;font-weight:700}
.legal-block a{color:#6BB468;text-decoration:underline;transition:color .6s ease}
.legal-block a:hover{color:#091007}
.legal-block table{width:100%;border-collapse:collapse;margin:0 0 48px;font-size:15px;line-height:1.8;letter-spacing:.01em}
.legal-block thead{background:#DEF0E2}
.legal-block thead tr{border-bottom:2px solid #6BB468}
.legal-block th{padding:12px 24px;text-align:left;font-weight:700;color:#091007}
.legal-block tbody tr{border-bottom:1px solid #DEF0E2;transition:background .5s ease}
.legal-block tbody tr:hover{background:#6bb4680a}
.legal-block td{padding:12px 24px;color:#091007}
.legal-block hr{border:none;height:2px;background:linear-gradient(to right,#DEF0E2,#6BB468,#DEF0E2);margin:96px 0}
@media (max-width: 768px) {
.legal-block{padding:24px 12px}
.legal-block h1{font-size:42px;margin-bottom:24px}
.legal-block h2{font-size:30px;margin-top:48px}
.legal-block h3{font-size:18px;margin-top:24px}
.legal-block p,.legal-block ul li,.legal-block ol li{font-size:15px}
.legal-block table{font-size:15px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-block th,.legal-block td{padding:12px}
.legal-block hr{margin:48px 0}
}
.mlOptimPage{background:#FFF;color:#091007;font-size:18px;line-height:1.8;max-width:1170px;margin:0 auto;padding:0}
.mlOptimPage .heado{position:relative;background:linear-gradient(135deg,#6BB468 0%,#DEF0E2 100%);padding:96px 24px 48px;border-radius:20px;margin:24px 24px 48px;overflow:hidden}
.mlOptimPage .heado::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#09100705 2px,#09100705 4px);animation:scanlineMove 3s linear infinite;pointer-events:none}
@keyframes scanlineMove {
0%{transform:translateY(0)}
100%{transform:translateY(4px)}
}
.mlOptimPage .heroImageCard{background:#FFF;border-radius:12px;overflow:hidden;max-width:680px;margin:0 auto 48px;box-shadow:-1px 7px 25px 1px #6bb4681a;position:relative}
.mlOptimPage .heroImageCard img{width:100%;height:380px;object-fit:cover;display:block;position:relative}
.mlOptimPage .heroImageCard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to bottom,transparent 0%,#09100780 100%);pointer-events:none}
.mlOptimPage .heroContentWrap{text-align:center;max-width:780px;margin:0 auto;position:relative;z-index:1}
.mlOptimPage .heroH{font-size:58px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#091007;margin:0 0 24px}
.mlOptimPage .heroDesc{font-size:18px;line-height:1.8;color:#091007;margin:0;letter-spacing:.01em}
.mlOptimPage .wideIntroBlock{background:#F9FDFB;padding:96px 24px;margin:0 0 48px;position:relative}
.mlOptimPage .wideIntroBlock::after{content:'';position:absolute;bottom:-24px;right:48px;width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-top:24px solid #F9FDFB;pointer-events:none}
.mlOptimPage .introContentBox{max-width:880px;margin:0 auto}
.mlOptimPage .introH{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:700;color:#091007;margin:0 0 24px}
.mlOptimPage .introTxt{font-size:18px;line-height:1.8;color:#091007;margin:0 0 24px}
.mlOptimPage .introTxt:last-child{margin-bottom:0}
.mlOptimPage .denseGridSection{padding:96px 24px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;max-width:1170px;margin:0 auto}
.mlOptimPage .gridCard{background:#FFF;border:2px solid #DEF0E2;border-radius:12px;padding:24px;transition:box-shadow .6s cubic-bezier(0.25,0.46,0.45,0.94),border-color .7s ease}
.mlOptimPage .gridCard:hover{box-shadow:-1px 7px 25px 1px #6bb4681a;border-color:#6BB468}
.mlOptimPage .cardNum{font-size:42px;line-height:1.2;font-weight:700;color:#6BB468;margin:0 0 12px}
.mlOptimPage .cardH{font-size:18px;line-height:1.2;font-weight:700;color:#091007;margin:0 0 12px}
.mlOptimPage .cardTxt{font-size:15px;line-height:1.8;color:#091007;margin:0}
.mlOptimPage .gridCard.spanTwo{grid-column:span 2}
.mlOptimPage .gridCard.spanThree{grid-column:span 3}
.mlOptimPage .darkOverlaySection{position:relative;background-image:url(./header_images/draft-main-wide2.jpg);background-size:cover;background-position:center;padding:96px 24px;margin:48px 0;min-height:480px;display:flex;align-items:center;justify-content:center}
.mlOptimPage .darkOverlaySection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#091007c7;pointer-events:none}
.mlOptimPage .overlayContentBox{position:relative;z-index:1;max-width:820px;text-align:center}
.mlOptimPage .overlayH{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:700;color:#FFF;margin:0 0 24px}
.mlOptimPage .typewriterBox{font-size:30px;line-height:1.8;color:#DEF0E2;margin:0;min-height:54px;display:flex;align-items:center;justify-content:center}
.mlOptimPage .typewriterTxt{display:inline-block;overflow:hidden;border-right:3px solid #6BB468;white-space:nowrap;animation:typewriterAnim 4s steps(44) 1s both,blinkCursor .8s step-end infinite;max-width:100%}
@keyframes typewriterAnim {
from{width:0}
to{width:100%}
}
@keyframes blinkCursor {
50%{border-color:transparent}
}
.mlOptimPage .stepListSection{padding:96px 24px;max-width:1170px;margin:0 auto}
.mlOptimPage .stepListH{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:700;color:#091007;margin:0 0 48px;text-align:center}
.mlOptimPage .stepItems{display:flex;flex-direction:column;gap:24px;max-width:780px;margin:0 auto;position:relative}
.mlOptimPage .stepItems::before{content:'';position:absolute;left:19px;top:48px;bottom:48px;width:2px;background:#DEF0E2}
.mlOptimPage .stepItem{display:flex;gap:24px;align-items:flex-start;position:relative}
.mlOptimPage .stepNum{width:40px;height:40px;border-radius:36px;background:#6BB468;color:#FFF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;z-index:1}
.mlOptimPage .stepContent{flex:1;padding-top:6px}
.mlOptimPage .stepTitle{font-size:18px;line-height:1.2;font-weight:700;color:#091007;margin:0 0 12px}
.mlOptimPage .stepTxt{font-size:15px;line-height:1.8;color:#091007;margin:0}
@media (max-width: 1024px) {
.mlOptimPage .denseGridSection{grid-template-columns:1fr 1fr}
.mlOptimPage .gridCard.spanThree{grid-column:span 2}
}
@media (max-width: 768px) {
.mlOptimPage .heado{padding:48px 24px;margin:24px 12px 48px}
.mlOptimPage .heroH{font-size:42px}
.mlOptimPage .heroImageCard{margin-bottom:24px}
.mlOptimPage .heroImageCard img{height:280px}
.mlOptimPage .wideIntroBlock{padding:48px 24px}
.mlOptimPage .introH{font-size:30px}
.mlOptimPage .denseGridSection{grid-template-columns:1fr;padding:48px 24px;gap:24px}
.mlOptimPage .gridCard.spanTwo,.mlOptimPage .gridCard.spanThree{grid-column:span 1}
.mlOptimPage .darkOverlaySection{padding:48px 24px;min-height:360px}
.mlOptimPage .overlayH{font-size:30px}
.mlOptimPage .typewriterBox{font-size:18px}
.mlOptimPage .stepListSection{padding:48px 24px}
.mlOptimPage .stepListH{font-size:30px;margin-bottom:24px}
.mlOptimPage .stepItems::before{left:14px}
.mlOptimPage .stepNum{width:32px;height:32px;font-size:15px}
.mlOptimPage .stepItem{gap:12px}
}
@media (max-width: 480px) {
.mlOptimPage .heroH{font-size:30px}
.mlOptimPage .heroImageCard img{height:220px}
}
.sobreNos{background:#fff;color:#091007;max-width:100%;overflow-x:clip}
.sobreNos *{box-sizing:border-box}
.sobreNos img{max-width:100%;height:auto}
.sobreNos .wrapMax{max-width:1170px;margin:0 auto;padding:0 24px}
.sobreNos .heroZona{position:relative;min-height:75vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#6BB468 0%,#DEF0E2 100%);padding:96px 0}
.sobreNos .heroZona::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 800px 600px at 20% 30%,#6bb46866,transparent),radial-gradient(ellipse 700px 500px at 80% 70%,#def0e299,transparent);animation:auroraDrift 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes auroraDrift {
0%{transform:translate(0,0) scale(1);opacity:.7}
100%{transform:translate(30px,-20px) scale(1.05);opacity:.9}
}
.sobreNos .heroInner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.sobreNos .heroTextoBox{display:flex;flex-direction:column;gap:24px}
.sobreNos .heroTit1{font-size:72px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#091007;margin:0}
.sobreNos .heroTit2{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:500;color:#091007;margin:0}
.sobreNos .heroTit3{font-size:30px;line-height:1.8;letter-spacing:0;font-weight:400;color:#091007;margin:0}
.sobreNos .heroImgWrap{position:relative;transform:translateY(-24px)}
.sobreNos .heroImgBox{position:relative;border-radius:20px;overflow:hidden;box-shadow:-1px 12px 40px 1px #09100721}
.sobreNos .heroImgBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#6bb46826;z-index:1;pointer-events:none}
.sobreNos .heroImgBox img{display:block;width:100%;height:500px;object-fit:cover;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.sobreNos .heroImgBox:hover img{transform:scale(1.08)}
.sobreNos .infoZona{background:#fff;padding:96px 0;position:relative}
.sobreNos .infoZona::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#09100704 2px,#09100704 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#09100704 2px,#09100704 4px);pointer-events:none}
.sobreNos .infoInner{position:relative;z-index:1}
.sobreNos .infoGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px}
.sobreNos .infoColLeft{display:flex;flex-direction:column;gap:48px}
.sobreNos .infoImgV1{border-radius:12px;overflow:hidden;box-shadow:-1px 7px 25px 1px #6bb4681a}
.sobreNos .infoImgV1 img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .8s ease}
.sobreNos .infoImgV1:hover img{transform:scale(1.06)}
.sobreNos .infoColCenter{display:flex;flex-direction:column;gap:24px;padding:48px;background:#fff;border-radius:20px;box-shadow:-1px 7px 25px 1px #0910071a;position:relative}
.sobreNos .infoColCenter::before{content:'';position:absolute;left:0;top:48px;bottom:48px;width:4px;background:linear-gradient(180deg,#6BB468 0%,#DEF0E2 100%);border-radius:4px}
.sobreNos .infoTitulo{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:600;color:#091007;margin:0 0 12px;position:relative;display:inline-block}
.sobreNos .infoTitulo::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:3px;background:#6BB468;transition:width .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.sobreNos .infoTitulo:hover::after{width:100%}
.sobreNos .infoParrafo{font-size:18px;line-height:1.8;letter-spacing:.01em;color:#091007;margin:0 0 24px}
.sobreNos .infoLink{font-size:18px;line-height:1.8;color:#6BB468;text-decoration:none;display:inline-block;transition:color .5s ease;position:relative}
.sobreNos .infoLink::after{content:'→';margin-left:6px;display:inline-block;transition:transform .5s ease;color:#6BB468}
.sobreNos .infoLink:hover{color:#091007}
.sobreNos .infoLink:hover::after{transform:translateX(6px);color:#091007}
.sobreNos .infoColRight{display:flex;flex-direction:column;gap:24px;justify-content:center}
.sobreNos .skillItemV2{display:flex;flex-direction:column;gap:12px}
.sobreNos .skillLabelBox{display:flex;justify-content:space-between;align-items:center}
.sobreNos .skillTxt{font-size:15px;line-height:1.2;font-weight:600;color:#091007;letter-spacing:.02em}
.sobreNos .skillPct{font-size:15px;line-height:1.2;font-weight:700;color:#6BB468}
.sobreNos .skillBarBg{width:100%;height:12px;background:#DEF0E2;border-radius:7px;overflow:hidden;position:relative}
.sobreNos .skillBarFill{height:100%;background:linear-gradient(90deg,#6BB468 0%,#DEF0E2 100%);border-radius:7px;transition:width .8s cubic-bezier(0.25,0.46,0.45,0.94)}
.sobreNos .dividerBanda{height:12px;background:#6BB468;margin:96px 0}
.sobreNos .equipoZona{background:#f8f8f8;padding:96px 0;position:relative}
.sobreNos .equipoInner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.sobreNos .equipoLeft{position:relative}
.sobreNos .equipoTitulo{font-size:58px;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#091007;margin:0 0 24px}
.sobreNos .equipoDesc{font-size:18px;line-height:1.8;letter-spacing:0;color:#091007;margin:0 0 24px}
.sobreNos .equipoRight{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sobreNos .teamCardBox{background:#fff;border-radius:12px;overflow:hidden;box-shadow:-1px 2px 3px 1px #6bb4680f;transition:box-shadow .6s ease,transform .6s ease}
.sobreNos .teamCardBox:hover{box-shadow:-1px 12px 40px 1px #6bb46821;transform:translateY(-6px)}
.sobreNos .teamImgBox{width:100%;height:240px;overflow:hidden;position:relative}
.sobreNos .teamImgBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#6bb46800;transition:background .7s ease;z-index:1;pointer-events:none}
.sobreNos .teamCardBox:hover .teamImgBox::before{background:#6bb46833}
.sobreNos .teamImgBox img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.sobreNos .teamCardBox:hover .teamImgBox img{transform:scale(1.1)}
.sobreNos .teamInfoBox{padding:24px}
.sobreNos .teamNombre{font-size:18px;line-height:1.2;font-weight:700;color:#091007;margin:0 0 6px}
.sobreNos .teamRol{font-size:15px;line-height:1.2;font-weight:400;color:#6BB468;margin:0}
@media (max-width: 1024px) {
.sobreNos .heroInner{grid-template-columns:1fr;gap:48px}
.sobreNos .heroImgWrap{transform:translateY(0)}
.sobreNos .heroTit1{font-size:58px}
.sobreNos .heroTit2{font-size:30px}
.sobreNos .infoGrid{grid-template-columns:1fr;gap:48px}
.sobreNos .infoColCenter::before{display:none}
.sobreNos .equipoInner{grid-template-columns:1fr;gap:48px}
.sobreNos .equipoTitulo{font-size:42px}
}
@media (max-width: 768px) {
.sobreNos .heroZona{padding:48px 0;min-height:60vh}
.sobreNos .heroTit1{font-size:42px}
.sobreNos .heroTit2{font-size:30px}
.sobreNos .heroTit3{font-size:18px}
.sobreNos .heroImgBox img{height:360px}
.sobreNos .infoZona{padding:48px 0}
.sobreNos .infoColCenter{padding:24px}
.sobreNos .infoTitulo{font-size:30px}
.sobreNos .infoParrafo{font-size:15px}
.sobreNos .dividerBanda{margin:48px 0}
.sobreNos .equipoZona{padding:48px 0}
.sobreNos .equipoTitulo{font-size:30px}
.sobreNos .equipoDesc{font-size:15px}
.sobreNos .equipoRight{grid-template-columns:1fr}
.sobreNos .teamImgBox{height:280px}
}
@media (max-width: 480px) {
.sobreNos .wrapMax{padding:0 12px}
.sobreNos .heroTit1{font-size:30px}
.sobreNos .heroTit2{font-size:18px}
.sobreNos .heroTit3{font-size:15px}
.sobreNos .heroImgBox img{height:280px}
.sobreNos .infoColCenter{padding:24px 12px}
.sobreNos .equipoRight{gap:12px}
}
.sobreNos ::selection{background:#6BB468;color:#fff}
.sobreNos ::-webkit-input-placeholder{opacity:.4}
.sobreNos ::-moz-placeholder{opacity:.4}
.sobreNos :-ms-input-placeholder{opacity:.4}
.sobreNos ::placeholder{opacity:.4}
.sobreNos body,.sobreNos h1,.sobreNos h2,.sobreNos h3,.sobreNos h4,.sobreNos h5,.sobreNos h6,.sobreNos p,.sobreNos a,.sobreNos button,.sobreNos input,.sobreNos textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.contactHub{background:#fff;color:#091007;font-size:18px;line-height:1.8;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;max-width:100%;overflow-x:clip}
.contactHub ::selection{background:#6BB468;color:#fff}
.contactHub input::placeholder,.contactHub textarea::placeholder{opacity:.4}
.contactHub img{max-width:100%;height:auto}
.contactHub .innerWrap{max-width:1170px;margin:0 auto;padding:0 24px}
.contactHub .heroBox{background:linear-gradient(135deg,#DEF0E2 0%,#fff 100%);padding:96px 0;position:relative;overflow:hidden}
.contactHub .heroBox::before{content:'';position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:#6BB468;opacity:.1;border-radius:36px;animation:floatShape1 8s ease infinite;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.contactHub .heroBox::after{content:'';position:absolute;bottom:-20%;right:-5%;width:250px;height:250px;background:#091007;opacity:.08;border-radius:50%;animation:floatShape2 10s ease infinite}
@keyframes floatShape1 {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(48px,48px) rotate(180deg)}
}
@keyframes floatShape2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-24px,-24px) scale(1.2)}
}
.contactHub .heroInner{position:relative;z-index:1}
.contactHub .heroTitle{font-size:72px;line-height:1.2;letter-spacing:-.02em;margin:0 0 24px;overflow:hidden}
.contactHub .heroTitle span{display:inline-block;animation:typeReveal 3s steps(40) forwards;white-space:nowrap;overflow:hidden;border-right:3px solid #6BB468}
@keyframes typeReveal {
0%{width:0}
90%{width:100%}
100%{width:100%;border-right-color:transparent}
}
.contactHub .heroDesc{font-size:30px;line-height:1.8;max-width:800px;margin:0;color:#091007}
.contactHub .formSection{padding:96px 0;background:#fff;position:relative}
.contactHub .formSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,#6bb46808 23px,#6bb46808 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#6bb46808 23px,#6bb46808 24px);pointer-events:none}
.contactHub .formGrid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:48px;position:relative;z-index:1}
.contactHub .formIntro{display:flex;flex-direction:column;justify-content:center}
.contactHub .formHeading{font-size:42px;line-height:1.2;margin:0 0 24px;position:relative;display:inline-block}
.contactHub .formHeading::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:3px;background:#6BB468;animation:drawLine 1.5s cubic-bezier(0.25,0.46,0.45,0.94) .5s forwards}
@keyframes drawLine {
to{width:100%}
}
.contactHub .formIntro p{margin:0 0 12px;font-size:15px}
.contactHub .formIntro p:last-child{margin-bottom:0}
.contactHub .formWrap{grid-column:2}
.contactHub .contactForm{display:flex;flex-direction:column;gap:24px}
.contactHub .inputRow{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contactHub .fieldBox{display:flex;flex-direction:column;gap:6px}
.contactHub .fieldBox label{font-size:15px;font-weight:600;color:#091007}
.contactHub .fieldBox input,.contactHub .fieldBox textarea{padding:12px;border:2px solid #DEF0E2;border-radius:4px;font-size:18px;color:#091007;background:#fff;transition:border-color .6s ease,box-shadow .6s ease}
.contactHub .fieldBox input:focus,.contactHub .fieldBox textarea:focus{outline:none;border-color:#6BB468;box-shadow:-1px 2px 3px 1px #6bb4680f}
.contactHub .fieldBox input:focus-visible,.contactHub .fieldBox textarea:focus-visible{outline:3px solid #6BB468!important;outline-offset:2px!important}
.contactHub .fieldBox textarea{min-height:120px;resize:vertical}
.contactHub .ratingBox{display:flex;flex-direction:column;gap:12px}
.contactHub .ratingBox label{font-size:15px;font-weight:600;color:#091007}
.contactHub .ratingOptions{display:flex;gap:12px;flex-wrap:wrap}
.contactHub .ratingItem{position:relative}
.contactHub .ratingItem input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.contactHub .ratingItem .ratingLabel{display:block;padding:12px 24px;background:#DEF0E2;border:2px solid #DEF0E2;border-radius:20px;color:#091007;font-size:15px;cursor:pointer;transition:background-color .5s ease,border-color .5s ease,transform .5s cubic-bezier(0.25,0.46,0.45,0.94);font-weight:600}
.contactHub .ratingItem input[type="radio"]:checked + .ratingLabel{background:#6BB468;border-color:#6BB468;color:#fff;transform:scale(1.05)}
.contactHub .ratingItem input[type="radio"]:focus-visible + .ratingLabel{outline:3px solid #6BB468!important;outline-offset:2px!important}
.contactHub .ratingItem .ratingLabel:hover{background:#6BB468;border-color:#6BB468;color:#fff}
.contactHub .privacyBox{display:flex;align-items:flex-start;gap:12px}
.contactHub .privacyBox input[type="checkbox"]{margin-top:6px;width:20px;height:20px;cursor:pointer;accent-color:#6BB468;flex-shrink:0}
.contactHub .privacyBox input[type="checkbox"]:focus-visible{outline:3px solid #6BB468!important;outline-offset:2px!important}
.contactHub .privacyBox label{font-size:15px;line-height:1.8;color:#091007;cursor:pointer}
.contactHub .privacyBox a{color:#6BB468;text-decoration:underline;transition:color .6s ease}
.contactHub .privacyBox a:hover{color:#091007}
.contactHub .privacyBox a:focus-visible{outline:3px solid #6BB468!important;outline-offset:2px!important}
.contactHub .submitBtn{padding:12px 48px;background:#6BB468;color:#fff;border:none;border-radius:7px;font-size:18px;font-weight:600;cursor:pointer;transition:background .7s cubic-bezier(0.25,0.46,0.45,0.94),transform .7s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:-1px 7px 25px 1px #6bb4681a;position:relative;overflow:hidden}
.contactHub .submitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#09100733;transition:left .6s ease}
.contactHub .submitBtn:hover::before{left:0}
.contactHub .submitBtn:hover{background:#091007;transform:translateY(-2px);box-shadow:-1px 12px 40px 1px #09100721}
.contactHub .submitBtn:focus-visible{outline:3px solid #6BB468!important;outline-offset:4px!important}
.contactHub .formSidebar{display:flex;flex-direction:column;gap:24px}
.contactHub .infoCard{padding:24px;background:linear-gradient(135deg,#DEF0E2 0%,#def0e24d 100%);border-radius:12px;border:2px solid #DEF0E2;box-shadow:-1px 2px 3px 1px #6bb4680f;transition:transform .8s ease,box-shadow .8s ease}
.contactHub .infoCard:hover{transform:translateY(-6px);box-shadow:-1px 12px 40px 1px #6bb46821}
.contactHub .infoCard h5{font-size:18px;margin:0 0 12px;color:#091007;font-weight:700}
.contactHub .infoCard p{margin:0;font-size:15px;line-height:1.8}
.contactHub .infoCard a{color:#6BB468;text-decoration:none;transition:color .6s ease;display:inline-block}
.contactHub .infoCard a:hover{color:#091007}
.contactHub .infoCard a:focus-visible{outline:3px solid #6BB468!important;outline-offset:2px!important}
.contactHub .detailsSection{padding:96px 0;background:#091007;color:#fff;position:relative}
.contactHub .detailsSection .innerWrap{position:relative;z-index:1}
.contactHub .detailsGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;align-items:start}
.contactHub .detailsMain h3{font-size:42px;line-height:1.2;margin:0 0 24px;color:#6BB468}
.contactHub .detailsMain p{margin:0 0 12px;font-size:18px;line-height:1.8}
.contactHub .detailsMain p:last-child{margin-bottom:0}
.contactHub .detailsStep{padding:24px;background:#6bb4681a;border-radius:12px;position:relative}
.contactHub .detailsStep::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#6BB468;border-radius:4px 0 0 4px}
.contactHub .detailsStep h6{font-size:18px;margin:0 0 12px;color:#6BB468;font-weight:700}
.contactHub .detailsStep p{margin:0;font-size:15px;line-height:1.8;color:#DEF0E2}
.contactHub .stepList{list-style:none;padding:0;margin:0;counter-reset:stepCounter;position:relative}
.contactHub .stepList::before{content:'';position:absolute;top:24px;left:9px;width:2px;height:calc(100% - 48px);background:#6BB468}
.contactHub .stepList li{counter-increment:stepCounter;position:relative;padding-left:48px;margin-bottom:24px;font-size:15px;line-height:1.8;color:#DEF0E2}
.contactHub .stepList li:last-child{margin-bottom:0}
.contactHub .stepList li::before{content:counter(stepCounter);position:absolute;left:0;top:0;width:24px;height:24px;background:#6BB468;color:#091007;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;z-index:1}
@media (max-width: 1024px) {
.contactHub .formGrid{grid-template-columns:1fr}
.contactHub .formWrap{grid-column:1}
.contactHub .detailsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.contactHub .heroBox{padding:48px 0}
.contactHub .heroTitle{font-size:42px}
.contactHub .heroDesc{font-size:18px}
.contactHub .formSection{padding:48px 0}
.contactHub .formHeading{font-size:30px}
.contactHub .inputRow{grid-template-columns:1fr}
.contactHub .detailsSection{padding:48px 0}
.contactHub .detailsMain h3{font-size:30px}
}
.accreditoMain{background:#fff;color:#091007;font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.accreditoMain ::selection{background:#6BB468;color:#fff}
.accreditoMain img{max-width:100%;height:auto}
.heroZone{max-width:1170px;margin:0 auto;padding:96px 24px;position:relative;overflow:hidden}
.heroZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6bb46826 0%,#def0e240 50%,#6bb46814 100%);animation:auroraShift 12s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes auroraShift {
0%,100%{transform:translate(0,0) scale(1);opacity:.6}
50%{transform:translate(24px,-24px) scale(1.05);opacity:.8}
}
.fragmentedImageBox{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto auto;gap:24px;align-items:start;z-index:1}
.imgFrag1,.imgFrag2,.imgFrag3{overflow:hidden;border-radius:12px;box-shadow:-1px 7px 25px 1px #0910071a;position:relative}
.imgFrag1::after,.imgFrag2::after,.imgFrag3::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0910070d 2px,#0910070d 4px);pointer-events:none}
.imgFrag1{grid-column:1;grid-row:1 / 3}
.imgFrag2{grid-column:3;grid-row:2 / 4}
.imgFrag3{grid-column:2;grid-row:3;display:none}
.imgFrag1 img,.imgFrag2 img,.imgFrag3 img{width:100%;height:280px;object-fit:cover;display:block}
.heroTextbox{grid-column:2;grid-row:1 / 3;padding:48px 24px;z-index:2}
.heroTextbox h1{font-size:58px;line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 24px;color:#091007}
.heroTextbox h1 .cyclingWord{color:#6BB468;display:inline-block;animation:wordCycle 8s ease-in-out infinite}
@keyframes wordCycle {
0%,30%{opacity:1;transform:translateY(0)}
35%,65%{opacity:0;transform:translateY(-12px)}
70%,100%{opacity:1;transform:translateY(0)}
}
.heroTextbox p{font-size:18px;line-height:1.8;margin:0 0 12px;color:#091007}
.diagonalEntry{opacity:0;animation:slideInDiag .7s cubic-bezier(0.25,0.46,0.45,0.94) .3s forwards}
@keyframes slideInDiag {
from{opacity:0;transform:translate(-48px,-48px)}
to{opacity:1;transform:translate(0,0)}
}
.gradientDivider{height:2px;background:linear-gradient(90deg,transparent 0%,#6BB468 50%,transparent 100%);margin:96px auto;max-width:1170px}
.credBlock{max-width:1170px;margin:0 auto;padding:96px 24px;background:#09100705}
.credBlock h2{font-size:42px;line-height:1.2;letter-spacing:-.01em;font-weight:700;margin:0 0 48px;color:#091007;text-align:center;position:relative;display:inline-block;width:100%}
.credBlock h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:0;height:3px;background:#6BB468;animation:underlineDraw .6s ease-in-out .5s forwards}
@keyframes underlineDraw {
to{width:120px}
}
.credentialGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.credCard{background:#fff;padding:48px;border-radius:20px;box-shadow:-1px 7px 25px 1px #6bb4681a;position:relative;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.credCard:hover{transform:translateY(-6px);box-shadow:-1px 12px 40px 1px #6bb46821}
.credCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6bb4680d 0%,transparent 100%);opacity:0;border-radius:20px;transition:opacity .6s ease;pointer-events:none}
.credCard:hover::before{opacity:1}
.dotTag{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px}
.dotTag::before{content:'';width:12px;height:12px;background:#6BB468;border-radius:50%;display:block}
.dotTag span{font-size:15px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#6BB468}
.credCard h3{font-size:30px;line-height:1.2;font-weight:700;margin:0 0 24px;color:#091007}
.credCard p{font-size:18px;line-height:1.8;margin:0 0 12px;color:#091007}
.credCard p:last-of-type{margin:0}
.stepList{list-style:none;padding:0;margin:48px 0 0;counter-reset:stepCounter;position:relative}
.stepList::before{content:'';position:absolute;left:18px;top:36px;bottom:36px;width:2px;background:linear-gradient(180deg,#6BB468 0%,#DEF0E2 100%)}
.stepList li{position:relative;padding-left:72px;margin-bottom:48px;counter-increment:stepCounter}
.stepList li::before{content:counter(stepCounter);position:absolute;left:0;top:0;width:36px;height:36px;background:#6BB468;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;z-index:1}
.stepList li h4{font-size:18px;line-height:1.2;font-weight:700;margin:0 0 12px;color:#091007}
.stepList li p{font-size:15px;line-height:1.8;margin:0;color:#091007}
.metricZone{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.metricCard{background:linear-gradient(135deg,#6bb46814 0%,#def0e21f 100%);padding:24px;border-radius:12px;text-align:center;position:relative;overflow:hidden;transition:transform .6s ease}
.metricCard:hover{transform:scale(1.05)}
.metricCard::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#6bb46826 50%,transparent 100%);transition:left .8s ease;pointer-events:none}
.metricCard:hover::after{left:100%}
.metricCard .numValue{font-size:42px;line-height:1.2;font-weight:700;color:#6BB468;margin:0 0 6px;display:block}
.metricCard .metricLabel{font-size:15px;line-height:1.8;color:#091007;display:block}
@media (max-width: 768px) {
.fragmentedImageBox{grid-template-columns:1fr;grid-template-rows:auto}
.imgFrag1{grid-column:1;grid-row:1}
.heroTextbox{grid-column:1;grid-row:2;padding:24px 0}
.imgFrag2{grid-column:1;grid-row:3}
.heroTextbox h1{font-size:42px}
.credentialGrid{grid-template-columns:1fr;gap:24px}
.credCard{padding:24px}
.metricZone{grid-template-columns:1fr;gap:12px}
.heroZone,.credBlock{padding:48px 24px}
}
.mlPortfolio{background:#fff;color:#091007;max-width:1170px;margin:0 auto;padding:0}
.mlPortfolio *{box-sizing:border-box}
.mlPortfolio img{max-width:100%;height:auto;display:block}
.mlPortfolio .heroBlock{display:flex;align-items:center;gap:48px;padding:96px 24px;position:relative;overflow:hidden}
.mlPortfolio .herotextBox{flex:1;z-index:2}
.mlPortfolio .herotextBox h1{font-size:58px;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em;font-weight:700}
.mlPortfolio .herotextBox .subline{font-size:18px;line-height:1.8;margin:0 0 48px;color:#091007;opacity:.85}
.mlPortfolio .heroAction{display:inline-block;padding:12px 48px;background:#6BB468;color:#fff;font-size:18px;text-decoration:none;border-radius:7px;box-shadow:-1px 7px 25px 1px #6bb4681a;transition:transform .6s ease,box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94);font-weight:600}
.mlPortfolio .heroAction:hover{transform:translateY(-2px);box-shadow:-1px 12px 40px 1px #6bb46821}
.mlPortfolio .heroimgWrap{flex:1;position:relative;border-radius:20px;overflow:hidden;box-shadow:-1px 7px 25px 1px #0910071a}
.mlPortfolio .heroimgWrap img{width:100%;height:480px;object-fit:cover;filter:sepia(0.15) saturate(1.1);mix-blend-mode:multiply}
.mlPortfolio .heroimgWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6bb46840,transparent);z-index:1;pointer-events:none}
.mlPortfolio .pulseDecor{position:absolute;top:50%;right:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#6bb46814,transparent 70%);animation:pulseExpand 4s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes pulseExpand {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
50%{transform:translate(-50%,-50%) scale(1.3);opacity:.2}
}
.mlPortfolio .stratBlock{padding:96px 24px;background:linear-gradient(180deg,#DEF0E2 0%,#fff 100%)}
.mlPortfolio .stratBlock h2{font-size:42px;line-height:1.2;margin:0 0 48px;text-align:center;font-weight:700;letter-spacing:-.01em}
.mlPortfolio .gridMosaic{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;align-items:start}
.mlPortfolio .mosaicCard{background:#fff;padding:24px;border-radius:12px;box-shadow:-1px 2px 3px 1px #0910070f;transition:box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.mlPortfolio .mosaicCard:hover{box-shadow:-1px 12px 40px 1px #09100721}
.mlPortfolio .mosaicCard h4{font-size:18px;line-height:1.2;margin:0 0 12px;font-weight:700;color:#6BB468}
.mlPortfolio .mosaicCard p{font-size:15px;line-height:1.8;margin:0}
.mlPortfolio .mosaicImg{border-radius:12px;overflow:hidden;box-shadow:-1px 7px 25px 1px #0910071a}
.mlPortfolio .mosaicImg img{width:100%;height:320px;object-fit:cover;filter:sepia(0.12) saturate(1.08)}
.mlPortfolio .splitFeature{display:grid;grid-template-columns:1fr 1px 1fr;gap:48px;padding:96px 24px}
.mlPortfolio .dividerLine{background:linear-gradient(to bottom,transparent,#6BB468 20%,#6BB468 80%,transparent);width:1px}
.mlPortfolio .splitCol h3{font-size:30px;line-height:1.2;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.mlPortfolio .splitCol h3::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:3px;background:#6BB468;transition:width .8s cubic-bezier(0.25,0.46,0.45,0.94)}
.mlPortfolio .splitCol:hover h3::after{width:100%}
.mlPortfolio .splitCol p{font-size:15px;line-height:1.8;margin:0 0 24px}
.mlPortfolio .splitCol ul{list-style:none;padding:0;margin:0}
.mlPortfolio .splitCol ul li{font-size:15px;line-height:1.8;margin:0 0 12px;padding-left:24px;position:relative}
.mlPortfolio .splitCol ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#6BB468;border-radius:50%}
.mlPortfolio .stepSection{padding:96px 24px;background:#fff}
.mlPortfolio .stepSection h2{font-size:42px;line-height:1.2;margin:0 0 48px;text-align:center;font-weight:700}
.mlPortfolio .stepList{max-width:800px;margin:0 auto;position:relative}
.mlPortfolio .stepList::before{content:'';position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:linear-gradient(to bottom,#6BB468,#DEF0E2)}
.mlPortfolio .stepItem{display:flex;gap:24px;margin-bottom:48px;position:relative}
.mlPortfolio .stepNum{flex-shrink:0;width:40px;height:40px;background:#6BB468;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:-1px 2px 3px 1px #6bb4680f;z-index:1}
.mlPortfolio .stepContent h5{font-size:18px;line-height:1.2;margin:0 0 12px;font-weight:700}
.mlPortfolio .stepContent p{font-size:15px;line-height:1.8;margin:0}
.mlPortfolio .dataMetrics{padding:96px 24px;background:#091007;color:#fff}
.mlPortfolio .dataMetrics h2{font-size:42px;line-height:1.2;margin:0 0 48px;text-align:center;font-weight:700;color:#DEF0E2}
.mlPortfolio .metricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.mlPortfolio .metricBox{text-align:center;padding:24px;border-radius:12px;background:#6bb46814;transition:background .6s ease}
.mlPortfolio .metricBox:hover{background:#6bb46826}
.mlPortfolio .metricNum{font-size:58px;line-height:1.2;margin:0 0 12px;font-weight:700;color:#6BB468}
.mlPortfolio .metricLabel{font-size:18px;line-height:1.8;margin:0;color:#DEF0E2}
.mlPortfolio .toolsSection{padding:96px 24px;background:#fff}
.mlPortfolio .toolsSection h2{font-size:42px;line-height:1.2;margin:0 0 24px;font-weight:700}
.mlPortfolio .toolsIntro{font-size:18px;line-height:1.8;margin:0 0 48px;max-width:700px}
.mlPortfolio .toolsLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mlPortfolio .toolsImg{border-radius:20px;overflow:hidden;box-shadow:-1px 7px 25px 1px #0910071a;border-top:4px solid #6BB468}
.mlPortfolio .toolsImg img{width:100%;height:400px;object-fit:cover;filter:sepia(0.1) saturate(1.05)}
.mlPortfolio .toolsList{list-style:none;padding:0;margin:0}
.mlPortfolio .toolsList li{font-size:15px;line-height:1.8;margin:0 0 24px;padding-left:32px;position:relative}
.mlPortfolio .toolsList li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:#DEF0E2;border:2px solid #6BB468;border-radius:4px}
.mlPortfolio .approach{padding:96px 24px;background:linear-gradient(135deg,#DEF0E2 0%,#def0e24d 100%)}
.mlPortfolio .approach h2{font-size:42px;line-height:1.2;margin:0 0 48px;text-align:center;font-weight:700}
.mlPortfolio .approachGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mlPortfolio .approachCard{background:#fff;padding:24px;border-radius:12px;box-shadow:-1px 2px 3px 1px #0910070f;position:relative;overflow:hidden;transition:transform .5s ease}
.mlPortfolio .approachCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#6BB468;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.mlPortfolio .approachCard:hover::before{transform:scaleX(1)}
.mlPortfolio .approachCard:hover{transform:translateY(-4px)}
.mlPortfolio .approachCard h4{font-size:18px;line-height:1.2;margin:0 0 12px;font-weight:700}
.mlPortfolio .approachCard p{font-size:15px;line-height:1.8;margin:0}
.mlPortfolio .ctaFinal{padding:96px 24px;text-align:center;background:#fff}
.mlPortfolio .ctaFinal h2{font-size:42px;line-height:1.2;margin:0 0 24px;font-weight:700}
.mlPortfolio .ctaFinal p{font-size:18px;line-height:1.8;margin:0 0 48px;max-width:600px;margin-left:auto;margin-right:auto}
.mlPortfolio .ctaButtons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.mlPortfolio .btnPrimary{display:inline-block;padding:12px 48px;background:#6BB468;color:#fff;font-size:18px;text-decoration:none;border-radius:7px;box-shadow:-1px 7px 25px 1px #6bb4681a;transition:transform .6s ease,box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94);font-weight:600}
.mlPortfolio .btnPrimary:hover{transform:translateY(-2px);box-shadow:-1px 12px 40px 1px #6bb46821}
.mlPortfolio .btnSecondary{display:inline-block;padding:12px 48px;background:transparent;color:#091007;border:2px solid #091007;font-size:18px;text-decoration:none;border-radius:7px;transition:background .5s ease,color .5s ease;font-weight:600}
.mlPortfolio .btnSecondary:hover{background:#091007;color:#fff}
.mlPortfolio ::selection{background:#6BB468;color:#fff}
@media (max-width: 900px) {
.mlPortfolio .heroBlock{flex-direction:column;padding:48px 24px}
.mlPortfolio .herotextBox h1{font-size:42px}
.mlPortfolio .gridMosaic{grid-template-columns:1fr}
.mlPortfolio .splitFeature{grid-template-columns:1fr;gap:48px}
.mlPortfolio .dividerLine{display:none}
.mlPortfolio .metricsGrid{grid-template-columns:1fr;gap:24px}
.mlPortfolio .toolsLayout{grid-template-columns:1fr}
.mlPortfolio .approachGrid{grid-template-columns:1fr}
.mlPortfolio .ctaButtons{flex-direction:column;align-items:center}
}
.confirmPage{min-height:100vh;background:linear-gradient(135deg,#DEF0E2 0%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:48px 24px}
.confirmPage .successWrap{max-width:620px;width:100%;background:#fff;border-radius:20px;box-shadow:-1px 12px 40px 1px #6bb46821;padding:96px 48px;text-align:center}
.confirmPage .iconHolder{width:140px;height:140px;margin:0 auto 48px;background:linear-gradient(135deg,#6BB468 0%,#6bb468b3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.confirmPage .iconHolder::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:#6bb46833;animation:expandRing .8s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.confirmPage .checkSvg{width:70px;height:70px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .6s cubic-bezier(0.25,0.46,0.45,0.94) .2s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes fadeSlideIn {
from{opacity:0;transform:translateY(-24px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes expandRing {
from{transform:scale(1);opacity:1}
to{transform:scale(1.5);opacity:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.confirmPage .mainHeading{font-size:42px;line-height:1.2;color:#091007;margin:0 0 24px;letter-spacing:-.02em;font-weight:700;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94) .2s backwards}
.confirmPage .descText{font-size:18px;line-height:1.8;color:#091007;margin:0 0 48px;opacity:.8;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94) .3s backwards}
.confirmPage .infoGrid{display:grid;grid-template-columns:1fr;gap:24px;margin:0 0 48px;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94) .4s backwards}
.confirmPage .infoItem{background:#DEF0E2;border-radius:12px;padding:24px;text-align:left;transition:transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.confirmPage .infoItem:hover{transform:translateY(-6px)}
.confirmPage .infoLabel{font-size:15px;line-height:1.2;color:#091007;opacity:.6;margin:0 0 6px;letter-spacing:.03em;text-transform:uppercase}
.confirmPage .infoValue{font-size:18px;line-height:1.8;color:#091007;margin:0;font-weight:600}
.confirmPage .linkBox{display:flex;flex-direction:column;gap:12px;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94) .5s backwards}
.confirmPage .btnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:18px 48px;font-size:18px;color:#fff;background:#6BB468;border:none;border-radius:12px;text-decoration:none;font-weight:600;transition:background .6s cubic-bezier(0.25,0.46,0.45,0.94),transform .5s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:-1px 7px 25px 1px #6bb4681a;cursor:pointer}
.confirmPage .btnPrimary:hover{background:#5da35a;transform:translateY(-3px);box-shadow:-1px 12px 40px 1px #6bb46821}
.confirmPage .btnSecondary{display:inline-flex;align-items:center;justify-content:center;padding:18px 48px;font-size:18px;color:#091007;background:transparent;border:2px solid #091007;border-radius:12px;text-decoration:none;font-weight:600;transition:background .6s cubic-bezier(0.25,0.46,0.45,0.94),color .6s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer}
.confirmPage .btnSecondary:hover{background:#091007;color:#fff}
.confirmPage .contactNote{font-size:15px;line-height:1.8;color:#091007;opacity:.6;margin:48px 0 0;animation:fadeSlideIn .7s cubic-bezier(0.25,0.46,0.45,0.94) .6s backwards}
.confirmPage .contactNote a{color:#6BB468;text-decoration:none;font-weight:600;transition:color .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.confirmPage .contactNote a:hover{color:#5da35a}
@media (max-width: 768px) {
.confirmPage .successWrap{padding:48px 24px}
.confirmPage .mainHeading{font-size:30px}
.confirmPage .iconHolder{width:110px;height:110px;margin-bottom:24px}
.confirmPage .checkSvg{width:56px;height:56px}
.confirmPage .btnPrimary,.confirmPage .btnSecondary{padding:15px 24px;font-size:15px}
}