*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;color:#2d3436;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.headerOuter{background:linear-gradient(145deg,#09fff514 0%,#7a00110d 100%);box-shadow:0 8px 24px #0000000f inset 0 1px 0 #ffffff80;border-bottom:1px solid #09fff526;position:relative}
.headerInner{max-width:1140px;margin:0 auto;padding:0 24px}
.topRow{display:grid;grid-template-columns:200px 1fr 200px;align-items:center;gap:32px;min-height:120px;padding:24px 0}
.logoBox{display:flex;align-items:center}
.logoLink{display:block;transition:transform 320ms ease}
.logoLink:hover{transform:translateY(-2px)}
.logoImage{height:90px;width:90px;object-fit:contain;background:radial-gradient(circle,#ffffffe6 0%,#fffce299 100%);padding:12px;border-radius:18px;box-shadow:0 4px 16px #09fff533 0 2px 8px #7a00111a}
.centerBrand{display:flex;justify-content:center;align-items:center}
.companyTitle{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1.5px;text-shadow:0 2px 12px #09fff526}
.mainNav{display:flex;justify-content:flex-end}
.navList{display:flex;list-style:none;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.navItem{margin:0}
.navLink{display:block;padding:12px 20px;color:#2d3436;text-decoration:none;font-weight:500;border-radius:12px;transition:all 280ms ease;background:#ffffff80;border:1px solid #09fff51a;white-space:nowrap}
.navLink:hover{background:#09fff51f;color:#7A0011;border-color:#09fff54d}
.footerOuter{background:linear-gradient(165deg,#09fff50d 0%,#7a001114 100%);border-top:1px solid #09fff533;box-shadow:0 -12px 32px #0000000a inset 0 1px 0 #fff9;margin-top:60px}
.footerInner{max-width:1140px;margin:0 auto;padding:48px 24px 24px}
.footerContent{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
.footerBlock{display:flex;flex-direction:column}
.brandSection{display:flex;flex-direction:column;gap:20px}
.footerLogo{height:70px;width:70px;object-fit:contain;background:radial-gradient(circle,#fffc 0%,#fffce280 100%);padding:10px;border-radius:14px;box-shadow:0 3px 12px #09fff526}
.footerDesc{font-size:.95rem;line-height:1.7;color:#636e72}
.footerHeading{font-size:1.2rem;font-weight:700;color:#2d3436;margin-bottom:20px;position:relative;padding-bottom:10px}
.footerHeading::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#09FFF5 0%,#7A0011 100%);border-radius:3px}
.contactInfo{display:flex;flex-direction:column;gap:14px}
.contactItem{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#636e72}
.contactIcon{font-size:1.2rem;color:#09FFF5;margin-top:2px;flex-shrink:0}
.contactLink{color:#636e72;text-decoration:none;transition:color 280ms ease}
.contactLink:hover{color:#7A0011}
.footerLinks{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerLinkItem{margin:0}
.footerLink{color:#636e72;text-decoration:none;font-size:.95rem;transition:all 280ms ease;display:inline-block;padding:4px 0}
.footerLink:hover{color:#7A0011;padding-left:8px}
.footerBottom{padding-top:24px;border-top:1px solid #09fff526;text-align:center}
.copyrightText{font-size:.9rem;color:#636e72}
.cookieBox{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(150%);max-width:480px;width:calc(100% - 48px);background:linear-gradient(145deg,#fffffffa 0%,#fffce2f2 100%);border-radius:20px;box-shadow:0 16px 48px #00000026 0 4px 12px #09fff51a inset 0 1px 0 #fffc;border:1px solid #09fff533;padding:28px;z-index:9999;transition:transform 450ms cubic-bezier(0.34,1.56,0.64,1)}
.cookieBox.is-visible{transform:translateX(-50%) translateY(0)}
.cookieContent{display:flex;flex-direction:column;gap:20px}
.cookieText{font-size:.95rem;line-height:1.6;color:#2d3436}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn{flex:1;min-width:120px;padding:12px 24px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all 300ms ease;font-family:'Roboto',sans-serif}
.acceptBtn{background:linear-gradient(135deg,#09FFF5 0%,#06c9c0 100%);color:#1a1a1a;box-shadow:0 4px 16px #09fff54d}
.acceptBtn:hover{background:linear-gradient(135deg,#06c9c0 0%,#09FFF5 100%);box-shadow:0 6px 20px #09fff566}
.declineBtn{background:linear-gradient(135deg,#636e72 0%,#2d3436 100%);color:#fff;box-shadow:0 4px 16px #2d343633}
.declineBtn:hover{background:linear-gradient(135deg,#2d3436 0%,#636e72 100%);box-shadow:0 6px 20px #2d34364d}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#fffce24d;border-radius:8px}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);border-radius:8px;border:2px solid #fff3}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7A0011 0%,#09FFF5 100%)}
@media (max-width: 968px) {
.topRow{grid-template-columns:1fr;gap:24px;text-align:center;justify-items:center}
.logoBox{justify-content:center}
.centerBrand{order:-1}
.companyTitle{font-size:2.2rem}
.mainNav{justify-content:center;width:100%}
.navList{justify-content:center}
.footerContent{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 640px) {
.headerInner{padding:0 16px}
.topRow{padding:16px 0;min-height:auto}
.logoImage{height:70px;width:70px}
.companyTitle{font-size:1.8rem}
.navList{gap:6px}
.navLink{padding:10px 14px;font-size:.9rem}
.footerInner{padding:36px 16px 20px}
.cookieBox{bottom:16px;width:calc(100% - 32px);padding:20px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
.b-policy-text{max-width:1140px;margin:60px auto;padding:0 24px;background:#fff}
.b-policy-text p{font-size:16px;line-height:1.75;color:#2d3748;margin:0 0 20px;font-weight:400}
.b-policy-text p strong,.b-policy-text p b{font-weight:600;color:#1a202c}
.b-policy-text ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.b-policy-text ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.b-policy-text ul li,.b-policy-text ol li{font-size:16px;line-height:1.7;color:#2d3748;margin:0 0 12px;padding-left:8px}
.b-policy-text ul li strong,.b-policy-text ol li strong,.b-policy-text ul li b,.b-policy-text ol li b{font-weight:600;color:#1a202c}
.b-policy-text ul ul,.b-policy-text ol ul,.b-policy-text ul ol,.b-policy-text ol ol{margin:12px 0;padding-left:24px}
.b-policy-text ul ul{list-style-type:circle}
.b-policy-text hr{border:none;height:2px;background:linear-gradient(90deg,#09fff54d 0%,#7a001133 100%);margin:40px 0;border-radius:2px}
.b-policy-text div{margin:0 0 24px}
.b-policy-text div p:last-child{margin-bottom:0}
.b-policy-text strong,.b-policy-text b{font-weight:600;color:#1a202c}
@media (max-width: 768px) {
.b-policy-text{margin:40px auto;padding:0 20px}
.b-policy-text p{font-size:15px;line-height:1.7;margin-bottom:18px}
.b-policy-text ul,.b-policy-text ol{padding-left:24px;margin-bottom:20px}
.b-policy-text ul li,.b-policy-text ol li{font-size:15px;margin-bottom:10px}
.b-policy-text hr{margin:32px 0}
}
@media (max-width: 480px) {
.b-policy-text{margin:32px auto;padding:0 16px}
.b-policy-text p{font-size:14px;margin-bottom:16px}
.b-policy-text ul,.b-policy-text ol{padding-left:20px;margin-bottom:18px}
.b-policy-text ul li,.b-policy-text ol li{font-size:14px;margin-bottom:8px;padding-left:4px}
.b-policy-text hr{margin:28px 0}
}
.titleSection{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(135deg,#FFFCE2 0%,#f8f9fa 100%);overflow:hidden;margin-bottom:64px}
.titleSection .bgImageWrap{position:absolute;right:0;top:0;width:42%;height:100%;overflow:hidden}
.titleSection .bgImageWrap img{width:100%;height:100%;object-fit:cover;filter:brightness(0.92) contrast(1.05);box-shadow:-8px 0 24px #00000014}
.titleSection .contentBox{max-width:1140px;margin:0 auto;padding:80px 24px;width:100%;position:relative;z-index:2}
.titleSection .headingMain{font-size:3rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;max-width:580px;line-height:1.15}
.titleSection .dividerLine{width:80px;height:4px;background:linear-gradient(90deg,#09FFF5,#7A0011);border-radius:2px;margin-bottom:28px}
.titleSection .descText{font-size:1.15rem;line-height:1.7;color:#444;max-width:540px;margin:0}
@media (max-width: 992px) {
.titleSection{min-height:420px}
.titleSection .bgImageWrap{width:50%}
.titleSection .headingMain{font-size:2.5rem}
}
@media (max-width: 768px) {
.titleSection{min-height:auto}
.titleSection .bgImageWrap{position:relative;width:100%;height:280px}
.titleSection .contentBox{padding:48px 20px}
.titleSection .headingMain{font-size:2rem;max-width:100%}
.titleSection .descText{max-width:100%}
}
.programOutline{max-width:1140px;margin:0 auto 72px;padding:0 24px}
.programOutline .sectionHeader{text-align:center;margin-bottom:56px}
.programOutline .sectionHeader h2{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.programOutline .sectionHeader p{font-size:1.05rem;color:#555;line-height:1.65;max-width:680px;margin:0 auto}
.programOutline .stagesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.programOutline .stageCard{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:36px 28px;transition:all 320ms ease;position:relative}
.programOutline .stageCard:hover{border-color:#09FFF5;box-shadow:0 12px 32px #09fff526;transform:translateY(-4px)}
.programOutline .stageCard .stageNum{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#09FFF5,#7A0011);color:#fff;border-radius:8px;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.programOutline .stageCard h4{font-size:1.35rem;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.programOutline .stageCard p{font-size:.98rem;color:#666;line-height:1.6;margin:0}
@media (max-width: 992px) {
.programOutline .stagesGrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 640px) {
.programOutline .stagesGrid{grid-template-columns:1fr;gap:24px}
.programOutline .sectionHeader h2{font-size:1.85rem}
}
.learningApproach{background:linear-gradient(180deg,#f5f7fa 0%,#fff 100%);padding:80px 24px;margin-bottom:72px}
.learningApproach .approachInner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.learningApproach .textColumn h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;position:relative;padding-left:20px}
.learningApproach .textColumn h3::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#09FFF5,#7A0011);border-radius:3px}
.learningApproach .textColumn p{font-size:1.02rem;color:#555;line-height:1.7;margin:0 0 20px}
.learningApproach .textColumn p:last-child{margin-bottom:0}
.learningApproach .methodsList{display:flex;flex-direction:column;gap:20px}
.learningApproach .methodItem{background:#fff;padding:24px 28px;border-radius:10px;border-left:4px solid #09FFF5;box-shadow:0 4px 16px #0000000f;transition:all 280ms ease}
.learningApproach .methodItem:hover{box-shadow:0 8px 24px #0000001f;transform:translateX(6px)}
.learningApproach .methodItem h5{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 10px}
.learningApproach .methodItem p{font-size:.95rem;color:#666;line-height:1.6;margin:0}
@media (max-width: 992px) {
.learningApproach .approachInner{grid-template-columns:1fr;gap:48px}
.learningApproach{padding:60px 20px}
}
@media (max-width: 640px) {
.learningApproach .textColumn h3{font-size:1.65rem}
}
.expertPanel{max-width:1140px;margin:0 auto 80px;padding:0 24px}
.expertPanel .panelHeader{margin-bottom:48px}
.expertPanel .panelHeader h3{font-size:2.1rem;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.expertPanel .panelHeader p{font-size:1.05rem;color:#555;line-height:1.65;max-width:720px}
.expertPanel .expertsWrap{display:flex;gap:36px;justify-content:center;flex-wrap:wrap}
.expertPanel .expertProfile{width:calc(50% - 18px);max-width:520px;display:flex;gap:28px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 6px 24px #00000014;transition:all 340ms ease}
.expertPanel .expertProfile:hover{box-shadow:0 12px 36px #7a001124;transform:translateY(-6px)}
.expertPanel .expertProfile .photoWrap{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;border:3px solid #09FFF5;box-shadow:0 4px 12px #09fff540}
.expertPanel .expertProfile .photoWrap img{width:100%;height:100%;object-fit:cover;display:block}
.expertPanel .expertProfile .infoWrap h4{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}
.expertPanel .expertProfile .infoWrap .roleLabel{font-size:.92rem;color:#7A0011;font-weight:500;margin-bottom:14px;display:block}
.expertPanel .expertProfile .infoWrap p{font-size:.96rem;color:#666;line-height:1.6;margin:0}
@media (max-width: 992px) {
.expertPanel .expertsWrap{flex-direction:column;align-items:center}
.expertPanel .expertProfile{width:100%;max-width:600px}
}
@media (max-width: 640px) {
.expertPanel .expertProfile{flex-direction:column;padding:24px}
.expertPanel .expertProfile .photoWrap{width:100px;height:100px}
.expertPanel .panelHeader h3{font-size:1.75rem}
}
.heroOuter{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#FFFCE2 0%,#09fff526 100%)}
.heroOuter::before{content:'';position:absolute;top:-30%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#09fff533,transparent 65%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1) translateY(0);opacity:.3}
50%{transform:scale(1.15) translateY(-20px);opacity:.5}
}
.heroInner{max-width:1140px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroContentWrap h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.heroContentWrap h1 span{position:relative;display:inline-block}
.heroContentWrap h1 span::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:8px;background:linear-gradient(90deg,#09FFF5,#09fff54d);z-index:-1;border-radius:3px}
.heroContentWrap .heroDescription{font-size:1.15rem;line-height:1.7;color:#333;margin:0 0 32px}
.heroImageWrap{position:relative}
.heroImageWrap img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #7a001126;filter:saturate(1.05) brightness(1.02)}
.heroActionBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#09FFF5,#7A0011);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1.05rem;box-shadow:0 8px 24px #09fff54d;transition:all 320ms ease}
.heroActionBtn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #09fff566}
.processSection{max-width:1140px;margin:0 auto;padding:90px 24px}
.processSection h2{font-size:2.6rem;text-align:center;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.processSection .sectionSubtext{text-align:center;font-size:1.1rem;color:#555;margin:0 auto 56px;max-width:680px;line-height:1.6}
.stepsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.stepsGrid::before{content:'';position:absolute;top:60px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#09FFF5,#7A0011);z-index:1;border-radius:2px}
.stepCard{position:relative;z-index:2;background:#fff;padding:32px 24px;border-radius:16px;text-align:center;box-shadow:0 6px 20px #00000014;transition:all 280ms ease}
.stepCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}
.stepNumber{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#09FFF5,#7A0011);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 6px 16px #09fff559}
.stepCard h3{font-size:1.25rem;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.stepCard p{font-size:.95rem;line-height:1.55;color:#666;margin:0}
.methodsOuter{background:linear-gradient(180deg,#FFFCE2 0%,#09fff514 100%);padding:90px 24px}
.methodsInner{max-width:1140px;margin:0 auto}
.methodsInner h2{font-size:2.6rem;margin:0 0 48px;color:#1a1a1a;font-weight:700;position:relative;display:inline-block}
.methodsInner h2::before{content:'';position:absolute;left:0;bottom:-8px;width:80px;height:5px;background:#09FFF5;border-radius:3px}
.methodsList{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.methodItem{background:#fff;padding:36px 32px;border-radius:18px;border-left:5px solid #7A0011;box-shadow:0 8px 24px #0000000f;transition:all 300ms ease}
.methodItem:hover{border-left-color:#09FFF5;transform:translateX(8px)}
.methodItem h3{font-size:1.4rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.methodItem p{font-size:1rem;line-height:1.65;color:#555;margin:0}
.supportWrap{max-width:1140px;margin:0 auto;padding:90px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.supportContent h2{font-size:2.6rem;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.supportContent p{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 32px}
.supportFeaturesList{display:flex;flex-direction:column;gap:18px}
.supportFeaturesList .featureItem{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#09fff50d;border-radius:12px;transition:background 280ms ease}
.supportFeaturesList .featureItem:hover{background:#09fff51f}
.featureItem .iconBox{width:42px;height:42px;background:linear-gradient(135deg,#09FFF5,#7A0011);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.featureItem .iconBox svg{width:22px;height:22px;fill:#fff}
.featureItem .featureText{flex:1}
.featureItem .featureText h4{font-size:1.1rem;margin:0 0 6px;color:#1a1a1a;font-weight:600}
.featureItem .featureText p{font-size:.95rem;line-height:1.5;color:#666;margin:0}
.supportVisual img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #0000001a}
.businessSolutions{background:linear-gradient(135deg,#7A0011 0%,#09fff533 100%);padding:90px 24px;position:relative;overflow:hidden}
.businessSolutions::after{content:'';position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#fffce226,transparent);border-radius:50%}
.businessInner{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.businessInner h2{font-size:2.6rem;color:#FFFCE2;margin:0 0 20px;text-align:center;font-weight:700}
.businessInner .leadText{text-align:center;font-size:1.1rem;color:#FFFCE2;margin:0 auto 52px;max-width:720px;line-height:1.65;opacity:.95}
.solutionsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.solutionBox{background:#fffce2f2;padding:36px 28px;border-radius:16px;text-align:center;box-shadow:0 10px 28px #00000026;transition:all 300ms ease}
.solutionBox:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000038}
.solutionBox .iconCircle{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#09FFF5,#7A0011);border-radius:50%;display:flex;align-items:center;justify-content:center}
.solutionBox .iconCircle svg{width:34px;height:34px;fill:#fff}
.solutionBox h3{font-size:1.3rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.solutionBox p{font-size:.98rem;line-height:1.6;color:#444;margin:0}
.experiencesOuter{max-width:1140px;margin:0 auto;padding:90px 24px}
.experiencesOuter h2{font-size:2.6rem;text-align:center;margin:0 0 56px;color:#1a1a1a;font-weight:700;position:relative}
.experiencesOuter h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:linear-gradient(90deg,#09FFF5,#7A0011);border-radius:3px}
.testimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.testimonialCard{background:#fff;padding:36px 32px;border-radius:18px;box-shadow:0 8px 28px #00000014;position:relative;transition:all 300ms ease}
.testimonialCard:hover{box-shadow:0 14px 40px #00000024;transform:translateY(-4px)}
.testimonialCard::before{content:'"';position:absolute;top:20px;left:28px;font-size:5rem;color:#09fff526;font-family:serif;line-height:1}
.testimonialCard .testimonialText{font-size:1.05rem;line-height:1.7;color:#333;margin:0 0 24px;position:relative;z-index:2;font-style:italic}
.authorBox{display:flex;align-items:center;gap:16px}
.authorBox img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #09FFF5}
.authorInfo h4{font-size:1.1rem;margin:0 0 4px;color:#1a1a1a;font-weight:600}
.authorInfo p{font-size:.9rem;color:#777;margin:0}
.progressBlock{background:#FFFCE2;padding:28px 32px;border-radius:14px;margin-top:20px;border-left:4px solid #7A0011}
.progressBlock h5{font-size:1rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.progressBarOuter{background:#7a001126;height:10px;border-radius:6px;overflow:hidden;margin-bottom:8px}
.progressBarInner{height:100%;background:linear-gradient(90deg,#09FFF5,#7A0011);border-radius:6px;transition:width 800ms ease}
.progressLabel{font-size:.85rem;color:#555;display:flex;justify-content:space-between}
@media (max-width: 1024px) {
.heroInner{grid-template-columns:1fr;gap:40px}
.heroContentWrap h1{font-size:2.6rem}
.stepsGrid{grid-template-columns:repeat(2,1fr)}
.stepsGrid::before{display:none}
.methodsList{grid-template-columns:1fr}
.supportWrap{grid-template-columns:1fr}
.solutionsGrid{grid-template-columns:1fr}
.testimonialGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroOuter{min-height:auto}
.heroInner{padding:60px 20px}
.heroContentWrap h1{font-size:2.2rem}
.heroImageWrap img{height:300px}
.processSection,.methodsOuter,.supportWrap,.businessSolutions,.experiencesOuter{padding:60px 20px}
.processSection h2,.methodsInner h2,.supportContent h2,.businessInner h2,.experiencesOuter h2{font-size:2rem}
.stepsGrid{grid-template-columns:1fr;gap:24px}
.supportVisual img{height:320px}
}
.heroContact{position:relative;padding:94px 0 78px;background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);overflow:hidden}
.heroContact::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,#fffce226 0%,transparent 70%);border-radius:50%;animation:floatDecor 20s infinite ease-in-out}
.heroContact::after{content:'';position:absolute;bottom:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#7a001133 0%,transparent 70%);border-radius:50%;animation:floatDecor 25s infinite ease-in-out reverse}
@keyframes floatDecor {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-40px) scale(1.1)}
}
.heroContact .containerWrap{max-width:1140px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.heroContact .contentArea{max-width:720px;margin:0 auto;text-align:center}
.heroContact .mainTitle{font-size:3.2rem;font-weight:700;color:#FFFCE2;margin:0 0 18px;line-height:1.2;text-shadow:2px 4px 12px #00000040}
.heroContact .subHeading{font-size:1.25rem;color:#FFFCE2;margin:0 0 32px;line-height:1.6;opacity:.95}
.heroContact .ctaButton{display:inline-block;padding:16px 42px;background:#FFFCE2;color:#7A0011;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all 320ms ease;box-shadow:0 6px 20px #0003;position:relative;z-index:5}
.heroContact .ctaButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000004d;background:#fff}
.contactSection{padding:85px 0;background:#f8f9fa}
.contactSection .containerInner{max-width:1140px;margin:0 auto;padding:0 20px}
.contactSection .layoutGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.infoColumn{background:#fff;padding:45px 38px;border-radius:16px;box-shadow:0 8px 24px #00000014}
.infoColumn .sectionLabel{font-size:1.85rem;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.3}
.infoColumn .sectionLabel::before{content:'';display:inline-block;width:5px;height:28px;background:linear-gradient(180deg,#09FFF5 0%,#7A0011 100%);margin-right:14px;border-radius:3px;vertical-align:middle}
.contactItem{margin-bottom:32px}
.contactItem:last-child{margin-bottom:0}
.contactItem .itemLabel{font-size:.95rem;font-weight:600;color:#7A0011;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.contactItem .itemValue{font-size:1.05rem;color:#2c2c2c;line-height:1.6;margin:0}
.contactItem .itemValue a{color:#09FFF5;text-decoration:none;transition:color 280ms ease}
.contactItem .itemValue a:hover{color:#7A0011}
.formColumn{background:#fff;padding:48px 42px;border-radius:16px;box-shadow:0 8px 24px #00000014}
.formColumn .formTitle{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.formColumn .formDescription{font-size:1rem;color:#5a5a5a;margin:0 0 35px;line-height:1.6}
.formElement{margin-bottom:26px}
.formElement label{display:block;font-size:.95rem;font-weight:600;color:#2c2c2c;margin-bottom:9px}
.formElement input[type="text"],.formElement input[type="email"],.formElement input[type="tel"]{width:100%;padding:14px 18px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all 280ms ease;background:#fafafa}
.formElement input:focus{outline:none;border-color:#09FFF5;background:#fff;box-shadow:0 0 0 3px #09fff51a}
.ratingGroup{margin-bottom:28px}
.ratingGroup .ratingLabel{display:block;font-size:.95rem;font-weight:600;color:#2c2c2c;margin-bottom:14px}
.ratingOptions{display:flex;gap:12px;flex-wrap:wrap}
.ratingOptions input[type="radio"]{display:none}
.ratingOptions label{padding:10px 22px;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#4a4a4a;cursor:pointer;transition:all 280ms ease;font-weight:500}
.ratingOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);border-color:#09FFF5;color:#fff;box-shadow:0 4px 12px #09fff54d}
.ratingOptions label:hover{border-color:#09FFF5;background:#e8f9f8}
.privacyCheckbox{margin-bottom:26px}
.privacyCheckbox input[type="checkbox"]{display:none}
.privacyCheckbox label{display:flex;align-items:start;font-size:.9rem;color:#4a4a4a;line-height:1.5;cursor:pointer}
.privacyCheckbox label::before{content:'';display:inline-block;width:20px;height:20px;border:2px solid #d0d0d0;border-radius:4px;margin-right:10px;flex-shrink:0;transition:all 280ms ease;background:#fafafa}
.privacyCheckbox input[type="checkbox"]:checked + label::before{background:#09FFF5;border-color:#09FFF5;box-shadow:inset 0 0 0 3px #fff}
.privacyCheckbox label a{color:#09FFF5;text-decoration:none;font-weight:600;transition:color 280ms ease}
.privacyCheckbox label a:hover{color:#7A0011}
.submitButton{width:100%;padding:16px;background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all 320ms ease;box-shadow:0 6px 20px #09fff540;position:relative;z-index:5}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 10px 28px #09fff559}
.submitButton:active{transform:translateY(0)}
@media (max-width: 968px) {
.contactSection .layoutGrid{grid-template-columns:1fr;gap:40px}
.heroContact .mainTitle{font-size:2.4rem}
.heroContact .subHeading{font-size:1.1rem}
}
@media (max-width: 640px) {
.heroContact{padding:68px 0 58px}
.heroContact .mainTitle{font-size:2rem}
.heroContact .subHeading{font-size:1rem;margin-bottom:24px}
.heroContact .ctaButton{padding:14px 32px;font-size:1rem}
.contactSection{padding:60px 0}
.infoColumn,.formColumn{padding:32px 24px}
.ratingOptions{flex-direction:column}
.ratingOptions label{width:100%;text-align:center}
}
.heroOuter{position:relative;min-height:580px;display:flex;align-items:center;background:linear-gradient(135deg,#FFFCE2 0%,#09fff51f 100%);overflow:hidden}
.heroOuter::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#7a001108 1px,transparent 1px),linear-gradient(90deg,#7a001108 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none}
.heroContainer{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.heroContent h1{font-size:3.2rem;line-height:1.15;margin:0 0 18px;color:#7A0011;font-weight:700;letter-spacing:-.02em}
.heroContent p{font-size:1.15rem;line-height:1.7;color:#333;margin:0 0 14px;max-width:520px}
.heroVisual{position:relative}
.heroVisual img{width:100%;height:460px;object-fit:cover;border-radius:18px;filter:saturate(0.85) brightness(0.96);box-shadow:0 14px 42px #7a001126}
.storySection{padding:92px 24px;background:#fff}
.storyWrap{max-width:1140px;margin:0 auto}
.storyLayout{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}
.storySidebar{position:sticky;top:24px}
.sidebarCard{background:linear-gradient(165deg,#09fff514 0%,#7a00110d 100%);padding:32px 28px;border-radius:16px;border:1px solid #09fff533}
.sidebarCard h3{font-size:1.35rem;margin:0 0 18px;color:#7A0011;font-weight:600}
.metricItem{display:flex;align-items:baseline;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #09fff526}
.metricItem:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.metricValue{font-size:2.4rem;font-weight:700;color:#09FFF5;margin-right:12px;line-height:1}
.metricLabel{font-size:.95rem;color:#555;line-height:1.4}
.storyContent h2{font-size:2.2rem;margin:0 0 24px;color:#222;font-weight:700;line-height:1.3;position:relative;padding-bottom:16px}
.storyContent h2::after{content:'';position:absolute;bottom:0;left:0;width:72px;height:4px;background:linear-gradient(90deg,#09FFF5 0%,#7A0011 100%);border-radius:3px}
.storyContent p{font-size:1.08rem;line-height:1.75;color:#444;margin:0 0 20px}
.journeyGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:36px 0}
.journeyCard{background:#FFFCE2;padding:28px 24px;border-radius:14px;border-left:5px solid #09FFF5;transition:all 320ms ease}
.journeyCard:hover{transform:translateX(6px);box-shadow:0 8px 24px #09fff533}
.journeyCard h4{font-size:1.25rem;margin:0 0 12px;color:#7A0011;font-weight:600}
.journeyCard p{font-size:.98rem;line-height:1.65;color:#555;margin:0}
.visualShowcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0 0}
.showcaseItem{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1}
.showcaseItem img{width:100%;height:100%;object-fit:cover;transition:transform 450ms ease}
.showcaseItem:hover img{transform:scale(1.08)}
.teamHighlight{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin:52px 0 0}
.teamMember{display:flex;gap:20px;background:#fff;padding:24px;border-radius:14px;border:2px solid #09fff526;transition:border-color 280ms ease}
.teamMember:hover{border-color:#09FFF5}
.memberPhoto{flex-shrink:0}
.memberPhoto img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #09FFF5}
.memberInfo h5{font-size:1.15rem;margin:0 0 6px;color:#222;font-weight:600}
.memberRole{font-size:.92rem;color:#7A0011;margin:0 0 10px;font-weight:500}
.memberBio{font-size:.95rem;line-height:1.6;color:#555;margin:0}
@media (max-width: 968px) {
.heroGrid{grid-template-columns:1fr;gap:42px}
.heroContent h1{font-size:2.6rem}
.heroVisual img{height:380px}
.storyLayout{grid-template-columns:1fr;gap:42px}
.storySidebar{position:static}
.journeyGrid{grid-template-columns:1fr}
.visualShowcase{grid-template-columns:repeat(2,1fr)}
.teamHighlight{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroOuter{min-height:480px}
.heroContent h1{font-size:2rem}
.heroContent p{font-size:1.05rem}
.heroVisual img{height:320px}
.storySection{padding:64px 20px}
.storyContent h2{font-size:1.75rem}
.visualShowcase{grid-template-columns:1fr}
.sidebarCard{padding:24px 20px}
.metricValue{font-size:2rem}
}
.successOuter{background:linear-gradient(135deg,#FFFCE2 0%,#09FFF5 100%);padding:80px 20px;position:relative;overflow:hidden}
.successOuter::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#7a00111a 0%,transparent 70%);border-radius:50%}
.successInner{max-width:1140px;margin:0 auto;text-align:center;position:relative;z-index:2}
.successIcon{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#09FFF5 0%,#7A0011 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px #09fff54d;animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);box-shadow:0 12px 28px #09fff54d}
50%{transform:scale(1.05);box-shadow:0 16px 36px #09fff580}
}
.successIcon svg{width:64px;height:64px;stroke:#FFFCE2;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mainHeading{font-size:48px;font-weight:700;color:#7A0011;margin:0 0 16px;line-height:1.2}
.subHeading{font-size:20px;color:#7a0011cc;margin:0 0 40px;line-height:1.5;max-width:640px;margin-left:auto;margin-right:auto}
.actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryBtn{background:#7A0011;color:#FFFCE2;padding:16px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all 320ms ease;box-shadow:0 6px 16px #7a001133;display:inline-block}
.primaryBtn:hover{background:#5a000d;transform:translateY(-2px);box-shadow:0 10px 24px #7a001159}
.secondaryBtn{background:transparent;color:#7A0011;padding:16px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #7A0011;transition:all 320ms ease;display:inline-block}
.secondaryBtn:hover{background:#7A0011;color:#FFFCE2;border-color:#7A0011}
.infoSection{background:#FFFCE2;padding:60px 20px}
.infoWrapper{max-width:1140px;margin:0 auto}
.cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:0}
.infoCard{background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 8px 24px #7a001114;transition:all 350ms ease;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#09FFF5 0%,#7A0011 100%);transform:scaleX(0);transform-origin:left;transition:transform 350ms ease}
.infoCard:hover::before{transform:scaleX(1)}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 16px 32px #7a001126}
.cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#09fff51a 0%,#7a00111a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIcon svg{width:28px;height:28px;stroke:#7A0011;stroke-width:2;fill:none}
.cardTitle{font-size:20px;font-weight:700;color:#7A0011;margin:0 0 12px;line-height:1.3}
.cardText{font-size:15px;color:#000000b3;line-height:1.6;margin:0}
@media (max-width: 768px) {
.successOuter{padding:60px 20px}
.mainHeading{font-size:36px}
.subHeading{font-size:18px}
.actionButtons{flex-direction:column;align-items:center}
.primaryBtn,.secondaryBtn{width:100%;max-width:320px;text-align:center}
.cardGrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.successIcon{width:100px;height:100px}
.successIcon svg{width:52px;height:52px}
.mainHeading{font-size:28px}
.subHeading{font-size:16px}
}