html{box-sizing:border-box;-webkit-font-smoothing:antialiased}
body,h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
body{font-family:'Karla',sans-serif;line-height:1.6;color:#2a2a2a;background:linear-gradient(157deg,#F5F5D9 0%,#fff 45%,#F5F5D9 100%);min-height:100vh}
.headerTop{background:linear-gradient(122deg,#C7554E 0%,#3E7250 100%);padding:28px 0;box-shadow:0 4px 16px #00000014}
.headerContent{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.logoSection .logoLink{display:inline-block}
.siteLogo{height:92px;width:92px;display:block;background:#fffffff2;padding:8px;border-radius:8px;box-shadow:0 2px 12px #00000026}
.trustBadges{display:flex;gap:32px}
.badgeItem{color:#F5F5D9;font-size:15px;font-weight:700;padding:10px 18px;background:#f5f5d926;border-radius:6px;border:1px solid #f5f5d94d}
.headerBottom{background:#fff;border-bottom:2px solid #F5F5D9;padding:0}
.navContent{max-width:1320px;margin:0 auto;padding:0 24px}
.mainNav{display:flex;gap:48px;padding:22px 0}
.navLink{color:#3E7250;font-size:16px;font-weight:700;transition:color .2s linear}
.navLink:hover{color:#C7554E}
@media (max-width: 768px) {
.headerContent{flex-direction:column;gap:20px;text-align:center}
.trustBadges{flex-direction:column;gap:12px}
.mainNav{flex-direction:column;gap:16px;align-items:center}
}
.footerWrapper{background:linear-gradient(135deg,#3E7250 0%,#C7554E 100%);color:#F5F5D9;padding:64px 0 0}
.footerStep-1{max-width:1320px;margin:0 auto;padding:0 24px 48px;border-bottom:1px solid #f5f5d933;position:relative}
.footerStep-1::after{content:'';position:absolute;bottom:-20px;left:10%;width:80%;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40'%3E%3Cpath d='M0,20 Q300,0 600,20 T1200,20' fill='none' stroke='#f5f5d933' stroke-width='2'/%3E%3C/svg%3E") no-repeat center}
.footerBrand{text-align:center}
.footerLogo{height:78px;width:78px;display:inline-block;background:#ffffffeb;padding:10px;border-radius:12px;margin-bottom:18px}
.brandText{font-size:17px;font-style:italic;opacity:.9}
.footerStep-2{max-width:1320px;margin:0 auto;padding:52px 24px 52px 72px;border-bottom:1px solid #f5f5d933}
.footerNav{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.navColumn{display:flex;flex-direction:column;gap:14px}
.columnTitle{font-size:18px;font-weight:700;color:#F5F5D9;margin-bottom:8px}
.footerLink{color:#f5f5d9d9;font-size:15px;transition:color .2s linear}
.footerLink:hover{color:#F5F5D9}
.footerStep-3{max-width:1320px;margin:0 auto;padding:42px 24px 42px 144px;display:flex;justify-content:space-between;align-items:center}
.contactInfo{display:flex;flex-direction:column;gap:10px}
.infoLine{font-size:14px;opacity:.8}
.copyrightText{font-size:13px;opacity:.7}
@media (max-width: 1366px) {
.footerStep-2{padding-left:48px}
.footerStep-3{padding-left:96px}
}
@media (max-width: 768px) {
.footerNav{grid-template-columns:1fr;gap:32px}
.footerStep-2{padding-left:24px}
.footerStep-3{flex-direction:column;gap:24px;padding-left:24px;text-align:center}
}
.consentHidden{display:none}
#consentOverlay{position:fixed;bottom:32px;right:32px;z-index:9999;max-width:460px;animation:slideUp .4s linear}
@keyframes slideUp {
from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.consentBox{background:#fff;border-radius:12px;padding:32px;box-shadow:0 12px 48px #0003;border:2px solid #3E7250}
.consentHeading{font-size:22px;font-weight:700;color:#3E7250;margin-bottom:16px}
.consentDescription{font-size:14px;color:#555;margin-bottom:24px;line-height:1.5}
.permissionBlock{margin-bottom:20px;padding:16px;background:#F5F5D9;border-radius:8px}
.permissionLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;font-size:15px;color:#2a2a2a}
.permissionToggle{width:20px;height:20px;cursor:pointer}
.permissionDesc{font-size:13px;color:#666;margin-top:8px;margin-left:32px;line-height:1.4}
.consentActions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.actionBtn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s linear;font-family:'Karla',sans-serif}
.primaryBtn{background:#3E7250;color:#F5F5D9}
.primaryBtn:hover{background:#2d5a3c}
.secondaryBtn{background:#C7554E;color:#fff}
.secondaryBtn:hover{background:#a84640}
.tertiaryBtn{background:transparent;color:#3E7250;border:2px solid #3E7250}
.tertiaryBtn:hover{background:#3e72501a}
@media (max-width: 768px) {
#consentOverlay{bottom:16px;right:16px;left:16px;max-width:none}
.consentBox{padding:24px}
}
.aboutPageWrapper{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.heroIntro{padding:80px 0 60px;background:linear-gradient(143deg,#F5F5D9 0%,#FFF 100%);text-align:center}
.heroIntro .mainHeading{font-size:48px;font-weight:700;color:#C7554E;margin-bottom:20px;line-height:1.2}
.heroIntro .subText{font-size:20px;color:#333;max-width:720px;margin:0 auto;line-height:1.6}
.storyBlock{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 0;align-items:center}
.storyBlock .textContent h2{font-size:36px;font-weight:700;color:#3E7250;margin-bottom:24px;line-height:1.3}
.storyBlock .textContent h2::before{content:'';display:block;width:60px;height:4px;background:#C7554E;margin-bottom:16px}
.storyBlock .textContent p{font-size:17px;color:#444;line-height:1.7;margin-bottom:18px}
.storyBlock .imageWrapper img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #3e725026}
.valuesGrid{padding:70px 0;background:linear-gradient(67deg,#3E7250 0%,#2A4F38 100%)}
.valuesGrid h3{font-size:38px;font-weight:700;color:#F5F5D9;text-align:center;margin-bottom:50px}
.valueCards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valueItem{background:#f5f5d914;padding:36px;border-radius:6px;border:2px solid #f5f5d933;transition:transform .3s linear,box-shadow .3s linear}
.valueItem:hover{transform:scale(1.03);box-shadow:0 12px 32px #0003}
.valueItem h4{font-size:24px;font-weight:600;color:#F5F5D9;margin-bottom:16px}
.valueItem p{font-size:16px;color:#E8E8CC;line-height:1.6}
.teamShowcase{padding:80px 0;display:flex;gap:50px;align-items:flex-start}
.teamShowcase .profileSection{flex:0 0 340px}
.teamShowcase .profileSection img{width:100%;height:440px;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #c7554e2e}
.teamShowcase .contentSection{flex:1}
.teamShowcase .contentSection h5{font-size:32px;font-weight:700;color:#C7554E;margin-bottom:20px;position:relative;padding-left:20px}
.teamShowcase .contentSection h5::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:#3E7250}
.teamShowcase .contentSection p{font-size:17px;color:#3C3C3C;line-height:1.7;margin-bottom:18px}
.experienceTimeline{padding:75px 0;background:#F5F5D9}
.experienceTimeline h2{font-size:36px;font-weight:700;color:#3E7250;text-align:center;margin-bottom:56px}
.timelineWrapper{position:relative;max-width:900px;margin:0 auto}
.timelineWrapper::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#C7554E 0%,#3E7250 100%);transform:translateX(-50%)}
.timelineEntry{display:flex;justify-content:space-between;margin-bottom:50px;position:relative}
.timelineEntry:nth-child(odd) .entryContent{margin-right:auto;padding-right:60px;text-align:right;width:48%}
.timelineEntry:nth-child(even) .entryContent{margin-left:auto;padding-left:60px;text-align:left;width:48%}
.timelineEntry::after{content:'';position:absolute;left:50%;top:10px;width:18px;height:18px;background:#C7554E;border:4px solid #F5F5D9;border-radius:50%;transform:translateX(-50%);z-index:2}
.entryContent h6{font-size:20px;font-weight:600;color:#C7554E;margin-bottom:8px}
.entryContent .yearLabel{font-size:14px;color:#3E7250;font-weight:600;margin-bottom:10px;display:block}
.entryContent p{font-size:16px;color:#555;line-height:1.6}
.commitmentCta{padding:90px 0;background:linear-gradient(237deg,#C7554E 0%,#A54840 100%);text-align:center}
.commitmentCta h3{font-size:40px;font-weight:700;color:#FFF;margin-bottom:24px;line-height:1.3}
.commitmentCta .leadText{font-size:19px;color:#F5F5D9;max-width:680px;margin:0 auto 36px;line-height:1.6}
.ctaButton{display:inline-block;padding:16px 42px;background:#F5F5D9;color:#C7554E;font-size:18px;font-weight:600;text-decoration:none;border-radius:6px;transition:transform .3s linear,box-shadow .3s linear;box-shadow:0 4px 16px #0003;z-index:10;position:relative}
.ctaButton:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000004d}
@media (max-width: 1366px) {
.heroIntro .mainHeading{font-size:42px}
.storyBlock .textContent h2{font-size:32px}
.timelineWrapper::before{left:30px}
.timelineEntry{padding-left:80px}
.timelineEntry:nth-child(odd) .entryContent,.timelineEntry:nth-child(even) .entryContent{width:100%;text-align:left;padding-left:0;padding-right:0;margin:0}
.timelineEntry::after{left:30px}
}
@media (max-width: 768px) {
.heroIntro{padding:60px 0 40px}
.heroIntro .mainHeading{font-size:34px}
.heroIntro .subText{font-size:18px}
.storyBlock{grid-template-columns:1fr;gap:40px;padding:60px 0}
.storyBlock .textContent h2{font-size:28px}
.storyBlock .imageWrapper img{height:320px}
.valuesGrid h3{font-size:32px}
.valueCards{grid-template-columns:1fr;gap:30px}
.teamShowcase{flex-direction:column;padding:60px 0}
.teamShowcase .profileSection{flex:0 0 auto;width:100%}
.teamShowcase .profileSection img{height:380px}
.teamShowcase .contentSection h5{font-size:28px}
.experienceTimeline h2{font-size:30px}
.timelineEntry{padding-left:60px}
.commitmentCta h3{font-size:32px}
.commitmentCta .leadText{font-size:17px}
}
@media (max-width: 375px) {
.heroIntro .mainHeading{font-size:28px}
.heroIntro .subText{font-size:16px}
.storyBlock .textContent h2{font-size:24px}
.storyBlock .imageWrapper img{height:260px}
.valuesGrid h3{font-size:26px}
.valueItem{padding:28px}
.teamShowcase .profileSection img{height:320px}
.teamShowcase .contentSection h5{font-size:24px}
.experienceTimeline h2{font-size:26px}
.commitmentCta{padding:70px 0}
.commitmentCta h3{font-size:28px}
.ctaButton{padding:14px 36px;font-size:16px}
}
.projectsMain{background:linear-gradient(127deg,#F5F5D9 0%,#fff 45%,#F5F5D9 100%);padding:0;margin:0}
.projectsHeroWrapper{max-width:1320px;margin:0 auto;padding:80px 20px 60px}
.projectsHeroWrapper .heroTitleBlock{max-width:820px}
.projectsHeroWrapper .heroTitleBlock h1{font-size:48px;line-height:1.2;color:#2c2c2c;margin:0 0 24px;font-weight:700}
.projectsHeroWrapper .heroTitleBlock .leadDescription{font-size:19px;line-height:1.6;color:#4a4a4a;margin:0 0 16px}
.projectsHeroWrapper .heroTitleBlock .subDescription{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.portfolioBlocksWrapper{max-width:1320px;margin:0 auto;padding:0 20px 80px}
.portfolioBlocksWrapper .portfolioGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:64px}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s linear;display:flex;flex-direction:column}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard:hover{transform:scale(1.02);box-shadow:0 6px 20px #c7554e26}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardImageBlock{width:100%;height:280px;overflow:hidden;position:relative}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardImageBlock img{width:100%;height:100%;object-fit:cover;transition:transform .3s linear}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard:hover .cardImageBlock img{transform:scale(1.08)}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone h3{font-size:22px;line-height:1.3;color:#2c2c2c;margin:0 0 14px;font-weight:600}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone .projectMeta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone .projectMeta .metaItem{font-size:13px;color:#3E7250;background:#3e725014;padding:4px 12px;border-radius:4px;font-weight:500}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone .projectSummary{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0 0 18px}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone .skillTagsBlock{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone .skillTagsBlock .skillTag{font-size:12px;color:#C7554E;background:#c7554e1a;padding:5px 10px;border-radius:6px;border:1px solid #c7554e33}
.processTimeline{background:linear-gradient(213deg,#3E7250 0%,#2a5038 100%);padding:70px 20px;margin-bottom:80px}
.processTimeline .timelineInnerContainer{max-width:1320px;margin:0 auto}
.processTimeline .timelineInnerContainer h2{font-size:38px;line-height:1.3;color:#F5F5D9;margin:0 0 48px;font-weight:700;text-align:center}
.processTimeline .timelineInnerContainer .stepsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}
.processTimeline .timelineInnerContainer .stepsGrid::before{content:'';position:absolute;top:32px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#f5f5d94d 0%,#f5f5d999 50%,#f5f5d94d 100%);z-index:1}
.processTimeline .timelineInnerContainer .stepsGrid .stepBlock{text-align:center;position:relative;z-index:2}
.processTimeline .timelineInnerContainer .stepsGrid .stepBlock .stepNumber{width:64px;height:64px;background:#C7554E;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:26px;font-weight:700;color:#fff;box-shadow:0 4px 16px #c7554e66}
.processTimeline .timelineInnerContainer .stepsGrid .stepBlock h4{font-size:18px;line-height:1.3;color:#F5F5D9;margin:0 0 12px;font-weight:600}
.processTimeline .timelineInnerContainer .stepsGrid .stepBlock p{font-size:14px;line-height:1.6;color:#f5f5d9d9;margin:0}
.testimonialsWrapper{max-width:1320px;margin:0 auto;padding:0 20px 80px}
.testimonialsWrapper h2{font-size:38px;line-height:1.3;color:#2c2c2c;margin:0 0 16px;font-weight:700}
.testimonialsWrapper .sectionIntro{font-size:17px;line-height:1.6;color:#5a5a5a;margin:0 0 48px;max-width:720px}
.testimonialsWrapper .testimonialLayoutBlock{display:grid;grid-template-columns:380px 1fr;gap:48px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 16px #0000000f}
.testimonialsWrapper .testimonialLayoutBlock .authorPhotoZone{position:relative}
.testimonialsWrapper .testimonialLayoutBlock .authorPhotoZone img{width:100%;height:460px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #c7554e26}
.testimonialsWrapper .testimonialLayoutBlock .authorPhotoZone::after{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:3px solid #C7554E;border-radius:8px;z-index:-1}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone{display:flex;flex-direction:column;justify-content:center}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .quoteIcon{width:48px;height:48px;margin-bottom:24px}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .testimonialText{font-size:18px;line-height:1.7;color:#3a3a3a;margin:0 0 28px;font-style:italic}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .authorDetails h5{font-size:20px;line-height:1.3;color:#2c2c2c;margin:0 0 6px;font-weight:600}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .authorDetails .authorBio{font-size:15px;line-height:1.5;color:#3E7250;margin:0 0 4px;font-weight:500}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .authorDetails .projectYear{font-size:14px;line-height:1.4;color:#7a7a7a;margin:0}
.ctaSectionWrapper{background:linear-gradient(157deg,#F5F5D9 0%,#fff 100%);padding:80px 20px}
.ctaSectionWrapper .ctaContentBox{max-width:880px;margin:0 auto;text-align:center}
.ctaSectionWrapper .ctaContentBox h2{font-size:42px;line-height:1.2;color:#2c2c2c;margin:0 0 20px;font-weight:700}
.ctaSectionWrapper .ctaContentBox .ctaDescription{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 36px}
.ctaSectionWrapper .ctaContentBox .buttonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaSectionWrapper .ctaContentBox .buttonGroup .primaryButton{background:#C7554E;color:#fff;padding:16px 36px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s linear;box-shadow:0 4px 12px #c7554e40;z-index:10;position:relative}
.ctaSectionWrapper .ctaContentBox .buttonGroup .primaryButton:hover{background:#b34741;transform:scale(1.05);box-shadow:0 6px 18px #c7554e59}
.ctaSectionWrapper .ctaContentBox .buttonGroup .secondaryButton{background:transparent;color:#3E7250;padding:16px 36px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;border:2px solid #3E7250;transition:all .3s linear;z-index:10;position:relative}
.ctaSectionWrapper .ctaContentBox .buttonGroup .secondaryButton:hover{background:#3E7250;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #3e725040}
@media (max-width: 1366px) {
.projectsHeroWrapper{padding:60px 20px 50px}
.projectsHeroWrapper .heroTitleBlock h1{font-size:42px}
.portfolioBlocksWrapper .portfolioGrid{gap:28px}
.processTimeline .timelineInnerContainer .stepsGrid{gap:32px}
.testimonialsWrapper .testimonialLayoutBlock{grid-template-columns:340px 1fr;gap:40px;padding:36px}
}
@media (max-width: 768px) {
.projectsHeroWrapper{padding:50px 20px 40px}
.projectsHeroWrapper .heroTitleBlock h1{font-size:34px;margin-bottom:20px}
.projectsHeroWrapper .heroTitleBlock .leadDescription{font-size:17px}
.projectsHeroWrapper .heroTitleBlock .subDescription{font-size:15px}
.portfolioBlocksWrapper{padding:0 20px 60px}
.portfolioBlocksWrapper .portfolioGrid{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardImageBlock{height:240px}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardContentZone{padding:24px}
.processTimeline{padding:50px 20px;margin-bottom:60px}
.processTimeline .timelineInnerContainer h2{font-size:32px;margin-bottom:40px}
.processTimeline .timelineInnerContainer .stepsGrid{grid-template-columns:1fr;gap:36px}
.processTimeline .timelineInnerContainer .stepsGrid::before{display:none}
.testimonialsWrapper{padding:0 20px 60px}
.testimonialsWrapper h2{font-size:32px}
.testimonialsWrapper .sectionIntro{font-size:16px;margin-bottom:36px}
.testimonialsWrapper .testimonialLayoutBlock{grid-template-columns:1fr;gap:32px;padding:28px}
.testimonialsWrapper .testimonialLayoutBlock .authorPhotoZone img{height:380px}
.testimonialsWrapper .testimonialLayoutBlock .testimonialContentZone .testimonialText{font-size:16px}
.ctaSectionWrapper{padding:60px 20px}
.ctaSectionWrapper .ctaContentBox h2{font-size:34px}
.ctaSectionWrapper .ctaContentBox .ctaDescription{font-size:16px;margin-bottom:28px}
.ctaSectionWrapper .ctaContentBox .buttonGroup{flex-direction:column;align-items:stretch}
.ctaSectionWrapper .ctaContentBox .buttonGroup .primaryButton,.ctaSectionWrapper .ctaContentBox .buttonGroup .secondaryButton{width:100%;text-align:center}
}
@media (max-width: 375px) {
.projectsHeroWrapper .heroTitleBlock h1{font-size:28px}
.portfolioBlocksWrapper .portfolioGrid .portfolioCard .cardImageBlock{height:200px}
.processTimeline .timelineInnerContainer h2{font-size:28px}
.testimonialsWrapper h2{font-size:28px}
.testimonialsWrapper .testimonialLayoutBlock .authorPhotoZone img{height:320px}
.ctaSectionWrapper .ctaContentBox h2{font-size:28px}
}
.heroSection{background:linear-gradient(127deg,#F5F5D9 0%,#C7554E 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroSection::before{content:'';position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:repeating-linear-gradient(-45deg,transparent,transparent 35px,#3e725014 35px,#3e725014 70px);pointer-events:none}
.heroSection .contentWrapper{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroSection .textContent{flex:1}
.heroSection .mainHeading{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.2}
.heroSection .leadText{font-size:18px;line-height:1.7;color:#2d2d2d;margin-bottom:16px}
.heroSection .imageCard{width:420px;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000026;background:#fff}
.heroSection .imageCard img{width:100%;height:auto;display:block}
.learningModels{padding:100px 20px;background:#fff}
.learningModels .sectionWrapper{max-width:1320px;margin:0 auto}
.learningModels .sectionTitle{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:16px;position:relative;display:inline-block}
.learningModels .sectionTitle::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#C7554E 0%,#3E7250 100%)}
.learningModels .introDescription{font-size:17px;line-height:1.6;color:#4a4a4a;margin-bottom:50px;max-width:820px}
.learningModels .modelGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.learningModels .modelCard{background:linear-gradient(135deg,#F5F5D9 0%,#fff 100%);padding:36px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:transform .3s linear,box-shadow .3s linear;position:relative}
.learningModels .modelCard:hover{transform:scale(1.03);box-shadow:0 8px 24px #c7554e33}
.learningModels .modelCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:#C7554E;border-radius:10px 0 0 10px}
.learningModels .cardIcon{width:64px;height:64px;margin-bottom:20px;background:#3E7250;border-radius:50%;display:flex;align-items:center;justify-content:center}
.learningModels .cardIcon svg{width:32px;height:32px;fill:#F5F5D9}
.learningModels .cardHeading{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:14px}
.learningModels .cardText{font-size:16px;line-height:1.6;color:#4a4a4a}
.platformFeatures{padding:90px 20px;background:linear-gradient(168deg,#3E7250 0%,#C7554E 100%);position:relative}
.platformFeatures .featuresContainer{max-width:1320px;margin:0 auto}
.platformFeatures .upperSection{display:flex;gap:50px;align-items:flex-start;margin-bottom:60px}
.platformFeatures .leftColumn{flex:1}
.platformFeatures .featuresHeading{font-size:42px;font-weight:700;color:#F5F5D9;margin-bottom:20px;line-height:1.2}
.platformFeatures .featuresDescription{font-size:17px;line-height:1.7;color:#F5F5D9;margin-bottom:18px}
.platformFeatures .rightColumn{width:480px;flex-shrink:0}
.platformFeatures .featureImage{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000004d}
.platformFeatures .featureImage img{width:100%;height:auto;display:block;border-radius:10px}
.platformFeatures .bottomGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.platformFeatures .featureBox{background:#f5f5d926;padding:32px;border-radius:8px;backdrop-filter:blur(10px);border:2px solid #f5f5d94d;transition:background .3s linear}
.platformFeatures .featureBox:hover{background:#f5f5d940}
.platformFeatures .featureTitle{font-size:22px;font-weight:600;color:#F5F5D9;margin-bottom:12px;position:relative;padding-left:28px}
.platformFeatures .featureTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#F5F5D9;border-radius:50%}
.platformFeatures .featureDetails{font-size:15px;line-height:1.6;color:#F5F5D9}
.expertiseSection{padding:100px 20px;background:#F5F5D9}
.expertiseSection .expertiseWrapper{max-width:1320px;margin:0 auto}
.expertiseSection .mainLayout{display:flex;gap:70px;align-items:center}
.expertiseSection .visualColumn{width:500px;flex-shrink:0;position:relative}
.expertiseSection .primaryImage{width:100%;border-radius:12px;box-shadow:0 12px 40px #0000002e;margin-bottom:30px}
.expertiseSection .primaryImage img{width:100%;height:auto;display:block;border-radius:12px}
.expertiseSection .secondaryImage{width:100%;border-radius:12px;box-shadow:0 8px 24px #00000026}
.expertiseSection .secondaryImage img{width:100%;height:auto;display:block;border-radius:12px}
.expertiseSection .contentColumn{flex:1}
.expertiseSection .expertiseHeading{font-size:40px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.2}
.expertiseSection .expertiseText{font-size:17px;line-height:1.7;color:#3a3a3a;margin-bottom:18px}
.expertiseSection .statsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px}
.expertiseSection .statItem{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #00000014;border-left:5px solid #C7554E}
.expertiseSection .statNumber{font-size:36px;font-weight:700;color:#3E7250;margin-bottom:8px;line-height:1}
.expertiseSection .statLabel{font-size:15px;color:#4a4a4a;line-height:1.4}
.trustSection{padding:90px 20px;background:linear-gradient(145deg,#fff 0%,#F5F5D9 100%)}
.trustSection .trustContainer{max-width:1320px;margin:0 auto}
.trustSection .trustHeading{font-size:38px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:50px}
.trustSection .testimonialWrapper{display:flex;align-items:flex-start;gap:50px;background:#fff;padding:45px;border-radius:12px;box-shadow:0 8px 32px #0000001a}
.trustSection .portraitArea{width:180px;flex-shrink:0}
.trustSection .portraitArea img{width:100%;height:auto;border-radius:50%;box-shadow:0 6px 20px #00000026}
.trustSection .testimonialContent{flex:1}
.trustSection .quoteText{font-size:18px;line-height:1.7;color:#2d2d2d;margin-bottom:20px;font-style:italic;position:relative;padding-left:30px}
.trustSection .quoteText::before{content:'"';position:absolute;left:0;top:-10px;font-size:60px;color:#C7554E;line-height:1;font-family:Georgia,serif}
.trustSection .authorName{font-size:19px;font-weight:600;color:#1a1a1a;margin-bottom:6px}
.trustSection .authorRole{font-size:15px;color:#3E7250}
@media (max-width: 1366px) {
.heroSection .contentWrapper{gap:40px}
.heroSection .imageCard{width:360px}
.learningModels .modelGrid{gap:30px}
.platformFeatures .upperSection{gap:40px}
.platformFeatures .rightColumn{width:400px}
.expertiseSection .mainLayout{gap:50px}
.expertiseSection .visualColumn{width:420px}
}
@media (max-width: 768px) {
.heroSection{padding:60px 20px}
.heroSection .contentWrapper{flex-direction:column;gap:30px}
.heroSection .mainHeading{font-size:36px}
.heroSection .imageCard{width:100%;max-width:400px}
.learningModels{padding:70px 20px}
.learningModels .sectionTitle{font-size:32px}
.learningModels .modelGrid{grid-template-columns:1fr;gap:25px}
.platformFeatures{padding:70px 20px}
.platformFeatures .upperSection{flex-direction:column;gap:30px}
.platformFeatures .rightColumn{width:100%}
.platformFeatures .featuresHeading{font-size:34px}
.platformFeatures .bottomGrid{grid-template-columns:1fr;gap:25px}
.expertiseSection{padding:70px 20px}
.expertiseSection .mainLayout{flex-direction:column;gap:40px}
.expertiseSection .visualColumn{width:100%}
.expertiseSection .expertiseHeading{font-size:32px}
.expertiseSection .statsGrid{grid-template-columns:1fr}
.trustSection{padding:70px 20px}
.trustSection .trustHeading{font-size:32px}
.trustSection .testimonialWrapper{flex-direction:column;padding:35px;gap:30px}
.trustSection .portraitArea{width:140px;margin:0 auto}
}
@media (max-width: 375px) {
.heroSection .mainHeading{font-size:30px}
.heroSection .leadText{font-size:16px}
.learningModels .sectionTitle{font-size:28px}
.learningModels .modelCard{padding:28px}
.platformFeatures .featuresHeading{font-size:28px}
.platformFeatures .featureBox{padding:24px}
.expertiseSection .expertiseHeading{font-size:28px}
.trustSection .trustHeading{font-size:28px}
.trustSection .testimonialWrapper{padding:25px}
.trustSection .quoteText{font-size:16px}
}
.contactPage .heroWrapper{background:linear-gradient(157deg,#C7554E 0%,#3E7250 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.contactPage .heroWrapper::before{content:'';position:absolute;width:400px;height:400px;background:#f5f5d91a;border-radius:50%;top:-150px;right:-100px}
.contactPage .heroContent{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.contactPage .heroContent h1{font-size:48px;color:#F5F5D9;margin-bottom:16px;font-weight:700}
.contactPage .heroContent .leadText{font-size:20px;color:#F5F5D9;max-width:650px;line-height:1.6;opacity:.95}
.contactPage .mainContentGrid{max-width:1320px;margin:-60px auto 0;padding:0 20px 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;z-index:3}
.contactPage .formContainer{background:#fff;padding:50px;border-radius:8px;box-shadow:0 8px 24px #0000001f}
.contactPage .formContainer h2{font-size:32px;color:#3E7250;margin-bottom:12px}
.contactPage .formContainer .formIntro{font-size:16px;color:#666;margin-bottom:32px;line-height:1.5}
.contactPage .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.contactPage .inputWrapper{display:flex;flex-direction:column}
.contactPage .inputWrapper.fullWidth{grid-column:1 / -1}
.contactPage .inputWrapper label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}
.contactPage .inputWrapper input,.contactPage .inputWrapper select{padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border-color .3s linear;background:#fff}
.contactPage .inputWrapper input:focus,.contactPage .inputWrapper select:focus{outline:none;border-color:#C7554E}
.contactPage .privacyCheckbox{display:flex;align-items:flex-start;margin:24px 0}
.contactPage .privacyCheckbox input[type="checkbox"]{width:18px;height:18px;margin-right:10px;margin-top:2px;cursor:pointer;flex-shrink:0}
.contactPage .privacyCheckbox label{font-size:14px;color:#555;line-height:1.5;cursor:pointer}
.contactPage .privacyCheckbox label a{color:#C7554E;text-decoration:none;font-weight:600}
.contactPage .privacyCheckbox label a:hover{text-decoration:underline}
.contactPage .submitButton{width:100%;padding:16px;background:linear-gradient(135deg,#C7554E 0%,#3E7250 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .3s linear,box-shadow .3s linear;box-shadow:0 4px 12px #c7554e4d}
.contactPage .submitButton:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px #c7554e66}
.contactPage .contactInfoPanel{background:#F5F5D9;padding:50px;border-radius:8px;box-shadow:0 8px 24px #00000014}
.contactPage .contactInfoPanel h3{font-size:28px;color:#3E7250;margin-bottom:24px}
.contactPage .infoBlock{margin-bottom:32px}
.contactPage .infoBlock h4{font-size:16px;font-weight:700;color:#C7554E;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.contactPage .infoBlock p{font-size:16px;color:#333;line-height:1.6;margin:0}
.contactPage .infoBlock a{color:#3E7250;text-decoration:none;font-weight:600}
.contactPage .infoBlock a:hover{text-decoration:underline}
.contactPage .visualSection{background:#fff;padding:80px 20px}
.contactPage .visualWrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.contactPage .visualContent h3{font-size:36px;color:#3E7250;margin-bottom:20px;line-height:1.3}
.contactPage .visualContent p{font-size:17px;color:#555;line-height:1.7;margin-bottom:16px}
.contactPage .visualImage{width:100%;height:450px;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #00000026}
.contactPage .visualImage img{width:100%;height:100%;object-fit:cover}
.contactPage .statsSection{background:linear-gradient(223deg,#3E7250 0%,#C7554E 100%);padding:70px 20px;position:relative}
.contactPage .statsSection::after{content:'';position:absolute;width:300px;height:300px;background:#f5f5d914;border-radius:50%;bottom:-100px;left:-80px}
.contactPage .statsGrid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}
.contactPage .statCard{text-align:center;padding:30px}
.contactPage .statCard .statNumber{font-size:52px;font-weight:700;color:#F5F5D9;margin-bottom:12px}
.contactPage .statCard .statLabel{font-size:18px;color:#F5F5D9;opacity:.9}
.contactPage .detailsSection{background:#F5F5D9;padding:80px 20px}
.contactPage .detailsContainer{max-width:1320px;margin:0 auto}
.contactPage .detailsContainer h3{font-size:38px;color:#3E7250;margin-bottom:40px;text-align:center}
.contactPage .detailsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.contactPage .detailCard{background:#fff;padding:40px;border-radius:8px;box-shadow:0 6px 16px #00000014;border-left:6px solid #C7554E}
.contactPage .detailCard h5{font-size:24px;color:#3E7250;margin-bottom:16px;font-weight:700}
.contactPage .detailCard p{font-size:16px;color:#555;line-height:1.7}
.contactPage .finalSection{background:#fff;padding:80px 20px}
.contactPage .finalContent{max-width:1320px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px}
.contactPage .finalImage{width:50%;height:500px;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #0000001f}
.contactPage .finalImage img{width:100%;height:100%;object-fit:cover}
.contactPage .finalText{width:50%}
.contactPage .finalText h4{font-size:34px;color:#C7554E;margin-bottom:20px;line-height:1.3}
.contactPage .finalText p{font-size:17px;color:#555;line-height:1.7;margin-bottom:18px}
@media (max-width: 1366px) {
.contactPage .heroContent h1{font-size:42px}
.contactPage .mainContentGrid{gap:30px}
}
@media (max-width: 768px) {
.contactPage .heroWrapper{padding:60px 20px 80px}
.contactPage .heroContent h1{font-size:34px}
.contactPage .heroContent .leadText{font-size:18px}
.contactPage .mainContentGrid{grid-template-columns:1fr;margin-top:-40px;gap:30px;padding-bottom:60px}
.contactPage .formContainer,.contactPage .contactInfoPanel{padding:35px}
.contactPage .formGrid{grid-template-columns:1fr}
.contactPage .visualWrapper{grid-template-columns:1fr;gap:40px}
.contactPage .visualImage{height:350px}
.contactPage .statsGrid{grid-template-columns:1fr;gap:30px}
.contactPage .detailsGrid{grid-template-columns:1fr;gap:30px}
.contactPage .finalContent{flex-direction:column}
.contactPage .finalImage,.contactPage .finalText{width:100%}
.contactPage .finalImage{height:400px}
}
@media (max-width: 375px) {
.contactPage .heroContent h1{font-size:28px}
.contactPage .formContainer,.contactPage .contactInfoPanel{padding:25px}
.contactPage .statCard .statNumber{font-size:44px}
}
.programPage .heroWrapper{background:linear-gradient(135deg,#F5F5D9 0%,#3E7250 100%);padding:80px 20px;position:relative;overflow:hidden}
.programPage .heroWrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#c7554e33 0%,transparent 70%);border-radius:50%}
.programPage .heroContent{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.programPage .heroContent h1{font-size:48px;color:#1a1a1a;margin-bottom:24px;font-weight:700;line-height:1.2}
.programPage .heroContent .leadText{font-size:20px;color:#2d2d2d;max-width:720px;line-height:1.6;margin-bottom:32px}
.programPage .heroBtn{display:inline-block;background:#C7554E;color:#fff;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s linear;box-shadow:0 4px 12px #c7554e4d;position:relative;z-index:10}
.programPage .heroBtn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #c7554e66}
.programPage .structureSection{background:#fff;padding:100px 20px}
.programPage .structureContainer{max-width:1320px;margin:0 auto}
.programPage .structureSection h2{font-size:38px;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.programPage .structureSection .subheadText{font-size:18px;color:#555;margin-bottom:60px;max-width:680px}
.programPage .moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.programPage .moduleCard{background:linear-gradient(165deg,#F5F5D9 0%,#fff 100%);padding:36px 28px;border-radius:12px;border-left:5px solid #C7554E;transition:all .3s linear;box-shadow:0 2px 8px #00000014}
.programPage .moduleCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.programPage .moduleCard h5{font-size:22px;color:#C7554E;margin-bottom:12px;font-weight:600}
.programPage .moduleCard p{font-size:16px;color:#444;line-height:1.6}
.programPage .visualDataSection{background:linear-gradient(225deg,#3E7250 0%,#2a5038 100%);padding:90px 20px;position:relative}
.programPage .visualDataSection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#C7554E 0%,#F5F5D9 50%,#C7554E 100%)}
.programPage .dataWrapper{max-width:1320px;margin:0 auto}
.programPage .visualDataSection h3{font-size:34px;color:#F5F5D9;margin-bottom:50px;text-align:center;font-weight:700}
.programPage .statsDisplay{display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px}
.programPage .statItem{text-align:center;min-width:200px}
.programPage .statNumber{font-size:56px;color:#F5F5D9;font-weight:700;line-height:1;margin-bottom:12px}
.programPage .statLabel{font-size:18px;color:#fff;opacity:.9}
.programPage .approachSection{padding:100px 20px;background:#fafafa}
.programPage .approachLayout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.programPage .approachText h3{font-size:36px;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.programPage .approachText p{font-size:17px;color:#444;line-height:1.7;margin-bottom:16px}
.programPage .approachImage{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #00000026}
.programPage .approachImage img{width:100%;height:480px;object-fit:cover;display:block}
.programPage .testimonialsSection{background:#fff;padding:90px 20px}
.programPage .testimonialsContainer{max-width:1320px;margin:0 auto}
.programPage .testimonialsSection h4{font-size:32px;color:#1a1a1a;margin-bottom:50px;text-align:center;font-weight:700}
.programPage .testimonialsFlex{display:flex;gap:40px;align-items:flex-start}
.programPage .testimonialBox{flex:1;background:linear-gradient(145deg,#F5F5D9 0%,#fff 100%);padding:32px;border-radius:10px;box-shadow:0 4px 16px #0000001a;position:relative}
.programPage .testimonialBox::before{content:'"';position:absolute;top:-10px;left:20px;font-size:80px;color:#C7554E;opacity:.3;font-family:Georgia,serif;line-height:1}
.programPage .testimonialHeader{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.programPage .testimonialAvatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #C7554E}
.programPage .testimonialAuthor h6{font-size:18px;color:#1a1a1a;margin-bottom:4px;font-weight:600}
.programPage .testimonialAuthor .roleText{font-size:14px;color:#666}
.programPage .testimonialBox p{font-size:16px;color:#333;line-height:1.6;position:relative;z-index:1}
.programPage .toolsSection{background:linear-gradient(180deg,#3E7250 0%,#2d5a3e 100%);padding:80px 20px;position:relative}
.programPage .toolsWrapper{max-width:1320px;margin:0 auto;text-align:center}
.programPage .toolsSection h4{font-size:32px;color:#F5F5D9;margin-bottom:16px;font-weight:700}
.programPage .toolsSection .descText{font-size:18px;color:#fff;opacity:.9;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.programPage .toolsList{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.programPage .toolTag{background:#f5f5d926;color:#F5F5D9;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;border:1px solid #f5f5d94d;transition:all .3s linear}
.programPage .toolTag:hover{background:#f5f5d940;transform:scale(1.05)}
.programPage .projectsSection{background:#fff;padding:100px 20px}
.programPage .projectsContainer{max-width:1320px;margin:0 auto}
.programPage .projectsHeader{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:30px}
.programPage .projectsHeader h3{font-size:36px;color:#1a1a1a;font-weight:700}
.programPage .projectsHeader p{font-size:17px;color:#555;max-width:500px;line-height:1.6}
.programPage .projectsLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.programPage .projectFeature{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.programPage .projectFeature img{width:100%;height:520px;object-fit:cover;display:block}
.programPage .projectOverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1a1a1ae6 0%,transparent 100%);padding:32px;color:#fff}
.programPage .projectOverlay h5{font-size:24px;margin-bottom:8px;font-weight:600}
.programPage .projectOverlay p{font-size:15px;opacity:.9;line-height:1.5}
.programPage .projectsLink{display:inline-flex;align-items:center;gap:8px;background:#C7554E;color:#fff;padding:18px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s linear;box-shadow:0 4px 12px #c7554e4d;margin-top:20px}
.programPage .projectsLink:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #c7554e66}
.programPage .ctaSection{background:linear-gradient(135deg,#C7554E 0%,#a64740 100%);padding:80px 20px;text-align:center}
.programPage .ctaContent{max-width:1320px;margin:0 auto}
.programPage .ctaSection h3{font-size:40px;color:#fff;margin-bottom:20px;font-weight:700}
.programPage .ctaSection p{font-size:19px;color:#fff;opacity:.95;margin-bottom:36px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}
.programPage .ctaPrimary{display:inline-block;background:#F5F5D9;color:#1a1a1a;padding:18px 44px;border-radius:8px;text-decoration:none;font-weight:700;font-size:17px;transition:all .3s linear;box-shadow:0 6px 16px #0003;position:relative;z-index:10}
.programPage .ctaPrimary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px #0000004d;background:#fff}
@media (max-width: 1366px) {
.programPage .heroContent h1{font-size:42px}
.programPage .moduleGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.programPage .heroWrapper{padding:60px 20px}
.programPage .heroContent h1{font-size:34px}
.programPage .heroContent .leadText{font-size:17px}
.programPage .structureSection{padding:70px 20px}
.programPage .structureSection h2{font-size:30px}
.programPage .moduleGrid{grid-template-columns:1fr;gap:24px}
.programPage .visualDataSection{padding:60px 20px}
.programPage .statsDisplay{flex-direction:column;gap:30px}
.programPage .approachSection{padding:70px 20px}
.programPage .approachLayout{grid-template-columns:1fr;gap:40px}
.programPage .approachImage img{height:320px}
.programPage .testimonialsSection{padding:70px 20px}
.programPage .testimonialsFlex{flex-direction:column;gap:30px}
.programPage .toolsSection{padding:60px 20px}
.programPage .projectsSection{padding:70px 20px}
.programPage .projectsHeader{flex-direction:column;align-items:flex-start}
.programPage .projectsLayout{grid-template-columns:1fr}
.programPage .projectFeature img{height:380px}
.programPage .ctaSection{padding:60px 20px}
.programPage .ctaSection h3{font-size:32px}
}
@media (max-width: 375px) {
.programPage .heroContent h1{font-size:28px}
.programPage .structureSection h2{font-size:26px}
.programPage .moduleCard{padding:28px 20px}
.programPage .statNumber{font-size:44px}
.programPage .ctaSection h3{font-size:28px}
}
.policy-hero-wrapper{background:linear-gradient(157deg,#C7554E 0%,#3E7250 100%);padding:80px 20px;position:relative;overflow:hidden}
.policy-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#f5f5d91a;border-radius:50%;transform:rotate(45deg)}
.policy-hero-content{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.policy-hero-content h1{color:#F5F5D9;font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.2}
.policy-hero-meta{color:#f5f5d9e6;font-size:16px;display:flex;gap:24px;flex-wrap:wrap}
.policy-hero-meta span{display:flex;align-items:center;gap:8px}
.policy-content-section{max-width:1320px;margin:0 auto;padding:60px 20px}
.intro-statement-block{background:#F5F5D9;padding:48px;border-radius:8px;border-left:6px solid #C7554E;margin-bottom:60px}
.intro-statement-block h2{color:#3E7250;font-size:28px;font-weight:600;margin:0 0 20px}
.intro-statement-block p{color:#333;font-size:17px;line-height:1.7;margin:0 0 16px}
.intro-statement-block p:last-child{margin-bottom:0}
.grid-definition-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:60px}
.definition-card{background:linear-gradient(135deg,#c7554e0d 0%,#3e72500d 100%);padding:32px;border-radius:8px;border:2px solid #c7554e26;transition:transform .3s linear,box-shadow .3s linear}
.definition-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001f}
.definition-card h3{color:#C7554E;font-size:22px;font-weight:600;margin:0 0 16px;position:relative;padding-bottom:12px}
.definition-card h3::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:#3E7250}
.definition-card p{color:#444;font-size:16px;line-height:1.6;margin:0}
.detailed-list-container{margin-bottom:60px}
.detailed-list-container h4{color:#3E7250;font-size:26px;font-weight:600;margin:0 0 32px;text-align:center}
.asymmetric-layout-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.sidebar-accent{background:#C7554E;padding:32px;border-radius:8px;position:sticky;top:20px}
.sidebar-accent h5{color:#F5F5D9;font-size:20px;font-weight:600;margin:0 0 16px}
.sidebar-accent p{color:#f5f5d9f2;font-size:15px;line-height:1.6;margin:0}
.main-content-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
.list-item-row{padding:24px 32px;border-bottom:1px solid #e0e0e0;transition:background-color .3s linear}
.list-item-row:last-child{border-bottom:none}
.list-item-row:hover{background-color:#f5f5d94d}
.list-item-row h6{color:#C7554E;font-size:18px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.list-item-row h6::before{content:'';width:8px;height:8px;background:#3E7250;border-radius:50%;flex-shrink:0}
.list-item-row p{color:#555;font-size:16px;line-height:1.6;margin:0 0 12px}
.list-item-row p:last-child{margin-bottom:0}
.nested-info-list{margin:12px 0 0 20px;padding:0;list-style:none}
.nested-info-list li{color:#666;font-size:15px;line-height:1.5;margin-bottom:8px;padding-left:24px;position:relative}
.nested-info-list li::before{content:'→';position:absolute;left:0;color:#3E7250;font-weight:700}
.comparison-table-section{margin-bottom:60px;background:linear-gradient(45deg,#3e72500d 0%,#c7554e0d 100%);padding:48px;border-radius:12px}
.comparison-table-section h4{color:#3E7250;font-size:26px;font-weight:600;margin:0 0 32px;text-align:center}
.responsive-table-wrapper{overflow-x:auto}
.cookie-policy-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}
.cookie-policy-table thead{background:linear-gradient(90deg,#C7554E 0%,#3E7250 100%)}
.cookie-policy-table th{color:#F5F5D9;font-size:16px;font-weight:600;padding:20px 24px;text-align:left;border-bottom:3px solid #F5F5D9}
.cookie-policy-table tbody tr{transition:background-color .3s linear}
.cookie-policy-table tbody tr:hover{background-color:#f5f5d933}
.cookie-policy-table tbody tr:nth-child(odd){background-color:#f5f5d91a}
.cookie-policy-table td{color:#444;font-size:15px;padding:18px 24px;border-bottom:1px solid #e0e0e0;line-height:1.5}
.cookie-policy-table tbody tr:last-child td{border-bottom:none}
.rights-action-block{background:#fff;border:2px solid #3E7250;border-radius:8px;padding:48px;margin-bottom:60px}
.rights-action-block h4{color:#C7554E;font-size:26px;font-weight:600;margin:0 0 24px}
.rights-columns-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:32px}
.right-item-box{background:#3e72500d;padding:24px;border-radius:6px;border-left:4px solid #3E7250}
.right-item-box h5{color:#3E7250;font-size:18px;font-weight:600;margin:0 0 12px}
.right-item-box p{color:#555;font-size:15px;line-height:1.6;margin:0}
.cta-contact-wrapper{background:linear-gradient(135deg,#C7554E 0%,#3E7250 100%);padding:32px;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px}
.cta-contact-text{flex:1}
.cta-contact-text p{color:#F5F5D9;font-size:17px;font-weight:500;margin:0;line-height:1.5}
.cta-button-primary{background:#F5F5D9;color:#3E7250;font-size:16px;font-weight:600;padding:14px 32px;border:none;border-radius:6px;cursor:pointer;transition:transform .3s linear,box-shadow .3s linear;text-decoration:none;display:inline-block;white-space:nowrap;z-index:10;position:relative}
.cta-button-primary:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}
.footer-divider-svg{margin:60px 0 40px;width:100%;height:2px}
.contact-info-footer{max-width:1320px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}
.contact-item-card{background:#c7554e14;padding:24px;border-radius:6px;text-align:center;transition:transform .3s linear,box-shadow .3s linear}
.contact-item-card:hover{transform:scale(1.03);box-shadow:0 6px 14px #0000001a}
.contact-item-card h6{color:#3E7250;font-size:18px;font-weight:600;margin:0 0 12px}
.contact-item-card p{color:#555;font-size:15px;margin:0;line-height:1.5}
.contact-item-card a{color:#C7554E;text-decoration:none;transition:color .3s linear}
.contact-item-card a:hover{color:#3E7250}
@media (max-width: 1366px) {
.policy-hero-content h1{font-size:42px}
.asymmetric-layout-wrapper{grid-template-columns:1fr 1.5fr;gap:32px}
}
@media (max-width: 768px) {
.policy-hero-wrapper{padding:60px 20px}
.policy-hero-content h1{font-size:32px}
.policy-hero-meta{flex-direction:column;gap:12px}
.intro-statement-block{padding:32px 24px}
.grid-definition-wrapper{grid-template-columns:1fr;gap:24px}
.asymmetric-layout-wrapper{grid-template-columns:1fr;gap:32px}
.sidebar-accent{position:static}
.comparison-table-section{padding:32px 20px}
.cookie-policy-table th,.cookie-policy-table td{padding:12px 16px;font-size:14px}
.rights-columns-layout{grid-template-columns:1fr;gap:20px}
.rights-action-block{padding:32px 24px}
.cta-contact-wrapper{flex-direction:column;text-align:center}
.contact-info-footer{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 375px) {
.policy-hero-content h1{font-size:28px}
.intro-statement-block{padding:24px 16px}
.definition-card{padding:24px 20px}
.comparison-table-section{padding:24px 16px}
.cookie-policy-table th,.cookie-policy-table td{padding:10px 12px;font-size:13px}
.rights-action-block{padding:24px 16px}
}
.policyWrapper{background:linear-gradient(127deg,#F5F5D9 0%,#fff 45%,#F5F5D9 100%);padding:80px 20px}
.policyIntroBlock{max-width:1320px;margin:0 auto 60px;background:#fff;padding:50px 40px;border-radius:8px;box-shadow:0 4px 16px #3e725014}
.policyIntroBlock h1{font-size:42px;color:#C7554E;margin-bottom:18px;font-weight:700}
.policyIntroBlock .updateNote{color:#3E7250;font-size:15px;margin-bottom:24px;font-weight:600}
.policyIntroBlock .leadDescription{font-size:17px;line-height:1.7;color:#2a2a2a;margin-bottom:0}
.mainPolicyContent{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.sidebarNav{position:sticky;top:30px;background:#fff;padding:32px 24px;border-radius:8px;box-shadow:0 2px 12px #c7554e0f}
.sidebarNav h5{font-size:16px;color:#3E7250;margin-bottom:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.sidebarNav ul{list-style:none;padding:0;margin:0}
.sidebarNav ul li{margin-bottom:12px}
.sidebarNav ul li a{color:#2a2a2a;text-decoration:none;font-size:14px;transition:all .2s linear;display:block;padding:8px 12px;border-radius:4px}
.sidebarNav ul li a:hover{background:#F5F5D9;color:#C7554E;transform:translateX(4px)}
.contentSections{background:#fff;padding:50px 45px;border-radius:8px;box-shadow:0 2px 12px #3e72500f}
.policySection{margin-bottom:50px;padding-bottom:40px;border-bottom:2px solid #F5F5D9}
.policySection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.policySection h2{font-size:32px;color:#3E7250;margin-bottom:20px;font-weight:700;position:relative;padding-left:20px}
.policySection h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:28px;background:linear-gradient(180deg,#C7554E 0%,#3E7250 100%);border-radius:3px}
.policySection h3{font-size:22px;color:#C7554E;margin:28px 0 16px;font-weight:600}
.policySection p{font-size:16px;line-height:1.8;color:#333;margin-bottom:16px}
.policySection ul{margin:20px 0;padding-left:24px}
.policySection ul li{font-size:16px;line-height:1.8;color:#333;margin-bottom:12px;position:relative}
.policySection ul li::marker{color:#C7554E}
.highlightBox{background:linear-gradient(135deg,#F5F5D9 0%,#fff 100%);padding:28px 32px;border-radius:6px;border-left:5px solid #3E7250;margin:24px 0}
.highlightBox h4{font-size:18px;color:#3E7250;margin-bottom:12px;font-weight:700}
.highlightBox p{margin-bottom:0;font-size:15px}
.dataTable{width:100%;margin:28px 0;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #0000000a;border-radius:6px;overflow:hidden}
.dataTable thead{background:linear-gradient(90deg,#3E7250 0%,#2d563c 100%)}
.dataTable thead th{color:#fff;padding:18px 20px;text-align:left;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.dataTable tbody tr{border-bottom:1px solid #F5F5D9;transition:background .2s linear}
.dataTable tbody tr:hover{background:#fafafa}
.dataTable tbody td{padding:16px 20px;font-size:15px;color:#333}
.dataTable tbody td:first-child{font-weight:600;color:#C7554E}
.contactInfoBox{background:#fff;border:2px solid #C7554E;padding:35px 40px;border-radius:8px;margin-top:40px;text-align:center}
.contactInfoBox h6{font-size:24px;color:#3E7250;margin-bottom:20px;font-weight:700}
.contactInfoBox p{font-size:16px;margin-bottom:8px}
.contactInfoBox a{color:#C7554E;text-decoration:none;font-weight:600;transition:all .2s linear}
.contactInfoBox a:hover{color:#3E7250;text-decoration:underline}
.effectiveDate{background:linear-gradient(115deg,#C7554E 0%,#3E7250 100%);color:#fff;padding:16px 28px;border-radius:6px;display:inline-block;font-size:15px;font-weight:600;margin-bottom:30px;box-shadow:0 4px 12px #c7554e40}
@media (max-width: 1366px) {
.policyWrapper{padding:60px 18px}
.mainPolicyContent{grid-template-columns:240px 1fr;gap:30px}
.policyIntroBlock{padding:40px 32px}
.contentSections{padding:40px 35px}
}
@media (max-width: 768px) {
.policyWrapper{padding:40px 16px}
.policyIntroBlock{padding:30px 24px;margin-bottom:40px}
.policyIntroBlock h1{font-size:32px}
.mainPolicyContent{grid-template-columns:1fr;gap:24px}
.sidebarNav{position:static;padding:24px 20px}
.contentSections{padding:30px 24px}
.policySection h2{font-size:26px}
.policySection h3{font-size:20px}
.dataTable{font-size:14px}
.dataTable thead th,.dataTable tbody td{padding:12px 14px}
.contactInfoBox{padding:28px 24px}
}
@media (max-width: 375px) {
.policyIntroBlock h1{font-size:28px}
.policySection h2{font-size:24px}
.contentSections{padding:24px 18px}
.dataTable{display:block;overflow-x:auto}
}
.confirmWrapper{max-width:1320px;margin:0 auto;padding:60px 20px}
.successBlockPrimary{background:linear-gradient(127deg,#F5F5D9 0%,#fff 100%);border-radius:8px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;margin-bottom:60px}
.successBlockPrimary::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#c7554e14 0%,transparent 70%);animation:pulseGlow 4s linear infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.1);opacity:.7}
}
.successIconContainer{width:120px;height:120px;margin:0 auto 32px;position:relative;z-index:2}
.checkmarkCircle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3E7250 0%,#2a5038 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3e725040;animation:scaleIn .6s ease-out}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.checkmarkSvg{width:60px;height:60px;stroke:#F5F5D9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:drawCheck .8s ease-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successBlockPrimary .mainHeading{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;z-index:2;line-height:1.2}
.successBlockPrimary .descriptionText{font-size:18px;color:#4a4a4a;margin:0 0 16px;line-height:1.6;position:relative;z-index:2;max-width:680px;margin-left:auto;margin-right:auto}
.confirmationEmail{font-size:16px;color:#666;position:relative;z-index:2;max-width:600px;margin:0 auto;line-height:1.5}
.nextStepsArea{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:80px}
.stepCard{background:#fff;border-radius:12px;padding:48px 32px;position:relative;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent}
.stepCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#C7554E}
.stepCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#C7554E 0%,#3E7250 100%);border-radius:12px 12px 0 0}
.stepNumber{width:56px;height:56px;background:linear-gradient(135deg,#C7554E 0%,#a84640 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:24px;box-shadow:0 4px 12px #c7554e4d}
.stepCard h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.stepCard p{font-size:16px;color:#555;margin:0;line-height:1.6}
.actionButtonGroup{display:flex;gap:20px;justify-content:center;margin-top:48px;flex-wrap:wrap;position:relative;z-index:2}
.primaryActionBtn{background:linear-gradient(135deg,#3E7250 0%,#2a5038 100%);color:#F5F5D9;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 16px #3e725040;border:none;cursor:pointer}
.primaryActionBtn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #3e725059;background:linear-gradient(135deg,#2a5038 0%,#3E7250 100%)}
.secondaryActionBtn{background:transparent;color:#C7554E;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid #C7554E;cursor:pointer}
.secondaryActionBtn:hover{background:#C7554E;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #c7554e40}
.decorativeShape{position:absolute;pointer-events:none;opacity:.15}
.decorativeShape.shape1{width:180px;height:180px;background:linear-gradient(45deg,#C7554E 0%,#3E7250 100%);border-radius:50%;top:-60px;right:-60px;filter:blur(40px)}
.decorativeShape.shape2{width:140px;height:140px;background:linear-gradient(225deg,#3E7250 0%,#C7554E 100%);border-radius:50%;bottom:-40px;left:-40px;filter:blur(35px)}
@media (max-width: 768px) {
.confirmWrapper{padding:40px 16px}
.successBlockPrimary{padding:60px 24px;margin-bottom:40px}
.successBlockPrimary .mainHeading{font-size:32px}
.successBlockPrimary .descriptionText{font-size:16px}
.successIconContainer{width:100px;height:100px}
.checkmarkCircle{width:100px;height:100px}
.checkmarkSvg{width:50px;height:50px}
.nextStepsArea{grid-template-columns:1fr;gap:24px;margin-top:60px}
.stepCard{padding:36px 24px}
.stepCard h3{font-size:20px}
.actionButtonGroup{flex-direction:column;gap:16px;margin-top:32px}
.primaryActionBtn,.secondaryActionBtn{width:100%;text-align:center}
}
@media (max-width: 375px) {
.successBlockPrimary .mainHeading{font-size:28px}
.stepNumber{width:48px;height:48px;font-size:20px}
}
@media (min-width: 1366px) {
.confirmWrapper{padding:80px 20px}
.successBlockPrimary{padding:100px 60px}
.nextStepsArea{gap:40px}
}