html,body{margin:0;padding:0;box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{font-family:'Cabin',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fafafa}
.SiteHeader{background:linear-gradient(135deg,#fff 0%,#f5f9fc 100%);box-shadow:0 2px 12px #2e9ff014}
.HeaderTopRow{border-bottom:1px solid #2e9ff026;padding:20px 0}
.header-container-wrap{max-width:1600px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}
.LogoBlock{display:flex;align-items:center}
.logo-link-wrapper{display:block;line-height:0}
.SiteLogo{height:95px;width:95px;display:block;background:#fff9;padding:8px;border-radius:8px;box-shadow:0 4px 16px #2e9ff01f}
.MainNavigation{display:flex;gap:36px;align-items:center}
.MainNavigation .NavLink{font-family:'Bitter',serif;font-size:16px;font-weight:600;color:#2a2a2a;text-decoration:none;transition:color 180ms;position:relative}
.MainNavigation .NavLink:hover{color:#2E9FF0}
.HeaderBottomRow{padding:16px 0;background:#2e9ff008}
.CompanyNameDisplay{text-align:center}
.company-txt{font-size:14px;font-weight:400;color:#5a5a5a;letter-spacing:.3px}
.SiteFooter{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:60px 0 30px;margin-top:80px;border-top:3px solid #2E9FF0}
.footer-contain-wrapper{max-width:1600px;margin:0 auto;padding:0 40px}
.FooterTopSection{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:40px;border-bottom:1px solid #ffffff1a}
.FooterColumn .FooterHeading{font-family:'Bitter',serif;font-size:18px;font-weight:700;color:#2E9FF0;margin:0 0 20px}
.ContactDetails .contact-item{margin:0 0 14px;display:flex;align-items:flex-start;gap:10px;font-size:15px}
.ContactDetails .contact-item .jam{color:#2E9FF0;font-size:18px;margin-top:2px}
.ContactDetails .contact-item a{color:#e0e0e0;text-decoration:none;transition:color 150ms}
.ContactDetails .contact-item a:hover{color:#2E9FF0}
.addr-block{flex-direction:row}
.FooterNav{display:flex;flex-direction:column;gap:12px}
.FooterNav .FooterLink{color:#e0e0e0;text-decoration:none;font-size:15px;transition:color 150ms;display:inline-block}
.FooterNav .FooterLink:hover{color:#2E9FF0}
.footer-desc{font-size:14px;line-height:1.7;color:#b0b0b0;margin:0}
.FooterBottomSection{padding-top:30px;text-align:center}
.CopyrightText{font-size:14px;color:#888;margin:0}
.CookieConsentPopup{position:fixed;top:20px;right:20px;width:340px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:10000;transform:translateX(0);transition:transform 300ms,opacity 300ms;border:2px solid #2E9FF0}
.CookieConsentPopup.is-hidden{transform:translateX(-120%);opacity:0;pointer-events:none}
.consent-inner-wrapper{padding:24px}
.consent-header-block .consent-title{font-family:'Bitter',serif;font-size:18px;font-weight:700;color:#2a2a2a;margin:0 0 14px}
.consent-content-area .consent-text{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.consent-actions-row{display:flex;flex-direction:column;gap:10px}
.ConsentButton{padding:10px 18px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background 180ms,opacity 180ms;font-family:'Cabin',sans-serif}
.ConsentButton.accept-btn{background:#2E9FF0;color:#fff}
.ConsentButton.accept-btn:hover{background:#2589d6}
.ConsentButton.decline-btn{background:#A12C14;color:#fff}
.ConsentButton.decline-btn:hover{background:#8a2511}
.ConsentButton.settings-btn{background:transparent;color:#2E9FF0;border:1px solid #2E9FF0}
.ConsentButton.settings-btn:hover{background:#2e9ff014}
.CookieSettingsPanel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 12px 48px #00000040;z-index:10001;transition:opacity 250ms}
.CookieSettingsPanel.is-hidden{opacity:0;pointer-events:none}
.settings-inner-wrap{padding:32px}
.settings-header-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.settings-headline{font-family:'Bitter',serif;font-size:22px;font-weight:700;color:#2a2a2a;margin:0}
.CloseSettingsBtn{background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;transition:color 150ms}
.CloseSettingsBtn:hover{color:#A12C14}
.settings-policy-link{margin-bottom:24px}
.policy-link-txt{color:#2E9FF0;text-decoration:underline;font-size:14px;transition:color 150ms}
.policy-link-txt:hover{color:#2589d6}
.settings-content-block{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}
.CookieCategory{border:1px solid #e0e0e0;border-radius:8px;padding:18px;background:#fafafa}
.category-header-row{margin-bottom:10px}
.category-label-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}
.CategoryCheckbox{width:18px;height:18px;cursor:pointer}
.category-name-txt{font-weight:600;font-size:15px;color:#2a2a2a}
.category-description{font-size:13px;line-height:1.5;color:#5a5a5a;margin:0}
.settings-actions-area{display:flex;gap:12px}
.SettingsActionBtn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background 180ms;font-family:'Cabin',sans-serif}
.SettingsActionBtn.save-preferences-btn{background:#2E9FF0;color:#fff}
.SettingsActionBtn.save-preferences-btn:hover{background:#2589d6}
.SettingsActionBtn.accept-all-btn{background:#4a4a4a;color:#fff}
.SettingsActionBtn.accept-all-btn:hover{background:#3a3a3a}
@media (max-width: 1024px) {
.header-container-wrap{padding:0 30px}
.MainNavigation{gap:24px}
.FooterTopSection{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.header-container-wrap{flex-direction:column;gap:20px;padding:0 20px}
.MainNavigation{flex-wrap:wrap;justify-content:center;gap:16px}
.MainNavigation .NavLink{font-size:15px}
.SiteLogo{height:75px;width:75px}
.CookieConsentPopup{width:calc(100% - 40px);right:20px}
.CookieSettingsPanel{width:95%}
.settings-inner-wrap{padding:24px}
.settings-actions-area{flex-direction:column}
}
@media (max-width: 480px) {
.header-container-wrap{padding:0 15px}
.MainNavigation{gap:12px}
.MainNavigation .NavLink{font-size:14px}
.company-txt{font-size:13px}
.footer-contain-wrapper{padding:0 20px}
}
.policy-data{max-width:1600px;margin:0 auto;padding:80px 24px 120px;background:#fff}
.policy-data h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.policy-data h2{font-size:36px;font-weight:600;color:#2a2a2a;margin:64px 0 24px;line-height:1.3;border-bottom:3px solid #2E9FF0;padding-bottom:12px}
.policy-data h3{font-size:28px;font-weight:600;color:#3a3a3a;margin:48px 0 20px;line-height:1.4}
.policy-data h4{font-size:22px;font-weight:600;color:#4a4a4a;margin:36px 0 16px;line-height:1.4}
.policy-data h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 12px;line-height:1.5}
.policy-data h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 12px;line-height:1.5}
.policy-data p{font-size:17px;line-height:1.8;color:#444;margin:0 0 24px}
.policy-data a{color:#2E9FF0;text-decoration:none;border-bottom:1px solid #2e9ff04d;transition:all 200ms ease}
.policy-data a:hover{color:#1a7ec8;border-bottom-color:#1a7ec8}
.policy-data ul{margin:0 0 28px;padding:0 0 0 28px;list-style:none}
.policy-data ul li{font-size:17px;line-height:1.8;color:#444;margin:0 0 16px;padding-left:20px;position:relative}
.policy-data ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#2E9FF0;border-radius:50%}
.policy-data ol{margin:0 0 28px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.policy-data ol li{font-size:17px;line-height:1.8;color:#444;margin:0 0 16px;padding-left:32px;position:relative;counter-increment:policy-counter}
.policy-data ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#2E9FF0;font-size:18px}
.policy-data ul ul,.policy-data ul ol,.policy-data ol ul,.policy-data ol ol{margin:16px 0 0}
.policy-data ul ul li::before{background:#A12C14;width:6px;height:6px;top:13px}
.policy-data strong,.policy-data b{font-weight:600;color:#2a2a2a}
.policy-data em,.policy-data i{font-style:italic;color:#555}
.policy-data table{width:100%;margin:32px 0 40px;border-collapse:collapse;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #2e9ff014}
.policy-data thead{background:linear-gradient(135deg,#2E9FF0 0%,#1a7ec8 100%)}
.policy-data thead tr{border:none}
.policy-data thead th{padding:18px 20px;text-align:left;font-size:16px;font-weight:600;color:#fff;border-bottom:none}
.policy-data tbody{background:#fff}
.policy-data tbody tr{border-bottom:1px solid #e5e5e5;transition:background 150ms ease}
.policy-data tbody tr:last-child{border-bottom:none}
.policy-data tbody tr:hover{background:#2e9ff00a}
.policy-data td{padding:16px 20px;font-size:16px;line-height:1.7;color:#444}
.policy-data th{padding:16px 20px;text-align:left;font-weight:600;color:#2a2a2a;background:#f8f8f8;border-bottom:2px solid #e5e5e5}
.policy-data hr{margin:56px 0;border:none;height:2px;background:linear-gradient(90deg,#2e9ff000 0%,#2E9FF0 50%,#2e9ff000 100%)}
.policy-data div{margin:0 0 24px}
.policy-data blockquote{margin:32px 0;padding:24px 28px 24px 56px;background:#fed0d326;border-left:5px solid #A12C14;border-radius:0 8px 8px 0;position:relative}
.policy-data blockquote p{margin:0;font-size:17px;color:#555;font-style:italic}
.policy-data code{padding:3px 8px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;font-family:'Courier New',monospace;font-size:15px;color:#A12C14}
.policy-data pre{margin:32px 0;padding:24px;background:#1a1a1a;border-radius:8px;overflow-x:auto}
.policy-data pre code{padding:0;background:none;border:none;color:#2E9FF0;font-size:14px;line-height:1.6}
@media (max-width: 1024px) {
.policy-data{padding:60px 20px 100px}
.policy-data h1{font-size:38px}
.policy-data h2{font-size:30px;margin:52px 0 20px}
.policy-data h3{font-size:24px}
}
@media (max-width: 768px) {
.policy-data{padding:48px 16px 80px}
.policy-data h1{font-size:32px;margin-bottom:12px}
.policy-data h2{font-size:26px;margin:44px 0 18px}
.policy-data h3{font-size:22px;margin:36px 0 16px}
.policy-data h4{font-size:20px}
.policy-data p,.policy-data ul li,.policy-data ol li{font-size:16px;line-height:1.75}
.policy-data table{font-size:14px}
.policy-data thead th,.policy-data td,.policy-data th{padding:12px 14px;font-size:14px}
.policy-data blockquote{padding:20px 20px 20px 44px}
}
@media (max-width: 480px) {
.policy-data{padding:36px 12px 60px}
.policy-data h1{font-size:28px}
.policy-data h2{font-size:24px;margin:36px 0 16px}
.policy-data h3{font-size:20px}
.policy-data ul,.policy-data ol{padding-left:20px}
.policy-data ul li{padding-left:16px}
.policy-data ol li{padding-left:28px}
.policy-data table{display:block;overflow-x:auto}
}
.TitleSectionWrap{position:relative;min-height:580px;background:linear-gradient(135deg,#2e9ff014 0%,#fed0d31f 100%);overflow:hidden;display:flex;align-items:center;margin-bottom:0}
.TitleSectionWrap .title-bg-image{position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:52%;height:110%;object-fit:cover;opacity:.28;z-index:1}
.TitleSectionWrap .abstract-curve{position:absolute;left:0;bottom:-20px;width:100%;height:180px;z-index:2}
.TitleSectionWrap .abstract-curve svg{width:100%;height:100%}
.TitleSectionWrap .title-content-box{position:relative;z-index:3;max-width:1600px;margin:0 auto;padding:80px 40px;width:100%}
.TitleSectionWrap .title-heading-main{font-size:58px;line-height:1.15;color:#1a1a1a;font-weight:700;max-width:720px;margin-bottom:24px;text-shadow:0 2px 12px #ffffffe6}
.TitleSectionWrap .title-subtext{font-size:19px;line-height:1.6;color:#3a3a3a;max-width:580px;font-weight:400}
.EcosystemSection{padding:90px 40px;background:#fff}
.EcosystemSection .ecosystem-container{max-width:1600px;margin:0 auto}
.EcosystemSection .section-header-block{margin-bottom:64px}
.EcosystemSection .section-title-text{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:16px;position:relative;display:inline-block}
.EcosystemSection .section-title-text::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#2E9FF0 0%,#A12C14 100%);border-radius:8px}
.EcosystemSection .section-description{font-size:17px;line-height:1.65;color:#4a4a4a;max-width:740px}
.EcosystemSection .ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.EcosystemSection .ecosystem-card{background:linear-gradient(145deg,#fafbfc 0%,#fff 100%);border:1px solid #2e9ff026;border-radius:18px;padding:38px 32px;transition:all 320ms ease;box-shadow:0 4px 14px #2e9ff00f}
.EcosystemSection .ecosystem-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #2e9ff02e;border-color:#2e9ff059}
.EcosystemSection .card-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#2e9ff01f 0%,#fed0d32e 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform 280ms ease}
.EcosystemSection .ecosystem-card:hover .card-icon-wrapper{transform:scale(1.08)}
.EcosystemSection .card-icon-wrapper i{font-size:32px;color:#2E9FF0}
.EcosystemSection .card-heading{font-size:21px;font-weight:700;color:#1a1a1a;margin-bottom:14px}
.EcosystemSection .card-text{font-size:15px;line-height:1.7;color:#5a5a5a}
.GeographyAccessSection{padding:100px 40px;background:linear-gradient(165deg,#fed0d317 0%,#2e9ff00f 100%);position:relative}
.GeographyAccessSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:85%;height:1px;background:linear-gradient(90deg,transparent 0%,#2e9ff04d 50%,transparent 100%)}
.GeographyAccessSection .geography-container-wrap{max-width:1600px;margin:0 auto;display:flex;gap:72px;align-items:center}
.GeographyAccessSection .content-side{flex:1}
.GeographyAccessSection .visual-side{flex:1}
.GeographyAccessSection .heading-geography{font-size:44px;font-weight:700;color:#1a1a1a;margin-bottom:22px;line-height:1.2}
.GeographyAccessSection .description-geography{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:38px}
.GeographyAccessSection .stats-row{display:flex;gap:42px;margin-bottom:44px}
.GeographyAccessSection .stat-item{flex:1}
.GeographyAccessSection .stat-number{font-size:46px;font-weight:700;color:#2E9FF0;line-height:1;margin-bottom:8px;display:block}
.GeographyAccessSection .stat-label{font-size:15px;color:#5a5a5a;font-weight:500}
.GeographyAccessSection .feature-list-geography{display:flex;flex-direction:column;gap:18px}
.GeographyAccessSection .feature-item-geography{display:flex;align-items:flex-start;gap:14px}
.GeographyAccessSection .feature-icon-geo{width:28px;height:28px;background:#2E9FF0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.GeographyAccessSection .feature-icon-geo i{font-size:14px;color:#fff}
.GeographyAccessSection .feature-text-geo{font-size:16px;line-height:1.6;color:#3a3a3a}
.GeographyAccessSection .map-visual-container{position:relative;width:100%;height:520px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #2e9ff01f;overflow:hidden}
.GeographyAccessSection .map-visual-container img{width:100%;height:100%;object-fit:cover}
.PlatformAccessSection{padding:90px 40px;background:#fff}
.PlatformAccessSection .platform-wrapper{max-width:1600px;margin:0 auto}
.PlatformAccessSection .platform-header{text-align:center;margin-bottom:68px}
.PlatformAccessSection .platform-main-heading{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:18px}
.PlatformAccessSection .platform-subheading{font-size:18px;line-height:1.65;color:#5a5a5a;max-width:680px;margin:0 auto}
.PlatformAccessSection .steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.PlatformAccessSection .steps-container::before{content:'';position:absolute;top:42px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#2e9ff033 0%,#a12c1433 100%);z-index:1}
.PlatformAccessSection .step-card{position:relative;z-index:2;background:linear-gradient(155deg,#fafbfc 0%,#fff 100%);border:2px solid #fed0d340;border-radius:16px;padding:36px 24px;text-align:center;transition:all 300ms ease}
.PlatformAccessSection .step-card:hover{border-color:#2e9ff073;box-shadow:0 8px 24px #2e9ff026;transform:scale(1.04)}
.PlatformAccessSection .step-number-badge{width:56px;height:56px;background:linear-gradient(135deg,#2E9FF0 0%,#1e7fce 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;font-weight:700;color:#fff;box-shadow:0 6px 18px #2e9ff04d;transition:transform 260ms ease}
.PlatformAccessSection .step-card:hover .step-number-badge{transform:rotate(360deg)}
.PlatformAccessSection .step-title{font-size:19px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.PlatformAccessSection .step-description{font-size:15px;line-height:1.65;color:#5a5a5a}
.PricingSection{padding:100px 40px;background:linear-gradient(175deg,#2e9ff00d 0%,#fed0d314 100%)}
.PricingSection .pricing-container{max-width:1600px;margin:0 auto}
.PricingSection .pricing-intro{margin-bottom:58px}
.PricingSection .pricing-title{font-size:44px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.PricingSection .pricing-subtitle{font-size:17px;line-height:1.7;color:#4a4a4a;max-width:720px}
.PricingSection .pricing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:start}
.PricingSection .pricing-card-main{background:#fff;border:2px solid #2e9ff033;border-radius:22px;padding:48px 42px;box-shadow:0 10px 36px #2e9ff01f;position:relative;overflow:hidden}
.PricingSection .pricing-card-main::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2E9FF0 0%,#A12C14 100%)}
.PricingSection .pricing-header-card{margin-bottom:32px}
.PricingSection .plan-name{font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:14px}
.PricingSection .plan-description{font-size:16px;line-height:1.65;color:#5a5a5a}
.PricingSection .price-display{margin-bottom:36px}
.PricingSection .price-amount{font-size:52px;font-weight:700;color:#2E9FF0;line-height:1}
.PricingSection .price-period{font-size:18px;color:#6a6a6a;margin-left:8px}
.PricingSection .features-list-pricing{display:flex;flex-direction:column;gap:16px;margin-bottom:38px}
.PricingSection .feature-pricing-item{display:flex;align-items:center;gap:12px}
.PricingSection .feature-pricing-item i{font-size:20px;color:#2E9FF0}
.PricingSection .feature-pricing-text{font-size:16px;color:#3a3a3a;line-height:1.5}
.PricingSection .pricing-cta-button{display:inline-block;padding:16px 46px;background:linear-gradient(135deg,#2E9FF0 0%,#1e7fce 100%);color:#fff;font-size:17px;font-weight:600;border-radius:12px;text-decoration:none;transition:all 280ms ease;box-shadow:0 6px 20px #2e9ff04d;border:none;cursor:pointer}
.PricingSection .pricing-cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 32px #2e9ff073;background:linear-gradient(135deg,#1e7fce 0%,#2E9FF0 100%)}
.PricingSection .transparency-box{background:#fff;border:1px solid #a12c142e;border-radius:18px;padding:38px 32px;box-shadow:0 6px 22px #a12c1414}
.PricingSection .transparency-heading{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.PricingSection .transparency-heading i{font-size:26px;color:#A12C14}
.PricingSection .transparency-list{display:flex;flex-direction:column;gap:14px}
.PricingSection .transparency-item{display:flex;align-items:flex-start;gap:10px}
.PricingSection .transparency-item i{font-size:16px;color:#A12C14;margin-top:3px}
.PricingSection .transparency-text{font-size:15px;line-height:1.65;color:#4a4a4a}
.ProfessionalConnectionsSection{padding:90px 40px;background:#fff;position:relative}
.ProfessionalConnectionsSection::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#fed0d326 0%,transparent 70%);pointer-events:none;z-index:1}
.ProfessionalConnectionsSection .connections-container{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.ProfessionalConnectionsSection .connections-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.ProfessionalConnectionsSection .image-showcase{width:100%;height:480px;border-radius:24px;overflow:hidden;box-shadow:0 12px 42px #2e9ff029;position:relative}
.ProfessionalConnectionsSection .image-showcase::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#2e9ff01a 0%,#a12c1414 100%);pointer-events:none}
.ProfessionalConnectionsSection .image-showcase img{width:100%;height:100%;object-fit:cover}
.ProfessionalConnectionsSection .content-connections{display:flex;flex-direction:column;gap:28px}
.ProfessionalConnectionsSection .connections-heading{font-size:42px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px}
.ProfessionalConnectionsSection .connections-description{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:18px}
.ProfessionalConnectionsSection .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ProfessionalConnectionsSection .benefit-card{background:linear-gradient(145deg,#fafbfc 0%,#fff 100%);border:1px solid #2e9ff01f;border-radius:14px;padding:26px 22px;transition:all 260ms ease}
.ProfessionalConnectionsSection .benefit-card:hover{border-color:#2e9ff059;transform:translateY(-4px);box-shadow:0 8px 24px #2e9ff01f}
.ProfessionalConnectionsSection .benefit-icon{width:48px;height:48px;background:#2e9ff01a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ProfessionalConnectionsSection .benefit-icon i{font-size:24px;color:#2E9FF0}
.ProfessionalConnectionsSection .benefit-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.ProfessionalConnectionsSection .benefit-text{font-size:15px;line-height:1.65;color:#5a5a5a}
.TestimonialSection{padding:100px 40px;background:linear-gradient(160deg,#2e9ff00f 0%,#fed0d31a 100%)}
.TestimonialSection .testimonial-wrapper{max-width:1600px;margin:0 auto}
.TestimonialSection .testimonial-header-section{text-align:center;margin-bottom:64px}
.TestimonialSection .testimonial-main-title{font-size:44px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.TestimonialSection .testimonial-main-subtitle{font-size:18px;line-height:1.65;color:#5a5a5a;max-width:640px;margin:0 auto}
.TestimonialSection .testimonial-card-large{background:#fff;border-radius:24px;padding:52px 48px;box-shadow:0 12px 38px #2e9ff024;border:2px solid #fed0d34d;max-width:1100px;margin:0 auto}
.TestimonialSection .quote-icon-wrapper{width:68px;height:68px;background:linear-gradient(135deg,#2e9ff026 0%,#fed0d333 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.TestimonialSection .quote-icon-wrapper i{font-size:34px;color:#2E9FF0}
.TestimonialSection .testimonial-text-content{font-size:19px;line-height:1.75;color:#2a2a2a;margin-bottom:34px;font-style:italic}
.TestimonialSection .author-section{display:flex;align-items:center;gap:22px}
.TestimonialSection .author-photo{width:78px;height:78px;border-radius:50%;overflow:hidden;border:3px solid #2e9ff033;flex-shrink:0}
.TestimonialSection .author-photo img{width:100%;height:100%;object-fit:cover}
.TestimonialSection .author-info-block{display:flex;flex-direction:column;gap:4px}
.TestimonialSection .author-name{font-size:20px;font-weight:700;color:#1a1a1a}
.TestimonialSection .author-role{font-size:16px;color:#6a6a6a}
.TestimonialSection .author-company{font-size:15px;color:#2E9FF0;font-weight:500}
@media (max-width: 1200px) {
.TitleSectionWrap .title-heading-main{font-size:48px}
.EcosystemSection .ecosystem-grid{grid-template-columns:repeat(2,1fr)}
.GeographyAccessSection .geography-container-wrap{gap:48px}
.PlatformAccessSection .steps-container{grid-template-columns:repeat(2,1fr)}
.PlatformAccessSection .steps-container::before{display:none}
.PricingSection .pricing-grid{grid-template-columns:1fr}
.ProfessionalConnectionsSection .connections-layout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TitleSectionWrap{min-height:480px}
.TitleSectionWrap .title-bg-image{width:70%;right:-15%}
.TitleSectionWrap .title-content-box{padding:60px 24px}
.TitleSectionWrap .title-heading-main{font-size:36px}
.TitleSectionWrap .title-subtext{font-size:17px}
.EcosystemSection{padding:60px 24px}
.EcosystemSection .section-title-text{font-size:32px}
.EcosystemSection .ecosystem-grid{grid-template-columns:1fr;gap:24px}
.GeographyAccessSection{padding:70px 24px}
.GeographyAccessSection .geography-container-wrap{flex-direction:column;gap:42px}
.GeographyAccessSection .heading-geography{font-size:34px}
.GeographyAccessSection .stats-row{gap:28px}
.GeographyAccessSection .stat-number{font-size:38px}
.GeographyAccessSection .map-visual-container{height:380px}
.PlatformAccessSection{padding:60px 24px}
.PlatformAccessSection .platform-main-heading{font-size:34px}
.PlatformAccessSection .steps-container{grid-template-columns:1fr;gap:24px}
.PricingSection{padding:70px 24px}
.PricingSection .pricing-title{font-size:34px}
.PricingSection .pricing-card-main{padding:36px 28px}
.PricingSection .price-amount{font-size:42px}
.ProfessionalConnectionsSection{padding:60px 24px}
.ProfessionalConnectionsSection .connections-heading{font-size:34px}
.ProfessionalConnectionsSection .benefits-grid{grid-template-columns:1fr}
.ProfessionalConnectionsSection .image-showcase{height:320px}
.TestimonialSection{padding:70px 24px}
.TestimonialSection .testimonial-main-title{font-size:34px}
.TestimonialSection .testimonial-card-large{padding:38px 28px}
.TestimonialSection .testimonial-text-content{font-size:17px}
}
.ContactPageTitle{background:linear-gradient(135deg,#2e9ff014 0%,#fed0d31f 100%);padding:110px 0 0;position:relative;overflow:hidden}
.ContactPageTitle::before{content:'';position:absolute;top:0;left:-20%;width:140%;height:100%;background:radial-gradient(ellipse at center,#2e9ff026 0%,transparent 70%);pointer-events:none}
.titleContainerWrapper{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:center;position:relative;z-index:2}
.titleContentArea h1{font-size:3.8rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;line-height:1.15;letter-spacing:-.02em}
.titleContentArea .subtitle-text{font-size:1.25rem;line-height:1.7;color:#4a4a4a;margin:0 0 18px}
.titleContentArea .subtitle-text:last-of-type{margin-bottom:0}
.titleImageSection{position:relative;height:420px;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #2e9ff033 0 8px 24px #00000014;transform:perspective(1200px) rotateY(-3deg);transition:transform 400ms ease}
.titleImageSection:hover{transform:perspective(1200px) rotateY(0deg) scale(1.02)}
.titleImageSection img{width:100%;height:100%;object-fit:cover;object-position:center}
.titleImageSection::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2e9ff026 0%,#a12c141a 100%);mix-blend-mode:multiply;pointer-events:none}
.waveDividerWrapper{position:relative;height:100px;background:transparent;margin-top:-1px}
.waveDividerWrapper svg{position:absolute;bottom:0;left:0;width:100%;height:100px}
.ContactInfoSection{padding:90px 0;background:#fafbfc;position:relative}
.infoBlockGrid{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.InfoCard{background:#fff;padding:42px 36px;border-radius:16px;box-shadow:0 4px 16px #0000000d;transition:all 300ms ease;border:1px solid #2e9ff01a;position:relative}
.InfoCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2E9FF0 0%,#A12C14 100%);border-radius:16px 16px 0 0;opacity:0;transition:opacity 250ms ease}
.InfoCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #2e9ff02e 0 4px 12px #00000014}
.InfoCard:hover::before{opacity:1}
.InfoCard .icon-holder{width:64px;height:64px;background:linear-gradient(135deg,#2e9ff01a 0%,#fed0d326 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform 250ms ease}
.InfoCard:hover .icon-holder{transform:scale(1.1) rotate(3deg)}
.InfoCard .icon-holder .jam{font-size:28px;color:#2E9FF0}
.InfoCard h3{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.InfoCard .contact-detail{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:8px 0}
.InfoCard .contact-detail strong{color:#2E9FF0;font-weight:600}
.FormBlockSection{padding:100px 0;background:linear-gradient(180deg,#fff 0%,#2e9ff008 100%)}
.formContentWrapper{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:start}
.FormTextColumn h2{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.2}
.FormTextColumn .intro-paragraph{font-size:1.15rem;color:#4a4a4a;line-height:1.75;margin:0 0 24px}
.benefit-items-list{margin:32px 0 0;padding:0;list-style:none}
.benefit-items-list li{padding:16px 0 16px 48px;position:relative;font-size:1.05rem;color:#4a4a4a;line-height:1.6}
.benefit-items-list li::before{content:'';position:absolute;left:0;top:18px;width:32px;height:32px;background:linear-gradient(135deg,#2E9FF0 0%,#A12C14 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}
.benefit-items-list li::after{content:'✓';position:absolute;left:10px;top:20px;color:#fff;font-weight:700;font-size:16px}
.ContactFormWrapper{background:#fff;padding:48px 44px;border-radius:20px;box-shadow:0 8px 32px #2e9ff01f 0 2px 8px #0000000f;border:1px solid #2e9ff026}
.ContactFormWrapper .form-heading{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 32px}
.ContactForm .input-wrapper{margin-bottom:28px}
.ContactForm label{display:block;font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:10px;letter-spacing:.01em}
.ContactForm input[type="text"],.ContactForm input[type="tel"],.ContactForm input[type="email"],.ContactForm textarea,.ContactForm select{width:100%;padding:15px 18px;border:2px solid #e0e4e8;border-radius:10px;font-size:1rem;color:#2a2a2a;background:#fafbfc;transition:all 200ms ease;box-sizing:border-box}
.ContactForm input[type="text"]:focus,.ContactForm input[type="tel"]:focus,.ContactForm input[type="email"]:focus,.ContactForm textarea:focus,.ContactForm select:focus{outline:none;border-color:#2E9FF0;background:#fff;box-shadow:0 0 0 4px #2e9ff01a}
.ContactForm textarea{min-height:130px;resize:vertical;font-family:inherit}
.ContactForm select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232E9FF0' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}
.preference-selector{display:none}
.preference-selector:checked ~ .conditional-block{display:block;animation:fadeSlideIn 350ms ease}
.conditional-block{display:none;margin-top:28px;padding:24px;background:#2e9ff00a;border-radius:12px;border-left:4px solid #2E9FF0}
@keyframes fadeSlideIn {
from{opacity:0;transform:translateY(-12px)}
to{opacity:1;transform:translateY(0)}
}
.ContactForm .checkbox-wrapper{margin:32px 0;display:flex;align-items:start;gap:12px}
.ContactForm input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#2E9FF0;flex-shrink:0}
.ContactForm .checkbox-wrapper label{margin:0;font-size:.92rem;font-weight:400;line-height:1.6;color:#4a4a4a}
.ContactForm .checkbox-wrapper label a{color:#2E9FF0;text-decoration:underline;transition:color 180ms ease}
.ContactForm .checkbox-wrapper label a:hover{color:#A12C14}
.ContactForm .submit-btn{width:100%;padding:17px 32px;background:linear-gradient(135deg,#2E9FF0 0%,#1e7ec8 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 250ms ease;box-shadow:0 4px 16px #2e9ff04d;letter-spacing:.02em}
.ContactForm .submit-btn:hover{background:linear-gradient(135deg,#1e7ec8 0%,#2E9FF0 100%);transform:translateY(-3px);box-shadow:0 8px 24px #2e9ff066}
.ContactForm .submit-btn:active{transform:translateY(-1px)}
.MapAlternativeSection{padding:90px 0;background:#fafbfc;border-top:1px solid #2e9ff01a}
.mapAlternativeContainer{max-width:1600px;margin:0 auto;padding:0 24px}
.directionsBlock{background:#fff;padding:48px;border-radius:20px;box-shadow:0 6px 24px #0000000f;border:1px solid #2e9ff01a}
.directionsBlock h2{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 36px;text-align:center}
.LocationGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px;margin-top:40px}
.LocationDetail h3{font-size:1.6rem;font-weight:700;color:#2E9FF0;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.LocationDetail h3 .jam{font-size:24px}
.LocationDetail .detail-content{font-size:1.05rem;color:#4a4a4a;line-height:1.8;margin:12px 0}
.LocationDetail .detail-content strong{color:#2a2a2a;font-weight:600}
.LocationDetail .highlight-box{background:linear-gradient(135deg,#2e9ff00f 0%,#fed0d314 100%);padding:20px 24px;border-radius:12px;margin-top:24px;border-left:4px solid #2E9FF0}
.LocationDetail .highlight-box p{margin:0;font-size:1rem;color:#4a4a4a;line-height:1.7}
@media (max-width: 1400px) {
.titleContainerWrapper{gap:60px}
.titleContentArea h1{font-size:3.2rem}
}
@media (max-width: 1200px) {
.titleContainerWrapper{grid-template-columns:1fr;gap:48px}
.titleImageSection{height:380px;transform:none}
.titleImageSection:hover{transform:scale(1.02)}
.infoBlockGrid{grid-template-columns:repeat(2,1fr);gap:36px}
.formContentWrapper{grid-template-columns:1fr;gap:56px}
.LocationGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.ContactPageTitle{padding:70px 0 0}
.titleContentArea h1{font-size:2.4rem;margin-bottom:24px}
.titleContentArea .subtitle-text{font-size:1.1rem}
.titleImageSection{height:280px}
.waveDividerWrapper{height:60px}
.waveDividerWrapper svg{height:60px}
.ContactInfoSection,.FormBlockSection,.MapAlternativeSection{padding:60px 0}
.infoBlockGrid{grid-template-columns:1fr;gap:28px}
.InfoCard{padding:32px 28px}
.FormTextColumn h2{font-size:2.2rem}
.ContactFormWrapper{padding:36px 28px}
.ContactFormWrapper .form-heading{font-size:1.5rem}
.directionsBlock{padding:36px 28px}
.directionsBlock h2{font-size:2rem}
}
@media (max-width: 480px) {
.titleContentArea h1{font-size:2rem}
.titleImageSection{height:220px}
.InfoCard .icon-holder{width:52px;height:52px}
.InfoCard .icon-holder .jam{font-size:24px}
.FormTextColumn h2{font-size:1.8rem}
.benefit-items-list li{padding-left:42px}
.ContactFormWrapper{padding:28px 20px}
.directionsBlock h2{font-size:1.7rem}
.LocationDetail h3{font-size:1.4rem}
}
.ProgramHero{position:relative;background:linear-gradient(135deg,#2E9FF0 0%,#1a7ac4 100%);padding:80px 20px;overflow:hidden}
.ProgramHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:float 8s ease-in-out infinite}
@keyframes float {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-30px) rotate(5deg)}
}
.hero-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-area h1{font-size:52px;color:#fff;margin:0 0 20px;line-height:1.2}
.hero-text-area .tagline{font-size:18px;color:#ffffffe6;margin:0 0 35px;line-height:1.6}
.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}
.ButtonPrimary{background:#A12C14;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:16px;transition:all 200ms;display:inline-block;position:relative;z-index:5}
.ButtonPrimary:hover{background:#8a2410;box-shadow:0 6px 20px #a12c1466;transform:translateY(-2px)}
.ButtonSecondary{background:#ffffff26;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:16px;border:2px solid #ffffff4d;transition:all 200ms;display:inline-block;position:relative;z-index:5}
.ButtonSecondary:hover{background:#ffffff40;border-color:#ffffff80}
.hero-image-wrapper{position:relative;padding:20px}
.hero-image-wrapper::before{content:'';position:absolute;top:0;left:0;right:40px;bottom:40px;border:3px solid #ffffff4d;border-radius:12px}
.hero-image-wrapper img{width:100%;height:450px;object-fit:cover;border-radius:8px;filter:brightness(1.05) contrast(1.1);position:relative;z-index:1}
.CourseStructure{padding:100px 20px;background:#f8f9fa;position:relative}
.structure-wrap{max-width:1600px;margin:0 auto}
.structure-header{text-align:center;max-width:700px;margin:0 auto 70px}
.structure-header h2{font-size:42px;color:#1a1a1a;margin:0 0 16px}
.structure-header .subtitle{font-size:17px;color:#555;line-height:1.6}
.ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.module-item{background:#fff;padding:35px;border-radius:16px;border:1px solid #e0e0e0;transition:all 300ms;position:relative}
.module-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #2e9ff026}
.module-number{font-size:48px;font-weight:700;color:#FED0D3;margin:0 0 15px;line-height:1}
.module-item h3{font-size:22px;color:#2E9FF0;margin:0 0 12px}
.module-item .desc{font-size:15px;color:#666;line-height:1.6;margin:0}
.TechStack{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#f5f5f5 100%)}
.tech-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.tech-visual img{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 15px 40px #0000001a}
.tech-details h2{font-size:38px;color:#1a1a1a;margin:0 0 25px;position:relative;padding-left:18px}
.tech-details h2::before{content:'';position:absolute;left:0;top:5px;width:5px;height:80%;background:linear-gradient(180deg,#2E9FF0 0%,#A12C14 100%);border-radius:3px}
.tech-list{display:flex;flex-direction:column;gap:20px}
.tech-point{display:flex;gap:15px;align-items:flex-start}
.tech-icon{width:50px;height:50px;background:linear-gradient(135deg,#2E9FF0 0%,#1a7ac4 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tech-icon .jam{font-size:24px;color:#fff}
.tech-content h4{font-size:19px;color:#2E9FF0;margin:0 0 8px}
.tech-content p{font-size:15px;color:#666;margin:0;line-height:1.5}
.LearningPath{padding:80px 20px;background:#fff;position:relative;overflow:hidden}
.LearningPath::before{content:'';position:absolute;top:0;right:0;width:400px;height:100%;background:linear-gradient(90deg,transparent 0%,#2e9ff00d 100%)}
.path-wrapper{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.path-intro{max-width:800px;margin:0 0 60px}
.path-intro h2{font-size:40px;color:#1a1a1a;margin:0 0 18px}
.path-intro .lead{font-size:17px;color:#555;line-height:1.6}
.timeline-holder{position:relative;padding-left:60px}
.timeline-holder::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2E9FF0 0%,#A12C14 100%)}
.timeline-stage{position:relative;margin-bottom:50px;padding:30px;background:#f8f9fa;border-radius:12px;border-left:4px solid #2E9FF0;transition:all 250ms}
.timeline-stage:hover{transform:translateX(8px);background:#fff;box-shadow:0 8px 25px #00000014}
.timeline-stage::before{content:'';position:absolute;left:-64px;top:35px;width:16px;height:16px;background:#2E9FF0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #2E9FF0}
.stage-label{font-size:13px;color:#A12C14;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.timeline-stage h3{font-size:24px;color:#1a1a1a;margin:0 0 12px}
.timeline-stage p{font-size:15px;color:#666;line-height:1.6;margin:0}
.ExpertPanel{padding:90px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e8eef3 100%)}
.panel-container{max-width:1600px;margin:0 auto}
.panel-title{text-align:center;margin-bottom:60px}
.panel-title h2{font-size:40px;color:#1a1a1a;margin:0 0 15px}
.panel-title .note{font-size:17px;color:#555}
.ExpertCards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.expert-card{background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:200px 1fr;box-shadow:0 10px 30px #00000014;transition:all 300ms}
.expert-card:hover{transform:scale(1.02);box-shadow:0 15px 40px #2e9ff026}
.expert-photo{position:relative}
.expert-photo img{width:100%;height:100%;object-fit:cover}
.expert-photo::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2e9ff033 0%,transparent 100%)}
.expert-info{padding:35px;display:flex;flex-direction:column;justify-content:center}
.expert-name{font-size:26px;color:#2E9FF0;margin:0 0 8px}
.expert-role{font-size:15px;color:#A12C14;font-weight:700;margin:0 0 18px}
.expert-bio{font-size:15px;color:#666;line-height:1.6;margin:0}
@media (max-width: 1200px) {
.hero-container{grid-template-columns:1fr;gap:40px}
.ModuleGrid{grid-template-columns:repeat(2,1fr)}
.tech-container{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.hero-text-area h1{font-size:36px}
.ModuleGrid{grid-template-columns:1fr}
.ExpertCards{grid-template-columns:1fr}
.expert-card{grid-template-columns:1fr}
.expert-photo img{height:250px}
.timeline-holder{padding-left:40px}
.hero-buttons{flex-direction:column}
.ButtonPrimary,.ButtonSecondary{text-align:center}
}
@media (max-width: 480px) {
.hero-text-area h1{font-size:28px}
.structure-header h2,.panel-title h2{font-size:32px}
.ProgramHero{padding:60px 20px}
}
.IntroHero{max-width:1600px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:40px;position:relative}
.IntroHero .side-visual{flex:0 0 280px;position:relative}
.IntroHero .side-visual img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #2e9ff026}
.IntroHero .side-visual::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #2E9FF0;border-radius:8px;z-index:-1}
.IntroHero .content-center{flex:1;max-width:680px}
.IntroHero .content-center h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 20px}
.IntroHero .content-center .lead-text{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.IntroHero .cta-group{display:flex;gap:16px;flex-wrap:wrap}
.IntroHero .btn-primary{background:linear-gradient(135deg,#2E9FF0 0%,#1d7dc4 100%);color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:600;transition:all 200ms;box-shadow:0 4px 12px #2e9ff04d}
.IntroHero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2e9ff066}
.IntroHero .btn-secondary{background:#fff;color:#2E9FF0;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #2E9FF0;transition:all 200ms}
.IntroHero .btn-secondary:hover{background:#2E9FF0;color:#fff}
.IntroHero .pattern-decoration{position:absolute;top:40px;right:80px;width:120px;height:120px;opacity:.1;z-index:-1}
.IntroHero .pattern-decoration::before,.IntroHero .pattern-decoration::after{content:'';position:absolute;width:8px;height:8px;background:#2E9FF0;border-radius:50%}
.IntroHero .pattern-decoration::before{top:0;left:0;box-shadow:24px 0 0 #2E9FF0,48px 0 0 #2E9FF0,0 24px 0 #2E9FF0,24px 24px 0 #2E9FF0,48px 24px 0 #2E9FF0,0 48px 0 #2E9FF0,24px 48px 0 #2E9FF0,48px 48px 0 #2E9FF0}
@media (max-width: 968px) {
.IntroHero{flex-direction:column;padding:60px 20px}
.IntroHero .side-visual{flex:0 0 auto;width:100%;max-width:400px}
.IntroHero .side-visual img{height:300px}
.IntroHero .content-center h1{font-size:36px}
}
@media (max-width: 640px) {
.IntroHero .content-center h1{font-size:28px}
.IntroHero .cta-group{flex-direction:column}
.IntroHero .btn-primary,.IntroHero .btn-secondary{width:100%;text-align:center}
}
.FoundingStory{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px;position:relative;overflow:hidden}
.FoundingStory::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2E9FF0 0%,#A12C14 50%,#2E9FF0 100%)}
.FoundingStory .content-wrapper{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.FoundingStory .text-block h2{font-size:38px;line-height:1.3;color:#1a1a1a;margin:0 0 24px}
.FoundingStory .text-block p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.FoundingStory .milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.FoundingStory .milestone-card{background:#fff;padding:28px;border-radius:12px;border-left:4px solid #2E9FF0;box-shadow:0 4px 12px #0000000f;transition:transform 300ms}
.FoundingStory .milestone-card:hover{transform:translateX(8px)}
.FoundingStory .milestone-card .year{font-size:14px;font-weight:700;color:#2E9FF0;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}
.FoundingStory .milestone-card h3{font-size:20px;color:#1a1a1a;margin:0 0 12px}
.FoundingStory .milestone-card p{font-size:15px;line-height:1.6;color:#666;margin:0}
@media (max-width: 968px) {
.FoundingStory .content-wrapper{grid-template-columns:1fr;gap:40px}
.FoundingStory .milestone-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.FoundingStory{padding:60px 20px}
.FoundingStory .text-block h2{font-size:28px}
}
.MethodologySection{max-width:1600px;margin:0 auto;padding:90px 20px;position:relative}
.MethodologySection .section-intro{text-align:center;max-width:780px;margin:0 auto 60px}
.MethodologySection .section-intro h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;position:relative;display:inline-block}
.MethodologySection .section-intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#2E9FF0,#A12C14)}
.MethodologySection .section-intro p{font-size:18px;line-height:1.6;color:#555;margin:0}
.MethodologySection .approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.MethodologySection .approach-item{background:#fff;padding:36px;border-radius:16px;box-shadow:0 6px 20px #00000014;transition:all 400ms;position:relative}
.MethodologySection .approach-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2E9FF0,#A12C14);border-radius:16px 16px 0 0;opacity:0;transition:opacity 300ms}
.MethodologySection .approach-item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #2e9ff033}
.MethodologySection .approach-item:hover::before{opacity:1}
.MethodologySection .approach-item .icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,#2e9ff01a 0%,#a12c141a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.MethodologySection .approach-item .icon-wrap i{font-size:32px;color:#2E9FF0}
.MethodologySection .approach-item h3{font-size:22px;color:#1a1a1a;margin:0 0 16px}
.MethodologySection .approach-item p{font-size:16px;line-height:1.6;color:#666;margin:0}
@media (max-width: 968px) {
.MethodologySection .approach-grid{grid-template-columns:1fr;gap:24px}
.MethodologySection .section-intro h2{font-size:32px}
}
@media (max-width: 640px) {
.MethodologySection{padding:60px 20px}
.MethodologySection .section-intro h2{font-size:26px}
}
.TeamHighlight{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:90px 20px;position:relative;overflow:hidden}
.TeamHighlight::after{content:'';position:absolute;top:50%;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#2e9ff026 0%,transparent 70%);transform:translateY(-50%)}
.TeamHighlight .wrapper{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.TeamHighlight .headline{text-align:center;margin:0 0 60px}
.TeamHighlight .headline h2{font-size:40px;color:#fff;margin:0 0 16px}
.TeamHighlight .headline p{font-size:18px;color:#fffc;margin:0}
.TeamHighlight .member-showcase{display:flex;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap}
.TeamHighlight .member-card{background:#ffffff0d;padding:32px;border-radius:20px;border:1px solid #2e9ff033;backdrop-filter:blur(10px);max-width:380px;transition:all 350ms}
.TeamHighlight .member-card:hover{transform:scale(1.05);border-color:#2e9ff080;box-shadow:0 16px 40px #2e9ff04d}
.TeamHighlight .member-card .profile-img{width:100%;height:280px;object-fit:cover;border-radius:12px;margin:0 0 20px;border:3px solid #2e9ff04d}
.TeamHighlight .member-card h3{font-size:24px;color:#fff;margin:0 0 8px}
.TeamHighlight .member-card .role{font-size:15px;color:#2E9FF0;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}
.TeamHighlight .member-card .bio{font-size:15px;line-height:1.6;color:#ffffffb3;margin:0}
@media (max-width: 968px) {
.TeamHighlight .member-showcase{flex-direction:column}
.TeamHighlight .headline h2{font-size:32px}
}
@media (max-width: 640px) {
.TeamHighlight{padding:60px 20px}
.TeamHighlight .headline h2{font-size:26px}
}
.FutureVisionBlock{max-width:1600px;margin:0 auto;padding:90px 20px;position:relative}
.FutureVisionBlock .vision-layout{display:flex;gap:60px;align-items:center}
.FutureVisionBlock .visual-column{flex:0 0 45%;position:relative}
.FutureVisionBlock .visual-column .main-img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #00000026;position:relative;z-index:2}
.FutureVisionBlock .visual-column .secondary-img{position:absolute;bottom:-30px;right:-30px;width:240px;height:200px;object-fit:cover;border-radius:16px;border:6px solid #fff;box-shadow:0 8px 24px #0003;z-index:3}
.FutureVisionBlock .visual-column .accent-shape{position:absolute;top:-20px;left:-20px;width:140px;height:140px;border:3px solid #FED0D3;border-radius:50%;z-index:1}
.FutureVisionBlock .content-column{flex:1}
.FutureVisionBlock .content-column h2{font-size:44px;line-height:1.2;color:#1a1a1a;margin:0 0 24px}
.FutureVisionBlock .content-column .highlight-term{color:#2E9FF0;font-weight:700}
.FutureVisionBlock .content-column p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.FutureVisionBlock .progress-showcase{margin:32px 0 0}
.FutureVisionBlock .progress-item{margin:0 0 24px}
.FutureVisionBlock .progress-item .label-row{display:flex;justify-content:space-between;margin:0 0 8px}
.FutureVisionBlock .progress-item .label-row span{font-size:15px;font-weight:600;color:#1a1a1a}
.FutureVisionBlock .progress-item .label-row .value{color:#2E9FF0}
.FutureVisionBlock .progress-item .bar-track{width:100%;height:10px;background:#e9ecef;border-radius:20px;overflow:hidden;position:relative}
.FutureVisionBlock .progress-item .bar-fill{height:100%;background:linear-gradient(90deg,#2E9FF0 0%,#1d7dc4 100%);border-radius:20px;transition:width 800ms}
.FutureVisionBlock .progress-item:nth-child(1) .bar-fill{width:87%}
.FutureVisionBlock .progress-item:nth-child(2) .bar-fill{width:72%}
.FutureVisionBlock .progress-item:nth-child(3) .bar-fill{width:94%}
@media (max-width: 968px) {
.FutureVisionBlock .vision-layout{flex-direction:column;gap:40px}
.FutureVisionBlock .visual-column{flex:0 0 auto;width:100%}
.FutureVisionBlock .visual-column .main-img{height:360px}
.FutureVisionBlock .content-column h2{font-size:32px}
}
@media (max-width: 640px) {
.FutureVisionBlock{padding:60px 20px}
.FutureVisionBlock .visual-column .secondary-img{width:180px;height:150px;bottom:-20px;right:-20px}
.FutureVisionBlock .content-column h2{font-size:26px}
}
.SuccessWrapper{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:48px 20px}
.MessageContainer{max-width:720px;width:100%;margin:0 auto}
.ConfirmBox{background:#fff;border-radius:20px;box-shadow:0 8px 32px #2e9ff01f 0 2px 8px #0000000a;padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.ConfirmBox::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2E9FF0 0%,#A12C14 100%)}
.IconCircleWrapper{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#2e9ff014 0%,#2e9ff026 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.IconCircleWrapper::after{content:'';position:absolute;width:112px;height:112px;border:2px solid #2e9ff033;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.IconCircleWrapper .jam{font-size:48px;color:#2E9FF0}
.ConfirmBox .MainHeading{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.ConfirmBox .SubText{font-size:17px;color:#5a5a5a;line-height:1.6;margin:0 0 40px;max-width:480px;margin-left:auto;margin-right:auto}
.ActionGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{background:linear-gradient(135deg,#2E9FF0 0%,#1a7bc7 100%);color:#fff;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all 280ms ease;box-shadow:0 4px 16px #2e9ff03d}
.PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2e9ff059;background:linear-gradient(135deg,#1a7bc7 0%,#2E9FF0 100%)}
.SecondaryBtn{background:transparent;color:#2E9FF0;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all 280ms ease;border:2px solid #2E9FF0}
.SecondaryBtn:hover{background:#2e9ff014;transform:translateY(-2px)}
.InfoSection{background:#fff;max-width:1600px;margin:0 auto;padding:80px 20px}
.ContentBlock{max-width:1200px;margin:0 auto}
.DetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.CardDetail{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:32px;border-radius:16px;border:1px solid #2e9ff01a;position:relative;transition:all 320ms ease}
.CardDetail::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#2E9FF0 0%,#A12C14 100%);border-radius:4px 0 0 4px;transition:height 320ms ease}
.CardDetail:hover::before{height:100%}
.CardDetail:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2e9ff026}
.CardDetail .jam{font-size:32px;color:#2E9FF0;margin-bottom:20px;display:block}
.CardDetail .CardTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.CardDetail .CardText{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
@media (max-width: 768px) {
.ConfirmBox{padding:40px 28px}
.ConfirmBox .MainHeading{font-size:26px}
.ConfirmBox .SubText{font-size:16px}
.ActionGroup{flex-direction:column}
.PrimaryBtn,.SecondaryBtn{width:100%;justify-content:center}
.InfoSection{padding:60px 20px}
.DetailGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.IconCircleWrapper{width:80px;height:80px}
.IconCircleWrapper .jam{font-size:40px}
.IconCircleWrapper::after{width:96px;height:96px}
.ConfirmBox .MainHeading{font-size:24px}
.CardDetail{padding:24px}
}