*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Fira Code',monospace;background:linear-gradient(157deg,#fff 0%,#f5f5f5 50%,#E7E6E6 100%);color:#1a1a1a;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.MastheadContainer{background:linear-gradient(163deg,#0B3766 0%,#1a5088 100%);padding:32px 0;box-shadow:0 4px 12px #0b376626}
.MastheadWrapper{max-width:1366px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.LogoFrame{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}
.BrandImage{height:90px;width:90px;display:block}
.CompanyTitleBlock{flex:1}
.MastheadTitle{font-size:48px;font-weight:700;color:#fff;letter-spacing:-.5px}
.EditorialBarWrapper{background:#fff;border-bottom:3px solid #FF2D25;box-shadow:0 2px 8px #00000014}
.EditorialBarContainer{max-width:1366px;margin:0 auto;padding:0 24px}
.MainNavigationBar{display:flex;gap:4px;align-items:center;padding:16px 0}
.NavLinkItem{padding:12px 24px;color:#0B3766;text-decoration:none;font-weight:400;font-size:15px;transition:background .2s linear,color .2s linear;border-radius:6px}
.NavLinkItem:hover{background:#E7E6E6;color:#0B3766}
.NavItemWithDropdown{position:relative}
.HasSubmenu{cursor:pointer}
.SubmenuPanel{position:absolute;top:100%;left:0;background:#fff;min-width:200px;box-shadow:0 6px 16px #0000001f;border-radius:8px;padding:8px 0;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility .2s linear;margin-top:8px;z-index:1000}
.NavItemWithDropdown:hover .SubmenuPanel{opacity:1;visibility:visible}
.SubmenuLinkItem{display:block;padding:12px 20px;color:#0B3766;text-decoration:none;font-size:14px;transition:background .2s linear}
.SubmenuLinkItem:hover{background:#E7E6E6}
.NavAccent{background:#FF2D25;color:#fff;font-weight:600;margin-left:auto}
.NavAccent:hover{background:#d42420;color:#fff}
main{flex:1}
.FooterPrimarySection{background:#0B3766;padding:56px 0 32px;margin-top:auto}
.FooterContentBox{max-width:1366px;margin:0 auto;padding:0 24px}
.FooterColumnGrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:48px}
.FooterBrandBlock{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.FooterLogoImage{height:60px;width:60px;background:#fff;padding:8px;border-radius:6px}
.FooterCompanyName{font-size:28px;font-weight:700;color:#fff}
.FooterContactDetails{color:#E7E6E6;font-size:14px}
.FooterAddressLine{margin-bottom:4px}
.FooterPhoneText,.FooterEmailText{margin-top:12px}
.FooterContactLink{color:#E7E6E6;text-decoration:none;transition:color .2s linear}
.FooterContactLink:hover{color:#FF2D25}
.FooterColumnHeading{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}
.FooterLegalNav{display:flex;flex-direction:column;gap:12px}
.FooterNavLink{color:#E7E6E6;text-decoration:none;font-size:14px;transition:color .2s linear}
.FooterNavLink:hover{color:#FF2D25}
.FooterButtonGroup{display:flex;flex-direction:column;gap:12px}
.FooterCtaButton{padding:14px 24px;text-decoration:none;font-weight:600;font-size:14px;text-align:center;transition:background .2s linear,transform .2s linear;display:block}
.FooterCtaPrimary{background:#FF2D25;color:#fff;border-radius:0}
.FooterCtaPrimary:hover{background:#d42420;transform:translateY(-2px)}
.FooterCtaSecondary{background:transparent;color:#fff;border:2px solid #fff}
.FooterCtaSecondary:hover{background:#fff;color:#0B3766}
.FooterCtaTertiary{background:transparent;color:#E7E6E6;border:2px solid #E7E6E6}
.FooterCtaTertiary:hover{background:#E7E6E6;color:#0B3766}
.FooterBottomBar{background:#041f3d;padding:20px 0}
.FooterBottomContent{max-width:1366px;margin:0 auto;padding:0 24px;text-align:center}
.FooterCopyrightText{color:#E7E6E6;font-size:13px}
.CookieConsentBar{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 16px #00000026;z-index:10000;transform:translateY(100%);transition:transform .3s linear}
.CookieConsentBar.active{transform:translateY(0)}
.ConsentBarContent{max-width:1366px;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ConsentMessageArea{flex:1}
.ConsentMainText{font-size:14px;color:#1a1a1a;line-height:1.5}
.ConsentPolicyLink{color:#0B3766;text-decoration:underline}
.ConsentControlsArea{display:flex;gap:12px;align-items:center}
.ConsentActionButton{padding:12px 28px;border:none;font-family:'Fira Code',monospace;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s linear,transform .2s linear;border-radius:100px}
.ConsentSettingsToggle{background:transparent;color:#0B3766;border:2px solid #0B3766;padding:10px 24px;border-radius:100px;font-family:'Fira Code',monospace;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s linear}
.ConsentSettingsToggle:hover{background:#E7E6E6}
.ConsentAcceptAll{background:#FF2D25;color:#fff}
.ConsentAcceptAll:hover{background:#d42420}
.ConsentRejectAll{background:#E7E6E6;color:#0B3766}
.ConsentRejectAll:hover{background:#d4d3d3}
.ConsentSettingsPanel{max-height:0;overflow:hidden;transition:max-height .3s linear;background:#f9f9f9;border-top:1px solid #E7E6E6}
.ConsentSettingsPanel.expanded{max-height:400px}
.SettingsPanelContent{max-width:1366px;margin:0 auto;padding:24px}
.SettingsPanelTitle{font-size:18px;font-weight:600;color:#0B3766;margin-bottom:20px}
.ConsentOptionBox{margin-bottom:16px}
.ConsentOptionLabel{display:flex;align-items:center;gap:12px;cursor:pointer}
.ConsentCheckbox{width:20px;height:20px;cursor:pointer}
.ConsentOptionText{font-size:14px;color:#1a1a1a}
.ConsentSavePreferences{background:#0B3766;color:#fff;margin-top:20px}
.ConsentSavePreferences:hover{background:#082a4d}
.ConsentSettingsIcon{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#FF2D25;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #ff2d254d;display:flex;align-items:center;justify-content:center;z-index:9999;transition:background .2s linear,transform .2s linear}
.ConsentSettingsIcon:hover{background:#d42420;transform:scale(1.1)}
.ConsentSettingsIcon .si{font-size:24px;color:#fff}
@media (max-width: 1024px) {
.FooterColumnGrid{grid-template-columns:1fr;gap:32px}
.ConsentBarContent{flex-direction:column;align-items:flex-start}
.ConsentControlsArea{width:100%;flex-wrap:wrap}
.MastheadTitle{font-size:36px}
}
@media (max-width: 640px) {
.MastheadWrapper{flex-direction:column;text-align:center}
.MastheadTitle{font-size:28px}
.MainNavigationBar{flex-direction:column;align-items:stretch}
.NavLinkItem{text-align:center}
.NavAccent{margin-left:0}
.BrandImage{height:70px;width:70px}
.ConsentActionButton{width:100%}
.ConsentSettingsToggle{width:100%}
}
.terms-section{max-width:1366px;margin:0 auto;padding:80px 24px;background:#fff}
.terms-section h1{font-size:42px;font-weight:700;color:#0B3766;line-height:1.2;margin:0 0 48px;letter-spacing:-.5px}
.terms-section h2{font-size:32px;font-weight:600;color:#0B3766;line-height:1.3;margin:56px 0 24px;letter-spacing:-.3px}
.terms-section h3{font-size:24px;font-weight:600;color:#0B3766;line-height:1.4;margin:40px 0 16px}
.terms-section h4{font-size:20px;font-weight:600;color:#0B3766;line-height:1.4;margin:32px 0 12px}
.terms-section h5{font-size:18px;font-weight:600;color:#0B3766;line-height:1.5;margin:24px 0 12px}
.terms-section h6{font-size:16px;font-weight:600;color:#0B3766;line-height:1.5;margin:20px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.terms-section p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px;max-width:800px}
.terms-section ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:disc;max-width:800px}
.terms-section ol{margin:0 0 24px;padding:0 0 0 24px;list-style-type:decimal;max-width:800px}
.terms-section li{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:8px}
.terms-section ul li{list-style-type:disc}
.terms-section ol li{list-style-type:decimal}
.terms-section ul ul{margin:12px 0;list-style-type:circle}
.terms-section ol ol{margin:12px 0;list-style-type:lower-alpha}
.terms-section ul ul ul{list-style-type:square}
.terms-section ol ol ol{list-style-type:lower-roman}
.terms-section strong,.terms-section b{font-weight:600;color:#0B3766}
.terms-section em,.terms-section i{font-style:italic}
.terms-section a{color:#FF2D25;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s linear}
.terms-section a:hover{border-bottom-color:#FF2D25}
.terms-section a:focus{outline:2px solid #FF2D25;outline-offset:2px;border-radius:2px}
.terms-section table{width:100%;max-width:800px;margin:32px 0;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #0b376614;border-radius:8px;overflow:hidden}
.terms-section thead{background:linear-gradient(135deg,#0B3766 0%,#0d4a8a 100%)}
.terms-section thead tr{border:none}
.terms-section thead th{padding:16px 20px;text-align:left;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:none}
.terms-section tbody{background:#fff}
.terms-section tbody tr{border-bottom:1px solid #E7E6E6;transition:background-color .15s linear}
.terms-section tbody tr:last-child{border-bottom:none}
.terms-section tbody tr:hover{background-color:#f8f8f8}
.terms-section tbody td{padding:16px 20px;font-size:15px;line-height:1.6;color:#333;border:none}
.terms-section th{font-weight:600}
.terms-section hr{border:none;height:2px;background:linear-gradient(90deg,#E7E6E6 0%,#0B3766 50%,#E7E6E6 100%);margin:48px 0;max-width:800px}
@media (max-width: 1024px) {
.terms-section{padding:60px 20px}
.terms-section h1{font-size:36px;margin-bottom:36px}
.terms-section h2{font-size:28px;margin-top:48px}
.terms-section h3{font-size:22px;margin-top:32px}
.terms-section table{font-size:14px}
.terms-section thead th{padding:14px 16px;font-size:13px}
.terms-section tbody td{padding:14px 16px;font-size:14px}
}
@media (max-width: 640px) {
.terms-section{padding:40px 16px}
.terms-section h1{font-size:28px;margin-bottom:32px}
.terms-section h2{font-size:24px;margin-top:40px;margin-bottom:20px}
.terms-section h3{font-size:20px;margin-top:28px}
.terms-section h4{font-size:18px}
.terms-section p,.terms-section li{font-size:15px;line-height:1.7}
.terms-section ul,.terms-section ol{padding-left:20px}
.terms-section table{display:block;overflow-x:auto;margin:24px 0;box-shadow:0 2px 6px #0b37660f}
.terms-section thead th{padding:12px 14px;font-size:12px}
.terms-section tbody td{padding:12px 14px;font-size:13px}
.terms-section hr{margin:36px 0}
}
.TitleStage{background:linear-gradient(135deg,#0B3766 0%,#1a4d7f 50%,#FF2D25 100%);padding:140px 20px 100px;position:relative;overflow:hidden}
.TitleStage::before{content:'';position:absolute;width:400px;height:400px;background:#e7e6e61a;border-radius:50%;top:-100px;right:-100px;animation:ShapeFloat 8s linear infinite}
.TitleStage::after{content:'';position:absolute;width:300px;height:300px;background:#ff2d2526;border-radius:8px;bottom:-80px;left:-80px;transform:rotate(25deg);animation:ShapeFloat 10s linear infinite reverse}
@keyframes ShapeFloat {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(30px,-30px) rotate(180deg)}
}
.TitleContentWrap{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.TitleContentWrap h1{color:#fff;font-size:52px;font-weight:700;margin:0 0 24px;letter-spacing:-.5px;text-shadow:2px 4px 12px #0000004d}
.TitleTagline{color:#E7E6E6;font-size:20px;line-height:1.6;margin:0;max-width:700px;margin:0 auto}
.TitleImageBox{margin:60px auto 0;max-width:800px;border-radius:10px;overflow:hidden;box-shadow:0 12px 40px #00000040;position:relative}
.TitleImageBox::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#0b376633 100%);z-index:1}
.TitleImageBox img{width:100%;height:450px;object-fit:cover;display:block;filter:contrast(1.05) grayscale(0.08)}
.StorySection{padding:100px 20px;background:#fff}
.StoryContainer{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.StoryTextBox h2{color:#0B3766;font-size:38px;font-weight:700;margin:0 0 32px;position:relative;padding-left:24px}
.StoryTextBox h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#FF2D25 0%,#0B3766 100%);border-radius:6px}
.StoryTextBox p{color:#333;font-size:17px;line-height:1.8;margin:0 0 22px}
.StoryTextBox p:last-of-type{margin-bottom:0}
.StoryImageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.StoryImageGrid img{width:100%;height:240px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #0b376626;transition:all .3s linear}
.StoryImageGrid img:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0b376640}
.ValuePanelSection{background:linear-gradient(165deg,#E7E6E6 0%,#fff 100%);padding:100px 20px}
.ValuePanelContainer{max-width:1366px;margin:0 auto}
.ValuePanelHeader{text-align:center;margin-bottom:70px}
.ValuePanelHeader h2{color:#0B3766;font-size:40px;font-weight:700;margin:0 0 18px}
.ValuePanelHeader p{color:#555;font-size:18px;line-height:1.7;max-width:700px;margin:0 auto}
.ValueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ValueCard{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 16px #0b37661a;transition:all .3s linear;position:relative;overflow:hidden}
.ValueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF2D25 0%,#0B3766 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
.ValueCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0b376633}
.ValueCard:hover::before{transform:scaleX(1)}
.ValueIcon{width:60px;height:60px;background:linear-gradient(135deg,#0B3766 0%,#FF2D25 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ValueIcon svg{width:32px;height:32px;fill:#fff}
.ValueCard h3{color:#0B3766;font-size:22px;font-weight:700;margin:0 0 16px}
.ValueCard p{color:#444;font-size:16px;line-height:1.7;margin:0}
.TeamShowcase{background:#fff;padding:100px 20px}
.TeamShowcaseContainer{max-width:1366px;margin:0 auto}
.TeamLayout{display:flex;align-items:center;gap:60px}
.TeamProfileBox{flex:0 0 400px;position:relative}
.TeamProfileBox img{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 16px 48px #0b376633}
.TeamContentPanel{flex:1}
.TeamContentPanel h2{color:#0B3766;font-size:36px;font-weight:700;margin:0 0 28px;position:relative;display:inline-block}
.TeamContentPanel h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#FF2D25 0%,transparent 100%)}
.TeamContentPanel p{color:#333;font-size:17px;line-height:1.8;margin:0 0 20px}
.ExpertiseList{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ExpertiseList li{color:#444;font-size:16px;padding-left:32px;position:relative}
.ExpertiseList li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:linear-gradient(135deg,#FF2D25 0%,#0B3766 100%);border-radius:4px}
@media (max-width: 1024px) {
.TitleContentWrap h1{font-size:42px}
.TitleImageBox img{height:350px}
.StoryContainer{grid-template-columns:1fr;gap:50px}
.ValueGrid{grid-template-columns:repeat(2,1fr)}
.TeamLayout{flex-direction:column;gap:40px}
.TeamProfileBox{flex:0 0 auto;width:100%;max-width:500px}
.TeamProfileBox img{height:600px}
.ExpertiseList{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.TitleStage{padding:100px 20px 70px}
.TitleContentWrap h1{font-size:32px}
.TitleTagline{font-size:17px}
.TitleImageBox{margin-top:40px}
.TitleImageBox img{height:280px}
.StorySection{padding:70px 20px}
.StoryTextBox h2{font-size:30px}
.StoryImageGrid{grid-template-columns:1fr}
.StoryImageGrid img{height:280px}
.ValuePanelSection{padding:70px 20px}
.ValuePanelHeader h2{font-size:32px}
.ValueGrid{grid-template-columns:1fr}
.TeamShowcase{padding:70px 20px}
.TeamProfileBox img{height:450px}
.TeamContentPanel h2{font-size:28px}
}
.HeroWrap{position:relative;background:linear-gradient(127deg,#0B3766 0%,#1a4d7a 100%);padding:120px 20px 100px;overflow:hidden;min-height:520px;display:flex;align-items:center;justify-content:center}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:linear-gradient(217deg,#ff2d2526,transparent);border-radius:50%;animation:parallaxFloat 25s ease-in-out infinite}
@keyframes parallaxFloat {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.HeroWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:linear-gradient(142deg,#e7e6e614,transparent);border-radius:50%;animation:parallaxFloatAlt 20s linear infinite}
@keyframes parallaxFloatAlt {
0%,100%{transform:translate(0,0)}
50%{transform:translate(40px,-30px)}
}
.HeroInner{max-width:1366px;width:100%;margin:0 auto;display:grid;grid-template-columns:280px 1fr 280px;gap:60px;align-items:center;position:relative;z-index:2}
.HeroImageBox{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 12px 36px #00000040}
.HeroImageBox img{width:100%;height:360px;object-fit:cover;display:block;filter:blur(1px);transition:filter .4s linear}
.HeroImageBox:hover img{filter:blur(0)}
.HeroTextCenter{text-align:center;color:#fff;padding:0 20px}
.HeroTextCenter h1{font-size:46px;margin:0 0 24px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
.HeroTextCenter p{font-size:19px;line-height:1.6;margin:0;opacity:.92}
.MetricsSection{background:#fff;padding:100px 20px}
.MetricsContainer{max-width:1366px;margin:0 auto}
.MetricsHeader{text-align:center;margin-bottom:70px}
.MetricsHeader h2{font-size:38px;color:#0B3766;margin:0 0 16px;font-weight:700}
.MetricsHeader p{font-size:18px;color:#555;line-height:1.6;max-width:740px;margin:0 auto}
.MetricsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.MetricCard{background:linear-gradient(135deg,#E7E6E6 0%,#f5f5f5 100%);padding:48px 32px;border-radius:10px;text-align:center;position:relative;overflow:hidden;transition:transform .4s linear,box-shadow .4s linear;border:2px solid transparent}
.MetricCard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,#FF2D25,#0B3766);transition:left .4s linear}
.MetricCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0b376626;border-color:#0B3766}
.MetricCard:hover::before{left:0}
.MetricValue{font-size:52px;font-weight:700;color:#FF2D25;margin:0 0 12px;line-height:1}
.MetricLabel{font-size:17px;color:#0B3766;font-weight:600;margin:0 0 8px}
.MetricDescription{font-size:14px;color:#666;line-height:1.5;margin:0}
.ExpertsSection{background:linear-gradient(162deg,#0B3766 0%,#164271 100%);padding:100px 20px;position:relative}
.ExpertsSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff4d,transparent)}
.ExpertsContainer{max-width:1366px;margin:0 auto}
.ExpertsSectionHeader{text-align:center;margin-bottom:80px}
.ExpertsSectionHeader h2{font-size:38px;color:#fff;margin:0 0 20px;font-weight:700}
.ExpertsSectionHeader p{font-size:18px;color:#ffffffd9;line-height:1.6;max-width:700px;margin:0 auto}
.ExpertsLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ExpertProfile{background:#ffffff14;padding:50px 40px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid #ffffff26}
.ProfileHeader{display:flex;align-items:center;margin-bottom:32px;gap:28px}
.ProfileImageWrapper{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid #FF2D25;flex-shrink:0}
.ProfileImageWrapper img{width:100%;height:100%;object-fit:cover;display:block}
.ProfileInfo h3{font-size:26px;color:#fff;margin:0 0 8px;font-weight:700}
.ProfileInfo p{font-size:16px;color:#E7E6E6;margin:0}
.ProfileDetails{color:#ffffffe6;font-size:16px;line-height:1.7}
.ProfileDetails p{margin:0 0 18px}
.ProfileDetails p:last-child{margin-bottom:0}
.ExpertShowcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ShowcaseImage{border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d}
.ShowcaseImage img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s linear}
.ShowcaseImage:hover img{transform:scale(1.05)}
.FeedbackSection{background:#fff;padding:100px 20px}
.FeedbackContainer{max-width:1366px;margin:0 auto}
.FeedbackHeader{margin-bottom:70px}
.FeedbackHeader h2{font-size:38px;color:#0B3766;margin:0 0 18px;font-weight:700}
.FeedbackHeader p{font-size:18px;color:#555;line-height:1.6;max-width:820px}
.FeedbackGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.TestimonialCard{background:linear-gradient(145deg,#f9f9f9 0%,#E7E6E6 100%);padding:42px 38px;border-radius:10px;position:relative;border-left:4px solid #FF2D25;transition:transform .4s linear,box-shadow .4s linear}
.TestimonialCard:hover{transform:translateX(8px);box-shadow:0 12px 32px #0b37661f}
.TestimonialContent{margin-bottom:28px}
.TestimonialContent p{font-size:17px;color:#333;line-height:1.7;margin:0 0 16px;font-style:italic}
.TestimonialAuthor{display:flex;align-items:center;gap:20px}
.AuthorPhoto{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid #0B3766;flex-shrink:0}
.AuthorPhoto img{width:100%;height:100%;object-fit:cover;display:block}
.AuthorInfo h4{font-size:19px;color:#0B3766;margin:0 0 6px;font-weight:700}
.AuthorInfo p{font-size:14px;color:#666;margin:0}
.CtaSection{background:linear-gradient(148deg,#FF2D25 0%,#d92620 100%);padding:90px 20px;text-align:center}
.CtaContent{max-width:1366px;margin:0 auto}
.CtaContent h2{font-size:40px;color:#fff;margin:0 0 24px;font-weight:700}
.CtaContent p{font-size:19px;color:#fffffff2;line-height:1.6;margin:0 0 40px;max-width:760px;margin-left:auto;margin-right:auto}
.CtaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ButtonPrimary{display:inline-block;padding:18px 44px;background:#fff;color:#0B3766;font-size:17px;font-weight:700;text-decoration:none;border-radius:8px;transition:transform .4s linear,box-shadow .4s linear;box-shadow:0 8px 20px #00000026}
.ButtonPrimary:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000040}
.ButtonSecondary{display:inline-block;padding:18px 44px;background:transparent;color:#fff;font-size:17px;font-weight:700;text-decoration:none;border-radius:8px;border:2px solid #fff;transition:background .4s linear,color .4s linear}
.ButtonSecondary:hover{background:#fff;color:#FF2D25}
@media (max-width: 1024px) {
.HeroInner{grid-template-columns:1fr;gap:40px}
.HeroImageBox{max-width:400px;margin:0 auto}
.HeroImageBox img{height:280px}
.HeroTextCenter h1{font-size:38px}
.MetricsGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.ExpertsLayout{grid-template-columns:1fr;gap:50px}
.ExpertShowcase{grid-template-columns:1fr}
.FeedbackGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.HeroWrap{padding:80px 20px 70px;min-height:400px}
.HeroTextCenter h1{font-size:32px;margin-bottom:18px}
.HeroTextCenter p{font-size:17px}
.HeroImageBox img{height:240px}
.MetricsSection{padding:70px 20px}
.MetricsHeader h2{font-size:30px}
.MetricsGrid{grid-template-columns:1fr;gap:24px}
.MetricCard{padding:36px 24px}
.MetricValue{font-size:44px}
.ExpertsSection{padding:70px 20px}
.ExpertsSectionHeader{margin-bottom:60px}
.ExpertsSectionHeader h2{font-size:30px}
.ExpertProfile{padding:36px 28px}
.ProfileHeader{flex-direction:column;text-align:center;gap:20px}
.ShowcaseImage img{height:220px}
.FeedbackSection{padding:70px 20px}
.FeedbackHeader h2{font-size:30px}
.TestimonialCard{padding:32px 24px}
.CtaSection{padding:70px 20px}
.CtaContent h2{font-size:32px}
.CtaButtons{flex-direction:column;align-items:center}
.ButtonPrimary,.ButtonSecondary{width:100%;max-width:320px;text-align:center}
}
.ContactPage{width:100%;max-width:1366px;margin:0 auto;padding:0}
.HeroContactBox{background:linear-gradient(128deg,#0B3766 0%,#FF2D25 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroContactBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:40px 40px;opacity:.4}
.HeroContactBox .CenterAnchor{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.HeroContactBox .MainHeadline{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.HeroContactBox .SubTextLine{font-size:20px;line-height:1.6;color:#ffffffeb;margin:0 0 16px}
.HeroContactBox .ContextParagraph{font-size:17px;line-height:1.65;color:#ffffffd9;margin:0}
.FormContactSection{background:#fff;padding:100px 20px}
.FormContactSection .InnerFormWrapper{max-width:960px;margin:0 auto;display:flex;gap:60px;align-items:flex-start}
.FormContactSection .ContactDataBox{flex:0 0 320px}
.FormContactSection .SectionLabel{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#FF2D25;margin:0 0 20px;font-weight:600}
.FormContactSection .ContactTitle{font-size:32px;line-height:1.3;color:#0B3766;margin:0 0 32px;font-weight:700}
.ContactItemBlock{margin:0 0 28px}
.ContactItemBlock .ItemLabel{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#666;margin:0 0 8px;font-weight:600}
.ContactItemBlock .ItemValue{font-size:16px;line-height:1.6;color:#0B3766;margin:0}
.ContactItemBlock .ItemValue a{color:#0B3766;text-decoration:none;transition:color .2s linear}
.ContactItemBlock .ItemValue a:hover{color:#FF2D25}
.FormContactSection .ActualFormBox{flex:1;background:#F8F8F8;padding:48px;border-radius:8px;box-shadow:0 4px 16px #0b376614}
.FormContactSection .FormHeadingText{font-size:24px;line-height:1.4;color:#0B3766;margin:0 0 32px;font-weight:600}
.FormContactSection .ContactFormElement{width:100%}
.FormFieldWrapper{margin:0 0 24px}
.FormFieldWrapper .FieldLabelText{display:block;font-size:15px;color:#0B3766;margin:0 0 8px;font-weight:600}
.FormFieldWrapper .InputTextBox{width:100%;padding:14px 16px;font-size:16px;border:2px solid #E7E6E6;border-radius:6px;background:#fff;color:#0B3766;transition:border-color .2s linear}
.FormFieldWrapper .InputTextBox:focus{outline:none;border-color:#FF2D25}
.FormFieldWrapper .PhoneInputBox{width:100%;padding:14px 16px;font-size:16px;border:2px solid #E7E6E6;border-radius:6px;background:#fff;color:#0B3766;transition:border-color .2s linear}
.FormFieldWrapper .PhoneInputBox:focus{outline:none;border-color:#FF2D25}
.PreferenceFieldBox{margin:0 0 24px}
.PreferenceFieldBox .FieldLabelText{display:block;font-size:15px;color:#0B3766;margin:0 0 12px;font-weight:600}
.ToggleChoiceWrapper{display:flex;gap:16px;flex-wrap:wrap}
.ToggleChoiceWrapper input[type="radio"]{display:none}
.ToggleChoiceWrapper .ChoiceLabelBox{padding:12px 24px;background:#fff;border:2px solid #E7E6E6;border-radius:6px;font-size:15px;color:#0B3766;cursor:pointer;transition:all .2s linear;font-weight:500}
.ToggleChoiceWrapper input[type="radio"]:checked + .ChoiceLabelBox{background:#0B3766;color:#fff;border-color:#0B3766}
.ToggleChoiceWrapper .ChoiceLabelBox:hover{border-color:#FF2D25}
.PrivacyConsentBox{margin:0 0 28px}
.PrivacyConsentBox input[type="checkbox"]{display:none}
.PrivacyConsentBox .CheckboxLabelText{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;color:#666;cursor:pointer}
.PrivacyConsentBox .CheckboxLabelText::before{content:'';flex-shrink:0;width:20px;height:20px;border:2px solid #E7E6E6;border-radius:4px;background:#fff;transition:all .2s linear}
.PrivacyConsentBox input[type="checkbox"]:checked + .CheckboxLabelText::before{background:#0B3766;border-color:#0B3766;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'%3E%3Cpath fill='%23ffffff' d='M1 5.5L5 9.5L13 1.5' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.PrivacyConsentBox .CheckboxLabelText a{color:#FF2D25;text-decoration:none}
.PrivacyConsentBox .CheckboxLabelText a:hover{text-decoration:underline}
.FormContactSection .SubmitButtonBox{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#FF2D25 0%,#0B3766 100%);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:transform .2s linear,box-shadow .2s linear;text-transform:uppercase;letter-spacing:1px}
.FormContactSection .SubmitButtonBox:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff2d254d}
.FormContactSection .SubmitButtonBox:active{transform:translateY(0)}
@media (max-width: 1024px) {
.FormContactSection .InnerFormWrapper{flex-direction:column;gap:48px}
.FormContactSection .ContactDataBox{flex:1 1 auto}
.HeroContactBox .MainHeadline{font-size:40px}
}
@media (max-width: 640px) {
.HeroContactBox{padding:60px 20px}
.HeroContactBox .MainHeadline{font-size:32px}
.HeroContactBox .SubTextLine{font-size:18px}
.FormContactSection{padding:60px 20px}
.FormContactSection .ActualFormBox{padding:32px 24px}
.FormContactSection .ContactTitle{font-size:26px}
.FormContactSection .FormHeadingText{font-size:20px}
.ToggleChoiceWrapper{flex-direction:column}
.ToggleChoiceWrapper .ChoiceLabelBox{text-align:center}
}
.CircularHeroFrame{background:linear-gradient(157deg,#0B3766 0%,#1a4d7a 100%);padding:80px 20px;position:relative;overflow:hidden}
.CircularHeroFrame::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:linear-gradient(225deg,#ff2d2526 0%,transparent 70%);z-index:1}
.CircularHeroFrame::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;border-radius:50%;background:linear-gradient(45deg,#e7e6e614 0%,transparent 60%);z-index:1}
.HeroInnerContent{max-width:1366px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.CenterTextCircle{background:#fffffff2;border-radius:50%;width:520px;height:520px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #0b376640;position:relative;padding:60px}
.CenterTextCircle::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid #ff2d2533;border-radius:50%}
.HeroTitleWrap h1{font-size:42px;line-height:1.3;color:#0B3766;text-align:center;margin:0;font-weight:700}
.HeroTitleWrap .PauseBreak{display:block;margin:12px 0;color:#FF2D25}
.DecorativeShapeBox{position:absolute;z-index:3}
.DecorativeShapeBox.TopLeft{top:15%;left:12%;width:80px;height:80px;background:linear-gradient(135deg,#FF2D25 0%,#ff5a54 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:.9}
.DecorativeShapeBox.TopRight{top:20%;right:15%;width:60px;height:60px;border:4px solid #E7E6E6;border-radius:50%;background:transparent}
.DecorativeShapeBox.BottomLeft{bottom:18%;left:18%;width:70px;height:70px;background:linear-gradient(45deg,#E7E6E6 0%,#f5f5f5 100%);transform:rotate(45deg);border-radius:8px}
.DecorativeShapeBox.BottomRight{bottom:15%;right:10%;width:90px;height:90px;border:5px solid #ff2d254d;clip-path:polygon(50% 0%,100% 100%,0% 100%)}
.ProcessLayoutArea{background:#fff;padding:90px 20px}
.ProcessContentBlock{max-width:1366px;margin:0 auto}
.ProcessIntroText{max-width:780px;margin:0 auto 70px;text-align:center}
.ProcessIntroText h2{font-size:36px;color:#0B3766;margin:0 0 20px;font-weight:700}
.ProcessIntroText h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF2D25 0%,#ff6b65 100%);margin:16px auto 0;border-radius:4px}
.ProcessIntroText p{font-size:18px;line-height:1.7;color:#333;margin:0}
.TimelineWrapper{position:relative;padding:40px 0}
.TimelineConnector{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#E7E6E6 0%,#c5c4c4 100%);transform:translateX(-50%)}
.StageItemBox{display:flex;align-items:center;margin-bottom:60px;position:relative}
.StageItemBox:nth-child(odd){flex-direction:row}
.StageItemBox:nth-child(even){flex-direction:row-reverse}
.StageContentSide{flex:1;padding:0 50px}
.StageItemBox:nth-child(odd) .StageContentSide{text-align:right}
.StageItemBox:nth-child(even) .StageContentSide{text-align:left}
.StageMarkerCircle{width:60px;height:60px;background:#fff;border:5px solid #FF2D25;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#FF2D25;position:relative;z-index:2;box-shadow:0 4px 16px #ff2d2533}
.StageContentSide h3{font-size:24px;color:#0B3766;margin:0 0 12px;font-weight:700}
.StageContentSide p{font-size:16px;line-height:1.6;color:#555;margin:0}
.StageImagePreview{flex:1;padding:0 50px}
.StageImagePreview img{width:100%;height:320px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0b376626}
.InteractiveGridSection{background:linear-gradient(231deg,#f8f8f8 0%,#E7E6E6 100%);padding:90px 20px}
.GridContentContainer{max-width:1366px;margin:0 auto}
.GridHeaderArea{text-align:center;margin-bottom:60px}
.GridHeaderArea h2{font-size:36px;color:#0B3766;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.GridHeaderArea h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:45px;height:45px;background:#FF2D25;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:.3}
.GridHeaderArea h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:45px;height:45px;background:#FF2D25;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:.3}
.GridHeaderArea p{font-size:17px;line-height:1.6;color:#444;max-width:680px;margin:0 auto}
.PersonCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.PersonCardItem{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #0b37661f;transition:transform .3s linear,box-shadow .3s linear}
.PersonCardItem:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0b376633}
.PersonImageFrame{width:100%;height:280px;overflow:hidden;position:relative}
.PersonImageFrame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent 0%,#0b3766b3 100%)}
.PersonImageFrame img{width:100%;height:100%;object-fit:cover;transition:transform .4s linear}
.PersonCardItem:hover .PersonImageFrame img{transform:scale(1.08)}
.PersonDetailsBox{padding:30px 24px}
.PersonDetailsBox h4{font-size:20px;color:#0B3766;margin:0 0 8px;font-weight:700}
.PersonRoleLabel{font-size:14px;color:#FF2D25;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;display:block}
.PersonDetailsBox p{font-size:15px;line-height:1.6;color:#666;margin:0}
.QuoteMarkIcon{width:28px;height:28px;margin-bottom:10px;opacity:.4}
@media (max-width: 1024px) {
.CenterTextCircle{width:420px;height:420px;padding:50px}
.HeroTitleWrap h1{font-size:34px}
.DecorativeShapeBox.TopLeft,.DecorativeShapeBox.BottomRight{display:none}
.StageContentSide,.StageImagePreview{padding:0 30px}
.PersonCardGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 640px) {
.CircularHeroFrame{padding:60px 20px}
.CenterTextCircle{width:320px;height:320px;padding:40px 30px}
.HeroTitleWrap h1{font-size:26px}
.DecorativeShapeBox{display:none}
.ProcessLayoutArea,.InteractiveGridSection{padding:60px 20px}
.ProcessIntroText h2,.GridHeaderArea h2{font-size:28px}
.TimelineConnector{left:30px}
.StageItemBox{flex-direction:column!important;margin-bottom:50px}
.StageMarkerCircle{position:absolute;left:0;top:0}
.StageContentSide{padding:0 0 0 80px !important;text-align:left!important;margin-bottom:20px}
.StageImagePreview{padding:0!important;width:100%}
.StageImagePreview img{height:240px}
.PersonCardGrid{grid-template-columns:1fr;gap:24px}
.GridHeaderArea h2::before,.GridHeaderArea h2::after{display:none}
}
.SuccessPageWrapper{background:linear-gradient(158deg,#E7E6E6 0%,#fff 45%,#E7E6E6 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.SuccessContentBox{max-width:820px;margin:0 auto;text-align:center;position:relative}
.SuccessContentBox::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:140px;height:140px;background:linear-gradient(225deg,#0B3766 0%,#FF2D25 100%);border-radius:50%;opacity:.12;z-index:1}
.SuccessContentBox::after{content:'';position:absolute;bottom:-40px;right:-30px;width:200px;height:200px;background:linear-gradient(45deg,#FF2D25 0%,#0B3766 100%);border-radius:8px;opacity:.06;transform:rotate(12deg);z-index:1}
.SuccessIconContainer{width:110px;height:110px;margin:0 auto 32px;background:linear-gradient(135deg,#0B3766 0%,#1a4d7a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0b376633 0 2px 8px #0b37661a;position:relative;z-index:2}
.CheckmarkSVG{width:56px;height:56px}
.CheckmarkPath{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s linear .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.MainHeadingSuccess{font-size:42px;font-weight:700;color:#0B3766;margin:0 0 20px;line-height:1.2;position:relative;z-index:2}
.SubTextSuccess{font-size:19px;line-height:1.7;color:#2d3748;margin:0 0 16px;position:relative;z-index:2}
.InfoBlockSuccess{background:#fff;border:2px solid #0b37661a;border-radius:10px;padding:32px 40px;margin:40px 0 0;position:relative;z-index:2;box-shadow:0 4px 16px #0000000d}
.InfoBlockSuccess::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0B3766 0%,#FF2D25 100%);border-radius:10px 0 0 10px}
.InfoHeadingBox{font-size:22px;font-weight:600;color:#0B3766;margin:0 0 20px}
.DetailListSuccess{list-style:none;padding:0;margin:0;text-align:left}
.DetailItemSuccess{padding:14px 0;border-bottom:1px solid #0b376614;display:flex;align-items:flex-start;gap:14px}
.DetailItemSuccess:last-child{border-bottom:none}
.DetailIconBox{width:24px;height:24px;background:linear-gradient(135deg,#0B3766 0%,#1a4d7a 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.DetailIconBox svg{width:14px;height:14px;fill:#fff}
.DetailTextContent{flex:1}
.DetailLabelText{font-size:15px;font-weight:600;color:#0B3766;margin:0 0 4px}
.DetailDescText{font-size:15px;color:#4a5568;margin:0;line-height:1.6}
.ContactPromptBox{margin:36px 0 0;padding:24px;background:linear-gradient(135deg,#0b37660a 0%,#ff2d250a 100%);border-radius:10px;position:relative;z-index:2}
.ContactPromptText{font-size:16px;color:#2d3748;margin:0 0 16px;line-height:1.6}
.ContactLinkBox{display:inline-flex;align-items:center;gap:8px;color:#0B3766;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s linear;border-bottom:2px solid transparent}
.ContactLinkBox:hover{color:#FF2D25;border-bottom-color:#FF2D25}
.ContactLinkBox svg{width:18px;height:18px;fill:currentColor}
@media (max-width: 1024px) {
.SuccessPageWrapper{padding:60px 20px}
.MainHeadingSuccess{font-size:36px}
.SubTextSuccess{font-size:17px}
.InfoBlockSuccess{padding:28px 32px}
}
@media (max-width: 640px) {
.SuccessPageWrapper{padding:50px 16px}
.SuccessContentBox::after{width:120px;height:120px;right:-15px;bottom:-20px}
.SuccessIconContainer{width:90px;height:90px;margin-bottom:24px}
.CheckmarkSVG{width:46px;height:46px}
.MainHeadingSuccess{font-size:28px;margin-bottom:16px}
.SubTextSuccess{font-size:16px;margin-bottom:12px}
.InfoBlockSuccess{padding:24px 20px;margin-top:32px}
.InfoHeadingBox{font-size:19px;margin-bottom:16px}
.DetailItemSuccess{flex-direction:column;gap:10px;padding:12px 0}
.DetailIconBox{margin-top:0}
.DetailLabelText{font-size:14px}
.DetailDescText{font-size:14px}
.ContactPromptBox{padding:20px 16px;margin-top:28px}
.ContactPromptText{font-size:15px;margin-bottom:14px}
.ContactLinkBox{font-size:15px}
}