*{margin:0;padding:0}
body{font-family:'Ubuntu Mono',monospace;color:#2a2a2a;background:#fafafa;line-height:1.6}
.headerWrap{background:linear-gradient(135deg,#08A0CF 0%,#0891b8 100%);box-shadow:0 4px 8px #0000001f}
.headerInner{max-width:1440px;margin:0 auto;padding:25px 40px}
.headerGrid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.logoBox{grid-column:1;grid-row:1;width:90px;height:90px}
.logoBox img{width:100%;height:100%;object-fit:contain;background:#ffffff26;padding:12px;border-radius:20px;box-shadow:0 3px 6px #00000026}
.companyTitle{grid-column:2;grid-row:1;justify-self:end;color:#fff;font-size:28px;font-weight:700;font-style:italic;text-shadow:0 2px 4px #0003}
.naviBar{grid-column:1 / -1;grid-row:2;margin-top:12px;background:#ffffff1f;border-radius:24px;padding:8px 16px}
.naviBar ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center}
.naviBar a{color:#fff;text-decoration:none;font-size:17px;font-weight:400;padding:10px 18px;display:block;border-radius:16px;transition:background .2s ease}
.naviBar a:hover{background:#ffffff2e}
.footerMain{background:#08A0CF;padding:60px 40px 40px;box-shadow:0 -4px 8px #00000014}
.footerContent{max-width:1440px;margin:0 auto}
.footerColumns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:50px;margin-bottom:50px}
.footColumn h3{color:#fff;font-size:19px;margin-bottom:22px;font-weight:700}
.footColumn ul{list-style:none}
.footColumn a{color:#ffffffe6;text-decoration:none;font-size:15px;line-height:2.2;transition:color .2s ease}
.footColumn a:hover{color:#fff}
.footColumn p{color:#ffffffe0;font-size:15px;line-height:1.7}
.footColumn .contactItem{margin-bottom:14px;display:flex;align-items:flex-start;gap:10px}
.footColumn .contactItem i{margin-top:3px;font-size:18px}
.copyrightBar{border-top:1px solid #fff3;padding-top:28px;text-align:center;color:#ffffffd9;font-size:14px}
.cookieBanner{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -6px 16px #00000026;padding:28px 40px;z-index:9999;opacity:0;transition:opacity .4s ease}
.cookieBanner.visible{opacity:1}
.cookieInner{max-width:1440px;margin:0 auto}
.cookieGrid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.cookieText h4{color:#2a2a2a;font-size:18px;margin-bottom:10px;font-weight:700}
.cookieText p{color:#555;font-size:14px;line-height:1.5}
.cookieText a{color:#08A0CF;text-decoration:underline}
.cookieCategories{margin-top:18px;display:flex;flex-wrap:wrap;gap:20px}
.cookieCategory{display:flex;align-items:center;gap:8px}
.cookieCategory input{width:18px;height:18px;cursor:pointer}
.cookieCategory label{font-size:14px;color:#444;cursor:pointer}
.cookieActions{display:flex;gap:14px}
.cookieBtn{padding:14px 32px;border:none;border-radius:20px;font-family:'Ubuntu Mono',monospace;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 6px #0000001a}
.cookieBtn.accept{background:#08A0CF;color:#fff}
.cookieBtn.accept:hover{background:#0891b8}
.cookieBtn.decline{background:#B0114C;color:#fff}
.cookieBtn.decline:hover{background:#9a0f42}
@media (max-width: 768px) {
.headerGrid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}
.logoBox{grid-column:1;justify-self:center;width:80px;height:80px}
.companyTitle{grid-column:1;grid-row:2;justify-self:center;font-size:22px;text-align:center}
.naviBar{grid-column:1;grid-row:3;margin-top:8px}
.naviBar ul{flex-direction:column;gap:6px}
.naviBar a{text-align:center;font-size:16px}
.headerInner{padding:20px 24px}
.footerMain{padding:40px 24px 30px}
.footerColumns{grid-template-columns:1fr;gap:35px}
.cookieGrid{grid-template-columns:1fr;gap:20px}
.cookieActions{flex-direction:column;width:100%}
.cookieBtn{width:100%}
.cookieBanner{padding:20px 24px}
}
.policy-x-box{max-width:1440px;margin:0 auto;padding:80px 24px;background:#FFF}
.policy-x-box h1{font-size:48px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 32px;padding-bottom:24px;border-bottom:4px solid #08A0CF}
.policy-x-box h2{font-size:36px;font-weight:700;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;padding-left:16px;border-left:6px solid #B0114C}
.policy-x-box h3{font-size:28px;font-weight:600;line-height:1.4;color:#333;margin:48px 0 20px}
.policy-x-box h4{font-size:22px;font-weight:600;line-height:1.4;color:#444;margin:36px 0 16px}
.policy-x-box h5{font-size:18px;font-weight:600;line-height:1.5;color:#555;margin:28px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-x-box h6{font-size:16px;font-weight:600;line-height:1.5;color:#666;margin:24px 0 12px}
.policy-x-box p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px}
.policy-x-box strong,.policy-x-box b{font-weight:700;color:#1a1a1a}
.policy-x-box em,.policy-x-box i{font-style:italic;color:#444}
.policy-x-box a{color:#08A0CF;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .3s ease}
.policy-x-box a:hover{color:#B0114C;border-bottom:2px solid #B0114C}
.policy-x-box a:active{color:#08A0CF}
.policy-x-box ul,.policy-x-box ol{margin:0 0 24px;padding-left:40px}
.policy-x-box ul li,.policy-x-box ol li{font-size:17px;line-height:1.8;color:#333;margin-bottom:12px}
.policy-x-box ul li{list-style-type:disc}
.policy-x-box ol li{list-style-type:decimal}
.policy-x-box ul ul,.policy-x-box ol ul,.policy-x-box ul ol,.policy-x-box ol ol{margin:12px 0}
.policy-x-box hr{border:none;height:2px;background:#EBECEF;margin:48px 0;border-radius:16px}
.policy-x-box blockquote{margin:32px 0;padding:24px 32px;background:#08a0cf0d;border-left:6px solid #08A0CF;border-radius:0 16px 16px 0}
.policy-x-box blockquote p{margin:0;font-style:italic;color:#2a2a2a}
.policy-x-box table{width:100%;margin:32px 0;border-collapse:collapse;border-radius:16px;overflow:hidden;box-shadow:0 4px 8px #00000014}
.policy-x-box table th,.policy-x-box table td{padding:16px 20px;text-align:left;font-size:16px;line-height:1.6}
.policy-x-box table th{background:#08A0CF;color:#FFF;font-weight:600}
.policy-x-box table td{background:#FFF;color:#333;border-bottom:1px solid #EBECEF}
.policy-x-box table tr:last-child td{border-bottom:none}
@media (max-width: 1024px) {
.policy-x-box{padding:60px 20px}
.policy-x-box h1{font-size:40px;margin-bottom:28px}
.policy-x-box h2{font-size:32px;margin-top:52px}
.policy-x-box h3{font-size:24px}
.policy-x-box h4{font-size:20px}
}
@media (max-width: 768px) {
.policy-x-box{padding:48px 16px}
.policy-x-box h1{font-size:32px;margin-bottom:24px;padding-bottom:20px}
.policy-x-box h2{font-size:26px;margin-top:44px;margin-bottom:20px}
.policy-x-box h3{font-size:22px;margin-top:36px}
.policy-x-box h4{font-size:19px;margin-top:28px}
.policy-x-box h5{font-size:17px}
.policy-x-box h6{font-size:15px}
.policy-x-box p,.policy-x-box ul li,.policy-x-box ol li{font-size:16px;line-height:1.7}
.policy-x-box ul,.policy-x-box ol{padding-left:28px}
.policy-x-box blockquote{padding:20px 24px;margin:24px 0}
.policy-x-box table th,.policy-x-box table td{padding:12px 16px;font-size:15px}
}
@media (max-width: 480px) {
.policy-x-box{padding:32px 12px}
.policy-x-box h1{font-size:28px}
.policy-x-box h2{font-size:24px;padding-left:12px;border-left:4px solid #B0114C}
.policy-x-box h3{font-size:20px}
.policy-x-box blockquote{padding:16px 20px}
}
.circulo-main{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#EBECEF 0%,#fff 100%)}
.circulo-wrap{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:60px 20px}
.circulo-fondo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#08a0cf1f,#b0114c14);z-index:1}
.circulo-contenido{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto}
.circulo-contenido h1{font-size:56px;line-height:1.1;margin:0 0 28px;color:#1a1a1a;font-weight:700}
.circulo-tesis{font-size:19px;line-height:1.6;color:#4a4a4a;margin:0}
.circulo-img-wrap{position:absolute;width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #00000026}
.circulo-img-wrap img{width:100%;height:100%;object-fit:cover}
.circulo-img-1{top:15%;left:8%}
.circulo-img-2{top:15%;right:8%}
.circulo-img-3{bottom:15%;left:12%}
.circulo-img-4{bottom:15%;right:12%}
.niveles-zona{padding:80px 20px;background:#fff}
.niveles-container{max-width:1440px;margin:0 auto}
.niveles-titulo{font-size:42px;line-height:1.2;margin:0 0 18px;color:#1a1a1a;font-weight:700}
.niveles-descripcion{font-size:18px;line-height:1.7;color:#5a5a5a;margin:0 0 56px;max-width:720px}
.niveles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.nivel-tarjeta{background:#EBECEF;padding:40px 32px;border-radius:24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.nivel-tarjeta:hover{transform:translateY(-4px);box-shadow:0 12px 32px #08a0cf33}
.nivel-icono{width:64px;height:64px;background:linear-gradient(135deg,#08A0CF,#0889b0);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.nivel-icono i{font-size:32px;color:#fff}
.nivel-tarjeta h3{font-size:26px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.nivel-tarjeta p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.nivel-lista{list-style:none;padding:0;margin:0}
.nivel-lista li{padding-left:28px;position:relative;margin-bottom:12px;font-size:15px;color:#3a3a3a}
.nivel-lista li::before{content:"→";position:absolute;left:0;color:#B0114C;font-weight:700}
.expertos-seccion{padding:80px 20px;background:linear-gradient(180deg,#EBECEF 0%,#fff 100%)}
.expertos-wrap{max-width:1440px;margin:0 auto}
.expertos-encabezado{text-align:center;margin-bottom:64px}
.expertos-encabezado h2{font-size:44px;line-height:1.2;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.expertos-encabezado p{font-size:18px;line-height:1.6;color:#5a5a5a;margin:0;max-width:640px;margin:0 auto}
.experto-carta{display:flex;gap:48px;align-items:center;background:#fff;padding:48px;border-radius:28px;box-shadow:0 4px 16px #00000014}
.experto-foto{flex-shrink:0;width:220px;height:220px;border-radius:50%;overflow:hidden;box-shadow:0 6px 20px #b0114c40}
.experto-foto img{width:100%;height:100%;object-fit:cover}
.experto-info{flex:1}
.experto-info h3{font-size:32px;line-height:1.2;margin:0 0 8px;color:#1a1a1a;font-weight:700}
.experto-rol{font-size:18px;color:#08A0CF;margin:0 0 20px;font-weight:600}
.experto-bio{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.experto-logros{display:flex;gap:32px;flex-wrap:wrap}
.logro-item{display:flex;align-items:center;gap:12px}
.logro-numero{font-size:36px;font-weight:700;color:#B0114C;line-height:1}
.logro-texto{font-size:14px;color:#5a5a5a;line-height:1.4}
.comparacion-area{padding:80px 20px;background:#fff}
.comparacion-contenedor{max-width:1440px;margin:0 auto}
.comparacion-header{margin-bottom:56px}
.comparacion-header h2{font-size:42px;line-height:1.2;margin:0 0 18px;color:#1a1a1a;font-weight:700}
.comparacion-header p{font-size:17px;line-height:1.7;color:#5a5a5a;margin:0;max-width:680px}
.tabla-comparativa{background:#EBECEF;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px #0000000f}
.tabla-fila{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:2px solid #fff}
.tabla-fila:last-child{border-bottom:none}
.tabla-encabezado{background:linear-gradient(135deg,#08A0CF,#0889b0)}
.tabla-encabezado .tabla-celda{color:#fff;font-weight:700;font-size:18px}
.tabla-celda{padding:24px 28px;font-size:16px;color:#2a2a2a;display:flex;align-items:center}
.tabla-celda:not(:last-child){border-right:2px solid #fff}
.check-icon{width:28px;height:28px;background:#08A0CF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.check-icon i{color:#fff;font-size:16px}
.cruz-icon{width:28px;height:28px;background:#d0d0d0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.cruz-icon i{color:#7a7a7a;font-size:16px}
@media (max-width: 1024px) {
.circulo-fondo{width:420px;height:420px}
.circulo-contenido h1{font-size:44px}
.circulo-img-wrap{width:130px;height:130px}
.experto-carta{flex-direction:column;text-align:center}
.experto-logros{justify-content:center}
.tabla-fila{grid-template-columns:2fr 1fr 1fr}
.tabla-celda{padding:20px 16px;font-size:14px}
}
@media (max-width: 768px) {
.circulo-main{min-height:520px}
.circulo-fondo{width:320px;height:320px}
.circulo-contenido h1{font-size:36px;margin-bottom:20px}
.circulo-tesis{font-size:17px}
.circulo-img-wrap{width:100px;height:100px}
.circulo-img-1,.circulo-img-2{top:10%}
.circulo-img-3,.circulo-img-4{bottom:10%}
.niveles-zona,.expertos-seccion,.comparacion-area{padding:60px 20px}
.niveles-titulo,.expertos-encabezado h2,.comparacion-header h2{font-size:32px}
.niveles-grid{grid-template-columns:1fr}
.experto-foto{width:180px;height:180px}
.experto-info h3{font-size:26px}
.experto-logros{flex-direction:column;gap:20px}
.tabla-fila{grid-template-columns:1fr}
.tabla-celda:not(:last-child){border-right:none;border-bottom:2px solid #fff}
.tabla-celda{justify-content:space-between;padding:20px}
.tabla-celda:nth-child(1){font-weight:600}
}
@media (max-width: 480px) {
.circulo-contenido h1{font-size:28px}
.circulo-tesis{font-size:16px}
.circulo-img-wrap{width:80px;height:80px}
.nivel-tarjeta{padding:32px 24px}
.experto-carta{padding:32px 24px}
.experto-foto{width:150px;height:150px}
}
.titleWrap{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.titleWrap .bgLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.titleWrap .bgLayer img{width:100%;height:100%;object-fit:cover;filter:blur(0)}
.titleWrap .overlayGrad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#08a0cfb3 0%,#b0114c99 100%);z-index:2}
.titleWrap .decoShape{position:absolute;width:280px;height:280px;border-radius:50%;background:#ebecef26;z-index:3;animation:floatAround 18s infinite ease-in-out}
.titleWrap .decoShape.alt{width:180px;height:180px;top:60%;right:15%;animation-delay:3s;animation-duration:22s}
.titleWrap .decoShape.variant{width:140px;height:140px;bottom:10%;left:8%;animation-delay:6s;animation-duration:26s}
@keyframes floatAround {
0%,100%{transform:translate(0,0) rotate(0deg)}
25%{transform:translate(30px,-40px) rotate(90deg)}
50%{transform:translate(-20px,30px) rotate(180deg)}
75%{transform:translate(40px,20px) rotate(270deg)}
}
.titleWrap .contentZone{position:relative;z-index:4;max-width:840px;margin:0 auto;padding:0 24px;text-align:center}
.titleWrap .contentZone .mainHead{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}
.titleWrap .contentZone .subHead{font-size:1.8rem;font-weight:500;color:#fffffff2;margin:0 0 20px;line-height:1.4}
.titleWrap .contentZone .descText{font-size:1.1rem;color:#ffffffe0;line-height:1.7;margin:0}
.formSection{max-width:1440px;margin:0 auto 90px;padding:0 24px}
.formSection .formGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.formSection .infoPanel{background:linear-gradient(140deg,#08a0cf14 0%,#ebecef4d 100%);padding:48px;border-radius:24px;box-shadow:0 4px 16px #0000000f}
.formSection .infoPanel .headLabel{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0 0 32px;position:relative;padding-left:20px}
.formSection .infoPanel .headLabel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#08A0CF 0%,#B0114C 100%);border-radius:24px}
.formSection .infoPanel .detailItem{margin-bottom:28px;display:flex;align-items:start;gap:16px}
.formSection .infoPanel .detailItem .iconWrap{width:44px;height:44px;background:#08A0CF;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px #08a0cf40}
.formSection .infoPanel .detailItem .iconWrap i{font-size:1.4rem;color:#fff}
.formSection .infoPanel .detailItem .textBox{flex:1}
.formSection .infoPanel .detailItem .textBox .label{font-size:.9rem;font-weight:600;color:#666;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}
.formSection .infoPanel .detailItem .textBox .value{font-size:1.05rem;color:#1a1a1a;line-height:1.5;margin:0}
.formSection .infoPanel .detailItem .textBox .value a{color:#08A0CF;text-decoration:none;transition:color .3s}
.formSection .infoPanel .detailItem .textBox .value a:hover{color:#B0114C}
.formSection .formPanel{background:#fff;padding:48px;border-radius:24px;box-shadow:0 6px 24px #00000014;border:2px solid #08a0cf26}
.formSection .formPanel .formHead{font-size:1.8rem;font-weight:600;color:#1a1a1a;margin:0 0 28px}
.formSection .formPanel .inputRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.formSection .formPanel .fieldWrap{margin-bottom:20px}
.formSection .formPanel .fieldWrap label{display:block;font-size:.95rem;font-weight:500;color:#333;margin-bottom:8px}
.formSection .formPanel .fieldWrap input[type="text"],.formSection .formPanel .fieldWrap input[type="email"],.formSection .formPanel .fieldWrap input[type="tel"]{width:100%;padding:14px 18px;border:2px solid #EBECEF;border-radius:16px;font-size:1rem;color:#1a1a1a;transition:all .3s;background:#fff}
.formSection .formPanel .fieldWrap input:focus{outline:none;border-color:#08A0CF;box-shadow:0 0 0 4px #08a0cf1a}
.formSection .formPanel .checkboxZone{margin:28px 0;padding:24px;background:#ebecef66;border-radius:16px}
.formSection .formPanel .checkboxZone .checkHead{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.formSection .formPanel .checkboxZone .checkItem{margin-bottom:12px;display:flex;align-items:center;gap:12px}
.formSection .formPanel .checkboxZone .checkItem input[type="checkbox"]{width:22px;height:22px;border:2px solid #08A0CF;border-radius:6px;cursor:pointer;flex-shrink:0}
.formSection .formPanel .checkboxZone .checkItem label{font-size:.95rem;color:#333;cursor:pointer;margin:0}
.formSection .formPanel .privacyWrap{margin:24px 0;display:flex;align-items:start;gap:12px}
.formSection .formPanel .privacyWrap input[type="checkbox"]{width:20px;height:20px;border:2px solid #B0114C;border-radius:6px;cursor:pointer;flex-shrink:0;margin-top:2px}
.formSection .formPanel .privacyWrap label{font-size:.9rem;color:#555;line-height:1.6;cursor:pointer;margin:0}
.formSection .formPanel .privacyWrap label a{color:#B0114C;text-decoration:underline;transition:color .3s}
.formSection .formPanel .privacyWrap label a:hover{color:#08A0CF}
.formSection .formPanel .submitButt{width:100%;padding:16px 32px;background:linear-gradient(135deg,#08A0CF 0%,#B0114C 100%);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #08a0cf4d;z-index:10;position:relative}
.formSection .formPanel .submitButt:hover{transform:translateY(-2px);box-shadow:0 6px 24px #b0114c66}
.processBlock{max-width:1440px;margin:0 auto 90px;padding:0 24px}
.processBlock .sectionHead{text-align:center;max-width:720px;margin:0 auto 56px}
.processBlock .sectionHead h2{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.processBlock .sectionHead p{font-size:1.1rem;color:#555;line-height:1.7;margin:0}
.processBlock .stepsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.processBlock .stepCard{background:#fff;padding:36px 28px;border-radius:20px;box-shadow:0 4px 16px #00000014;border:2px solid #08a0cf26;position:relative;transition:all .3s}
.processBlock .stepCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #b0114c33;border-color:#B0114C}
.processBlock .stepCard .numLabel{position:absolute;top:-16px;left:28px;width:48px;height:48px;background:linear-gradient(135deg,#08A0CF 0%,#B0114C 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #08a0cf4d}
.processBlock .stepCard .stepIcon{width:64px;height:64px;background:#ebecef99;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.processBlock .stepCard .stepIcon i{font-size:2rem;color:#08A0CF}
.processBlock .stepCard h3{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.processBlock .stepCard p{font-size:.95rem;color:#666;line-height:1.6;margin:0}
.visualBlock{max-width:1440px;margin:0 auto 90px;padding:0 24px}
.visualBlock .contentLayout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.visualBlock .textZone h2{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.3;position:relative;padding-left:24px}
.visualBlock .textZone h2::before{content:'';position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(180deg,#08A0CF 0%,#B0114C 100%);border-radius:24px}
.visualBlock .textZone .infoList{list-style:none;padding:0;margin:0}
.visualBlock .textZone .infoList li{padding:16px 0;border-bottom:1px solid #ebecefcc;font-size:1.05rem;color:#333;line-height:1.6;position:relative;padding-left:36px}
.visualBlock .textZone .infoList li::before{content:'';position:absolute;left:0;top:24px;width:20px;height:20px;background:#08A0CF;border-radius:50%;transform:translateY(-50%)}
.visualBlock .textZone .infoList li:last-child{border-bottom:none}
.visualBlock .imageZone{position:relative}
.visualBlock .imageZone img{width:100%;height:auto;border-radius:24px;box-shadow:0 8px 32px #0000001f;display:block}
.visualBlock .imageZone .decorFrame{position:absolute;top:-20px;right:-20px;width:180px;height:180px;border:4px solid #B0114C;border-radius:24px;z-index:-1}
@media (max-width: 1024px) {
.titleWrap{min-height:360px;margin-bottom:60px}
.titleWrap .contentZone .mainHead{font-size:2.6rem}
.titleWrap .contentZone .subHead{font-size:1.5rem}
.formSection .formGrid{grid-template-columns:1fr;gap:40px}
.processBlock .stepsGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.visualBlock .contentLayout{grid-template-columns:1fr;gap:40px}
.visualBlock .imageZone{order:-1}
}
@media (max-width: 768px) {
.titleWrap{min-height:320px;margin-bottom:50px}
.titleWrap .contentZone .mainHead{font-size:2rem}
.titleWrap .contentZone .subHead{font-size:1.3rem}
.titleWrap .contentZone .descText{font-size:1rem}
.formSection .formPanel,.formSection .infoPanel{padding:32px 24px}
.formSection .formPanel .inputRow{grid-template-columns:1fr;gap:16px}
.processBlock .stepsGrid{grid-template-columns:1fr}
.processBlock .sectionHead h2{font-size:2rem}
.visualBlock .textZone h2{font-size:1.8rem}
}
.serv-canvas{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}
.intro-stage{display:flex;align-items:center;gap:60px;padding:80px 0;background:linear-gradient(135deg,#08a0cf14 0%,#ebecef66 100%);border-radius:24px;margin-bottom:60px}
.intro-stage .text-layer{flex:1;padding:0 50px}
.intro-stage .text-layer h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 24px;color:#1a1a1a}
.intro-stage .text-layer h1 .emph{color:#08A0CF;position:relative;display:inline-block}
.intro-stage .text-layer h1 .emph::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#08A0CF,#B0114C);border-radius:2px}
.intro-stage .text-layer p{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.intro-stage .img-frame{flex:0 0 480px;position:relative}
.intro-stage .img-frame .depth-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #08a0cf33 0 4px 8px #00000014}
.intro-stage .img-frame .depth-wrap::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#08a0cf4d,#b0114c33);border-radius:24px;z-index:-1;filter:blur(12px)}
.intro-stage .img-frame img{width:100%;height:380px;object-fit:cover;display:block}
.offerings-surface{padding:100px 0;background:#fff}
.offerings-surface .layer-head{text-align:center;margin-bottom:70px}
.offerings-surface .layer-head h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.offerings-surface .layer-head h2::before{content:'';position:absolute;top:-8px;left:-20px;width:12px;height:12px;background:#B0114C;border-radius:50%}
.offerings-surface .layer-head h2::after{content:'';position:absolute;bottom:-8px;right:-20px;width:12px;height:12px;background:#08A0CF;border-radius:50%}
.offerings-surface .layer-head p{font-size:18px;color:#666;max-width:720px;margin:0 auto;line-height:1.6}
.mesh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.serv-card{background:#EBECEF;border-radius:24px;padding:48px 36px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}
.serv-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #08a0cf2e}
.serv-card .ico-wrap{width:72px;height:72px;background:linear-gradient(135deg,#08A0CF,#0688ad);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 4px 12px #08a0cf40}
.serv-card .ico-wrap svg{width:36px;height:36px;stroke:#fff;stroke-width:2;fill:none}
.serv-card h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.serv-card p{font-size:16px;line-height:1.6;color:#555;margin:0 0 24px}
.serv-card .feat-list{list-style:none;padding:0;margin:0}
.serv-card .feat-list li{font-size:15px;color:#444;padding-left:28px;position:relative;margin-bottom:12px;line-height:1.5}
.serv-card .feat-list li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#08A0CF;border-radius:50%;box-shadow:0 0 0 3px #08a0cf26}
.serv-card .feat-list li:last-child{margin-bottom:0}
.process-ribbon{background:linear-gradient(180deg,#b0114c0a 0%,#08a0cf0a 100%);padding:90px 0;margin-top:80px;position:relative}
.process-ribbon::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#B0114C 0%,#08A0CF 100%)}
.process-ribbon .flow-titl{text-align:center;margin-bottom:60px}
.process-ribbon .flow-titl h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.process-ribbon .flow-titl p{font-size:17px;color:#666;margin:0}
.timeline-wrap{max-width:1000px;margin:0 auto;position:relative}
.timeline-wrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#B0114C 0%,#08A0CF 100%);transform:translateX(-50%)}
.step-node{display:flex;align-items:center;margin-bottom:60px;position:relative}
.step-node:nth-child(odd){flex-direction:row}
.step-node:nth-child(even){flex-direction:row-reverse}
.step-node .node-content{flex:0 0 45%;background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #00000014;position:relative}
.step-node:nth-child(odd) .node-content{text-align:right}
.step-node:nth-child(even) .node-content{text-align:left}
.step-node .node-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:linear-gradient(135deg,#08A0CF,#B0114C);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;box-shadow:0 6px 18px #08a0cf59;z-index:2}
.step-node .node-content h4{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.step-node .node-content p{font-size:16px;line-height:1.6;color:#555;margin:0}
.team-display{padding:90px 0;background:#fff}
.team-display .disp-titl{text-align:center;margin-bottom:60px}
.team-display .disp-titl h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.team-display .disp-titl h2::before{content:'✦ ';color:#B0114C;margin-right:8px}
.team-display .disp-titl p{font-size:17px;color:#666;margin:0}
.member-row{display:flex;gap:40px;max-width:1100px;margin:0 auto;justify-content:center}
.member-tile{flex:0 0 calc(33.333% - 27px);background:linear-gradient(135deg,#EBECEF 0%,#fff 100%);border-radius:24px;overflow:hidden;box-shadow:0 6px 20px #00000014;transition:all .3s ease}
.member-tile:hover{transform:translateY(-8px);box-shadow:0 14px 36px #08a0cf33}
.member-tile .port-img{width:100%;height:280px;position:relative;overflow:hidden}
.member-tile .port-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.member-tile:hover .port-img img{transform:scale(1.08)}
.member-tile .port-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#08a0cf99,transparent)}
.member-tile .info-sect{padding:28px 24px}
.member-tile .info-sect h5{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 6px}
.member-tile .info-sect .role-tag{font-size:14px;color:#08A0CF;font-weight:500;margin:0 0 14px;display:block}
.member-tile .info-sect p{font-size:15px;line-height:1.5;color:#555;margin:0}
.cta-zone{background:linear-gradient(135deg,#08A0CF 0%,#0688ad 100%);padding:70px 0;margin-top:80px;border-radius:28px;text-align:center;position:relative;overflow:hidden}
.cta-zone::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.cta-zone::after{content:'';position:absolute;bottom:-40%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#b0114c4d 0%,transparent 70%);border-radius:50%}
.cta-zone .cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-zone h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 18px}
.cta-zone p{font-size:18px;line-height:1.6;color:#fffffff2;margin:0 0 36px}
.cta-zone .butt-link{display:inline-block;background:#fff;color:#08A0CF;font-size:17px;font-weight:600;padding:16px 48px;border-radius:28px;text-decoration:none;box-shadow:0 6px 20px #00000026;transition:all .3s ease;position:relative;z-index:10}
.cta-zone .butt-link:hover{background:#B0114C;color:#fff;transform:scale(1.05);box-shadow:0 8px 24px #b0114c66}
@media (max-width: 1024px) {
.intro-stage{flex-direction:column;gap:40px;padding:60px 30px}
.intro-stage .img-frame{flex:0 0 auto;width:100%;max-width:500px}
.intro-stage .text-layer{padding:0 20px}
.mesh-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.member-row{flex-wrap:wrap}
.member-tile{flex:0 0 calc(50% - 20px)}
.step-node .node-content{flex:0 0 42%}
}
@media (max-width: 768px) {
.intro-stage .text-layer h1{font-size:36px}
.intro-stage .text-layer p{font-size:16px}
.intro-stage .img-frame img{height:300px}
.offerings-surface .layer-head h2{font-size:32px}
.mesh-grid{grid-template-columns:1fr;gap:24px}
.serv-card{padding:36px 28px}
.timeline-wrap::before{left:20px}
.step-node{flex-direction:column!important;align-items:flex-start;padding-left:60px}
.step-node .node-content{flex:0 0 100%;text-align:left!important}
.step-node .node-badge{left:20px;transform:translateY(-50%)}
.member-row{flex-direction:column}
.member-tile{flex:0 0 100%}
.cta-zone h2{font-size:30px}
.cta-zone p{font-size:16px}
}
@media (max-width: 480px) {
.serv-canvas{padding:0 16px}
.intro-stage{padding:40px 20px;margin-bottom:40px}
.intro-stage .text-layer h1{font-size:28px}
.offerings-surface{padding:60px 0}
.process-ribbon{padding:60px 0;margin-top:60px}
.team-display{padding:60px 0}
.cta-zone{padding:50px 20px;margin-top:60px}
}
.hero-wrapper{background:linear-gradient(135deg,#08a0cf14 0%,#b0114c0d 100%);padding:80px 20px 100px;position:relative}
.hero-wrapper::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#08a0cf1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero-zone{max-width:1440px;margin:0 auto}
.hero-cols{display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px;align-items:center}
.text-area{padding-right:40px}
.heado-title{font-size:56px;font-weight:700;line-height:1.15;color:#1a1a1a;margin:0 0 32px;letter-spacing:-.02em}
.lead-text{margin-bottom:48px}
.lead-text p{font-size:20px;line-height:1.7;color:#4a4a4a;margin:0}
.action-bar{display:flex;gap:20px;flex-wrap:wrap}
.butt-primary{background:#08A0CF;color:#fff;padding:16px 36px;border-radius:24px;text-decoration:none;font-weight:600;font-size:17px;display:inline-flex;align-items:center;transition:all .3s ease;box-shadow:0 4px 12px #08a0cf40}
.butt-primary:hover{background:#0788b3;transform:translateY(-2px);box-shadow:0 6px 20px #08a0cf59}
.butt-outline{background:transparent;color:#B0114C;padding:16px 36px;border-radius:24px;text-decoration:none;font-weight:600;font-size:17px;display:inline-flex;align-items:center;border:2px solid #B0114C;transition:all .3s ease}
.butt-outline:hover{background:#B0114C;color:#fff;transform:translateY(-2px)}
.visual-area{position:relative}
.visual-area img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #00000026}
.story-section{padding:120px 20px;background:#fff}
.story-container{max-width:1440px;margin:0 auto}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.section-heading{font-size:42px;font-weight:700;line-height:1.25;color:#1a1a1a;margin:0 0 36px;position:relative;padding-left:20px}
.section-heading::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60px;background:linear-gradient(180deg,#08A0CF 0%,#B0114C 100%);border-radius:3px}
.story-content p{font-size:18px;line-height:1.8;color:#3a3a3a;margin:0 0 24px}
.story-content p:last-child{margin-bottom:0}
.story-right{position:relative}
.story-right img{width:100%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 12px 40px #0000001f;margin-bottom:40px}
.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.stat-item{background:linear-gradient(135deg,#08a0cf14 0%,#b0114c0f 100%);padding:32px 24px;border-radius:20px;text-align:center;border:2px solid #08a0cf26}
.stat-numb{font-size:48px;font-weight:700;color:#08A0CF;margin-bottom:8px;line-height:1}
.stat-label{font-size:15px;color:#5a5a5a;line-height:1.4}
.team-showcase{background:#EBECEF;padding:120px 20px}
.team-wrap{max-width:1440px;margin:0 auto}
.team-intro{text-align:center;max-width:780px;margin:0 auto 80px}
.team-title{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.team-desc{font-size:19px;line-height:1.7;color:#4a4a4a;margin:0}
.members-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.member-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 8px 32px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.member-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000024}
.member-visual{width:100%;height:360px;overflow:hidden}
.member-visual img{width:100%;height:100%;object-fit:cover}
.member-info{padding:36px}
.member-name{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.member-role{font-size:16px;color:#B0114C;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}
.member-bio{margin-bottom:28px}
.member-bio p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.member-bio p:last-child{margin-bottom:0}
.member-skills{display:flex;flex-wrap:wrap;gap:10px}
.skill-tag{background:#08a0cf1a;color:#08A0CF;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:600}
.approach-zone{padding:120px 20px;background:#fff}
.approach-container{max-width:1100px;margin:0 auto}
.approach-heading{font-size:46px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 80px}
.process-timeline{position:relative;padding-left:80px}
.process-timeline::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#08A0CF 0%,#B0114C 100%)}
.timeline-step{position:relative;margin-bottom:60px;display:grid;grid-template-columns:auto 1fr;gap:40px}
.timeline-step:last-child{margin-bottom:0}
.step-marker{position:absolute;left:-80px;width:52px;height:52px;background:#fff;border:4px solid #08A0CF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#08A0CF;font-size:24px;box-shadow:0 4px 16px #08a0cf40;z-index:2}
.timeline-step:nth-child(even) .step-marker{border-color:#B0114C;color:#B0114C}
.step-content{background:#f9fafb;padding:32px;border-radius:24px;border-left:4px solid #08A0CF}
.timeline-step:nth-child(even) .step-content{border-left-color:#B0114C}
.step-title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.step-content p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.step-visual{margin-top:24px}
.step-visual img{width:100%;height:280px;object-fit:cover;border-radius:16px}
.cta-endzone{margin-top:100px;display:flex;justify-content:center}
.cta-box{background:linear-gradient(135deg,#08A0CF 0%,#0788b3 100%);padding:60px 80px;border-radius:32px;text-align:center;max-width:800px;box-shadow:0 16px 48px #08a0cf4d}
.cta-text{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px}
.cta-subtext{font-size:18px;color:#ffffffe6;margin:0 0 32px;line-height:1.6}
.butt-cta{background:#fff;color:#08A0CF;padding:18px 44px;border-radius:28px;text-decoration:none;font-weight:700;font-size:18px;display:inline-flex;align-items:center;transition:all .3s ease;box-shadow:0 6px 20px #00000026}
.butt-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000040}
@media (max-width: 1024px) {
.hero-cols{grid-template-columns:1fr;gap:50px}
.text-area{padding-right:0}
.heado-title{font-size:44px}
.story-grid{grid-template-columns:1fr;gap:60px}
.members-layout{grid-template-columns:1fr}
.process-timeline{padding-left:60px}
}
@media (max-width: 768px) {
.hero-wrapper{padding:60px 20px 70px}
.heado-title{font-size:36px}
.lead-text p{font-size:18px}
.action-bar{flex-direction:column}
.butt-primary,.butt-outline{width:100%;justify-content:center}
.visual-area img{height:380px}
.story-section{padding:80px 20px}
.section-heading{font-size:32px}
.story-content p{font-size:17px}
.story-right img{height:320px}
.stat-cards{grid-template-columns:1fr}
.team-showcase{padding:80px 20px}
.team-title{font-size:34px}
.team-intro{margin-bottom:60px}
.approach-zone{padding:80px 20px}
.approach-heading{font-size:34px;margin-bottom:60px}
.process-timeline{padding-left:50px}
.step-marker{left:-70px;width:44px;height:44px;font-size:20px}
.step-content{padding:24px}
.step-title{font-size:22px}
.cta-box{padding:40px 30px}
.cta-text{font-size:28px}
.cta-subtext{font-size:16px}
}
@media (max-width: 480px) {
.heado-title{font-size:30px}
.visual-area img{height:300px;border-radius:24px}
.section-heading{font-size:28px;padding-left:16px}
.section-heading::before{width:5px;height:50px}
.team-title{font-size:28px}
.member-visual{height:280px}
.member-info{padding:28px}
.approach-heading{font-size:28px}
.process-timeline{padding-left:40px}
.step-marker{left:-60px;width:40px;height:40px}
.step-visual img{height:220px}
}
.sustain-wrap{max-width:1440px;margin:0 auto;padding:0}
.titleZone{position:relative;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(135deg,#EBECEF 0%,#fff 100%)}
.titleZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(45deg,#08a0cf14,#b0114c0f);border-radius:50%;animation:slowPulse 8s ease-in-out infinite}
@keyframes slowPulse {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.1) rotate(5deg);opacity:.8}
}
.titleZone::after{content:'';position:absolute;bottom:10%;left:5%;width:200px;height:200px;background:#b0114c0a;border-radius:32px;transform:rotate(15deg)}
.titleContent{position:relative;z-index:2;max-width:900px;margin:0 auto}
.titleContent .labelTxt{display:inline-block;padding:10px 24px;background:#08a0cf1f;color:#08A0CF;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:24px;margin-bottom:24px}
.titleContent .mainHeading{font-size:56px;line-height:1.1;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.titleContent .mainHeading::after{content:'';display:block;width:120px;height:5px;background:linear-gradient(90deg,#08A0CF,#B0114C);margin-top:24px;border-radius:8px}
.titleContent .descTxt{font-size:20px;line-height:1.7;color:#4a4a4a;margin:0;max-width:720px}
.practiceSection{padding:100px 24px;background:#fff}
.practiceSection .innerWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.practiceSection .imgColumn{position:relative}
.practiceSection .imgColumn .mainImg{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #0000001f}
.practiceSection .imgColumn::before{content:'';position:absolute;top:-20px;left:-20px;width:140px;height:140px;background:#08a0cf1a;border-radius:50%;z-index:-1}
.practiceSection .contentColumn .sectionLabel{font-size:16px;font-weight:600;color:#B0114C;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 16px}
.practiceSection .contentColumn .subHead{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;padding-left:24px}
.practiceSection .contentColumn .subHead::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#08A0CF,#B0114C);border-radius:8px}
.practiceSection .contentColumn .textBlock{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.practiceSection .contentColumn .featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.practiceSection .contentColumn .featureBox{padding:28px;background:#EBECEF;border-radius:20px;transition:all .3s ease}
.practiceSection .contentColumn .featureBox:hover{transform:translateY(-4px);box-shadow:0 8px 24px #08a0cf26}
.practiceSection .contentColumn .featureBox .icoWrap{width:48px;height:48px;background:linear-gradient(135deg,#08A0CF,#0690b8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.practiceSection .contentColumn .featureBox .icoWrap i{font-size:24px;color:#fff}
.practiceSection .contentColumn .featureBox .featureTtl{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.practiceSection .contentColumn .featureBox .featureDesc{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.methodsArea{padding:100px 24px;background:linear-gradient(180deg,#EBECEF 0%,#fff 100%);position:relative}
.methodsArea::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#08A0CF,#B0114C,transparent)}
.methodsArea .centerWrap{max-width:1200px;margin:0 auto}
.methodsArea .headZone{text-align:center;margin-bottom:64px}
.methodsArea .headZone .topLabel{font-size:15px;font-weight:600;color:#08A0CF;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 16px}
.methodsArea .headZone .mainTtl{font-size:46px;line-height:1.15;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.methodsArea .headZone .subText{font-size:18px;line-height:1.7;color:#5a5a5a;max-width:680px;margin:0 auto}
.methodsArea .cardLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.methodsArea .methodCard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .4s ease;position:relative}
.methodsArea .methodCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #08a0cf33}
.methodsArea .methodCard .imgWrap{width:100%;height:240px;overflow:hidden;position:relative}
.methodsArea .methodCard .imgWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.methodsArea .methodCard:hover .imgWrap img{transform:scale(1.05)}
.methodsArea .methodCard .imgWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#0006,transparent)}
.methodsArea .methodCard .contentWrap{padding:32px}
.methodsArea .methodCard .cardTtl{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;padding-bottom:12px}
.methodsArea .methodCard .cardTtl::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:#08A0CF;border-radius:8px}
.methodsArea .methodCard .cardDesc{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0 0 20px}
.methodsArea .methodCard .metaRow{display:flex;gap:16px;flex-wrap:wrap}
.methodsArea .methodCard .metaBadge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#08a0cf1a;color:#08A0CF;font-size:13px;font-weight:600;border-radius:16px}
.methodsArea .methodCard .metaBadge i{font-size:14px}
.impactZone{padding:100px 24px 120px;background:#fff}
.impactZone .flexContainer{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.impactZone .flexContainer .leftSide{flex:1}
.impactZone .flexContainer .leftSide .secLabel{font-size:15px;font-weight:600;color:#B0114C;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 20px}
.impactZone .flexContainer .leftSide .bigTtl{font-size:44px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.impactZone .flexContainer .leftSide .paraText{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 20px}
.impactZone .flexContainer .rightSide{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.impactZone .statBox{background:linear-gradient(135deg,#EBECEF 0%,#fff 100%);padding:36px 28px;border-radius:20px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.impactZone .statBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#08A0CF,#B0114C);transform:scaleX(0);transition:transform .3s ease}
.impactZone .statBox:hover::before{transform:scaleX(1)}
.impactZone .statBox:hover{border-color:#08a0cf4d;box-shadow:0 8px 24px #08a0cf1f}
.impactZone .statBox .numDisplay{font-size:48px;font-weight:700;color:#08A0CF;margin:0 0 12px;line-height:1}
.impactZone .statBox .statLabel{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.impactZone .statBox .statNote{font-size:14px;line-height:1.6;color:#6a6a6a;margin:0}
.teamShowcase{padding:100px 24px;background:linear-gradient(135deg,#EBECEF 0%,#fff 50%,#EBECEF 100%)}
.teamShowcase .wrapperBox{max-width:1200px;margin:0 auto}
.teamShowcase .headSection{text-align:center;margin-bottom:56px}
.teamShowcase .headSection .preTitle{font-size:15px;font-weight:600;color:#B0114C;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 16px}
.teamShowcase .headSection .largeHead{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0;font-weight:700}
.teamShowcase .peopleGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:900px;margin:0 auto}
.teamShowcase .personCard{display:flex;gap:24px;align-items:start;background:#fff;padding:32px;border-radius:24px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease}
.teamShowcase .personCard:hover{transform:translateX(8px);box-shadow:0 8px 32px #08a0cf26}
.teamShowcase .personCard .photoWrap{flex-shrink:0;width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #EBECEF;position:relative}
.teamShowcase .personCard .photoWrap::after{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid transparent;background:linear-gradient(135deg,#08A0CF,#B0114C) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.teamShowcase .personCard:hover .photoWrap::after{opacity:1}
.teamShowcase .personCard .photoWrap img{width:100%;height:100%;object-fit:cover}
.teamShowcase .personCard .infoBox .nameTxt{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 6px}
.teamShowcase .personCard .infoBox .roleTxt{font-size:14px;font-weight:600;color:#08A0CF;text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}
.teamShowcase .personCard .infoBox .bioTxt{font-size:15px;line-height:1.7;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.titleContent .mainHeading{font-size:44px}
.practiceSection .innerWrap{grid-template-columns:1fr;gap:48px}
.methodsArea .cardLayout{grid-template-columns:1fr}
.impactZone .flexContainer{flex-direction:column}
.teamShowcase .peopleGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleZone{padding:80px 20px 60px}
.titleContent .mainHeading{font-size:36px}
.titleContent .descTxt{font-size:18px}
.practiceSection{padding:60px 20px}
.practiceSection .contentColumn .subHead{font-size:32px}
.practiceSection .contentColumn .featureGrid{grid-template-columns:1fr}
.methodsArea{padding:60px 20px}
.methodsArea .headZone .mainTtl{font-size:34px}
.impactZone{padding:60px 20px}
.impactZone .flexContainer .leftSide .bigTtl{font-size:34px}
.impactZone .flexContainer .rightSide{grid-template-columns:1fr}
.teamShowcase{padding:60px 20px}
.teamShowcase .headSection .largeHead{font-size:32px}
.teamShowcase .personCard{flex-direction:column;text-align:center}
.teamShowcase .personCard .photoWrap{margin:0 auto}
}
.successWrap{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#EBECEF 0%,#fff 50%,#f8f9fa 100%)}
.successWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#08a0cf26 0%,transparent 50%),radial-gradient(circle at 70% 60%,#b0114c1f 0%,transparent 50%);animation:glowPulse 8s ease-in-out infinite}
@keyframes glowPulse {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-5%,-5%) scale(1.05)}
}
.successWrap::after{content:'';position:absolute;bottom:10%;right:15%;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#08a0cf33,#b0114c26);animation:floatShape 6s ease-in-out infinite alternate;filter:blur(40px)}
@keyframes floatShape {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(45deg)}
}
.successInner{max-width:680px;width:100%;background:#fff;border-radius:24px;padding:60px 50px;box-shadow:0 6px 0 #08a0cf14 0 12px 24px #00000014;position:relative;z-index:2;text-align:center}
.successInner::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:6px;background:linear-gradient(90deg,#08A0CF,#B0114C);border-radius:0 0 20px 20px}
.iconCircle{width:100px;height:100px;margin:0 auto 32px;background:linear-gradient(135deg,#08a0cf1a,#b0114c14);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:bounceIn .6s ease-out}
@keyframes bounceIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.iconCircle::before{content:'';position:absolute;width:120%;height:120%;border:3px solid #08a0cf33;border-radius:50%;animation:ringExpand 2s ease-out infinite}
@keyframes ringExpand {
0%{transform:scale(0.9);opacity:.6}
100%{transform:scale(1.3);opacity:0}
}
.iconCircle i{font-size:48px;color:#08A0CF}
.mainHeading{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.2}
.mainHeading::after{content:'';display:block;width:60px;height:4px;background:#B0114C;margin:20px auto 0;border-radius:20px}
.qaBlock{margin:36px 0 0}
.qaItem{margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #08a0cf26}
.qaItem:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.question{font-size:18px;font-weight:600;color:#08A0CF;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:10px}
.question::before{content:'';width:6px;height:6px;background:#B0114C;border-radius:50%;display:block}
.answer{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0}
.actionRow{margin:40px 0 0;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#08A0CF,#0689b3);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:16px;box-shadow:0 4px 0 #08a0cf4d;transition:all .3s ease;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #08a0cf4d 0 8px 20px #08a0cf33}
.btnPrimary:active{transform:translateY(1px);box-shadow:0 2px 0 #08a0cf4d}
.btnSecondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#B0114C;font-size:16px;font-weight:600;text-decoration:none;border-radius:16px;border:2px solid #B0114C;transition:all .3s ease;position:relative;z-index:10}
.btnSecondary:hover{background:#b0114c0d;transform:translateY(-2px);box-shadow:0 4px 12px #b0114c26}
.decorShape{position:absolute;width:140px;height:140px;border-radius:32px;background:linear-gradient(135deg,#08a0cf1a,#b0114c14);animation:rotateFloat 10s ease-in-out infinite;z-index:1}
.decorShape.shapeOne{top:15%;left:5%;transform:rotate(15deg)}
.decorShape.shapeTwo{bottom:20%;right:8%;transform:rotate(-20deg);animation-delay:-3s}
@keyframes rotateFloat {
0%,100%{transform:rotate(15deg) translateY(0)}
50%{transform:rotate(25deg) translateY(-20px)}
}
@media (max-width: 768px) {
.successWrap{padding:40px 16px}
.successInner{padding:40px 28px;border-radius:20px}
.mainHeading{font-size:28px}
.iconCircle{width:80px;height:80px;margin-bottom:24px}
.iconCircle i{font-size:36px}
.question{font-size:16px}
.answer{font-size:15px}
.actionRow{flex-direction:column;gap:12px}
.btnPrimary,.btnSecondary{width:100%;justify-content:center;padding:14px 24px}
.decorShape{width:100px;height:100px}
}
@media (max-width: 480px) {
.successInner{padding:32px 20px}
.mainHeading{font-size:24px}
.iconCircle{width:70px;height:70px}
.iconCircle i{font-size:32px}
}