*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Serif',serif;background:#FFFDFA;color:#1a1a1a;line-height:1.6}
.headerContainer{background:linear-gradient(135deg,#4E38B0 0%,#7B5DBF 100%);padding:20px 0;box-shadow:0 4px 12px #4e38b026}
.headerGrid{max-width:1024px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.logoWrapper{grid-column:1;grid-row:1}
.logoLink{display:inline-block}
.siteLogo{height:110px;width:110px;display:block;background:#fffdfa26;padding:12px;border-radius:24px;box-shadow:0 6px 16px #0000001f}
.companyNameBlock{grid-column:2;grid-row:1;text-align:right}
.companyTitle{font-size:2rem;font-weight:700;color:#FFFDFA;text-shadow:0 2px 8px #0003}
.mainNavigation{grid-column:1 / -1;grid-row:2;margin-top:10px}
.navigationList{list-style:none;display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.navItem{display:inline-block}
.navLink{color:#FFFDFA;text-decoration:none;font-size:1.05rem;font-weight:400;padding:10px 20px;border-radius:20px;transition:background-color .3s ease}
.navLink:hover{background-color:#fffdfa26}
.footerContainer{background:linear-gradient(180deg,#4E38B0 0%,#3a2980 100%);color:#FFFDFA;padding:50px 20px 30px;margin-top:60px}
.footerContent{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:35px}
.companyInfoSection .footerCompanyName{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:#FFFDFA}
.companyInfoSection .companyMission{font-size:.95rem;line-height:1.7;color:#fffdfae6}
.contactInfoSection{display:flex;flex-direction:column;gap:14px}
.contactItem{display:flex;align-items:center;gap:10px;font-size:.92rem}
.footerIcon{font-size:1.3rem;color:#C75B0B}
.contactLink{color:#FFFDFA;text-decoration:none;transition:color .3s ease}
.contactLink:hover{color:#C75B0B}
.footerNavigation{display:flex;flex-direction:column}
.footerMenuList{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerMenuItem{display:block}
.footerMenuLink{color:#FFFDFA;text-decoration:none;font-size:.95rem;transition:color .3s ease}
.footerMenuLink:hover{color:#C75B0B}
.copyrightSection{max-width:1024px;margin:0 auto;padding-top:25px;border-top:1px solid #fffdfa33;text-align:center}
.copyrightText{font-size:.88rem;color:#fffdfabf}
.cookiePopup{position:fixed;top:20px;left:20px;max-width:420px;background:#FFFDFA;border-radius:24px;box-shadow:0 12px 32px #4e38b040;padding:28px;z-index:9999;transform:translateY(-150%);transition:transform .4s ease}
.cookiePopup[data-visible="true"]{transform:translateY(0)}
.cookieContentWrapper{display:flex;flex-direction:column;gap:20px}
.cookieHeading{font-size:1.3rem;font-weight:700;color:#4E38B0;margin-bottom:8px}
.cookieDescription{font-size:.92rem;color:#333;line-height:1.5}
.cookieSettings{display:flex;flex-direction:column;gap:14px}
.settingRow{display:flex;align-items:center}
.settingLabel{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}
.settingName{font-size:.95rem;color:#333;font-weight:600}
.settingToggle{display:none}
.toggleSwitch{position:relative;width:50px;height:26px;background:#ddd;border-radius:50px;transition:background-color .3s ease}
.toggleSwitch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}
.settingToggle:checked + .toggleSwitch{background:#4E38B0}
.settingToggle:checked + .toggleSwitch::after{transform:translateX(24px)}
.policyLinkWrapper{margin-top:6px}
.policyLink{font-size:.85rem;color:#C75B0B;text-decoration:none;transition:color .3s ease}
.policyLink:hover{color:#4E38B0}
.cookieActions{display:flex;gap:12px}
.cookieButton{flex:1;padding:12px 20px;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'IBM Plex Serif',serif}
.acceptButton{background:linear-gradient(135deg,#4E38B0,#7B5DBF);color:#FFFDFA}
.acceptButton:hover{background:linear-gradient(135deg,#3a2980,#5d4399)}
.declineButton{background:#e0e0e0;color:#333}
.declineButton:hover{background:#c9c9c9}
@media (max-width: 768px) {
.headerGrid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}
.logoWrapper{grid-column:1;grid-row:1;text-align:center}
.companyNameBlock{grid-column:1;grid-row:2;text-align:center}
.companyTitle{font-size:1.6rem}
.mainNavigation{grid-column:1;grid-row:3}
.navigationList{flex-direction:column;align-items:center;gap:12px}
.footerContent{grid-template-columns:1fr;gap:30px}
.cookiePopup{left:10px;right:10px;max-width:calc(100% - 20px)}
.cookieActions{flex-direction:column}
}
@media (max-width: 375px) {
.siteLogo{height:90px;width:90px}
.companyTitle{font-size:1.4rem}
.cookieHeading{font-size:1.1rem}
}
.policy-details{max-width:1024px;margin:60px auto;padding:0 24px;background:#FFFDFA}
.policy-details h1{font-size:42px;line-height:1.2;font-weight:700;color:#4E38B0;margin:0 0 32px;padding-bottom:24px;border-bottom:3px solid #C75B0B}
.policy-details h2{font-size:32px;line-height:1.3;font-weight:600;color:#4E38B0;margin:48px 0 24px}
.policy-details h3{font-size:24px;line-height:1.4;font-weight:600;color:#C75B0B;margin:36px 0 20px}
.policy-details h4{font-size:20px;line-height:1.4;font-weight:600;color:#4E38B0;margin:28px 0 16px}
.policy-details h5{font-size:18px;line-height:1.5;font-weight:600;color:#C75B0B;margin:24px 0 14px}
.policy-details h6{font-size:16px;line-height:1.5;font-weight:600;color:#4E38B0;margin:20px 0 12px}
.policy-details p{font-size:17px;line-height:1.75;color:#2a2a2a;margin:0 0 20px}
.policy-details ul{margin:0 0 24px;padding-left:32px;list-style-type:disc}
.policy-details ol{margin:0 0 24px;padding-left:32px;list-style-type:decimal}
.policy-details li{font-size:17px;line-height:1.75;color:#2a2a2a;margin:0 0 12px}
.policy-details ul ul{margin:12px 0 0;padding-left:28px;list-style-type:circle}
.policy-details ol ol{margin:12px 0 0;padding-left:28px;list-style-type:lower-alpha}
.policy-details li li{margin:8px 0}
.policy-details em{font-style:italic;color:#4E38B0}
.policy-details i{font-style:italic;color:#4E38B0}
.policy-details a{color:#C75B0B;text-decoration:underline;transition:all .3s ease}
.policy-details a:hover{color:#4E38B0;text-decoration:none}
.policy-details a:focus{outline:2px solid #4E38B0;outline-offset:2px;border-radius:4px}
.policy-details hr{border:none;height:2px;background:linear-gradient(to right,#4E38B0,#C75B0B);margin:48px 0;border-radius:2px}
@media (max-width: 1366px) {
.policy-details{margin:50px auto;padding:0 20px}
.policy-details h1{font-size:38px;margin-bottom:28px;padding-bottom:20px}
.policy-details h2{font-size:28px;margin:42px 0 20px}
.policy-details h3{font-size:22px;margin:32px 0 18px}
}
@media (max-width: 768px) {
.policy-details{margin:40px auto;padding:0 16px}
.policy-details h1{font-size:32px;margin-bottom:24px;padding-bottom:16px}
.policy-details h2{font-size:24px;margin:36px 0 18px}
.policy-details h3{font-size:20px;margin:28px 0 16px}
.policy-details h4{font-size:18px;margin:24px 0 14px}
.policy-details h5{font-size:17px;margin:20px 0 12px}
.policy-details h6{font-size:16px;margin:18px 0 10px}
.policy-details p{font-size:16px;line-height:1.7;margin-bottom:18px}
.policy-details ul{padding-left:24px;margin-bottom:20px}
.policy-details ol{padding-left:24px;margin-bottom:20px}
.policy-details li{font-size:16px;line-height:1.7;margin-bottom:10px}
.policy-details hr{margin:36px 0}
}
@media (max-width: 375px) {
.policy-details{margin:30px auto;padding:0 12px}
.policy-details h1{font-size:28px;margin-bottom:20px;padding-bottom:14px}
.policy-details h2{font-size:22px;margin:32px 0 16px}
.policy-details h3{font-size:19px;margin:24px 0 14px}
.policy-details p{font-size:15px;margin-bottom:16px}
.policy-details ul{padding-left:20px}
.policy-details ol{padding-left:20px}
.policy-details li{font-size:15px}
.policy-details hr{margin:28px 0}
}
.titleArea{background:linear-gradient(135deg,#4E38B0 0%,#7B5FBD 50%,#C75B0B 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.titleArea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fffdfa26 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.titleContent{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.titleContent h1{font-size:52px;color:#FFFDFA;margin:0 0 18px;font-weight:700;line-height:1.2}
.titleContent .tagline{font-size:20px;color:#fffdfae6;margin:0;line-height:1.6;max-width:640px}
.partnersGrid{max-width:1024px;margin:0 auto;padding:100px 20px;background:#FFFDFA}
.gridHeader{text-align:center;margin-bottom:70px}
.gridHeader h2{font-size:38px;color:#4E38B0;margin:0 0 16px;font-weight:600}
.gridHeader p{font-size:18px;color:#5a5a5a;margin:0;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}
.partnersList{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 32px;margin-bottom:80px}
.partnerCard{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 4px 16px #4e38b014;transition:all .3s ease;border:2px solid transparent}
.partnerCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #4e38b029;border-color:#C75B0B}
.partnerCard h3{font-size:22px;color:#4E38B0;margin:0 0 12px;font-weight:600}
.partnerCard .role{font-size:15px;color:#C75B0B;margin:0 0 20px;font-weight:500}
.partnerCard p{font-size:16px;color:#6a6a6a;line-height:1.6;margin:0}
.visualShowcase{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
.showcaseImage{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.showcaseImage img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease}
.showcaseImage:hover img{transform:scale(1.05)}
.showcaseText h3{font-size:32px;color:#4E38B0;margin:0 0 20px;font-weight:600}
.showcaseText p{font-size:17px;color:#5a5a5a;line-height:1.7;margin:0 0 16px}
.showcaseText .highlight{display:inline-block;padding:12px 24px;background:linear-gradient(90deg,#4e38b01a 0%,#c75b0b1a 100%);border-radius:16px;color:#4E38B0;font-weight:600;margin-top:8px}
.collaborationStats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.statBox{background:linear-gradient(135deg,#4E38B0 0%,#6B4DB8 100%);border-radius:20px;padding:32px 40px;text-align:center;min-width:200px;box-shadow:0 6px 20px #4e38b033;transition:transform .3s ease}
.statBox:hover{transform:scale(1.05)}
.statBox .number{font-size:48px;color:#FFFDFA;font-weight:700;margin:0 0 8px;line-height:1}
.statBox .label{font-size:16px;color:#fffdfad9;margin:0}
.contactInvite{background:linear-gradient(90deg,#4e38b014 0%,#c75b0b14 100%);border-radius:24px;padding:60px 40px;text-align:center;margin-top:80px}
.contactInvite h3{font-size:34px;color:#4E38B0;margin:0 0 16px;font-weight:600}
.contactInvite p{font-size:18px;color:#5a5a5a;line-height:1.7;margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto}
.contactInvite .ctaButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);color:#FFFDFA;text-decoration:none;border-radius:18px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #4e38b04d;z-index:10;position:relative}
.contactInvite .ctaButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4e38b066}
@media (max-width: 768px) {
.titleArea{padding:60px 20px 70px}
.titleContent h1{font-size:36px}
.titleContent .tagline{font-size:17px}
.partnersGrid{padding:70px 20px}
.gridHeader h2{font-size:30px}
.gridHeader p{font-size:16px}
.partnersList{grid-template-columns:1fr;gap:28px}
.visualShowcase{grid-template-columns:1fr;gap:40px}
.showcaseText h3{font-size:26px}
.collaborationStats{flex-direction:column;align-items:center}
.statBox{width:100%;max-width:300px}
.contactInvite{padding:50px 24px}
.contactInvite h3{font-size:28px}
}
@media (max-width: 375px) {
.titleContent h1{font-size:30px}
.gridHeader h2{font-size:26px}
.partnerCard{padding:28px 20px}
.showcaseText h3{font-size:24px}
}
.titleIntro{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4E38B0 0%,#6B50C9 100%)}
.titleIntro .bgLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.titleIntro .bgLayer img{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(0.4)}
.titleIntro .textWrapper{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:48px 24px;text-align:center}
.titleIntro .mainHeading{font-size:3.2rem;font-weight:700;color:#FFFDFA;margin:0 0 28px;line-height:1.15;text-shadow:0 4px 12px #0000004d}
.titleIntro .dividerLine{width:120px;height:4px;background:linear-gradient(90deg,#C75B0B,#FFFDFA);margin:0 auto 28px;border-radius:8px}
.titleIntro .descText{font-size:1.25rem;color:#FFFDFA;line-height:1.7;max-width:680px;margin:0 auto;opacity:.95}
.platformAbout{padding:92px 24px;background:linear-gradient(180deg,#FFFDFA 0%,#F5F3F8 100%)}
.platformAbout .contentBox{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.platformAbout .textZone h2{font-size:2.4rem;color:#4E38B0;margin:0 0 24px;font-weight:700;line-height:1.2}
.platformAbout .textZone h2::before{content:'';display:block;width:64px;height:5px;background:linear-gradient(90deg,#C75B0B,#4E38B0);margin-bottom:18px;border-radius:6px}
.platformAbout .textZone p{font-size:1.05rem;color:#2D2D2D;line-height:1.75;margin:0 0 18px}
.platformAbout .textZone p:last-child{margin-bottom:0}
.platformAbout .visualZone img{width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #4e38b026}
.techStack{padding:88px 24px;background:#FFFDFA}
.techStack .sectionHeader{text-align:center;max-width:780px;margin:0 auto 68px}
.techStack .sectionHeader h2{font-size:2.6rem;color:#4E38B0;margin:0 0 20px;font-weight:700}
.techStack .sectionHeader p{font-size:1.1rem;color:#5A5A5A;line-height:1.7;margin:0}
.techStack .toolGrid{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.techStack .toolCard{background:linear-gradient(135deg,#F8F7FC 0%,#FFF 100%);border:2px solid #E8E4F5;border-radius:20px;padding:36px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.techStack .toolCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4E38B0,#C75B0B);transform:scaleX(0);transition:transform .3s ease}
.techStack .toolCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #4e38b033;border-color:#4E38B0}
.techStack .toolCard:hover::before{transform:scaleX(1)}
.techStack .toolCard .iconHolder{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#4E38B0,#6B50C9);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.techStack .toolCard .iconHolder i{font-size:2rem;color:#FFFDFA}
.techStack .toolCard h3{font-size:1.35rem;color:#2D2D2D;margin:0 0 14px;font-weight:600}
.techStack .toolCard p{font-size:.98rem;color:#5A5A5A;line-height:1.65;margin:0}
.socialImpact{padding:96px 24px;background:linear-gradient(135deg,#4E38B0 0%,#5D43B8 100%);position:relative}
.socialImpact::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,64 Q300,0 600,64 T1200,64 L1200,120 L0,120 Z" fill="%23FFFDFA"/></svg>') no-repeat bottom;background-size:cover}
.socialImpact .innerWrap{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.socialImpact .headerBlock{text-align:center;margin-bottom:64px}
.socialImpact .headerBlock h2{font-size:2.8rem;color:#FFFDFA;margin:0 0 22px;font-weight:700}
.socialImpact .headerBlock p{font-size:1.15rem;color:#FFFDFA;opacity:.92;line-height:1.7;max-width:720px;margin:0 auto}
.socialImpact .initiativeRow{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.socialImpact .initiativeBox{background:#fffdfa1f;backdrop-filter:blur(12px);border:1px solid #fffdfa2e;border-radius:24px;padding:40px 32px;transition:all .35s ease}
.socialImpact .initiativeBox:hover{background:#fffdfa2e;transform:translateY(-4px);box-shadow:0 18px 48px #00000040}
.socialImpact .initiativeBox .iconCircle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#C75B0B,#E67520);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.socialImpact .initiativeBox .iconCircle i{font-size:2.2rem;color:#FFFDFA}
.socialImpact .initiativeBox h3{font-size:1.5rem;color:#FFFDFA;margin:0 0 16px;font-weight:600}
.socialImpact .initiativeBox p{font-size:1rem;color:#FFFDFA;opacity:.88;line-height:1.7;margin:0}
.trialAccess{padding:88px 24px 96px;background:#FFFDFA}
.trialAccess .layoutGrid{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:52px;align-items:center}
.trialAccess .imageHolder{position:relative}
.trialAccess .imageHolder img{width:100%;height:460px;object-fit:cover;border-radius:28px;box-shadow:0 16px 44px #4e38b033}
.trialAccess .imageHolder::after{content:'';position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:linear-gradient(135deg,#C75B0B,#E67520);border-radius:50%;opacity:.15;z-index:-1}
.trialAccess .contentArea h2{font-size:2.5rem;color:#4E38B0;margin:0 0 24px;font-weight:700;line-height:1.2}
.trialAccess .contentArea p{font-size:1.05rem;color:#2D2D2D;line-height:1.75;margin:0 0 32px}
.trialAccess .benefitList{list-style:none;padding:0;margin:0 0 36px}
.trialAccess .benefitList li{font-size:1rem;color:#2D2D2D;padding-left:36px;position:relative;margin-bottom:16px;line-height:1.6}
.trialAccess .benefitList li::before{content:'';position:absolute;left:0;top:4px;width:20px;height:20px;background:linear-gradient(135deg,#4E38B0,#6B50C9);border-radius:50%}
.trialAccess .benefitList li::after{content:'✓';position:absolute;left:5px;top:4px;color:#FFFDFA;font-size:.85rem;font-weight:700}
.trialAccess .ctaButton{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#C75B0B,#E67520);color:#FFFDFA;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #c75b0b4d}
.trialAccess .ctaButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #c75b0b66;background:linear-gradient(135deg,#E67520,#C75B0B);color:#FFFDFA}
.expertiseShowcase{padding:92px 24px;background:linear-gradient(180deg,#F5F3F8 0%,#FFFDFA 100%)}
.expertiseShowcase .wrapperMain{max-width:1024px;margin:0 auto}
.expertiseShowcase .topHeader{text-align:center;margin-bottom:72px}
.expertiseShowcase .topHeader h2{font-size:2.7rem;color:#4E38B0;margin:0 0 20px;font-weight:700}
.expertiseShowcase .topHeader p{font-size:1.1rem;color:#5A5A5A;line-height:1.7;max-width:740px;margin:0 auto}
.expertiseShowcase .statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:64px}
.expertiseShowcase .statItem{background:#FFF;border:2px solid #E8E4F5;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.expertiseShowcase .statItem::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#4E38B0,#C75B0B);transform:scaleX(0);transition:transform .3s ease}
.expertiseShowcase .statItem:hover{transform:translateY(-6px);box-shadow:0 14px 36px #4e38b026;border-color:#4E38B0}
.expertiseShowcase .statItem:hover::before{transform:scaleX(1)}
.expertiseShowcase .statItem .numberDisplay{font-size:2.8rem;font-weight:700;color:#C75B0B;margin:0 0 12px;line-height:1}
.expertiseShowcase .statItem .labelText{font-size:.95rem;color:#5A5A5A;line-height:1.4;margin:0}
.expertiseShowcase .detailsBlock{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.expertiseShowcase .detailsBlock .imageSection img{width:100%;height:380px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #4e38b026}
.expertiseShowcase .detailsBlock .textSection h3{font-size:1.8rem;color:#2D2D2D;margin:0 0 24px;font-weight:600}
.expertiseShowcase .detailsBlock .textSection p{font-size:1.02rem;color:#5A5A5A;line-height:1.75;margin:0 0 18px}
.expertiseShowcase .detailsBlock .textSection p:last-child{margin-bottom:0}
@media (max-width: 1366px) {
.titleIntro .mainHeading{font-size:2.8rem}
.platformAbout .contentBox,.trialAccess .layoutGrid{gap:40px}
.techStack .toolGrid{gap:28px}
}
@media (max-width: 768px) {
.titleIntro{min-height:420px}
.titleIntro .mainHeading{font-size:2.2rem;margin-bottom:20px}
.titleIntro .descText{font-size:1.05rem}
.platformAbout{padding:64px 20px}
.platformAbout .contentBox{grid-template-columns:1fr;gap:32px}
.platformAbout .textZone h2{font-size:2rem}
.platformAbout .visualZone img{height:320px}
.techStack{padding:64px 20px}
.techStack .sectionHeader{margin-bottom:48px}
.techStack .sectionHeader h2{font-size:2.2rem}
.techStack .toolGrid{grid-template-columns:1fr;gap:24px}
.socialImpact{padding:68px 20px}
.socialImpact .headerBlock h2{font-size:2.2rem}
.socialImpact .initiativeRow{grid-template-columns:1fr;gap:28px}
.trialAccess{padding:64px 20px 72px}
.trialAccess .layoutGrid{grid-template-columns:1fr;gap:36px}
.trialAccess .imageHolder img{height:320px}
.trialAccess .contentArea h2{font-size:2rem}
.expertiseShowcase{padding:68px 20px}
.expertiseShowcase .topHeader h2{font-size:2.2rem}
.expertiseShowcase .statsGrid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}
.expertiseShowcase .detailsBlock{grid-template-columns:1fr;gap:32px}
.expertiseShowcase .detailsBlock .imageSection img{height:280px}
}
@media (max-width: 375px) {
.titleIntro .mainHeading{font-size:1.9rem}
.titleIntro .descText{font-size:.98rem}
.platformAbout .textZone h2,.techStack .sectionHeader h2,.socialImpact .headerBlock h2,.trialAccess .contentArea h2,.expertiseShowcase .topHeader h2{font-size:1.85rem}
.expertiseShowcase .statsGrid{grid-template-columns:1fr}
.techStack .toolCard,.socialImpact .initiativeBox{padding:28px 20px}
.trialAccess .ctaButton{padding:14px 36px;font-size:1rem}
}
.contactHeroWrapper{position:relative;padding:80px 20px 100px;background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);overflow:hidden}
.contactHeroWrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fffdfa26 0%,transparent 70%);border-radius:50%}
.contactHeroWrapper::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#c75b0b33 0%,transparent 70%);border-radius:50%}
.heroContentContainer{max-width:1024px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:48px}
.heroTextBlock{text-align:center}
.heroTextBlock h1{font-size:52px;color:#FFFDFA;margin:0 0 16px;line-height:1.2;font-weight:700}
.heroSubtitle{font-size:20px;color:#fffdfae6;margin:0;line-height:1.6}
.heroImageLayer{width:100%;max-width:700px;margin:0 auto;position:relative}
.heroImageLayer img{width:100%;height:auto;border-radius:24px;filter:blur(1px);box-shadow:0 12px 32px #0000004d;opacity:.85}
.formSectionWrapper{padding:100px 20px;background:#FFFDFA}
.formContentArea{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.infoColumn h2{font-size:38px;color:#4E38B0;margin:0 0 24px;line-height:1.3}
.infoColumn p{font-size:17px;color:#333;line-height:1.7;margin:0 0 32px}
.contactDetailsList{display:flex;flex-direction:column;gap:20px}
.detailItem{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#4e38b00d 0%,#c75b0b0d 100%);border-radius:20px;border:2px solid #4e38b01a}
.detailItem i{font-size:28px;color:#C75B0B;flex-shrink:0}
.detailContent{flex:1}
.detailLabel{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#4E38B0;margin:0 0 6px;font-weight:600}
.detailValue{font-size:17px;color:#333;margin:0;word-break:break-word}
.formColumn{background:#fff;padding:48px;border-radius:28px;box-shadow:0 8px 24px #4e38b01f}
.contactForm{display:flex;flex-direction:column;gap:24px}
.formGroup{display:flex;flex-direction:column;gap:8px}
.formGroup label{font-size:15px;font-weight:600;color:#4E38B0}
.formGroup input,.formGroup select,.formGroup textarea{padding:16px;border:2px solid #4e38b033;border-radius:16px;font-size:16px;transition:all .3s ease;background:#FFFDFA}
.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{outline:none;border-color:#C75B0B;box-shadow:0 0 0 4px #c75b0b1a}
.formGroup textarea{min-height:140px;resize:vertical}
.contactMethodGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.methodOption{position:relative}
.methodOption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.methodOption label{display:block;padding:14px 20px;border:2px solid #4e38b033;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:500;color:#4E38B0}
.methodOption input[type="radio"]:checked + label{background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);color:#FFFDFA;border-color:transparent}
.timePreferenceRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.privacyCheckbox{display:flex;align-items:start;gap:12px;margin-top:8px}
.privacyCheckbox input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer}
.privacyCheckbox label{font-size:14px;color:#666;line-height:1.5}
.privacyCheckbox label a{color:#C75B0B;text-decoration:underline}
.submitButton{padding:18px 40px;background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);color:#FFFDFA;border:none;border-radius:20px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4e38b04d;z-index:10;position:relative}
.submitButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4e38b066}
.submitButton:active{transform:translateY(-1px)}
@media (max-width: 768px) {
.contactHeroWrapper{padding:60px 20px 80px}
.heroTextBlock h1{font-size:36px}
.heroSubtitle{font-size:17px}
.heroContentContainer{gap:32px}
.formSectionWrapper{padding:60px 20px}
.formContentArea{grid-template-columns:1fr;gap:48px}
.infoColumn h2{font-size:30px}
.formColumn{padding:32px 24px}
.contactMethodGrid{grid-template-columns:1fr}
.timePreferenceRow{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.heroTextBlock h1{font-size:28px}
.infoColumn h2{font-size:26px}
.formColumn{padding:24px 16px}
}
.titleReveal{background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.titleReveal::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fffdfa26 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.titleReveal::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#fffdfa1a 0%,transparent 60%);border-radius:50%;filter:blur(40px)}
.titleReveal .contentWrapper{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.titleReveal .mainHeading{font-size:56px;line-height:1.1;color:#FFFDFA;margin:0 0 24px;font-weight:700}
.titleReveal .numberAccent{color:#FFFDFA;display:inline-block;padding:4px 16px;background:#fffdfa33;border-radius:20px;font-size:48px;margin-right:12px;vertical-align:middle}
.titleReveal .explanationText{font-size:20px;line-height:1.6;color:#fffdfae6;max-width:680px;margin:0}
.storyOrigins{padding:100px 20px;background:#FFFDFA}
.storyOrigins .contentWrapper{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storyOrigins .textColumn h2{font-size:40px;color:#4E38B0;margin:0 0 20px;line-height:1.2}
.storyOrigins .textColumn h2::before{content:'';display:inline-block;width:6px;height:40px;background:linear-gradient(to bottom,#4E38B0,#C75B0B);margin-right:16px;border-radius:3px;vertical-align:middle}
.storyOrigins .textColumn p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 16px}
.storyOrigins .imageColumn img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 48px #4e38b026}
.valuesGrid{padding:100px 20px;background:linear-gradient(180deg,#4e38b00d 0%,#c75b0b0d 100%)}
.valuesGrid .contentWrapper{max-width:1024px;margin:0 auto}
.valuesGrid .sectionHeader{text-align:center;margin-bottom:70px}
.valuesGrid .sectionHeader h2{font-size:42px;color:#4E38B0;margin:0 0 16px;position:relative;display:inline-block}
.valuesGrid .sectionHeader h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#4E38B0,#C75B0B);border-radius:2px}
.valuesGrid .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesGrid .valueCard{background:#FFFDFA;padding:40px 32px;border-radius:20px;box-shadow:0 8px 32px #4e38b01a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.valuesGrid .valueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,#4E38B0,#C75B0B)}
.valuesGrid .valueCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #4e38b033}
.valuesGrid .valueCard h3{font-size:24px;color:#4E38B0;margin:0 0 16px}
.valuesGrid .valueCard p{font-size:16px;line-height:1.6;color:#3a3a3a;margin:0}
.teamIntro{padding:100px 20px;background:#FFFDFA}
.teamIntro .contentWrapper{max-width:1024px;margin:0 auto}
.teamIntro .splitLayout{display:flex;gap:80px;align-items:flex-start}
.teamIntro .leftVisual{flex:0 0 420px}
.teamIntro .leftVisual img{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 56px #c75b0b2e}
.teamIntro .rightContent h2{font-size:38px;color:#C75B0B;margin:0 0 28px;line-height:1.2}
.teamIntro .founderInfo{margin-bottom:40px}
.teamIntro .founderInfo h3{font-size:22px;color:#4E38B0;margin:0 0 8px}
.teamIntro .founderInfo .role{font-size:15px;color:#C75B0B;margin:0 0 12px;font-weight:600}
.teamIntro .founderInfo p{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0}
.approachTimeline{padding:100px 20px;background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);position:relative}
.approachTimeline::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="#fffdfa1a"/></svg>');background-size:40px 40px;opacity:.4}
.approachTimeline .contentWrapper{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.approachTimeline h2{font-size:44px;color:#FFFDFA;text-align:center;margin:0 0 60px}
.approachTimeline .timelineFlow{display:flex;justify-content:space-between;gap:32px;position:relative}
.approachTimeline .timelineFlow::before{content:'';position:absolute;top:60px;left:5%;right:5%;height:3px;background:#fffdfa4d;z-index:1}
.approachTimeline .phaseCard{flex:1;background:#fffdfaf2;padding:32px 28px;border-radius:24px;position:relative;z-index:2;box-shadow:0 12px 40px #00000026}
.approachTimeline .phaseCard .phaseNumber{width:56px;height:56px;background:linear-gradient(135deg,#4E38B0,#C75B0B);color:#FFFDFA;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px;box-shadow:0 6px 20px #4e38b04d}
.approachTimeline .phaseCard h3{font-size:20px;color:#4E38B0;margin:0 0 12px;text-align:center}
.approachTimeline .phaseCard p{font-size:15px;line-height:1.6;color:#2a2a2a;margin:0;text-align:center}
@media (max-width: 1366px) {
.titleReveal .mainHeading{font-size:48px}
.titleReveal .numberAccent{font-size:42px}
.storyOrigins .contentWrapper{gap:40px}
.teamIntro .splitLayout{gap:50px}
.teamIntro .leftVisual{flex:0 0 380px}
}
@media (max-width: 768px) {
.titleReveal{padding:80px 20px 70px}
.titleReveal .mainHeading{font-size:36px}
.titleReveal .numberAccent{font-size:32px;padding:3px 12px;margin-right:8px}
.titleReveal .explanationText{font-size:18px}
.storyOrigins{padding:70px 20px}
.storyOrigins .contentWrapper{grid-template-columns:1fr;gap:40px}
.storyOrigins .textColumn h2{font-size:32px}
.valuesGrid{padding:70px 20px}
.valuesGrid .sectionHeader h2{font-size:34px}
.valuesGrid .gridLayout{grid-template-columns:1fr;gap:30px}
.teamIntro{padding:70px 20px}
.teamIntro .splitLayout{flex-direction:column;gap:40px}
.teamIntro .leftVisual{flex:0 0 auto;width:100%}
.teamIntro .rightContent h2{font-size:30px}
.approachTimeline{padding:70px 20px}
.approachTimeline h2{font-size:34px;margin-bottom:40px}
.approachTimeline .timelineFlow{flex-direction:column;gap:40px}
.approachTimeline .timelineFlow::before{display:none}
}
@media (max-width: 375px) {
.titleReveal .mainHeading{font-size:30px}
.titleReveal .numberAccent{font-size:28px}
.titleReveal .explanationText{font-size:16px}
.storyOrigins .textColumn h2{font-size:28px}
.valuesGrid .sectionHeader h2{font-size:28px}
.teamIntro .rightContent h2{font-size:26px}
.approachTimeline h2{font-size:28px}
}
.successLayout{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#4E38B0 0%,#C75B0B 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;position:relative;overflow:hidden}
@keyframes gradientShift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.successLayout::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fffdfa1a 1px,transparent 1px);background-size:50px 50px;animation:parallaxMove 20s linear infinite;pointer-events:none}
@keyframes parallaxMove {
0%{transform:translate(0,0)}
100%{transform:translate(50px,50px)}
}
.successContentBox{max-width:680px;width:100%;background:#FFFDFA;border-radius:24px;padding:60px 48px;box-shadow:0 16px 48px #0003;text-align:center;position:relative;z-index:1}
.successIconArea{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#4E38B0,#C75B0B);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulseIcon 2s ease-in-out infinite}
@keyframes pulseIcon {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #4e38b04d}
50%{transform:scale(1.05);box-shadow:0 12px 32px #c75b0b66}
}
.successIconArea::before{content:'✓';font-size:56px;color:#FFFDFA;font-weight:700;line-height:1}
.mainSuccessTitle{font-size:42px;font-weight:700;color:#4E38B0;margin:0 0 16px;line-height:1.2}
.successSubtext{font-size:18px;color:#5a5a5a;line-height:1.6;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto}
.buttonGroupSuccess{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryActionBtn{padding:16px 40px;background:linear-gradient(135deg,#4E38B0,#C75B0B);color:#FFFDFA;text-decoration:none;border-radius:16px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #4e38b04d}
.primaryActionBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4e38b066}
.secondaryActionBtn{padding:16px 40px;background:transparent;color:#4E38B0;text-decoration:none;border:2px solid #4E38B0;border-radius:16px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}
.secondaryActionBtn:hover{background:#4E38B0;color:#FFFDFA;transform:translateY(-2px)}
.decorativeCircle{position:absolute;border-radius:50%;pointer-events:none}
.decorativeCircle:nth-child(1){width:120px;height:120px;background:radial-gradient(circle,#4e38b026,transparent);top:-40px;right:-40px;animation:floatCircle 6s ease-in-out infinite}
.decorativeCircle:nth-child(2){width:80px;height:80px;background:radial-gradient(circle,#c75b0b26,transparent);bottom:-20px;left:-30px;animation:floatCircle 8s ease-in-out infinite reverse}
@keyframes floatCircle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(10px,10px)}
}
@media (max-width: 768px) {
.successLayout{padding:32px 16px}
.successContentBox{padding:48px 28px;border-radius:20px}
.successIconArea{width:80px;height:80px;margin-bottom:24px}
.successIconArea::before{font-size:44px}
.mainSuccessTitle{font-size:32px;margin-bottom:12px}
.successSubtext{font-size:16px;margin-bottom:32px}
.buttonGroupSuccess{flex-direction:column;gap:12px}
.primaryActionBtn,.secondaryActionBtn{width:100%;justify-content:center;padding:14px 32px;font-size:16px}
}
@media (max-width: 375px) {
.successContentBox{padding:36px 20px}
.mainSuccessTitle{font-size:28px}
.successSubtext{font-size:15px}
}