*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700}
figure,blockquote{margin:0}
body{font-family:'Ubuntu',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fff}
.topBrand{background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);padding:24px 0;border-bottom:3px solid #E6ECF4}
.topBrand .brandFlow{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 20px}
.topBrand .logoSection{display:flex;align-items:center}
.topBrand .brandMark{height:90px;width:90px;border-radius:24px;background:#ffffff26;padding:12px;box-shadow:0 8px 24px #00000026}
.topBrand .flowDivider{width:2px;height:50px;background:#fff6;border-radius:20px}
.topBrand .companyIdentity{display:flex;align-items:center}
.topBrand .companyTitle{font-size:32px;font-weight:700;color:#fff;text-shadow:0 4px 12px #0003}
.topBrand .taglineArea{display:flex;align-items:center}
.topBrand .siteTagline{font-size:15px;color:#E6ECF4;font-weight:400;letter-spacing:.3px}
.middleNav{background:#fff;border-bottom:2px solid #E6ECF4;box-shadow:0 4px 16px #00000014}
.middleNav .primaryNavigation{max-width:1000px;margin:0 auto;padding:0 20px}
.middleNav .navList{display:flex;justify-content:center;gap:8px}
.middleNav .navItem{position:relative}
.middleNav .navLink{display:block;padding:20px 28px;color:#2E6646;text-decoration:none;font-weight:700;font-size:16px;border-radius:20px;transition:background 180ms ease,color 180ms ease}
.middleNav .navLink:hover{background:#e0a8221f;color:#E0A822}
.middleNav .dropdown{position:relative}
.middleNav .dropdownMenu{position:absolute;top:100%;left:0;background:#fff;border:2px solid #E6ECF4;border-radius:20px;box-shadow:0 12px 32px #00000026;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity 200ms ease,transform 200ms ease,visibility 200ms ease;z-index:100;padding:8px 0;margin-top:4px}
.middleNav .dropdown:hover .dropdownMenu{opacity:1;visibility:visible;transform:translateY(0)}
.middleNav .dropdownMenu .subLink{display:block;padding:14px 24px;color:#2E6646;text-decoration:none;font-weight:400;transition:background 180ms ease,color 180ms ease;border-radius:16px;margin:0 8px}
.middleNav .dropdownMenu .subLink:hover{background:#e0a8221f;color:#E0A822}
.lowerBanner{background:linear-gradient(159deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);padding:16px 0}
.lowerBanner .contactSnippet{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:40px;padding:0 20px}
.lowerBanner .contactDetail{color:#fff;font-size:14px;display:flex;align-items:center;gap:8px}
.lowerBanner .contactDetail i{font-size:16px}
.upperFooter{background:linear-gradient(135deg,#2E6646 0%,#E0A822 100%);padding:60px 20px 40px}
.upperFooter .footerContent{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.upperFooter .footerColumn{color:#fff}
.upperFooter .footerHeading{font-size:20px;font-weight:700;margin-bottom:20px;color:#E6ECF4}
.upperFooter .footerText{font-size:15px;line-height:1.7;margin-bottom:12px;color:#ffffffe6}
.upperFooter .footerLinks{display:flex;flex-direction:column;gap:10px}
.upperFooter .footerLink{color:#ffffffe6;text-decoration:none;font-size:15px;transition:color 180ms ease;display:inline-block}
.upperFooter .footerLink:hover{color:#E6ECF4}
.lowerFooter{background:#1a1a1a;padding:24px 20px;border-top:3px solid #E0A822}
.lowerFooter .copyrightText{max-width:1000px;margin:0 auto;text-align:center;color:#ffffffb3;font-size:14px}
.consentPanel{position:fixed;top:20px;left:20px;background:#fff;border:2px solid #E0A822;border-radius:24px;box-shadow:0 16px 48px #00000040;max-width:340px;z-index:1000;opacity:0;animation:fadeInConsent 400ms ease forwards}
@keyframes fadeInConsent {
to{opacity:1}
}
.consentPanel.hidingConsent{animation:fadeOutConsent 400ms ease forwards}
@keyframes fadeOutConsent {
to{opacity:0;transform:translateY(-20px)}
}
.consentPanel .consentInner{padding:28px 24px}
.consentPanel .consentTitle{font-size:20px;font-weight:700;color:#2E6646;margin-bottom:12px}
.consentPanel .consentText{font-size:14px;color:#4a4a4a;margin-bottom:20px;line-height:1.5}
.consentPanel .consentOptions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.consentPanel .consentOption{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#2a2a2a}
.consentPanel .consentOption input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:#E0A822}
.consentPanel .consentActions{display:flex;gap:12px}
.consentPanel .consentButton{flex:1;padding:12px 20px;border:none;border-radius:16px;font-size:14px;font-weight:700;cursor:pointer;transition:background 180ms ease,transform 150ms ease;font-family:'Ubuntu',sans-serif}
.consentPanel .acceptButton{background:#E0A822;color:#fff}
.consentPanel .acceptButton:hover{background:#c89419;transform:translateY(-2px)}
.consentPanel .declineButton{background:#E6ECF4;color:#2E6646}
.consentPanel .declineButton:hover{background:#d4dce8;transform:translateY(-2px)}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#E6ECF4;border-radius:20px}
body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:20px}
body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px #e0a82299}
@media (max-width: 768px) {
.topBrand .brandFlow{flex-direction:column;gap:12px}
.topBrand .flowDivider{width:60px;height:2px}
.topBrand .companyTitle{font-size:26px}
.topBrand .siteTagline{font-size:13px}
.middleNav .navList{flex-direction:column;gap:0}
.middleNav .navLink{text-align:center}
.middleNav .dropdownMenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-top:1px solid #E6ECF4;border-radius:0;padding:0}
.lowerBanner .contactSnippet{flex-direction:column;gap:12px;text-align:center}
.upperFooter .footerContent{grid-template-columns:1fr}
.consentPanel{left:10px;right:10px;max-width:none}
}
.policy-frame{max-width:1000px;margin:0 auto;padding:80px 24px;background:#FFF}
.policy-frame h1{font-size:42px;font-weight:700;line-height:1.2;color:#2E6646;margin:0 0 16px;letter-spacing:-.5px}
.policy-frame h2{font-size:32px;font-weight:600;line-height:1.3;color:#2E6646;margin:56px 0 20px;letter-spacing:-.3px}
.policy-frame h3{font-size:24px;font-weight:600;line-height:1.4;color:#E0A822;margin:40px 0 16px}
.policy-frame h4{font-size:20px;font-weight:600;line-height:1.4;color:#333;margin:32px 0 12px}
.policy-frame h5{font-size:18px;font-weight:600;line-height:1.5;color:#444;margin:24px 0 12px}
.policy-frame h6{font-size:16px;font-weight:600;line-height:1.5;color:#555;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.policy-frame p{font-size:17px;line-height:1.7;color:#333;margin:0 0 20px;text-align:justify}
.policy-frame ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-frame ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-frame li{font-size:17px;line-height:1.7;color:#333;margin:0 0 12px;padding-left:8px}
.policy-frame ul li{list-style-type:disc}
.policy-frame ol li{list-style-type:decimal}
.policy-frame ul ul{margin:12px 0;padding-left:28px}
.policy-frame ul ul li{list-style-type:circle}
.policy-frame ol ol{margin:12px 0;padding-left:28px}
.policy-frame ol ol li{list-style-type:lower-alpha}
.policy-frame em{font-style:italic;color:#2E6646}
.policy-frame i{font-style:italic}
.policy-frame strong{font-weight:600;color:#2E6646}
.policy-frame a{color:#E0A822;text-decoration:underline;transition:all 200ms ease}
.policy-frame a:hover{color:#2E6646;text-decoration:none}
.policy-frame a:focus{outline:2px solid #E0A822;outline-offset:2px;border-radius:4px}
.policy-frame hr{border:none;height:2px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);margin:48px 0;border-radius:2px}
@media (max-width: 768px) {
.policy-frame{padding:48px 20px}
.policy-frame h1{font-size:32px;margin-bottom:12px}
.policy-frame h2{font-size:26px;margin:40px 0 16px}
.policy-frame h3{font-size:22px;margin:32px 0 14px}
.policy-frame h4{font-size:19px;margin:28px 0 12px}
.policy-frame h5{font-size:17px;margin:20px 0 10px}
.policy-frame h6{font-size:15px;margin:16px 0 10px}
.policy-frame p{font-size:16px;line-height:1.65;text-align:left;margin-bottom:18px}
.policy-frame li{font-size:16px;line-height:1.65}
.policy-frame ul{padding-left:24px;margin-bottom:20px}
.policy-frame ol{padding-left:24px;margin-bottom:20px}
.policy-frame hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-frame{padding:32px 16px}
.policy-frame h1{font-size:28px}
.policy-frame h2{font-size:24px;margin:36px 0 14px}
.policy-frame h3{font-size:20px}
.policy-frame p{font-size:15px;line-height:1.6;margin-bottom:16px}
.policy-frame li{font-size:15px;line-height:1.6;margin-bottom:10px}
.policy-frame ul{padding-left:20px}
.policy-frame ol{padding-left:20px}
}
.progressBar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 100%);width:0;z-index:1000;transition:width 150ms ease}
.blogArticle{max-width:1000px;margin:0 auto;padding:80px 20px 60px}
.featuredImageContainer{width:100%;margin-bottom:48px;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #2e66461f}
.featuredImageContainer img{width:100%;height:auto;display:block}
.articleHeader{margin-bottom:56px}
.articleHeader h1{font-size:2.8rem;line-height:1.2;color:#2E6646;margin-bottom:24px;font-weight:700}
.metaInfo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:2px solid #E6ECF4}
.metaBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#e0a8221a 0%,#2e66461a 100%);border-radius:20px;font-size:.9rem;color:#2E6646}
.metaBadge i{color:#E0A822}
.contentSection{max-width:800px;margin:0 auto}
.contentSection p{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:24px}
.contentSection p:first-of-type::first-line{font-size:1.25rem;font-weight:500;color:#2E6646}
.contentSection h2{font-size:2rem;color:#2E6646;margin:48px 0 24px;font-weight:600;position:relative;padding-left:24px}
.contentSection h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:70%;background:linear-gradient(180deg,#E0A822 0%,#2E6646 100%);border-radius:8px}
.contentSection h3{font-size:1.5rem;color:#2E6646;margin:36px 0 20px;font-weight:600}
.contentSection h4{font-size:1.25rem;color:#2E6646;margin:28px 0 16px;font-weight:600}
.highlightBox{background:linear-gradient(135deg,#e6ecf499 0%,#e0a82214 100%);border-left:5px solid #E0A822;padding:24px 28px;margin:32px 0;border-radius:16px}
.highlightBox p{margin-bottom:0;font-style:italic;color:#2E6646}
.utilityBar{max-width:800px;margin:56px auto 0;padding:24px 0;border-top:2px solid #E6ECF4;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.reportButton{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;text-decoration:none;border-radius:24px;font-weight:500;transition:transform 200ms ease,box-shadow 200ms ease;box-shadow:0 4px 16px #2e664633}
.reportButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2e66464d}
.reportButton i{font-size:1.1rem}
.tagCloud{display:flex;gap:12px;flex-wrap:wrap}
.tag{padding:8px 16px;background:#e6ecf4cc;color:#2E6646;border-radius:18px;font-size:.9rem;transition:background 200ms ease}
.tag:hover{background:#e0a82233}
.dividerWave{width:100%;height:60px;margin:48px 0;position:relative}
.dividerWave svg{width:100%;height:100%}
@media (max-width: 768px) {
.blogArticle{padding:60px 16px 40px}
.articleHeader h1{font-size:2rem}
.contentSection p{font-size:1rem}
.contentSection h2{font-size:1.6rem;margin:36px 0 20px}
.contentSection h3{font-size:1.3rem}
.featuredImageContainer{margin-bottom:32px}
.utilityBar{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.articleHeader h1{font-size:1.6rem}
.metaInfo{gap:8px}
.metaBadge{font-size:.85rem;padding:6px 12px}
.reportButton{width:100%;justify-content:center}
}
.blogArchive{max-width:1000px;margin:0 auto;padding:60px 20px}
.archiveIntro{text-align:center;margin-bottom:80px}
.archiveIntro h1{font-size:2.8rem;color:#2E6646;margin-bottom:20px;font-weight:700}
.archiveIntro .leadText{font-size:1.15rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.7}
.postsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;margin-bottom:80px}
.postCard{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-radius:24px;overflow:hidden;transition:all 250ms ease;border:2px solid #E6ECF4;display:flex;flex-direction:column}
.postCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #2e664626;border-color:#E0A822}
.postCard .imageWrapper{width:100%;height:220px;overflow:hidden;background:linear-gradient(159deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);position:relative}
.postCard .imageWrapper::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bootstrap Icons';content:\f5e1;font-size:4rem;color:#ffffff4d;z-index:1}
.postCard .imageWrapper img{width:100%;height:100%;object-fit:cover;transition:transform 250ms ease}
.postCard:hover .imageWrapper img{transform:scale(1.08)}
.postCard .contentArea{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.postCard .contentArea h2{font-size:1.4rem;color:#2E6646;margin-bottom:16px;font-weight:600;line-height:1.4}
.postCard .contentArea .excerpt{font-size:.95rem;color:#5a6575;line-height:1.7;margin-bottom:24px;flex-grow:1}
.postCard .contentArea .readLink{display:inline-flex;align-items:center;gap:8px;color:#E0A822;font-weight:600;text-decoration:none;font-size:.95rem;transition:gap 200ms ease}
.postCard .contentArea .readLink:hover{gap:14px;color:#2E6646}
.postCard .contentArea .readLink i{font-size:1.1rem}
.categoryBanner{background:linear-gradient(135deg,#2E6646 0%,#E0A822 100%);border-radius:28px;padding:60px 40px;text-align:center;margin-bottom:80px;position:relative;overflow:hidden}
.categoryBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.categoryBanner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}
.categoryBanner h2{font-size:2.2rem;color:#fff;margin-bottom:18px;font-weight:700;position:relative;z-index:2}
.categoryBanner p{font-size:1.1rem;color:#fffffff2;max-width:650px;margin:0 auto 32px;line-height:1.7;position:relative;z-index:2}
.categoryBanner .exploreBtn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#2E6646;padding:16px 36px;border-radius:18px;text-decoration:none;font-weight:600;transition:all 200ms ease;position:relative;z-index:2;box-shadow:0 8px 24px #0000001f}
.categoryBanner .exploreBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e;background:#E6ECF4}
.statsPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-bottom:80px}
.statBox{background:linear-gradient(159deg,#e0a82214 0%,#2e664614 100%);border:2px solid #E6ECF4;border-radius:20px;padding:32px 28px;text-align:center;transition:all 220ms ease;position:relative;overflow:hidden}
.statBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 100%);transform:scaleX(0);transition:transform 220ms ease}
.statBox:hover::before{transform:scaleX(1)}
.statBox:hover{transform:translateY(-6px);box-shadow:0 12px 36px #2e66461f;border-color:#E0A822}
.statBox .iconHolder{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:50%;margin-bottom:20px;font-size:1.8rem;color:#fff}
.statBox .numberDisplay{font-size:2.4rem;color:#2E6646;font-weight:700;margin-bottom:8px}
.statBox .labelText{font-size:.95rem;color:#5a6575;font-weight:500}
.newsletterBlock{background:linear-gradient(159deg,#E6ECF4 0%,#fff 100%);border:3px solid #E0A822;border-radius:28px;padding:50px 40px;text-align:center;margin-bottom:60px}
.newsletterBlock h2{font-size:2rem;color:#2E6646;margin-bottom:16px;font-weight:700}
.newsletterBlock .descriptionText{font-size:1.05rem;color:#5a6575;margin-bottom:32px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}
.newsletterBlock .subscribeForm{display:flex;gap:12px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.newsletterBlock .subscribeForm input{flex:1 1 280px;padding:16px 24px;border:2px solid #E6ECF4;border-radius:18px;font-size:1rem;transition:all 180ms ease;background:#fff;color:#2E6646}
.newsletterBlock .subscribeForm input:focus{outline:none;border-color:#E0A822;box-shadow:0 4px 16px #e0a82233}
.newsletterBlock .subscribeForm button{padding:16px 36px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;border:none;border-radius:18px;font-weight:600;cursor:pointer;transition:all 200ms ease;font-size:1rem;box-shadow:0 8px 20px #e0a8224d}
.newsletterBlock .subscribeForm button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #e0a82266}
@media (max-width: 768px) {
.blogArchive{padding:40px 16px}
.archiveIntro h1{font-size:2rem}
.archiveIntro .leadText{font-size:1rem}
.postsGrid{grid-template-columns:1fr;gap:32px}
.categoryBanner{padding:40px 24px}
.categoryBanner h2{font-size:1.7rem}
.categoryBanner p{font-size:1rem}
.statsPanel{grid-template-columns:1fr;gap:20px}
.newsletterBlock{padding:36px 24px}
.newsletterBlock h2{font-size:1.6rem}
.newsletterBlock .subscribeForm{flex-direction:column}
.newsletterBlock .subscribeForm input{flex:1 1 auto}
}
@media (min-width: 769px) and (max-width: 1024px) {
.postsGrid{grid-template-columns:repeat(2,1fr)}
.statsPanel{grid-template-columns:repeat(2,1fr)}
}
.pageCanvas{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}
.introStage{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0;align-items:center}
.introStage .textLayer{order:2}
.introStage .imageLayer{position:relative;order:1}
.introStage .imageLayer img{width:100%;height:420px;object-fit:cover;border-radius:24px;mix-blend-mode:multiply;opacity:.85}
.introStage .imageLayer::before{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#E0A822 0%,#2e66464d 100%);border-radius:50%;z-index:-1;opacity:.4}
.introStage .preHeading{font-size:16px;color:#2E6646;margin-bottom:12px;font-weight:500;letter-spacing:.5px}
.introStage .mainTitle{font-size:42px;color:#2E6646;margin-bottom:20px;line-height:1.2;font-weight:700}
.introStage .descriptionText{font-size:17px;color:#3d4a52;line-height:1.7;margin-bottom:0}
.partnerShowcase{background:linear-gradient(159deg,#e0a82214 0%,#2e66460f 50%,#e6ecf41a 100%);padding:80px 0;position:relative;overflow:hidden}
.partnerShowcase::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%)}
.partnerShowcase .contentFrame{max-width:1000px;margin:0 auto;padding:0 20px}
.partnerShowcase .sectionLabel{font-size:38px;color:#2E6646;text-align:center;margin-bottom:50px;font-weight:700}
.partnerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.partnerCard{background:#fff;border-radius:20px;padding:36px;box-shadow:0 8px 24px #2e664614;transition:all 250ms ease;position:relative}
.partnerCard:hover{transform:translateY(-6px);box-shadow:0 16px 32px #2e664624}
.partnerCard .cardIcon{width:64px;height:64px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.partnerCard .cardIcon i{font-size:32px;color:#fff}
.partnerCard .cardHeading{font-size:22px;color:#2E6646;margin-bottom:14px;font-weight:600}
.partnerCard .cardInfo{font-size:15px;color:#5a6770;line-height:1.6;margin-bottom:0}
.valueZone{padding:70px 0}
.valueZone .contentWrapper{max-width:1000px;margin:0 auto;padding:0 20px}
.valueZone .zoneTitle{font-size:36px;color:#2E6646;margin-bottom:44px;text-align:center;font-weight:700}
.progressDisplay{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px}
.metricItem{position:relative;padding-left:24px}
.metricItem::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#E0A822;border-radius:50%}
.metricItem .metricLabel{font-size:18px;color:#2E6646;margin-bottom:12px;font-weight:600}
.metricItem .progressBar{width:100%;height:12px;background:#E6ECF4;border-radius:20px;overflow:hidden;margin-bottom:10px}
.metricItem .progressFill{height:100%;background:linear-gradient(90deg,#E0A822 0%,#2E6646 100%);border-radius:20px;transition:width 400ms ease}
.metricItem .progressFill.level-high{width:92%}
.metricItem .progressFill.level-veryhigh{width:88%}
.metricItem .progressFill.level-excellent{width:95%}
.metricItem .progressFill.level-strong{width:85%}
.metricItem .metricValue{font-size:14px;color:#5a6770}
.testimonialsArea{background:#fff;padding:80px 0;position:relative}
.testimonialsArea .contentBox{max-width:1000px;margin:0 auto;padding:0 20px}
.testimonialsArea .areaHeading{font-size:36px;color:#2E6646;text-align:center;margin-bottom:54px;font-weight:700}
.testimonialLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.testimonialBlock{background:linear-gradient(159deg,#e6ecf466 0%,#e0a8220d 100%);border-radius:24px;padding:32px;border:2px solid transparent;transition:all 200ms ease}
.testimonialBlock:hover{border-color:#E0A822;box-shadow:0 12px 28px #e0a82226}
.testimonialBlock .reviewerProfile{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.testimonialBlock .profileImage{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #E0A822}
.testimonialBlock .profileDetails .reviewerName{font-size:18px;color:#2E6646;margin-bottom:4px;font-weight:600}
.testimonialBlock .profileDetails .reviewerRole{font-size:14px;color:#5a6770}
.testimonialBlock .reviewContent{font-size:15px;color:#3d4a52;line-height:1.7;margin-bottom:16px}
.testimonialBlock .ratingStars{display:flex;gap:4px}
.testimonialBlock .ratingStars i{color:#E0A822;font-size:16px}
.collaborationSurface{padding:70px 0 80px;background:linear-gradient(159deg,#2e66460a 0%,#e0a8220f 50%,#e6ecf414 100%)}
.collaborationSurface .frameWrapper{max-width:1000px;margin:0 auto;padding:0 20px}
.collaborationSurface .surfaceTitle{font-size:36px;color:#2E6646;margin-bottom:26px;font-weight:700}
.collaborationSurface .surfaceDescription{font-size:17px;color:#3d4a52;line-height:1.7;margin-bottom:40px;max-width:780px}
.actionRow{display:flex;gap:20px;align-items:center}
.actionRow .primaryAction{background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;transition:all 200ms ease;border:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 20px #e0a82240}
.actionRow .primaryAction:hover{transform:translateY(-3px);box-shadow:0 12px 28px #e0a82259}
.actionRow .secondaryAction{background:transparent;color:#2E6646;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #2E6646;transition:all 200ms ease;display:inline-flex;align-items:center;gap:10px}
.actionRow .secondaryAction:hover{background:#2E6646;color:#fff}
@media (max-width: 768px) {
.introStage{grid-template-columns:1fr;gap:30px;padding:40px 0}
.introStage .textLayer{order:1}
.introStage .imageLayer{order:2}
.introStage .mainTitle{font-size:32px}
.introStage .imageLayer img{height:320px}
.partnerShowcase{padding:50px 0}
.partnerShowcase .sectionLabel{font-size:30px;margin-bottom:36px}
.partnerGrid{grid-template-columns:1fr;gap:24px}
.valueZone{padding:50px 0}
.valueZone .zoneTitle{font-size:28px;margin-bottom:32px}
.progressDisplay{grid-template-columns:1fr;gap:32px}
.testimonialsArea{padding:50px 0}
.testimonialsArea .areaHeading{font-size:28px;margin-bottom:36px}
.testimonialLayout{grid-template-columns:1fr;gap:24px}
.collaborationSurface{padding:50px 0 60px}
.collaborationSurface .surfaceTitle{font-size:28px}
.actionRow{flex-direction:column;align-items:stretch}
.actionRow .primaryAction,.actionRow .secondaryAction{justify-content:center;width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.partnerGrid{grid-template-columns:repeat(2,1fr)}
.testimonialLayout{grid-template-columns:repeat(2,1fr)}
.progressDisplay{gap:36px 50px}
}
.mainHeroLead{background:linear-gradient(135deg,#E6ECF4 0%,#2E6646 100%);position:relative;overflow:hidden;padding:0}
.mainHeroLead::before{content:'';position:absolute;top:0;left:-10%;width:40%;height:100%;background:repeating-linear-gradient(45deg,#e0a82214,#e0a82214 20px,transparent 20px,transparent 40px);z-index:1}
.mainHeroLead::after{content:'';position:absolute;bottom:0;right:-8%;width:35%;height:100%;background:repeating-linear-gradient(-45deg,#2e66460f,#2e66460f 25px,transparent 25px,transparent 50px);z-index:1}
.heroContentWrapper{display:flex;flex-direction:row;align-items:stretch;max-width:1000px;margin:0 auto;position:relative;z-index:2}
.heroTextZone{flex:1;padding:80px 40px 80px 60px;display:flex;flex-direction:column;justify-content:center;background:#ffffffeb}
.heroImageZone{flex:0 0 45%;position:relative;overflow:hidden}
.heroImageZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#00000005 0px,transparent 2px,transparent 4px,#00000005 6px);z-index:2;pointer-events:none}
.heroImageZone img{width:100%;height:100%;object-fit:cover;display:block}
.heroMainTitle{font-size:48px;font-weight:700;color:#2E6646;margin:0 0 24px;line-height:1.2}
.heroDescriptionText{font-size:18px;line-height:1.7;color:#333;margin:0}
.trialExperienceSection{padding:90px 20px;background:linear-gradient(159deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);position:relative}
.trialContentContainer{max-width:1000px;margin:0 auto;background:#fff;border-radius:24px;padding:60px 50px;box-shadow:0 16px 48px #0000001f}
.trialHeaderArea{text-align:center;margin-bottom:50px}
.trialSectionTitle{font-size:38px;font-weight:700;color:#2E6646;margin:0 0 20px}
.trialIntroText{font-size:17px;line-height:1.7;color:#444;max-width:700px;margin:0 auto}
.trialStepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}
.stepCard{background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%);border-radius:20px;padding:35px 28px;border:2px solid #E0A822;transition:all .2s ease}
.stepCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e0a82233}
.stepNumber{width:50px;height:50px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:20px}
.stepTitle{font-size:20px;font-weight:700;color:#2E6646;margin:0 0 12px}
.stepDescription{font-size:15px;line-height:1.6;color:#555;margin:0}
.trialVisualDemo{display:flex;gap:25px;align-items:center}
.demoImageWrapper{flex:1;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001a}
.demoImageWrapper img{width:100%;height:300px;object-fit:cover;display:block}
.demoDetailsBox{flex:1;padding:30px;background:linear-gradient(159deg,#E6ECF4 0%,#fff 100%);border-radius:20px;border-left:5px solid #E0A822}
.demoDetailsTitle{font-size:24px;font-weight:700;color:#2E6646;margin:0 0 18px}
.demoDetailsText{font-size:16px;line-height:1.7;color:#444;margin:0 0 24px}
.demoStartButton{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 6px 20px #e0a8224d}
.demoStartButton:hover{transform:scale(1.05);box-shadow:0 8px 28px #e0a82266}
.peopleSection{padding:90px 20px;background:#fff}
.peopleContainer{max-width:1000px;margin:0 auto}
.peopleSectionHeader{text-align:center;margin-bottom:60px}
.peopleSectionTitle{font-size:38px;font-weight:700;color:#2E6646;margin:0 0 20px;position:relative;display:inline-block}
.peopleSectionTitle::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 100%);border-radius:2px}
.peopleIntroText{font-size:17px;line-height:1.7;color:#444;max-width:750px;margin:30px auto 0}
.teamMembersGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:50px}
.memberCard{background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%);border-radius:24px;padding:40px;box-shadow:0 8px 24px #00000014;display:flex;gap:25px;align-items:flex-start;border:2px solid transparent;transition:all .2s ease}
.memberCard:hover{border-color:#E0A822;box-shadow:0 12px 32px #e0a82226}
.memberPhotoWrapper{flex:0 0 120px}
.memberPhotoWrapper img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #E0A822}
.memberDetailsArea{flex:1}
.memberName{font-size:22px;font-weight:700;color:#2E6646;margin:0 0 8px}
.memberRole{font-size:15px;color:#E0A822;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}
.memberBio{font-size:15px;line-height:1.6;color:#555;margin:0}
.supportHighlightBox{background:linear-gradient(159deg,#2E6646 0%,#E0A822 100%);border-radius:24px;padding:50px 60px;color:#fff;text-align:center}
.supportHighlightTitle{font-size:28px;font-weight:700;margin:0 0 20px}
.supportHighlightText{font-size:17px;line-height:1.7;margin:0 0 30px;opacity:.95}
.supportContactButton{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:#fff;color:#2E6646;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 6px 20px #00000026}
.supportContactButton:hover{transform:scale(1.05);box-shadow:0 8px 28px #0003}
.communitySection{padding:90px 20px;background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%)}
.communityContainer{max-width:1000px;margin:0 auto}
.communityLayoutWrapper{display:flex;gap:50px;align-items:center}
.communityTextArea{flex:1}
.communitySectionTitle{font-size:38px;font-weight:700;color:#2E6646;margin:0 0 24px}
.communityMainText{font-size:17px;line-height:1.7;color:#444;margin:0 0 30px}
.communityBenefitsList{list-style:none;padding:0;margin:0 0 35px}
.communityBenefitsList li{font-size:16px;line-height:1.6;color:#555;margin-bottom:14px;padding-left:30px;position:relative}
.communityBenefitsList li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:50%}
.communityJoinButton{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:0 6px 20px #e0a8224d}
.communityJoinButton:hover{transform:scale(1.05);box-shadow:0 8px 28px #e0a82266}
.communityVisualArea{flex:0 0 45%}
.communityImageWrapper{border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #0000001f;position:relative}
.communityImageWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e0a8221a 0%,transparent 100%);z-index:1}
.communityImageWrapper img{width:100%;height:400px;object-fit:cover;display:block}
.technologiesSection{padding:90px 20px;background:#fff}
.technologiesContainer{max-width:1000px;margin:0 auto}
.technologiesHeader{text-align:center;margin-bottom:60px}
.technologiesSectionTitle{font-size:38px;font-weight:700;color:#2E6646;margin:0 0 20px}
.technologiesIntroText{font-size:17px;line-height:1.7;color:#444;max-width:750px;margin:0 auto}
.technologiesShowcase{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:50px}
.techFeatureCard{background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%);border-radius:24px;padding:40px 35px;box-shadow:0 8px 24px #00000014;position:relative;overflow:hidden;transition:all .2s ease}
.techFeatureCard::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#e0a82214 0%,transparent 70%);border-radius:50%}
.techFeatureCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2e664626}
.techIconWrapper{width:60px;height:60px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.techIconWrapper i{font-size:28px;color:#fff}
.techFeatureTitle{font-size:22px;font-weight:700;color:#2E6646;margin:0 0 14px}
.techFeatureDescription{font-size:15px;line-height:1.6;color:#555;margin:0}
.technologiesImageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.techImageBlock{border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001a;position:relative}
.techImageBlock::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#2e6646b3 0%,transparent 100%);z-index:1}
.techImageBlock img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .3s ease}
.techImageBlock:hover img{transform:scale(1.05)}
@media (max-width: 768px) {
.heroContentWrapper{flex-direction:column}
.heroTextZone{padding:60px 30px}
.heroImageZone{flex:0 0 auto;height:300px}
.heroMainTitle{font-size:36px}
.heroDescriptionText{font-size:16px}
.trialContentContainer{padding:40px 25px}
.trialSectionTitle,.peopleSectionTitle,.communitySectionTitle,.technologiesSectionTitle{font-size:30px}
.trialStepsGrid{grid-template-columns:1fr;gap:20px}
.trialVisualDemo{flex-direction:column}
.demoImageWrapper img{height:250px}
.teamMembersGrid{grid-template-columns:1fr;gap:30px}
.memberCard{flex-direction:column;text-align:center}
.memberPhotoWrapper{flex:0 0 auto}
.communityLayoutWrapper{flex-direction:column}
.communityVisualArea{flex:0 0 auto;width:100%}
.communityImageWrapper img{height:300px}
.technologiesShowcase{grid-template-columns:1fr;gap:25px}
.technologiesImageGrid{grid-template-columns:1fr}
.supportHighlightBox{padding:40px 30px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroContentWrapper{flex-direction:column}
.heroTextZone{padding:70px 40px}
.heroImageZone{flex:0 0 auto;height:350px}
.trialStepsGrid{grid-template-columns:repeat(2,1fr)}
.communityLayoutWrapper{gap:35px}
}
.pageHero{position:relative;padding:80px 20px;background:linear-gradient(159deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);overflow:hidden}
.pageHero .heroContent{max-width:1000px;margin:0 auto;position:relative;z-index:3;display:flex;align-items:center;gap:50px}
.pageHero .heroTextBlock{flex:1;background:#fffffff2;padding:60px;border-radius:24px;box-shadow:0 16px 40px #00000026;position:relative}
.pageHero .heroTextBlock h1{font-size:2.8rem;color:#2E6646;margin:0 0 20px;line-height:1.2}
.pageHero .heroTextBlock .pauseLine{display:block;margin-top:12px}
.pageHero .heroTextBlock p{font-size:1.1rem;color:#555;margin:0;line-height:1.7}
.pageHero .heroImageWrap{flex:0 0 380px;position:relative;z-index:2}
.pageHero .heroImageWrap img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 32px #0003;display:block}
.pageHero .abstractShape{position:absolute;border-radius:50%;opacity:.4}
.pageHero .shape1{width:200px;height:200px;background:#E0A822;top:10%;right:5%;filter:blur(60px)}
.pageHero .shape2{width:150px;height:150px;background:#2E6646;bottom:15%;left:8%;filter:blur(50px)}
.contactInfoSection{padding:90px 20px;background:#fff}
.contactInfoSection .wrapper{max-width:1000px;margin:0 auto}
.contactInfoSection .sectionIntro{text-align:center;margin-bottom:60px}
.contactInfoSection .sectionIntro h2{font-size:2.2rem;color:#2E6646;margin:0 0 18px;position:relative;display:inline-block}
.contactInfoSection .sectionIntro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E0A822 0%,#2E6646 100%);border-radius:2px}
.contactInfoSection .sectionIntro p{font-size:1.05rem;color:#666;margin:0;line-height:1.6}
.contactInfoSection .infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.contactInfoSection .infoCard{background:#F9FAFB;border-radius:20px;padding:40px 30px;text-align:center;transition:all .25s ease;border:2px solid transparent}
.contactInfoSection .infoCard:hover{transform:translateY(-4px);box-shadow:0 16px 32px #2e66461f;border-color:#E0A822}
.contactInfoSection .infoCard .iconCircle{width:70px;height:70px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.contactInfoSection .infoCard .iconCircle i{font-size:1.8rem;color:#fff}
.contactInfoSection .infoCard h3{font-size:1.3rem;color:#2E6646;margin:0 0 12px}
.contactInfoSection .infoCard p{font-size:1rem;color:#555;margin:0 0 8px;line-height:1.6}
.contactInfoSection .infoCard a{color:#E0A822;text-decoration:none;font-weight:500;transition:color .2s ease}
.contactInfoSection .infoCard a:hover{color:#2E6646}
.formSection{padding:90px 20px;background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%)}
.formSection .wrapper{max-width:800px;margin:0 auto}
.formSection .formHeader{text-align:center;margin-bottom:50px}
.formSection .formHeader h2{font-size:2.2rem;color:#2E6646;margin:0 0 16px}
.formSection .formHeader p{font-size:1.05rem;color:#666;margin:0;line-height:1.6}
.formSection .contactForm{background:#fff;border-radius:24px;padding:50px;box-shadow:0 12px 32px #00000014}
.formSection .inputGroup{margin-bottom:30px}
.formSection .inputGroup label{display:block;font-size:1rem;color:#2E6646;margin-bottom:10px;font-weight:500}
.formSection .inputGroup input[type="text"],.formSection .inputGroup input[type="tel"]{width:100%;padding:16px 20px;border:2px solid #E6ECF4;border-radius:16px;font-size:1rem;color:#333;transition:all .2s ease;box-sizing:border-box}
.formSection .inputGroup input[type="text"]:focus,.formSection .inputGroup input[type="tel"]:focus{outline:none;border-color:#E0A822;box-shadow:0 4px 12px #e0a82226}
.formSection .checkboxGroup{margin-bottom:30px}
.formSection .checkboxGroup legend{font-size:1rem;color:#2E6646;margin-bottom:16px;font-weight:500;display:block}
.formSection .checkboxOption{margin-bottom:14px;display:flex;align-items:center}
.formSection .checkboxOption input[type="checkbox"]{width:20px;height:20px;margin:0 12px 0 0;cursor:pointer;accent-color:#E0A822}
.formSection .checkboxOption label{font-size:.95rem;color:#555;cursor:pointer;margin:0}
.formSection .privacyConsent{margin-bottom:30px;padding:20px;background:#F9FAFB;border-radius:12px;display:flex;align-items:flex-start}
.formSection .privacyConsent input[type="checkbox"]{width:20px;height:20px;margin:2px 12px 0 0;cursor:pointer;accent-color:#2E6646;flex-shrink:0}
.formSection .privacyConsent label{font-size:.9rem;color:#555;line-height:1.6;cursor:pointer;margin:0}
.formSection .privacyConsent a{color:#E0A822;text-decoration:none;font-weight:500}
.formSection .privacyConsent a:hover{color:#2E6646}
.formSection .submitBtn{width:100%;padding:18px 40px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 20px #e0a8224d}
.formSection .submitBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e0a82266}
.formSection .submitBtn:active{transform:translateY(0)}
.mapSection{padding:90px 20px;background:#fff}
.mapSection .wrapper{max-width:1000px;margin:0 auto}
.mapSection .mapHeader{text-align:center;margin-bottom:50px}
.mapSection .mapHeader h2{font-size:2.2rem;color:#2E6646;margin:0 0 16px}
.mapSection .mapHeader p{font-size:1.05rem;color:#666;margin:0;line-height:1.6}
.mapSection .mapDisplay{border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #0000001a;position:relative}
.mapSection .mapDisplay img{width:100%;height:auto;display:block}
.mapSection .mapOverlay{position:absolute;bottom:30px;left:30px;background:#fffffff2;padding:24px 30px;border-radius:16px;box-shadow:0 8px 20px #00000026;max-width:400px}
.mapSection .mapOverlay h3{font-size:1.3rem;color:#2E6646;margin:0 0 12px}
.mapSection .mapOverlay p{font-size:.95rem;color:#555;margin:0;line-height:1.6}
@media (max-width: 768px) {
.pageHero{padding:50px 20px}
.pageHero .heroContent{flex-direction:column;gap:30px}
.pageHero .heroTextBlock{padding:40px 30px}
.pageHero .heroTextBlock h1{font-size:2rem}
.pageHero .heroImageWrap{flex:0 0 auto;width:100%;max-width:400px}
.contactInfoSection,.formSection,.mapSection{padding:60px 20px}
.contactInfoSection .infoGrid{grid-template-columns:1fr}
.formSection .contactForm{padding:35px 25px}
.mapSection .mapOverlay{position:static;margin-top:-50px;margin-left:20px;margin-right:20px;max-width:none}
}
@media (max-width: 480px) {
.pageHero .heroTextBlock h1{font-size:1.6rem}
.contactInfoSection .sectionIntro h2,.formSection .formHeader h2,.mapSection .mapHeader h2{font-size:1.8rem}
.formSection .contactForm{padding:30px 20px}
}
.pageWrapper{width:100%;background:linear-gradient(159deg,#E0A822 0%,#2E6646 50%,#E6ECF4 100%);min-height:400px}
.titleZone{max-width:1000px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.titleContent{flex:1;z-index:2}
.titleContent .mainHeading{font-size:52px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2;text-shadow:2px 4px 8px #00000026}
.titleContent .descriptionText{font-size:18px;line-height:1.7;color:#fff;margin:0 0 36px;text-shadow:1px 2px 4px #0000001a}
.actionButtons{display:flex;gap:16px;flex-wrap:wrap}
.primaryButton{background:#fff;color:#2E6646;padding:16px 32px;border-radius:24px;text-decoration:none;font-size:16px;font-weight:600;box-shadow:0 8px 24px #00000026;transition:all 200ms ease;display:inline-block;z-index:10;position:relative}
.primaryButton:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003;background:#f8f9fa}
.secondaryButton{background:#fff3;color:#fff;padding:16px 32px;border-radius:24px;text-decoration:none;font-size:16px;font-weight:600;backdrop-filter:blur(10px);border:2px solid #fff6;transition:all 200ms ease;display:inline-block;z-index:10;position:relative}
.secondaryButton:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}
.imageHolder{flex:0 0 420px;position:relative;z-index:1}
.shapeClipped{width:420px;height:520px;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);border-radius:32px;box-shadow:0 16px 48px #00000040;position:relative}
.shapeClipped::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.6}
.storySection{background:#fff;padding:100px 20px}
.storyContainer{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.textColumn{padding-right:20px}
.sectionLabel{font-size:14px;font-weight:700;color:#E0A822;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 16px;position:relative;display:inline-block}
.sectionLabel::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:30px;height:3px;background:linear-gradient(90deg,#E0A822,#2E6646);border-radius:3px}
.storyHeading{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 32px;line-height:1.3}
.storyParagraph{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.highlightTerm{color:#2E6646;font-weight:600;position:relative;display:inline-block}
.highlightTerm::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#E0A822,transparent);border-radius:2px}
.visualColumn{position:relative}
.gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.imageCard{border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:all 200ms ease;position:relative}
.imageCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}
.imageCard img{width:100%;height:240px;object-fit:cover;display:block}
.imageCard.tall{grid-row:span 2}
.imageCard.tall img{height:500px}
.decorativeShape{position:absolute;z-index:-1}
.shape-one{top:-40px;right:-40px;width:120px;height:120px;background:linear-gradient(135deg,#e0a8221a,#2e66461a);border-radius:50%;filter:blur(40px)}
.shape-two{bottom:-60px;left:-60px;width:180px;height:180px;background:linear-gradient(225deg,#e6ecf480,#e0a8221a);border-radius:50%;filter:blur(50px)}
.expertProfile{background:#f8f9fa;border-radius:28px;padding:32px;margin-top:40px;box-shadow:0 4px 16px #0000000a;display:flex;align-items:center;gap:24px}
.profileImage{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #00000014}
.profileInfo .profileName{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 6px}
.profileInfo .profileRole{font-size:15px;color:#2E6646;font-weight:600;margin:0}
.milestonesSection{background:linear-gradient(180deg,#E6ECF4 0%,#fff 100%);padding:100px 20px;position:relative;overflow:hidden}
.milestonesSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent,#E0A822,transparent);opacity:.3}
.milestonesContainer{max-width:1000px;margin:0 auto}
.milestoneHeading{font-size:38px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 70px;line-height:1.3}
.timelinePath{display:flex;flex-direction:column;gap:60px;position:relative}
.milestoneCard{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;position:relative}
.milestoneCard:nth-child(even) .leftContent{order:3}
.milestoneCard:nth-child(even) .rightContent{order:1}
.milestoneCard:nth-child(even) .centerMarker{order:2}
.leftContent,.rightContent{background:#fff;padding:32px;border-radius:24px;box-shadow:0 8px 24px #0000000f;transition:all 200ms ease}
.leftContent:hover,.rightContent:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}
.emptySpace{opacity:0}
.yearLabel{font-size:28px;font-weight:700;color:#E0A822;margin:0 0 12px}
.milestoneTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.milestoneDescription{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.centerMarker{width:60px;height:60px;background:linear-gradient(135deg,#E0A822,#2E6646);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #e0a8224d;position:relative;z-index:2}
.centerMarker svg{width:28px;height:28px;fill:#fff}
@media (max-width: 968px) {
.titleZone{flex-direction:column;gap:40px;padding:60px 20px}
.imageHolder{flex:0 0 auto}
.shapeClipped{width:100%;max-width:400px;height:480px}
.titleContent .mainHeading{font-size:42px}
.storyContainer{grid-template-columns:1fr;gap:50px}
.textColumn{padding-right:0}
.sectionLabel::before{left:0;top:-20px}
.milestoneCard{grid-template-columns:1fr;gap:20px}
.milestoneCard:nth-child(even) .leftContent,.milestoneCard:nth-child(even) .rightContent,.milestoneCard:nth-child(even) .centerMarker{order:initial}
.emptySpace{display:none}
.centerMarker{margin:0 auto}
.expertProfile{flex-direction:column;text-align:center}
}
@media (max-width: 640px) {
.titleContent .mainHeading{font-size:36px}
.titleContent .descriptionText{font-size:16px}
.actionButtons{flex-direction:column;gap:12px}
.primaryButton,.secondaryButton{width:100%;text-align:center}
.storyHeading{font-size:32px}
.gridLayout{grid-template-columns:1fr}
.imageCard.tall{grid-row:span 1}
.imageCard.tall img{height:240px}
.milestoneHeading{font-size:28px}
.milestonesSection{padding:60px 20px}
}
.successFrame{max-width:1000px;margin:80px auto 60px;padding:0 24px}
.confirmBox{background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%);border-radius:24px;padding:64px 48px;box-shadow:0 16px 48px #2e664614;text-align:center;position:relative;overflow:hidden}
.confirmBox::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#e0a8220d 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(180deg)}
}
.iconCircle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(159deg,#E0A822 0%,#2E6646 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:scaleIn .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes scaleIn {
0%{transform:scale(0) rotate(-180deg)}
100%{transform:scale(1) rotate(0deg)}
}
.iconCircle .bi{font-size:64px;color:#fff}
.confirmBox .headlineText{font-size:36px;font-weight:700;color:#2E6646;margin:0 0 16px;position:relative;z-index:2}
.confirmBox .sublineText{font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 40px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.actionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btnPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);color:#fff;padding:16px 32px;border-radius:20px;text-decoration:none;font-weight:600;font-size:16px;transition:all 200ms ease;box-shadow:0 8px 24px #e0a82240}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e0a82259}
.btnSecondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#2E6646;padding:16px 32px;border-radius:20px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #2E6646;transition:all 200ms ease}
.btnSecondary:hover{background:#2E6646;color:#fff;transform:translateY(-2px)}
.detailsPanel{max-width:1000px;margin:0 auto 80px;padding:0 24px}
.contentGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.infoCard{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 8px 24px #2e66460f;border-left:4px solid #E0A822;transition:all 200ms ease}
.infoCard:hover{transform:translateX(4px);box-shadow:0 12px 32px #2e66461f}
.infoCard .cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#E6ECF4 0%,#fff 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infoCard .cardIcon .bi{font-size:28px;color:#2E6646}
.infoCard .cardTitle{font-size:22px;font-weight:700;color:#2E6646;margin:0 0 12px}
.infoCard .cardText{font-size:16px;line-height:1.7;color:#4a5568;margin:0 0 20px}
.infoCard .linkItem{display:inline-flex;align-items:center;gap:8px;color:#E0A822;text-decoration:none;font-weight:600;font-size:15px;transition:all 180ms ease}
.infoCard .linkItem:hover{color:#2E6646;gap:12px}
.timelineBox{background:linear-gradient(159deg,#E6ECF4 0%,#fff 50%,#E6ECF4 100%);border-radius:24px;padding:48px 40px;margin-top:32px;position:relative}
.timelineBox::before{content:'';position:absolute;left:40px;top:100px;bottom:60px;width:3px;background:linear-gradient(180deg,#E0A822 0%,#2E6646 100%)}
.timelineBox .sectionHead{font-size:28px;font-weight:700;color:#2E6646;margin:0 0 40px;text-align:center}
.stepItem{display:flex;gap:24px;margin-bottom:32px;position:relative}
.stepItem:last-child{margin-bottom:0}
.stepNumber{width:48px;height:48px;background:linear-gradient(135deg,#E0A822 0%,#2E6646 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;z-index:2;position:relative}
.stepContent .stepLabel{font-size:20px;font-weight:700;color:#2E6646;margin:0 0 8px}
.stepContent .stepDesc{font-size:15px;line-height:1.6;color:#4a5568;margin:0}
@media (max-width: 768px) {
.confirmBox{padding:48px 32px}
.confirmBox .headlineText{font-size:28px}
.confirmBox .sublineText{font-size:16px}
.iconCircle{width:100px;height:100px}
.iconCircle .bi{font-size:52px}
.actionRow{flex-direction:column;gap:12px}
.btnPrimary,.btnSecondary{width:100%;justify-content:center}
.contentGrid{grid-template-columns:1fr;gap:24px}
.timelineBox{padding:40px 24px}
.timelineBox::before{left:24px}
.timelineBox .sectionHead{font-size:24px}
.stepItem{gap:16px}
.stepNumber{width:40px;height:40px;font-size:16px}
.stepContent .stepLabel{font-size:18px}
}
@media (max-width: 480px) {
.successFrame{margin:60px auto 40px;padding:0 16px}
.confirmBox{padding:40px 24px}
.confirmBox .headlineText{font-size:24px}
.infoCard{padding:32px 24px}
}