*{margin:0;padding:0}
.HdrWrapper,.FtrWrapper,.BrandZone,.NavBlock,.PanelInner{box-sizing:border-box}
body{font-family:'Arimo',sans-serif;background:linear-gradient(128deg,#fff 0%,#f8f9fb 100%);color:#2c3e50;line-height:1.6}
.HdrWrapper{background:linear-gradient(142deg,#fff 0%,#E3FCF0 100%);box-shadow:0 2px 8px #00000014}
.TopBar{background:linear-gradient(156deg,#6A9FFC 0%,#5a8ee8 100%);padding:8px 0}
.ContactStrip{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;gap:32px;padding:0 20px}
.PhoneLink,.EmailLink{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:14px;transition:opacity .2s}
.PhoneLink:hover,.EmailLink:hover{opacity:.85}
.PhoneLink .material-icons,.EmailLink .material-icons{font-size:16px}
.MainBar{max-width:1200px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.BrandZone{display:flex;flex-direction:column;align-items:center;gap:8px}
.LogoHolder{display:block}
.LogoImg{height:88px;width:88px;display:block}
.CompanyTitle{font-size:20px;font-weight:700;color:#821E0D;letter-spacing:.5px}
.NavBlock{display:flex;gap:28px;align-items:center}
.NavItem{color:#2c3e50;text-decoration:none;font-size:16px;font-weight:600;padding:8px 16px;border-radius:6px;transition:background 0.2s,color .2s}
.NavItem:hover{background:#6a9ffc1f;color:#6A9FFC}
.FtrWrapper{background:linear-gradient(134deg,#2c3e50 0%,#34495e 100%);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff05 10px,#ffffff05 20px),linear-gradient(134deg,#2c3e50 0%,#34495e 100%);color:#ecf0f1;padding:48px 0 0}
.FtrContent{max-width:1200px;margin:0 auto;padding:0 20px 32px;display:grid;grid-template-columns:2fr 1fr;gap:48px}
.CompanyCard{display:flex;flex-direction:column;gap:20px}
.FtrLogo{height:72px;width:72px;background:#ffffff1a;padding:8px;border-radius:8px}
.CompanyDesc{font-size:15px;line-height:1.7;color:#bdc3c7}
.ContactBlock{display:flex;flex-direction:column;gap:12px}
.ContactItem{display:flex;align-items:center;gap:10px;font-size:14px;color:#bdc3c7}
.ContactItem .material-icons{font-size:18px;color:#6A9FFC}
.ContactItem a{color:#bdc3c7;text-decoration:none;transition:color .2s}
.ContactItem a:hover{color:#E3FCF0}
.FtrLinks{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.FtrLink{color:#bdc3c7;text-decoration:none;font-size:14px;transition:color .2s}
.FtrLink:hover{color:#E3FCF0}
.CopyrightBar{border-top:1px solid #ffffff1a;padding:20px;text-align:center}
.CopyrightBar p{font-size:13px;color:#95a5a6;max-width:1200px;margin:0 auto}
.CookiePanel{position:fixed;right:-420px;top:50%;transform:translateY(-50%);width:380px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:9999;transition:right .4s ease}
.CookiePanel[data-visible="true"]{right:20px}
.PanelInner{padding:28px}
.PanelTitle{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:12px}
.PanelIntro{font-size:14px;color:#7f8c8d;margin-bottom:20px;line-height:1.5}
.AccordionSet{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.AccordionItem{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}
.AccordionBtn{width:100%;background:#f8f9fa;border:none;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:600;color:#2c3e50;transition:background .2s;font-family:'Arimo',sans-serif}
.AccordionBtn:hover{background:#e9ecef}
.AccordionBtn .material-icons{font-size:20px;transition:transform .3s}
.AccordionItem.active .AccordionBtn .material-icons{transform:rotate(180deg)}
.AccordionContent{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fff}
.AccordionItem.active .AccordionContent{max-height:200px}
.AccordionContent p{padding:16px;font-size:13px;color:#7f8c8d;line-height:1.6;margin:0}
.ToggleLabel{display:flex;align-items:center;gap:10px;padding:0 16px 16px;font-size:14px;color:#2c3e50;cursor:pointer}
.ToggleInput{width:18px;height:18px;cursor:pointer}
.ToggleInput:disabled{cursor:not-allowed}
.BtnRow{display:flex;gap:12px}
.DeclineBtn,.AcceptBtn{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s,transform .1s;font-family:'Arimo',sans-serif}
.DeclineBtn{background:#e0e0e0;color:#2c3e50}
.DeclineBtn:hover{background:#d0d0d0}
.AcceptBtn{background:linear-gradient(145deg,#6A9FFC 0%,#5a8ee8 100%);color:#fff}
.AcceptBtn:hover{background:linear-gradient(145deg,#5a8ee8 0%,#4a7ed8 100%)}
.DeclineBtn:active,.AcceptBtn:active{transform:scale(0.98)}
@media (max-width: 1024px) {
.FtrContent{grid-template-columns:1fr;gap:32px}
.FtrLinks{flex-direction:row;flex-wrap:wrap;gap:20px}
}
@media (max-width: 640px) {
.ContactStrip{flex-direction:column;gap:8px;align-items:center}
.MainBar{flex-direction:column;gap:20px}
.NavBlock{flex-direction:column;gap:12px;width:100%}
.NavItem{width:100%;text-align:center}
.CookiePanel{width:calc(100% - 40px);right:-100%;top:auto;bottom:20px;transform:none}
.CookiePanel[data-visible="true"]{right:20px}
.FtrLinks{flex-direction:column}
}
.policy-body{max-width:1200px;margin:0 auto;padding:60px 20px;background:#fff}
.policy-body h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 40px;line-height:1.2;padding-bottom:20px;border-bottom:3px solid #6A9FFC}
.policy-body h2{font-size:2rem;font-weight:600;color:#2a2a2a;margin:50px 0 25px;line-height:1.3;padding-top:20px}
.policy-body h3{font-size:1.5rem;font-weight:600;color:#3a3a3a;margin:40px 0 20px;line-height:1.4}
.policy-body h4{font-size:1.25rem;font-weight:600;color:#4a4a4a;margin:30px 0 15px;line-height:1.4}
.policy-body h5{font-size:1.1rem;font-weight:600;color:#5a5a5a;margin:25px 0 12px;line-height:1.5}
.policy-body h6{font-size:1rem;font-weight:600;color:#6a6a6a;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-body p{font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin:0 0 20px;text-align:justify}
.policy-body ul{margin:20px 0;padding-left:30px;list-style-type:disc}
.policy-body ol{margin:20px 0;padding-left:30px;list-style-type:decimal}
.policy-body li{font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin-bottom:12px}
.policy-body ul ul{margin:10px 0;padding-left:25px;list-style-type:circle}
.policy-body ol ol{margin:10px 0;padding-left:25px;list-style-type:lower-alpha}
.policy-body li ul li{margin-bottom:8px}
.policy-body li ol li{margin-bottom:8px}
.policy-body em{font-style:italic;color:#3a3a3a}
.policy-body i{font-style:italic}
.policy-body a{color:#6A9FFC;text-decoration:underline;transition:all .3s ease}
.policy-body a:hover{color:#821E0D;text-decoration:none}
.policy-body a:focus{outline:2px solid #6A9FFC;outline-offset:2px;border-radius:4px}
.policy-body table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}
.policy-body thead{background:linear-gradient(135deg,#6A9FFC 0%,#5a8fec 100%)}
.policy-body thead tr{border:none}
.policy-body th{padding:16px 20px;text-align:left;font-weight:600;font-size:1rem;color:#fff;border-bottom:2px solid #fff3}
.policy-body tbody{background:#fff}
.policy-body tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.policy-body tbody tr:hover{background:#f9f9f9}
.policy-body tbody tr:last-child{border-bottom:none}
.policy-body td{padding:14px 20px;font-size:1rem;line-height:1.6;color:#4a4a4a}
.policy-body hr{border:none;height:2px;background:linear-gradient(90deg,#6A9FFC 0%,#E3FCF0 100%);margin:50px 0;border-radius:4px}
@media (max-width: 1024px) {
.policy-body{padding:50px 30px}
.policy-body h1{font-size:2.2rem;margin-bottom:35px}
.policy-body h2{font-size:1.8rem;margin-top:45px}
.policy-body h3{font-size:1.4rem}
}
@media (max-width: 640px) {
.policy-body{padding:40px 20px}
.policy-body h1{font-size:1.8rem;margin-bottom:30px;padding-bottom:15px}
.policy-body h2{font-size:1.5rem;margin-top:40px;margin-bottom:20px}
.policy-body h3{font-size:1.25rem;margin-top:30px}
.policy-body h4{font-size:1.1rem}
.policy-body p{font-size:1rem;text-align:left}
.policy-body li{font-size:1rem}
.policy-body ul{padding-left:25px}
.policy-body ol{padding-left:25px}
.policy-body table{font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-body th{padding:12px 15px;font-size:.9rem}
.policy-body td{padding:10px 15px;font-size:.9rem}
.policy-body hr{margin:40px 0}
}
.GeometrySectionWrap{position:relative;overflow:hidden;background:linear-gradient(148deg,#E3FCF0 0%,#fff 48%,#6A9FFC 100%);padding:4rem 0;margin:0 0 5rem}
.GeometrySectionWrap::before{content:'';position:absolute;top:-10%;right:-5%;width:45%;height:120%;background:linear-gradient(223deg,#6a9ffc1f 0%,#e3fcf014 100%);transform:rotate(-12deg);z-index:1}
.GeometrySectionWrap::after{content:'';position:absolute;bottom:-15%;left:-8%;width:38%;height:95%;background:linear-gradient(67deg,#821e0d0f 0%,transparent 100%);transform:rotate(18deg);z-index:1}
.ContentHolderMax{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
.GridSplitDisplay{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.TextContentArea h1{font-size:3.2rem;line-height:1.2;color:#1a1a1a;margin:0 0 1.5rem;font-weight:700}
.TextContentArea h1 .highlight-phrase{color:#821E0D;position:relative;display:inline-block}
.TextContentArea h1 .highlight-phrase::after{content:'';position:absolute;bottom:.2rem;left:0;width:100%;height:3px;background:linear-gradient(90deg,#821E0D 0%,#6A9FFC 100%)}
.TextContentArea p{font-size:1.15rem;line-height:1.7;color:#2c2c2c;margin:0 0 1rem}
.ImageCutoutWrapper{position:relative;width:100%;height:480px}
.ImageCutoutWrapper img{width:100%;height:100%;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);filter:saturate(0.7) contrast(1.15);mix-blend-mode:multiply}
.StoryBlockSection{max-width:1200px;margin:0 auto 6rem;padding:0 1.5rem}
.AsymmetricContentGrid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:3.5rem;align-items:start}
.PrimaryContentColumn{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 14px #00000014}
.PrimaryContentColumn h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 2rem;font-weight:600;position:relative;padding-left:1.5rem}
.PrimaryContentColumn h2::before{content:'';position:absolute;left:0;top:.3rem;width:5px;height:2.2rem;background:linear-gradient(180deg,#6A9FFC 0%,#821E0D 100%);border-radius:2px}
.PrimaryContentColumn p{font-size:1.05rem;line-height:1.65;color:#3a3a3a;margin:0 0 1.2rem}
.PrimaryContentColumn h4{font-size:1.35rem;color:#821E0D;margin:2.5rem 0 1.2rem;font-weight:600}
.SidebarElements{display:flex;flex-direction:column;gap:2rem}
.StatCardElement{background:linear-gradient(135deg,#6A9FFC 0%,#4a7fdc 100%);padding:2rem;border-radius:10px;color:#fff;box-shadow:0 6px 16px #6a9ffc4d}
.StatCardElement h5{font-size:.95rem;font-weight:500;margin:0 0 .8rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}
.StatCardElement .stat-number{font-size:3rem;font-weight:700;margin:0 0 .5rem;line-height:1}
.StatCardElement .stat-label{font-size:1rem;opacity:.95;margin:0}
.ImageBlockSidebar{border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0000001f;height:320px}
.ImageBlockSidebar img{width:100%;height:100%;object-fit:cover;filter:saturate(0.85) brightness(1.05)}
.TeamShowcaseArea{max-width:1200px;margin:0 auto 6rem;padding:0 1.5rem}
.SectionHeaderCenter{text-align:center;margin-bottom:3.5rem}
.SectionHeaderCenter h3{font-size:2.6rem;color:#1a1a1a;margin:0 0 1rem;font-weight:600}
.SectionHeaderCenter p{font-size:1.15rem;color:#4a4a4a;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.TeamCardsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}
.PersonCardUnit{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000017;transition:transform .3s ease,box-shadow .3s ease}
.PersonCardUnit:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000026}
.PersonImageArea{width:100%;height:340px;overflow:hidden;position:relative}
.PersonImageArea::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#1a1a1a66,transparent)}
.PersonImageArea img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.2) contrast(1.1)}
.PersonInfoArea{padding:2rem}
.PersonInfoArea h6{font-size:1.5rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:600}
.PersonInfoArea .role-text{font-size:1rem;color:#6A9FFC;margin:0 0 1.2rem;font-weight:500}
.PersonInfoArea p{font-size:1rem;line-height:1.6;color:#4a4a4a;margin:0}
.ContactActionBlock{background:linear-gradient(156deg,#E3FCF0 0%,#fff 100%);padding:4rem 2rem;text-align:center;border-top:3px solid #6A9FFC}
.ContactActionBlock h3{font-size:2.2rem;color:#1a1a1a;margin:0 0 1.5rem;font-weight:600}
.ContactActionBlock p{font-size:1.1rem;color:#3a3a3a;margin:0 0 2rem;max-width:680px;margin-left:auto;margin-right:auto}
.ActionButtonPrimary{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#6A9FFC 0%,#4a7fdc 100%);color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;box-shadow:0 4px 12px #6a9ffc59;transition:transform .2s ease,box-shadow .2s ease}
.ActionButtonPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6a9ffc73}
@media (max-width: 1024px) {
.GridSplitDisplay{grid-template-columns:1fr;gap:2.5rem}
.ImageCutoutWrapper{height:380px}
.AsymmetricContentGrid{grid-template-columns:1fr;gap:2.5rem}
.TeamCardsGrid{grid-template-columns:1fr}
.TextContentArea h1{font-size:2.6rem}
.PrimaryContentColumn h2{font-size:2rem}
}
@media (max-width: 640px) {
.GeometrySectionWrap{padding:2.5rem 0}
.TextContentArea h1{font-size:2rem}
.TextContentArea p{font-size:1rem}
.ImageCutoutWrapper{height:280px}
.PrimaryContentColumn{padding:2rem}
.PrimaryContentColumn h2{font-size:1.7rem}
.StatCardElement .stat-number{font-size:2.5rem}
.PersonImageArea{height:280px}
.SectionHeaderCenter h3{font-size:2rem}
.ContactActionBlock h3{font-size:1.8rem}
}
.TitleSectionWrap{max-width:1200px;margin:0 auto;padding:60px 20px;display:flex;gap:40px;align-items:center}
.TitleSectionWrap .img-container{flex:0 0 40%;position:relative}
.TitleSectionWrap .img-container::before,.TitleSectionWrap .img-container::after{content:'';position:absolute;border:1px solid #6A9FFC}
.TitleSectionWrap .img-container::before{top:-12px;left:-12px;width:100%;height:100%}
.TitleSectionWrap .img-container::after{bottom:-12px;right:-12px;width:100%;height:100%}
.TitleSectionWrap .img-container img{width:100%;height:380px;object-fit:cover;display:block;border-radius:8px;box-shadow:0 8px 24px #6a9ffc26}
.TitleSectionWrap .TextContent{flex:1}
.TitleSectionWrap .TextContent h1{font-size:2.8rem;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.TitleSectionWrap .TextContent .desc-text{font-size:1.15rem;color:#555;line-height:1.7;margin:0}
.techReqHandler{background:linear-gradient(135deg,#E3FCF0 0%,#fff 100%);padding:80px 20px}
.techReqHandler .data-wrapper{max-width:1200px;margin:0 auto}
.techReqHandler h2{font-size:2.2rem;color:#1a1a1a;text-align:center;margin:0 0 50px}
.techReqHandler .StatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.techReqHandler .StatCard{background:#fff;padding:32px 28px;border-radius:10px;box-shadow:0 4px 16px #00000014;border-left:4px solid #6A9FFC;transition:transform .3s ease,box-shadow .3s ease}
.techReqHandler .StatCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6a9ffc33}
.techReqHandler .StatCard .number{font-size:2.5rem;font-weight:700;color:#821E0D;margin:0 0 12px;display:block}
.techReqHandler .StatCard h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 14px}
.techReqHandler .StatCard p{font-size:1rem;color:#666;line-height:1.6;margin:0}
.CompareSection{padding:80px 20px;background:#fff}
.CompareSection .content-handler{max-width:1200px;margin:0 auto}
.CompareSection h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 20px}
.CompareSection .intro-fetch{font-size:1.1rem;color:#555;line-height:1.7;margin:0 0 50px;max-width:900px}
.CompareSection .FeatureCompareWrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}
.CompareSection .FeatureBox{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:36px;border-radius:8px;border:2px solid #E3FCF0;position:relative}
.CompareSection .FeatureBox::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#6A9FFC 0%,#821E0D 100%);border-radius:8px 0 0 8px}
.CompareSection .FeatureBox h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 20px;padding-left:20px}
.CompareSection .FeatureBox ul{list-style:none;padding:0 0 0 20px;margin:0}
.CompareSection .FeatureBox li{font-size:1rem;color:#555;line-height:1.8;margin:0 0 12px;padding-left:28px;position:relative}
.CompareSection .FeatureBox li::before{content:'→';position:absolute;left:0;color:#6A9FFC;font-weight:700}
.ProcessTimeline{background:linear-gradient(225deg,#fff 0%,#E3FCF0 100%);padding:80px 20px}
.ProcessTimeline .timeline-container{max-width:1200px;margin:0 auto}
.ProcessTimeline h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 60px;text-align:center}
.ProcessTimeline .TimelineRow{display:flex;gap:50px;align-items:flex-start;margin-bottom:50px}
.ProcessTimeline .TimelineRow:nth-child(even){flex-direction:row-reverse}
.ProcessTimeline .TimelineRow .ImagePart{flex:0 0 45%}
.ProcessTimeline .TimelineRow .ImagePart img{width:100%;height:320px;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #0000001f}
.ProcessTimeline .TimelineRow .ContentPart{flex:1;position:relative}
.ProcessTimeline .TimelineRow .StepNumber{position:absolute;top:-10px;left:-40px;width:50px;height:50px;background:linear-gradient(135deg,#6A9FFC 0%,#821E0D 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;box-shadow:0 4px 12px #6a9ffc4d}
.ProcessTimeline .TimelineRow h3{font-size:1.6rem;color:#1a1a1a;margin:0 0 16px}
.ProcessTimeline .TimelineRow p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 12px}
.ExpertWrapper{padding:80px 20px;background:#fff}
.ExpertWrapper .ExpertContent{max-width:1200px;margin:0 auto}
.ExpertWrapper h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 50px;text-align:center}
.ExpertWrapper .ExpertGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.ExpertWrapper .ExpertCard{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border-radius:10px;padding:40px 32px;box-shadow:0 6px 18px #00000014;text-align:center;transition:transform .3s ease}
.ExpertWrapper .ExpertCard:hover{transform:scale(1.02)}
.ExpertWrapper .ExpertCard .ProfileImg{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 24px;display:block;border:4px solid #E3FCF0;box-shadow:0 4px 12px #6a9ffc26}
.ExpertWrapper .ExpertCard h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 8px}
.ExpertWrapper .ExpertCard .RoleLabel{font-size:.95rem;color:#6A9FFC;font-weight:600;margin:0 0 20px;display:block}
.ExpertWrapper .ExpertCard p{font-size:1rem;color:#666;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.TitleSectionWrap{flex-direction:column;padding:40px 20px}
.TitleSectionWrap .img-container{flex:0 0 auto;width:100%}
.CompareSection .FeatureCompareWrap{grid-template-columns:1fr;gap:30px}
.ProcessTimeline .TimelineRow{flex-direction:column!important;gap:30px}
.ProcessTimeline .TimelineRow .ImagePart{flex:0 0 auto;width:100%}
.ProcessTimeline .TimelineRow .StepNumber{left:0;position:relative;margin-bottom:20px}
}
@media (max-width: 640px) {
.TitleSectionWrap .TextContent h1{font-size:2rem}
.techReqHandler h2,.CompareSection h2,.ProcessTimeline h2,.ExpertWrapper h2{font-size:1.8rem}
.techReqHandler{padding:50px 20px}
.CompareSection,.ProcessTimeline,.ExpertWrapper{padding:50px 20px}
.techReqHandler .StatsGrid,.ExpertWrapper .ExpertGrid{grid-template-columns:1fr}
}
.titleWrapper{position:relative;background:linear-gradient(127deg,#6A9FFC 0%,#E3FCF0 100%);padding:80px 20px;overflow:hidden}
.titleWrapper .shapeElement{position:absolute;opacity:.15}
.titleWrapper .shapeElement:nth-child(1){width:280px;height:280px;background:#821E0D;border-radius:50%;top:-60px;right:10%}
.titleWrapper .shapeElement:nth-child(2){width:180px;height:180px;background:#6A9FFC;border-radius:8px;bottom:40px;left:5%;transform:rotate(25deg)}
.titleWrapper .mainContentBox{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.titleWrapper .textBlock{flex:1}
.titleWrapper .pageTitle{font-size:48px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0 0 24px}
.titleWrapper .descText{font-size:18px;color:#2c2c2c;line-height:1.6;margin:0}
.titleWrapper .visualBox{flex:0 0 420px}
.titleWrapper .visualBox img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 12px 24px #00000026}
.toolsWrapper{background:#fff;padding:80px 20px}
.toolsWrapper .containerData{max-width:1200px;margin:0 auto}
.toolsWrapper .sectionHead{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 48px;text-align:center}
.toolsWrapper .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.toolsWrapper .toolCard{background:linear-gradient(145deg,#f8f9fa 0%,#E3FCF0 100%);padding:32px;border-radius:10px;border:2px solid transparent;transition:all .3s ease}
.toolsWrapper .toolCard:hover{border-color:#6A9FFC;transform:translateY(-4px);box-shadow:0 8px 16px #6a9ffc33}
.toolsWrapper .toolCard .iconBox{width:56px;height:56px;background:#6A9FFC;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.toolsWrapper .toolCard .iconBox .material-icons{font-size:28px;color:#fff}
.toolsWrapper .toolCard .cardTitle{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.toolsWrapper .toolCard .cardDesc{font-size:16px;color:#4a4a4a;line-height:1.5;margin:0}
.helpWrapper{background:linear-gradient(85deg,#6A9FFC 0%,#821E0D 100%);padding:80px 20px;position:relative}
.helpWrapper .contentGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.helpWrapper .textArea{color:#fff}
.helpWrapper .textArea .headingText{font-size:38px;font-weight:700;margin:0 0 24px}
.helpWrapper .textArea .infoText{font-size:17px;line-height:1.6;margin:0 0 32px;opacity:.95}
.helpWrapper .textArea .featuresList{list-style:none;padding:0;margin:0}
.helpWrapper .textArea .featuresList li{padding:12px 0 12px 40px;position:relative;font-size:16px}
.helpWrapper .textArea .featuresList li::before{content:'';position:absolute;left:0;top:16px;width:24px;height:24px;background:#E3FCF0;border-radius:50%}
.helpWrapper .textArea .featuresList li::after{content:'✓';position:absolute;left:6px;top:14px;color:#821E0D;font-weight:700;font-size:16px}
.helpWrapper .imageArea img{width:100%;height:460px;object-fit:cover;border-radius:10px;box-shadow:0 16px 32px #0000004d}
.communityWrapper{background:#f5f7fa;padding:80px 20px}
.communityWrapper .containerBox{max-width:1200px;margin:0 auto}
.communityWrapper .headingSec{font-size:36px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 56px}
.communityWrapper .splitLayout{display:flex;gap:48px;align-items:flex-start}
.communityWrapper .splitLayout .profileColumn{flex:0 0 340px;background:#fff;padding:32px;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center}
.communityWrapper .splitLayout .profileColumn img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid #E3FCF0}
.communityWrapper .splitLayout .profileColumn .memberName{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.communityWrapper .splitLayout .profileColumn .memberRole{font-size:16px;color:#6A9FFC;margin:0 0 16px}
.communityWrapper .splitLayout .profileColumn .memberQuote{font-size:15px;color:#4a4a4a;line-height:1.5;font-style:italic;margin:0}
.communityWrapper .splitLayout .statsColumn{flex:1}
.communityWrapper .statsColumn .statItem{background:#fff;padding:28px 32px;margin-bottom:20px;border-radius:8px;border-left:5px solid #6A9FFC;transition:all .3s ease}
.communityWrapper .statsColumn .statItem:hover{box-shadow:0 6px 16px #6a9ffc26;transform:translateX(8px)}
.communityWrapper .statsColumn .statItem .statNumber{font-size:42px;font-weight:700;color:#821E0D;margin:0 0 8px}
.communityWrapper .statsColumn .statItem .statLabel{font-size:18px;color:#2c2c2c;margin:0}
.techWrapper{background:#fff;padding:80px 20px}
.techWrapper .contentContainer{max-width:1200px;margin:0 auto}
.techWrapper .sectionHeader{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.techWrapper .introDesc{font-size:17px;color:#4a4a4a;line-height:1.6;margin:0 0 48px;max-width:800px}
.techWrapper .tabSystem{display:flex;gap:40px}
.techWrapper .tabNav{flex:0 0 280px;display:flex;flex-direction:column;gap:12px}
.techWrapper .tabNav input[type="radio"]{display:none}
.techWrapper .tabNav label{padding:18px 24px;background:#f5f7fa;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;color:#2c2c2c;transition:all .3s ease;border:2px solid transparent}
.techWrapper .tabNav label:hover{background:#E3FCF0;border-color:#6A9FFC}
.techWrapper .tabNav input[type="radio"]:checked + label{background:linear-gradient(135deg,#6A9FFC 0%,#821E0D 100%);color:#fff;border-color:#821E0D}
.techWrapper .tabContent{flex:1}
.techWrapper .tabPanel{display:none;background:#f5f7fa;padding:32px;border-radius:10px;animation:fadeContent .4s ease}
@keyframes fadeContent {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.techWrapper #tab1:checked ~ .tabContent .panel1,.techWrapper #tab2:checked ~ .tabContent .panel2,.techWrapper #tab3:checked ~ .tabContent .panel3{display:block}
.techWrapper .tabPanel .panelTitle{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.techWrapper .tabPanel .panelText{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0 0 20px}
.techWrapper .tabPanel .techList{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.techWrapper .tabPanel .techList li{background:#fff;padding:14px 20px;border-radius:6px;font-size:15px;color:#2c2c2c;list-style:none;border-left:3px solid #6A9FFC}
.formatWrapper{background:linear-gradient(162deg,#E3FCF0 0%,#6A9FFC 100%);padding:80px 20px}
.formatWrapper .containerWrap{max-width:1200px;margin:0 auto}
.formatWrapper .titleSection{text-align:center;margin-bottom:56px}
.formatWrapper .titleSection .mainHead{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.formatWrapper .titleSection .subText{font-size:17px;color:#2c2c2c;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.formatWrapper .formatGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.formatWrapper .formatCard{background:#fff;padding:36px;border-radius:10px;box-shadow:0 6px 16px #0000001a;position:relative;overflow:hidden}
.formatWrapper .formatCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:#821E0D}
.formatWrapper .formatCard .cardHead{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px;padding-left:16px}
.formatWrapper .formatCard .cardInfo{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0 0 20px;padding-left:16px}
.formatWrapper .formatCard .detailsList{list-style:none;margin:0;padding:0}
.formatWrapper .formatCard .detailsList li{padding:10px 0 10px 36px;position:relative;font-size:15px;color:#2c2c2c}
.formatWrapper .formatCard .detailsList li::before{content:'→';position:absolute;left:0;color:#6A9FFC;font-weight:700;font-size:18px}
.processWrapper{background:#fff;padding:80px 20px}
.processWrapper .containerProcess{max-width:1200px;margin:0 auto}
.processWrapper .processHeader{font-size:36px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 56px}
.processWrapper .stepsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.processWrapper .stepsGrid::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#6A9FFC 0%,#821E0D 100%);z-index:0}
.processWrapper .stepItem{background:#f5f7fa;padding:28px 24px;border-radius:10px;text-align:center;position:relative;z-index:1;transition:all .3s ease}
.processWrapper .stepItem:hover{background:#E3FCF0;transform:scale(1.05);box-shadow:0 8px 20px #6a9ffc26}
.processWrapper .stepItem .stepNumber{width:64px;height:64px;background:linear-gradient(135deg,#6A9FFC 0%,#821E0D 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;font-weight:700;color:#fff;box-shadow:0 4px 12px #821e0d4d}
.processWrapper .stepItem .stepTitle{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.processWrapper .stepItem .stepDesc{font-size:14px;color:#4a4a4a;line-height:1.5;margin:0}
.ctaWrapper{background:linear-gradient(95deg,#821E0D 0%,#6A9FFC 100%);padding:80px 20px}
.ctaWrapper .ctaContainer{max-width:900px;margin:0 auto;text-align:center}
.ctaWrapper .ctaHeading{font-size:40px;font-weight:700;color:#fff;margin:0 0 20px}
.ctaWrapper .ctaSubtext{font-size:18px;color:#fff;opacity:.95;line-height:1.6;margin:0 0 36px}
.ctaWrapper .buttonGroup{display:flex;gap:20px;justify-content:center}
.ctaWrapper .btnPrimary,.ctaWrapper .btnSecondary{padding:16px 36px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block}
.ctaWrapper .btnPrimary{background:#fff;color:#821E0D;border:2px solid #fff}
.ctaWrapper .btnPrimary:hover{background:#E3FCF0;transform:translateY(-2px);box-shadow:0 8px 16px #ffffff4d}
.ctaWrapper .btnSecondary{background:transparent;color:#fff;border:2px solid #fff}
.ctaWrapper .btnSecondary:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 1024px) {
.titleWrapper .mainContentBox{flex-direction:column;gap:40px}
.titleWrapper .visualBox{flex:0 0 auto;width:100%;max-width:500px}
.toolsWrapper .gridLayout{grid-template-columns:repeat(2,1fr)}
.helpWrapper .contentGrid{grid-template-columns:1fr;gap:40px}
.communityWrapper .splitLayout{flex-direction:column}
.communityWrapper .splitLayout .profileColumn{flex:0 0 auto;width:100%;max-width:400px;margin:0 auto}
.techWrapper .tabSystem{flex-direction:column}
.techWrapper .tabNav{flex:0 0 auto;flex-direction:row;flex-wrap:wrap}
.formatWrapper .formatGrid{grid-template-columns:1fr}
.processWrapper .stepsGrid{grid-template-columns:repeat(2,1fr)}
.processWrapper .stepsGrid::before{display:none}
}
@media (max-width: 640px) {
.titleWrapper{padding:60px 16px}
.titleWrapper .pageTitle{font-size:32px}
.titleWrapper .descText{font-size:16px}
.toolsWrapper .gridLayout{grid-template-columns:1fr}
.helpWrapper .textArea .headingText{font-size:28px}
.communityWrapper .headingSec,.techWrapper .sectionHeader,.formatWrapper .titleSection .mainHead,.processWrapper .processHeader,.ctaWrapper .ctaHeading{font-size:28px}
.techWrapper .tabNav{flex-direction:column}
.techWrapper .tabPanel .techList{grid-template-columns:1fr}
.processWrapper .stepsGrid{grid-template-columns:1fr}
.ctaWrapper .buttonGroup{flex-direction:column;align-items:center}
.ctaWrapper .btnPrimary,.ctaWrapper .btnSecondary{width:100%;max-width:300px}
}
.HeaderIntro{background:linear-gradient(127deg,#E3FCF0 0%,#6A9FFC 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.HeaderIntro::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,#821E0D 0%,#6A9FFC 100%)}
.intro-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.intro-content{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.intro-content h1{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin:0;font-weight:700}
.intro-content h1::before{content:'';display:block;width:60px;height:4px;background:#821E0D;margin-bottom:20px;transform:skewX(-20deg)}
.intro-desc{font-size:1.1rem;line-height:1.7;color:#2c2c2c;max-width:600px}
.intro-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}
.btn-primary{background:#821E0D;color:#fff;padding:14px 32px;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block;border:2px solid #821E0D;z-index:10;position:relative}
.btn-primary:hover{background:#6a1809;transform:translateY(-2px);box-shadow:0 6px 16px #821e0d4d}
.btn-secondary{background:transparent;color:#1a1a1a;padding:14px 32px;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block;border:2px solid #1a1a1a;z-index:10;position:relative}
.btn-secondary:hover{background:#1a1a1a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a33}
.ContactMethodWrapper{background:#fff;padding:80px 20px}
.method-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contact-card{background:linear-gradient(135deg,#f8f9fa 0%,#E3FCF0 100%);padding:36px 28px;border-radius:8px;border-left:4px solid #6A9FFC;transition:all .3s ease}
.contact-card:hover{transform:translateX(8px);box-shadow:0 8px 24px #6a9ffc33;border-left-color:#821E0D}
.contact-card h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.contact-card p{font-size:1rem;color:#4a4a4a;margin:8px 0;line-height:1.6}
.contact-card a{color:#6A9FFC;text-decoration:none;font-weight:500;transition:color .2s ease}
.contact-card a:hover{color:#821E0D}
.contact-icon{width:48px;height:48px;background:#6A9FFC;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.contact-icon svg{width:24px;height:24px;fill:#fff}
.FormRegion{background:linear-gradient(217deg,#f8f9fa 0%,#E3FCF0 100%);padding:80px 20px}
.form-layout{max-width:720px;margin:0 auto}
.form-header{text-align:center;margin-bottom:48px}
.form-header h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.form-header h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#821E0D 0%,#6A9FFC 100%);margin:16px auto 0}
.form-header p{font-size:1.05rem;color:#4a4a4a;line-height:1.6}
.contact-form-wrapper{background:#fff;padding:48px;border-radius:10px;box-shadow:0 4px 16px #00000014}
.form-group{margin-bottom:28px}
.form-group label{display:block;font-weight:600;color:#2c2c2c;margin-bottom:8px;font-size:.95rem}
.form-group input[type="text"],.form-group input[type="email"]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.form-group input[type="text"]:focus,.form-group input[type="email"]:focus{outline:none;border-color:#6A9FFC;box-shadow:0 0 0 3px #6a9ffc1a}
.radio-group-wrapper{margin-bottom:32px}
.radio-group-wrapper legend{font-weight:600;color:#2c2c2c;margin-bottom:16px;font-size:.95rem}
.radio-options{display:flex;flex-direction:column;gap:12px}
.radio-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;transition:all .3s ease;cursor:pointer}
.radio-item:has(input:checked){border-color:#6A9FFC;background:#6a9ffc0d}
.radio-item input[type="radio"]{width:20px;height:20px;cursor:pointer;accent-color:#6A9FFC}
.radio-item label{cursor:pointer;margin:0;font-weight:500;color:#2c2c2c;flex:1}
.privacy-consent{margin:32px 0;display:flex;align-items:start;gap:12px}
.privacy-consent input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#6A9FFC;flex-shrink:0}
.privacy-consent label{font-size:.9rem;color:#4a4a4a;line-height:1.6;cursor:pointer}
.privacy-consent a{color:#6A9FFC;text-decoration:none;font-weight:500}
.privacy-consent a:hover{color:#821E0D;text-decoration:underline}
.submit-wrapper{text-align:center;margin-top:32px}
.submit-btn{background:#821E0D;color:#fff;padding:16px 48px;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;position:relative}
.submit-btn:hover{background:#6a1809;transform:translateY(-2px);box-shadow:0 6px 20px #821e0d4d}
.submit-btn:active{transform:translateY(0)}
@media (min-width: 640px) {
.intro-content{grid-template-columns:1fr}
.intro-content h1{font-size:3.2rem}
}
@media (min-width: 1024px) {
.intro-content{display:flex;justify-content:space-between;align-items:center}
.intro-text-zone{flex:1;max-width:600px}
.intro-content h1{font-size:3.6rem}
.method-container{grid-template-columns:repeat(3,1fr)}
.radio-options{flex-direction:row;flex-wrap:wrap}
.radio-item{flex:1;min-width:180px}
}
.ConfirmWrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(127deg,#E3FCF0 0%,#fff 45%,#6A9FFC 100%);padding:2rem 1rem}
.confirm-container{max-width:720px;margin:0 auto;width:100%}
.MessageBox{background:#fff;border-radius:8px;box-shadow:0 4px 12px #6a9ffc26;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}
.MessageBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#6A9FFC 0%,#821E0D 100%)}
.success-icon-wrap{margin:0 auto 1.5rem;width:80px;height:80px;position:relative}
.IconCircle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#E3FCF0 0%,#6A9FFC 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6a9ffc40}
.IconCircle .material-icons{font-size:42px;color:#821E0D}
.HeadingPrimary{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;line-height:1.3}
.desc-msg{font-size:1.125rem;color:#4a4a4a;margin:0 0 2rem;line-height:1.6}
.info-set{background:#f8f9fa;border-radius:6px;padding:1.5rem;margin:2rem 0;border-left:4px solid #6A9FFC}
.info-set p{margin:0 0 .5rem;color:#2c2c2c;font-size:.9375rem;line-height:1.5}
.info-set p:last-child{margin-bottom:0}
.info-set strong{color:#821E0D;font-weight:600}
.btn-cluster{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.PrimaryBtn{background:linear-gradient(135deg,#6A9FFC 0%,#4a85e8 100%);color:#fff;padding:.875rem 2rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 6px #6a9ffc4d;display:inline-block}
.PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6a9ffc66;background:linear-gradient(135deg,#4a85e8 0%,#6A9FFC 100%)}
.SecondaryBtn{background:transparent;color:#821E0D;padding:.875rem 2rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;border:2px solid #821E0D;display:inline-block}
.SecondaryBtn:hover{background:#821E0D;color:#fff;transform:translateY(-2px)}
.DecorShape{position:absolute;border-radius:50%;opacity:.08}
.shape-1{width:120px;height:120px;background:#6A9FFC;top:-40px;right:-30px}
.shape-2{width:90px;height:90px;background:#821E0D;bottom:-20px;left:-20px}
.MetaRow{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}
.MetaRow .material-icons{font-size:18px;color:#6A9FFC}
.MetaRow span{font-size:.875rem;color:#666}
@media (max-width: 640px) {
.MessageBox{padding:2rem 1.5rem}
.HeadingPrimary{font-size:1.5rem}
.desc-msg{font-size:1rem}
.btn-cluster{flex-direction:column}
.PrimaryBtn,.SecondaryBtn{width:100%}
.shape-1,.shape-2{display:none}
}
@media (min-width: 641px) and (max-width: 1024px) {
.ConfirmWrapper{padding:3rem 2rem}
.MessageBox{padding:2.5rem 2rem}
}