@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;700&display=swap";
html,body{margin:0;padding:0;box-sizing:border-box;font-family:'Ubuntu',sans-serif;background:#0a0d1a;color:#FFF}
*,::before,::after{box-sizing:inherit}
body{font-size:16px;line-height:1.6}
.topHeader{background:linear-gradient(135deg,#171A29 0%,#0f1220 100%);border-bottom:2px solid #169a294d;padding:20px 0;box-shadow:0 4px 16px #0009}
.topHeaderInner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.brandBlock{display:flex;align-items:center;gap:16px}
.logoHolder{background:#169a291a;padding:12px;border-radius:8px;box-shadow:0 0 20px #169a2966 inset 0 2px 4px #0000004d}
.siteLogo{width:80px;height:80px;display:block}
.companyNameBlock{display:flex;flex-direction:column}
.companyTitle{font-size:28px;font-weight:700;color:#169A29;text-shadow:0 0 10px #169a2999;letter-spacing:1px}
.contactBlockHeader{display:flex;gap:30px;align-items:center}
.phoneWrapper,.emailWrapper{display:flex;align-items:center;gap:8px}
.phoneWrapper .oi,.emailWrapper .oi{color:#169A29;font-size:18px}
.phoneLink,.emailLink{color:#FFF;text-decoration:none;font-family:'Inconsolata',monospace;font-size:15px;transition:color .3s ease}
.phoneLink:hover,.emailLink:hover{color:#169A29}
.navigationRow{background:#171a29b3;border-bottom:1px solid #169a2933}
.navigationInner{max-width:1200px;margin:0 auto;padding:0 20px}
.mainNavigation{display:flex}
.navList{list-style:none;margin:0;padding:0;display:flex;gap:0}
.navItem{position:relative;margin:0;padding:0}
.navLink{display:block;padding:18px 28px;color:#FFF;text-decoration:none;font-weight:500;font-size:16px;transition:background-color .3s ease,color .3s ease;border-radius:0}
.navLink:hover{background-color:#169a2926;color:#169A29}
.navItemDropdown:hover .dropdownMenu{display:block;opacity:1}
.dropdownMenu{display:none;opacity:0;position:absolute;top:100%;left:0;background:#171A29;min-width:220px;box-shadow:0 8px 24px #000000b3;border:1px solid #169a294d;border-radius:6px;list-style:none;margin:0;padding:8px 0;z-index:1000;transition:opacity .3s ease}
.dropdownItem{margin:0;padding:0}
.dropdownLink{display:block;padding:12px 20px;color:#FFF;text-decoration:none;font-size:15px;transition:background-color .3s ease}
.dropdownLink:hover{background-color:#169a2933;color:#169A29}
main{min-height:200px}
.footerWrapper{background:linear-gradient(135deg,#171A29 0%,#0a0d1a 100%);border-top:2px solid #169a294d;padding:30px 0;margin-top:60px}
.footerInner{max-width:1200px;margin:0 auto;padding:0 20px}
.footerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyrightBlock{flex:1}
.copyrightText{margin:0;color:#ffffffb3;font-size:14px;font-family:'Inconsolata',monospace}
.legalLinks{display:flex;gap:20px}
.legalLink{color:#FFF;text-decoration:none;font-size:14px;transition:color .3s ease}
.legalLink:hover{color:#169A29}
.cookieConsentWrapper{display:none;position:fixed;top:0;left:0;right:0;z-index:10000;padding:20px;justify-content:center;align-items:flex-start;pointer-events:none}
.cookieConsentWrapper.cookieVisible{display:flex;pointer-events:auto;animation:slideInFromTop .4s ease-out forwards}
@keyframes slideInFromTop {
from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.cookieCard{background:#171A29;border:2px solid #169A29;border-radius:10px;max-width:600px;width:100%;box-shadow:0 16px 48px #000c 0 0 30px #169a294d;padding:30px}
.cookieHeader{margin-bottom:20px}
.cookieTitle{margin:0;font-size:24px;font-weight:700;color:#169A29;text-shadow:0 0 12px #169a2980}
.cookieBody{margin-bottom:25px}
.cookieDescription{color:#ffffffe6;font-size:15px;line-height:1.6;margin-bottom:20px}
.cookieCategoriesWrapper{display:flex;flex-direction:column;gap:14px}
.cookieCategory{background:#169a290d;padding:14px;border-radius:6px;border:1px solid #169a2933}
.categoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.categoryRadio{width:18px;height:18px;cursor:pointer}
.categoryName{font-weight:600;color:#FFF;font-size:16px}
.categoryDesc{margin:0;padding-left:28px;font-size:13px;color:#ffffffb3;font-family:'Inconsolata',monospace}
.cookieActions{display:flex;gap:14px;justify-content:flex-end}
.cookieBtn{padding:12px 28px;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-family:'Ubuntu',sans-serif}
.cookieBtnDecline{background:transparent;border:2px solid #fff6;color:#FFF}
.cookieBtnDecline:hover{border-color:#ffffffb3;background:#ffffff0d}
.cookieBtnAccept{background:transparent;border:2px solid #169A29;color:#169A29}
.cookieBtnAccept:hover{background:#169a291a;border-color:#1bc034}
@media (max-width: 768px) {
.topHeaderInner{flex-direction:column;text-align:center}
.brandBlock{flex-direction:column}
.contactBlockHeader{flex-direction:column;gap:12px}
.navList{flex-direction:column;width:100%}
.navItem{width:100%}
.navLink{text-align:center}
.dropdownMenu{position:static;box-shadow:none;border:none;border-top:1px solid #169a294d}
.footerContent{flex-direction:column;text-align:center}
.cookieCard{margin:10px;padding:20px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 480px) {
.siteLogo{width:60px;height:60px}
.companyTitle{font-size:22px}
.cookieTitle{font-size:20px}
}
.legal-area{max-width:1200px;margin:0 auto;padding:60px 20px;background-color:#1a1d2e;color:#e8e8e8}
.legal-area p{font-size:16px;line-height:1.8;margin-bottom:20px;color:#d4d4d4;text-align:justify}
.legal-area p:last-child{margin-bottom:0}
.legal-area strong,.legal-area b{color:#169A29;font-weight:600;letter-spacing:.3px}
.legal-area em,.legal-area i{font-style:italic;color:#b8b8b8}
.legal-area a{color:#169A29;text-decoration:none;border-bottom:1px solid #169a294d;transition:all .3s ease;padding-bottom:2px}
.legal-area a:hover{color:#1ebf34;border-bottom-color:#1ebf34;box-shadow:0 2px 8px #169a2933}
.legal-area a:focus{outline:2px solid #169A29;outline-offset:3px}
.legal-area table{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;background-color:#0f1118;border:1px solid #169a2933;box-shadow:0 4px 16px #0006}
.legal-area thead{background:linear-gradient(135deg,#169a2926,#169a290d)}
.legal-area thead tr{border-bottom:2px solid #169A29}
.legal-area tbody tr{border-bottom:1px solid #ffffff0d;transition:background-color .2s ease}
.legal-area tbody tr:hover{background-color:#169a2914}
.legal-area tbody tr:last-child{border-bottom:none}
.legal-area th,.legal-area td{padding:16px 20px;text-align:left;font-size:15px}
.legal-area th{color:#169A29;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:13px}
.legal-area td{color:#c8c8c8;line-height:1.6}
.legal-area hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#169A29,transparent);margin:50px 0;box-shadow:0 0 12px #169a294d}
.legal-area div{margin:25px 0}
@media screen and (max-width: 768px) {
.legal-area{padding:40px 15px}
.legal-area p{font-size:15px;line-height:1.7;text-align:left}
.legal-area table{font-size:14px;margin:20px 0}
.legal-area th,.legal-area td{padding:12px 10px;font-size:14px}
.legal-area th{font-size:12px}
.legal-area hr{margin:35px 0}
}
@media screen and (max-width: 480px) {
.legal-area{padding:30px 10px}
.legal-area p{font-size:14px;margin-bottom:16px}
.legal-area table{display:block;overflow-x:auto;white-space:nowrap}
.legal-area th,.legal-area td{padding:10px 8px}
}
.titleContent{background:linear-gradient(135deg,#171A29 0%,#0d0f18 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.titleContent::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#169a2926 0%,transparent 70%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.2);opacity:.3}
}
.titleContent .contentWrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.titleContent .mainHeading{font-size:3.2rem;color:#FFF;margin:0 0 16px;font-weight:700;line-height:1.2;text-shadow:0 4px 12px #169a294d}
.titleContent .subHead{font-size:1.6rem;color:#169A29;margin:0 0 24px;font-weight:500;letter-spacing:.5px}
.titleContent .descriptionText{font-size:1.1rem;color:#ffffffd9;line-height:1.7;max-width:720px}
.titleContent .visualElement{position:absolute;bottom:40px;right:80px;width:420px;height:280px;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #0009 0 0 0 1px #169a294d;animation:floatImage 6s ease-in-out infinite}
@keyframes floatImage {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.titleContent .visualElement img{width:100%;height:100%;object-fit:cover}
.programStructureSection{background:#0d0f18;padding:80px 20px;position:relative}
.programStructureSection::after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,#169A29 50%,transparent 100%)}
.programStructureSection .innerWrapper{max-width:1200px;margin:0 auto}
.programStructureSection .sectionLabel{font-size:2.4rem;color:#FFF;margin:0 0 48px;text-align:center;font-weight:600}
.programStructureSection .modulesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.programStructureSection .moduleCard{background:linear-gradient(145deg,#171A29 0%,#1a1e30 100%);border:1px solid #169a2933;border-radius:8px;padding:32px 24px;position:relative;transition:all .3s ease}
.programStructureSection .moduleCard:hover{transform:translateY(-8px);border-color:#169A29;box-shadow:0 12px 32px #169a2940}
.programStructureSection .moduleCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#169A29;border-radius:8px 0 0 8px;opacity:0;transition:opacity .3s ease}
.programStructureSection .moduleCard:hover::before{opacity:1}
.programStructureSection .moduleNumber{display:inline-block;background:#169a2926;color:#169A29;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:16px;letter-spacing:1px}
.programStructureSection .moduleTitle{font-size:1.3rem;color:#FFF;margin:0 0 12px;font-weight:600;line-height:1.3}
.programStructureSection .moduleDescription{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin:0}
.learningPathSection{background:#171A29;padding:80px 20px;position:relative}
.learningPathSection .containerBox{max-width:1200px;margin:0 auto}
.learningPathSection .headingTitle{font-size:2.4rem;color:#FFF;margin:0 0 56px;text-align:center;font-weight:600}
.learningPathSection .progressFlow{display:flex;flex-direction:row;gap:0;position:relative}
.learningPathSection .progressFlow::before{content:'';position:absolute;top:60px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#169A29 0%,#169a294d 100%);z-index:1}
.learningPathSection .stepItem{flex:1;position:relative;z-index:2}
.learningPathSection .stepCircle{width:120px;height:120px;background:linear-gradient(135deg,#169A29 0%,#0d6118 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px #169a2966;position:relative}
.learningPathSection .stepCircle::after{content:'';position:absolute;inset:-8px;border:2px solid #169a294d;border-radius:50%}
.learningPathSection .stepNumber{font-size:2.2rem;color:#FFF;font-weight:700}
.learningPathSection .stepLabel{font-size:1.2rem;color:#FFF;text-align:center;margin:0 0 8px;font-weight:600}
.learningPathSection .stepInfo{font-size:.9rem;color:#ffffffa6;text-align:center;margin:0;line-height:1.5}
.enrollmentSection{background:linear-gradient(180deg,#0d0f18 0%,#171A29 100%);padding:80px 20px;position:relative}
.enrollmentSection .contentArea{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.enrollmentSection .imageBox{width:100%;height:480px;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000080 0 0 0 1px #169a2966;position:relative}
.enrollmentSection .imageBox::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#169a2933 0%,transparent 100%);pointer-events:none}
.enrollmentSection .imageBox img{width:100%;height:100%;object-fit:cover}
.enrollmentSection .textContent{padding:0 20px}
.enrollmentSection .primaryTitle{font-size:2.6rem;color:#FFF;margin:0 0 24px;font-weight:700;line-height:1.2}
.enrollmentSection .detailsList{list-style:none;padding:0;margin:0 0 32px}
.enrollmentSection .detailsList li{padding:16px 0 16px 40px;color:#ffffffd9;font-size:1.05rem;line-height:1.6;position:relative;border-bottom:1px solid #ffffff1a}
.enrollmentSection .detailsList li:last-child{border-bottom:none}
.enrollmentSection .detailsList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#169A29;border-radius:6px;box-shadow:0 4px 12px #169a2966}
.enrollmentSection .detailsList li::after{content:'✓';position:absolute;left:7px;top:50%;transform:translateY(-50%);color:#FFF;font-size:.9rem;font-weight:700}
.enrollmentSection .actionButton{display:inline-flex;align-items:center;background:linear-gradient(135deg,#169A29 0%,#0d6118 100%);color:#FFF;padding:18px 40px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;box-shadow:0 8px 24px #169a2959;transition:all .3s ease;border:none}
.enrollmentSection .actionButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #169a2980}
@media screen and (max-width: 1024px) {
.titleContent .visualElement{position:static;width:100%;max-width:500px;margin:40px auto 0}
.programStructureSection .modulesGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.enrollmentSection .contentArea{grid-template-columns:1fr;gap:40px}
.enrollmentSection .imageBox{height:360px}
}
@media screen and (max-width: 768px) {
.titleContent{padding:80px 20px 60px}
.titleContent .mainHeading{font-size:2.2rem}
.titleContent .subHead{font-size:1.3rem}
.programStructureSection .modulesGrid{grid-template-columns:1fr}
.learningPathSection .progressFlow{flex-direction:column;gap:40px}
.learningPathSection .progressFlow::before{display:none}
.enrollmentSection .primaryTitle{font-size:2rem}
}
.heroWrapper{background:linear-gradient(135deg,#171A29 0%,#0d0f1a 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#169a2926 0%,transparent 50%);pointer-events:none}
.heroContent{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTextZone{position:relative}
.heroTextZone::before{content:'';position:absolute;top:-20px;left:-20px;width:60px;height:2px;background:#169A29}
.heroTextZone::after{content:'';position:absolute;top:-20px;left:-20px;width:2px;height:60px;background:#169A29}
.heroTextZone h1{font-size:48px;color:#FFF;margin:0 0 24px;line-height:1.2;font-weight:700}
.heroTextZone .description{font-size:18px;color:#ffffffd9;line-height:1.6;margin:0 0 32px}
.heroImageContainer{position:relative}
.heroImageContainer::before{content:'';position:absolute;bottom:-20px;right:-20px;width:60px;height:2px;background:#169A29}
.heroImageContainer::after{content:'';position:absolute;bottom:-20px;right:-20px;width:2px;height:60px;background:#169A29}
.heroImageContainer img{width:100%;height:400px;object-fit:cover;border-radius:8px;filter:saturate(0.7);box-shadow:0 20px 40px #0006}
.ctaButtonPrimary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#169A29 0%,#0d6b1c 100%);color:#FFF;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #169a294d;position:relative;z-index:10}
.ctaButtonPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #169a2966;background:linear-gradient(135deg,#1ab032 0%,#169A29 100%)}
.challengesSection{background:#0d0f1a;padding:100px 20px;position:relative}
.challengesSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#169A29 50%,transparent 100%)}
.contentContainer{max-width:1200px;margin:0 auto}
.sectionHeading{text-align:center;margin-bottom:60px}
.sectionHeading h2{font-size:36px;color:#FFF;margin:0 0 16px;position:relative;display:inline-block}
.sectionHeading h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#169A29 50%,transparent 100%)}
.sectionHeading .subtitle{font-size:18px;color:#ffffffb3;margin:0}
.challengeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.challengeCard{background:linear-gradient(135deg,#171A29 0%,#1a1d2e 100%);padding:40px 30px;border-radius:8px;border:1px solid #169a2933;transition:all .3s ease;position:relative;overflow:hidden}
.challengeCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#169A29 0%,#0d6b1c 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.challengeCard:hover::before{transform:scaleX(1)}
.challengeCard:hover{border-color:#169a2980;box-shadow:0 16px 32px #169a2933;transform:translateY(-4px)}
.challengeCard .iconBox{width:60px;height:60px;background:#169a2926;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.challengeCard .iconBox .oi{color:#169A29;font-size:28px}
.challengeCard h3{font-size:22px;color:#FFF;margin:0 0 16px}
.challengeCard .problemText{font-size:15px;color:#fff9;margin:0 0 20px;line-height:1.6}
.challengeCard .solutionText{font-size:15px;color:#ffffffd9;line-height:1.6;margin:0;padding-left:20px;border-left:2px solid #169A29}
.accessibilityBlock{background:linear-gradient(135deg,#171A29 0%,#0d0f1a 100%);padding:100px 20px}
.accessibilityInner{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.accessibilityVisual{flex:1}
.accessibilityVisual img{width:100%;height:450px;object-fit:cover;border-radius:8px;box-shadow:0 24px 48px #00000080}
.accessibilityText{flex:1}
.accessibilityText h2{font-size:36px;color:#FFF;margin:0 0 24px}
.accessibilityText .leadParagraph{font-size:18px;color:#ffffffd9;line-height:1.7;margin:0 0 32px}
.featureList{list-style:none;padding:0;margin:0 0 32px}
.featureList li{font-size:16px;color:#fffc;margin-bottom:16px;padding-left:32px;position:relative;line-height:1.6}
.featureList li::before{content:'';position:absolute;left:0;top:4px;width:20px;height:20px;background:#169a2933;border-radius:4px;border:2px solid #169A29}
.featureList li::after{content:'';position:absolute;left:6px;top:9px;width:8px;height:4px;border-left:2px solid #169A29;border-bottom:2px solid #169A29;transform:rotate(-45deg)}
.trialExperienceWrapper{background:#0d0f1a;padding:100px 20px;position:relative}
.trialExperienceWrapper::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#169A29 50%,transparent 100%)}
.trialContainer{max-width:1200px;margin:0 auto}
.trialContent{background:linear-gradient(135deg,#171A29 0%,#1a1d2e 100%);border-radius:10px;padding:60px;border:1px solid #169a294d;box-shadow:0 20px 40px #0006;text-align:center;position:relative;overflow:hidden}
.trialContent::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#169a291a 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.trialContent h2{font-size:40px;color:#FFF;margin:0 0 24px;position:relative;z-index:2}
.trialContent .trialDescription{font-size:18px;color:#ffffffd9;line-height:1.7;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.trialSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:48px;position:relative;z-index:2}
.stepItem{position:relative}
.stepItem .stepNumber{width:50px;height:50px;background:linear-gradient(135deg,#169A29 0%,#0d6b1c 100%);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px;box-shadow:0 8px 16px #169a2966}
.stepItem h4{font-size:20px;color:#FFF;margin:0 0 12px}
.stepItem p{font-size:15px;color:#ffffffbf;line-height:1.6;margin:0}
.ctaButtonSecondary{display:inline-block;padding:18px 50px;background:transparent;color:#169A29;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;border:2px solid #169A29;transition:all .3s ease;position:relative;z-index:10}
.ctaButtonSecondary:hover{background:#169A29;color:#FFF;box-shadow:0 12px 32px #169a2966;transform:translateY(-2px)}
@media (max-width: 1024px) {
.heroContent{grid-template-columns:1fr;gap:40px}
.heroTextZone h1{font-size:40px}
.challengeGrid{grid-template-columns:1fr;gap:24px}
.accessibilityInner{flex-direction:column;gap:40px}
.trialSteps{grid-template-columns:1fr;gap:32px}
.trialContent{padding:40px 30px}
}
@media (max-width: 768px) {
.heroWrapper{padding:60px 20px}
.heroTextZone h1{font-size:32px}
.heroTextZone .description{font-size:16px}
.heroImageContainer img{height:300px}
.challengesSection,.accessibilityBlock,.trialExperienceWrapper{padding:60px 20px}
.sectionHeading h2,.accessibilityText h2,.trialContent h2{font-size:28px}
.challengeCard{padding:30px 24px}
.accessibilityVisual img{height:300px}
.trialContent h2{font-size:32px}
}
.titleArea{background:linear-gradient(135deg,#171A29 0%,#0d0f1a 100%);padding:0;position:relative;overflow:hidden}
.titleArea::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,#169a2926 0%,transparent 70%);pointer-events:none}
.titleLayoutWrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;min-height:520px}
.titleImageSection{width:40%;position:relative;height:520px}
.titleImageSection img{width:100%;height:100%;object-fit:cover;display:block}
.titleImageSection::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#171a29d9 100%);pointer-events:none}
.titleTextSection{width:60%;padding:60px 80px 60px 70px;position:relative;z-index:2}
.titleTextSection h1{font-size:3.2rem;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700;text-shadow:0 2px 12px #169a2933}
.titleTextSection h1 .accentedWord{color:#169A29;position:relative;display:inline-block}
.titleTextSection h1 .accentedWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#169A29 0%,#169a294d 100%);box-shadow:0 0 12px #169a2999}
.titleTextSection p{font-size:1.15rem;line-height:1.7;color:#ffffffd9;margin:0}
.titleAccentLight{position:absolute;width:180px;height:180px;background:radial-gradient(circle,#169a2940 0%,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none}
.titleAccentLight:nth-of-type(1){top:10%;right:15%}
.titleAccentLight:nth-of-type(2){bottom:20%;left:5%;opacity:.6}
.contactFormSection{background:#0d0f1a;padding:90px 20px;position:relative}
.contactFormSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,#169a294d 50%,transparent 100%)}
.formContentWrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contactInfoBlock{padding:40px 0}
.contactInfoBlock h2{font-size:2.4rem;color:#FFF;margin:0 0 16px;font-weight:600;position:relative;display:inline-block}
.contactInfoBlock h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#169A29 0%,#169a2966 100%);box-shadow:0 0 16px #169a29b3}
.contactInfoBlock p{font-size:1.05rem;line-height:1.6;color:#ffffffb3;margin:0 0 40px}
.infoItemList{list-style:none;margin:0;padding:0}
.infoItemList li{margin-bottom:28px;display:flex;align-items:flex-start;gap:18px}
.infoItemList li:last-child{margin-bottom:0}
.infoItemIcon{width:44px;height:44px;background:#169a2926;border:1px solid #169a294d;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.infoItemIcon::after{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,#169a2966 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.infoItemList li:hover .infoItemIcon::after{opacity:1}
.infoItemIcon .oi{color:#169A29;font-size:1.3rem;position:relative;z-index:1}
.infoItemContent{flex:1}
.infoItemContent strong{display:block;font-size:.95rem;color:#fff9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}
.infoItemContent a,.infoItemContent span{color:#FFF;font-size:1.1rem;text-decoration:none;transition:color .3s ease}
.infoItemContent a:hover{color:#169A29}
.formBlockWrapper{background:#171a2999;border:1px solid #169a2933;padding:50px;position:relative;box-shadow:0 8px 32px #0006}
.formBlockWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#169A29 50%,transparent 100%)}
.formBlockWrapper h3{font-size:1.8rem;color:#FFF;margin:0 0 12px;font-weight:600}
.formBlockWrapper .subheadingText{font-size:1rem;color:#ffffffa6;margin:0 0 36px;line-height:1.5}
.techContactForm{display:flex;flex-direction:column;gap:24px}
.formRowGroup{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fieldWrapper{display:flex;flex-direction:column;gap:8px}
.fieldWrapper label{font-size:.9rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.fieldWrapper input,.fieldWrapper select{background:#0d0f1acc;border:1px solid #169a294d;color:#FFF;padding:14px 18px;font-size:1rem;outline:none;transition:all .3s ease}
.fieldWrapper input:focus,.fieldWrapper select:focus{border-color:#169A29;box-shadow:0 0 0 3px #169a2926 inset 0 1px 4px #0000004d}
.fieldWrapper select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23169A29' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}
.radioGroupWrapper{display:flex;flex-direction:column;gap:8px}
.radioGroupWrapper > label{font-size:.9rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.radioOptionsContainer{display:flex;gap:24px}
.radioItemWrapper{display:flex;align-items:center;gap:10px}
.radioItemWrapper input[type="radio"]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#169A29}
.radioItemWrapper label{font-size:1rem;color:#ffffffd9;cursor:pointer;margin:0}
.privacyCheckboxWrapper{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacyCheckboxWrapper input[type="checkbox"]{width:20px;height:20px;margin:3px 0 0;cursor:pointer;flex-shrink:0;accent-color:#169A29}
.privacyCheckboxWrapper label{font-size:.95rem;color:#ffffffbf;line-height:1.5;cursor:pointer;margin:0}
.privacyCheckboxWrapper label a{color:#169A29;text-decoration:none;transition:color .3s ease}
.privacyCheckboxWrapper label a:hover{color:#1ec537;text-decoration:underline}
.submitButtonWrapper{margin-top:12px}
.submitButtonWrapper button{background:linear-gradient(135deg,#169A29 0%,#12771f 100%);border:none;color:#FFF;padding:16px 48px;font-size:1.05rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px #169a294d;width:100%}
.submitButtonWrapper button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}
.submitButtonWrapper button:hover{background:linear-gradient(135deg,#1ec537 0%,#169A29 100%);box-shadow:0 6px 24px #169a2980;transform:translateY(-2px)}
.submitButtonWrapper button:hover::before{width:300px;height:300px}
.submitButtonWrapper button:active{transform:translateY(0)}
@media (max-width: 1024px) {
.titleLayoutWrapper{min-height:440px}
.titleImageSection{width:45%;height:440px}
.titleTextSection{width:55%;padding:50px 60px 50px 50px}
.titleTextSection h1{font-size:2.6rem}
.formContentWrapper{gap:60px}
.formBlockWrapper{padding:40px}
}
@media (max-width: 768px) {
.titleLayoutWrapper{flex-direction:column;min-height:auto}
.titleImageSection{width:100%;height:320px}
.titleTextSection{width:100%;padding:50px 30px}
.titleTextSection h1{font-size:2.2rem;margin-bottom:20px}
.titleTextSection p{font-size:1.05rem}
.formContentWrapper{grid-template-columns:1fr;gap:50px}
.contactInfoBlock{padding:20px 0}
.contactInfoBlock h2{font-size:2rem}
.formRowGroup{grid-template-columns:1fr;gap:24px}
.radioOptionsContainer{flex-direction:column;gap:16px}
.formBlockWrapper{padding:35px 25px}
}
@media (max-width: 480px) {
.titleArea{padding:0}
.titleImageSection{height:260px}
.titleTextSection{padding:40px 20px}
.titleTextSection h1{font-size:1.85rem}
.titleTextSection p{font-size:1rem}
.contactFormSection{padding:60px 15px}
.contactInfoBlock h2{font-size:1.75rem}
.infoItemList li{gap:14px;margin-bottom:24px}
.infoItemIcon{width:38px;height:38px}
.infoItemIcon .oi{font-size:1.1rem}
.formBlockWrapper{padding:30px 20px}
.formBlockWrapper h3{font-size:1.5rem}
.submitButtonWrapper button{padding:14px 36px;font-size:1rem}
}
.title-wrapper{background:linear-gradient(135deg,#171A29 0%,#1a1e31 100%);padding:90px 20px 0;position:relative;overflow:hidden}
.title-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:80px}
.title-text-area{padding-right:40px}
.title-text-area h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700}
.title-text-area .intro-text{font-size:18px;line-height:1.6;color:#ffffffd9;margin:0}
.title-image-holder{position:relative}
.title-image-holder img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0006}
.wave-divider{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}
.wave-divider svg{display:block;width:calc(100% + 2px);height:60px;position:relative}
.story-section-wrapper{background:#FFF;padding:80px 20px}
.story-content-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row-reverse;gap:70px;align-items:flex-start}
.story-visual-box{flex:0 0 480px}
.story-visual-box img{width:100%;height:520px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #171a291f}
.story-text-content{flex:1}
.story-text-content h2{font-size:36px;line-height:1.3;color:#171A29;margin:0 0 28px;font-weight:700}
.story-text-content p{font-size:16px;line-height:1.7;color:#2d3142;margin:0 0 20px}
.story-text-content p:last-of-type{margin-bottom:0}
.methodology-area{background:linear-gradient(180deg,#171A29 0%,#1f2338 100%);padding:90px 20px;position:relative}
.methodology-inner{max-width:1200px;margin:0 auto}
.methodology-header{text-align:center;margin-bottom:60px}
.methodology-header h2{font-size:38px;line-height:1.3;color:#FFF;margin:0 0 18px;font-weight:700}
.methodology-header .subtitle-description{font-size:17px;line-height:1.6;color:#fffc;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approach-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:36px 28px;transition:all .3s ease}
.approach-card:hover{background:#ffffff14;border-color:#169a2966;transform:translateY(-4px);box-shadow:0 16px 32px #0000004d}
.approach-card-icon{width:64px;height:64px;background:linear-gradient(135deg,#169A29 0%,#138023 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.approach-card-icon svg{width:32px;height:32px;fill:#FFF}
.approach-card h3{font-size:22px;line-height:1.4;color:#FFF;margin:0 0 16px;font-weight:600}
.approach-card p{font-size:15px;line-height:1.6;color:#ffffffbf;margin:0}
.values-display-section{background:#FFF;padding:85px 20px}
.values-container{max-width:1200px;margin:0 auto}
.values-intro-area{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:70px}
.values-intro-text h2{font-size:38px;line-height:1.3;color:#171A29;margin:0 0 22px;font-weight:700}
.values-intro-text p{font-size:16px;line-height:1.7;color:#2d3142;margin:0}
.values-intro-image img{width:100%;height:380px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #171a291f}
.interactive-values-tabs{border-top:2px solid #e8eaf0;padding-top:50px}
.tab-navigation-row{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.tab-control-input{display:none}
.tab-label-button{padding:14px 28px;background:#f5f6f8;color:#171A29;border:2px solid transparent;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}
.tab-label-button:hover{background:#e8eaf0;border-color:#169a2933}
.tab-control-input:checked + .tab-label-button{background:#169A29;color:#FFF;border-color:#169A29}
.tab-content-panel{display:none}
.tab-control-input:checked ~ .tab-panels-wrapper .tab-content-panel[data-tab="1"],#tab2:checked ~ .tab-panels-wrapper .tab-content-panel[data-tab="2"],#tab3:checked ~ .tab-panels-wrapper .tab-content-panel[data-tab="3"]{display:grid}
.tab-content-panel{grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tab-panel-image img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #171a291f}
.tab-panel-text h3{font-size:28px;line-height:1.3;color:#171A29;margin:0 0 20px;font-weight:700}
.tab-panel-text p{font-size:16px;line-height:1.7;color:#2d3142;margin:0 0 16px}
.tab-panel-text p:last-child{margin-bottom:0}
.metric-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.metric-item{background:#f5f6f8;padding:20px;border-radius:6px;border-left:4px solid #169A29}
.metric-value{font-size:32px;font-weight:700;color:#169A29;line-height:1;margin-bottom:8px}
.metric-label{font-size:14px;color:#4a5066;line-height:1.4;margin:0}
@media (max-width: 1024px) {
.title-container{grid-template-columns:1fr;gap:40px}
.title-text-area{padding-right:0}
.title-text-area h1{font-size:40px}
.story-content-container{flex-direction:column;gap:40px}
.story-visual-box{flex:0 0 auto}
.approach-grid{grid-template-columns:1fr;gap:30px}
.values-intro-area{grid-template-columns:1fr;gap:40px}
.tab-content-panel{grid-template-columns:1fr;gap:40px}
.metric-highlights{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-wrapper{padding:60px 20px 0}
.title-text-area h1{font-size:32px;margin-bottom:18px}
.title-text-area .intro-text{font-size:16px}
.title-image-holder img{height:280px}
.story-section-wrapper{padding:60px 20px}
.story-text-content h2{font-size:28px}
.story-visual-box img{height:320px}
.methodology-area{padding:60px 20px}
.methodology-header h2{font-size:30px}
.values-display-section{padding:60px 20px}
.values-intro-text h2{font-size:30px}
.values-intro-image img{height:280px}
.tab-label-button{padding:12px 20px;font-size:15px}
.tab-panel-image img{height:300px}
}
.successWrapper{background:linear-gradient(135deg,#171A29 0%,#0d0f1a 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.successWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#169a2926 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.2);opacity:.9}
}
.heroSuccessContainer{max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}
.messageBox{background:#171a29cc;backdrop-filter:blur(20px);border-radius:10px;padding:4rem 3rem;text-align:center;box-shadow:0 16px 48px #0006 inset 0 2px 8px #ffffff0d;border:1px solid #169a294d;position:relative}
.messageBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#169A29,transparent);border-radius:10px}
.successIconArea{width:90px;height:90px;margin:0 auto 2rem;background:linear-gradient(135deg,#169A29 0%,#0d7a1f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #169a2966 0 0 40px #169a2933;animation:successPulse 2s ease-in-out infinite}
@keyframes successPulse {
0%,100%{transform:scale(1);box-shadow:0 12px 32px #169a2966 0 0 40px #169a2933}
50%{transform:scale(1.05);box-shadow:0 16px 40px #169a2999 0 0 60px #169a294d}
}
.successIconArea .oi{font-size:3rem;color:#FFF}
.messageBox h1{font-size:2.8rem;color:#FFF;margin:0 0 1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.messageBox .leadText{font-size:1.15rem;color:#ffffffd9;line-height:1.7;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}
.actionButtonGroup{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}
.primaryAction{display:inline-flex;align-items:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#169A29 0%,#0d7a1f 100%);color:#FFF;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;box-shadow:0 8px 24px #169a294d;transition:all .3s ease;position:relative;overflow:hidden}
.primaryAction::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primaryAction:hover::before{left:100%}
.primaryAction:hover{transform:translateY(-2px);box-shadow:0 12px 32px #169a2980}
.secondaryAction{display:inline-flex;align-items:center;padding:1rem 2.5rem;background:transparent;color:#169A29;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;border:2px solid #169A29;transition:all .3s ease}
.secondaryAction:hover{background:#169a291a;transform:translateY(-2px)}
.infoGrid{background:#0d0f1a;padding:6rem 2rem;position:relative}
.infoGrid::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#169a2980,transparent)}
.gridContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.benefitCard{background:linear-gradient(135deg,#171a29e6 0%,#0d0f1ae6 100%);padding:2.5rem 2rem;border-radius:8px;border:1px solid #169a2933;box-shadow:0 8px 24px #0000004d;transition:all .4s ease;position:relative}
.benefitCard::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#169A29,#0d7a1f);transition:width .4s ease;border-radius:0 0 8px 8px}
.benefitCard:hover::after{width:100%}
.benefitCard:hover{transform:translateY(-8px);border-color:#169a2980;box-shadow:0 16px 40px #169a2933}
.benefitIcon{width:60px;height:60px;background:#169a2926;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:2px solid #169a294d}
.benefitIcon .oi{font-size:1.8rem;color:#169A29}
.benefitCard h3{font-size:1.4rem;color:#FFF;margin:0 0 1rem;font-weight:600}
.benefitCard p{font-size:1rem;color:#ffffffbf;line-height:1.6;margin:0}
@media screen and (max-width: 1024px) {
.gridContainer{grid-template-columns:repeat(2,1fr);gap:2rem}
}
@media screen and (max-width: 768px) {
.successWrapper{min-height:auto;padding:3rem 0}
.heroSuccessContainer{padding:2rem 1.5rem}
.messageBox{padding:3rem 2rem}
.messageBox h1{font-size:2rem}
.messageBox .leadText{font-size:1rem}
.actionButtonGroup{flex-direction:column;gap:1rem}
.primaryAction,.secondaryAction{width:100%;justify-content:center}
.gridContainer{grid-template-columns:1fr;gap:1.5rem}
.infoGrid{padding:4rem 1.5rem}
}
@media screen and (max-width: 480px) {
.messageBox h1{font-size:1.75rem}
.successIconArea{width:70px;height:70px}
.successIconArea .oi{font-size:2.2rem}
}