@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'Noto Sans',sans-serif}
body{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 0%,#D6EFF2 100%);color:#1a1a1a}
main{flex:1 0 auto}
.SiteHeado{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);box-shadow:0 2px 8px #0052ae14}
.header-outer{max-width:1600px;margin:0 auto}
.TopRowWrapper{border-bottom:1px solid #0052ae1a;padding:20px 0}
.TopRowInner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.LogoZone{flex-shrink:0}
.LogoLink{display:block;width:110px;height:110px;background:linear-gradient(135deg,#FF8D12 0%,#0052AE 100%);border-radius:8px;padding:8px;box-shadow:0 4px 12px #ff8d1233;transition:transform .3s linear}
.LogoLink:hover{transform:scale(1.03)}
.SiteLogo{width:100%;height:100%;object-fit:contain}
.MainNavi{display:flex;gap:45px;align-items:center;flex-wrap:wrap}
.NaviLink{color:#0052AE;text-decoration:none;font-size:16px;font-weight:400;padding:8px 16px;border-radius:6px;transition:background-color .3s linear,color .3s linear;white-space:nowrap}
.NaviLink:hover{background-color:#ff8d121a;color:#FF8D12}
.BottomRowWrapper{padding:12px 0}
.BottomRowInner{max-width:1400px;margin:0 auto;padding:0 40px}
.CompanyName{font-size:22px;font-weight:700;background:linear-gradient(120deg,#FF8D12 0%,#0052AE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}
.SiteFoot{background:linear-gradient(165deg,#0052AE 0%,#003a7a 100%);color:#fff;padding:50px 0 30px;margin-top:auto;flex-shrink:0}
.footer-outer{max-width:1600px;margin:0 auto}
.FooterContent{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}
.FootLeftZone{flex:0 1 300px}
.FooterNavi{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}
.FootLink{color:#D6EFF2;text-decoration:none;font-size:15px;transition:color .3s linear}
.FootLink:hover{color:#FF8D12}
.CopyrightText{font-size:13px;color:#d6eff2cc;margin-top:20px}
.FootRightZone{flex:1 1 500px}
.ContactBlock{display:flex;flex-direction:column;gap:18px;margin-bottom:25px}
.ContactItem{display:flex;align-items:center;gap:12px;font-size:15px}
.ContactItem i{color:#FF8D12;font-size:18px;flex-shrink:0}
.ContactLink{color:#D6EFF2;text-decoration:none;transition:color .3s linear}
.ContactLink:hover{color:#FF8D12}
.AddressText{color:#D6EFF2;line-height:1.5}
.CookieSettingsButt{background:#ff8d1226;color:#D6EFF2;border:1px solid #ff8d124d;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;font-family:'Noto Sans',sans-serif;transition:background-color .3s linear}
.CookieSettingsButt:hover{background:#ff8d1240}
.CookieModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;opacity:0;transition:opacity .3s linear}
.CookieModal.is-visible{opacity:1}
.CookieCard{background:#fff;border-radius:10px;max-width:600px;width:100%;padding:35px;box-shadow:0 12px 32px #0052ae26;transform:translateY(20px);transition:transform .3s linear}
.CookieModal.is-visible .CookieCard{transform:translateY(0)}
.CookieTitle{font-size:24px;color:#0052AE;margin-bottom:15px;font-weight:700}
.CookieDesc{font-size:15px;color:#4a4a4a;margin-bottom:25px;line-height:1.6}
.CookieAccordion{margin-bottom:30px}
.AccordionItem{border:1px solid #0052ae26;border-radius:6px;margin-bottom:10px}
.AccordionToggle{width:100%;background:transparent;border:none;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:700;color:#0052AE;font-family:'Noto Sans',sans-serif;text-align:left}
.AccordionIcon{transition:transform .3s linear;font-size:14px}
.AccordionToggle.is-active .AccordionIcon{transform:rotate(180deg)}
.AccordionContent{max-height:0;overflow:hidden;transition:max-height .3s linear}
.AccordionContent.is-visible{max-height:200px;padding:0 18px 15px}
.AccordionContent p{font-size:14px;color:#666;margin-bottom:12px;line-height:1.5}
.CookieCheckbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a4a4a;cursor:pointer}
.CookieCheckbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.CookieActions{display:flex;gap:15px;flex-wrap:wrap}
.PrimaryButt{background:linear-gradient(135deg,#FF8D12 0%,#0052AE 100%);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;font-family:'Noto Sans',sans-serif;box-shadow:0 4px 12px #ff8d124d;transition:box-shadow .3s linear;flex:1}
.PrimaryButt:hover{box-shadow:0 6px 16px #ff8d1266}
.SecondaryButt{background:transparent;color:#0052AE;border:2px solid #0052AE;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:400;cursor:pointer;font-family:'Noto Sans',sans-serif;transition:background-color .3s linear}
.SecondaryButt:hover{background-color:#0052ae0d}
@media (max-width: 1024px) {
.TopRowInner{flex-direction:column;gap:30px;text-align:center}
.MainNavi{justify-content:center;gap:30px}
.FooterContent{flex-direction:column;gap:40px}
}
@media (max-width: 640px) {
.TopRowInner,.BottomRowInner,.FooterContent{padding:0 20px}
.LogoLink{width:90px;height:90px}
.MainNavi{flex-direction:column;gap:15px;width:100%}
.NaviLink{width:100%;text-align:center}
.CompanyName{font-size:18px;text-align:center}
.CookieCard{padding:25px}
.CookieTitle{font-size:20px}
.CookieActions{flex-direction:column}
.PrimaryButt,.SecondaryButt{width:100%}
}
.policy-region{max-width:1600px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#fff 0%,#fafafa 100%)}
.policy-region h1{font-size:48px;font-weight:700;color:#0052AE;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.policy-region h2{font-size:36px;font-weight:600;color:#FF8D12;margin:60px 0 24px;line-height:1.3;letter-spacing:-.3px}
.policy-region h3{font-size:28px;font-weight:600;color:#0052AE;margin:48px 0 20px;line-height:1.4}
.policy-region h4{font-size:22px;font-weight:600;color:#333;margin:36px 0 16px;line-height:1.4}
.policy-region h5{font-size:18px;font-weight:600;color:#444;margin:28px 0 14px;line-height:1.5}
.policy-region h6{font-size:16px;font-weight:600;color:#555;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-region p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px;max-width:900px}
.policy-region em,.policy-region i{font-style:italic;color:#0052AE}
.policy-region table{width:100%;max-width:1200px;border-collapse:collapse;margin:40px 0;background:#fff;box-shadow:0 2px 8px #0052ae14}
.policy-region thead{background:linear-gradient(135deg,#0052AE 0%,#FF8D12 100%)}
.policy-region thead tr{border:none}
.policy-region thead th{padding:18px 20px;text-align:left;font-size:16px;font-weight:600;color:#fff;letter-spacing:.3px;border:1px solid #fff3}
.policy-region tbody{background:#fff}
.policy-region tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s linear}
.policy-region tbody tr:hover{background:#D6EFF2}
.policy-region tbody tr:last-child{border-bottom:none}
.policy-region td{padding:16px 20px;font-size:16px;line-height:1.6;color:#333;border:1px solid #e0e0e0}
.policy-region th{font-weight:600}
.policy-region hr{border:none;height:2px;background:linear-gradient(90deg,#FF8D12 0%,#0052AE 50%,#D6EFF2 100%);margin:60px 0;opacity:.6}
.policy-region div{margin:0 0 20px}
@media (max-width: 1024px) {
.policy-region{padding:60px 20px}
.policy-region h1{font-size:38px;margin:0 0 32px}
.policy-region h2{font-size:30px;margin:48px 0 20px}
.policy-region h3{font-size:24px;margin:40px 0 18px}
.policy-region h4{font-size:20px;margin:32px 0 14px}
.policy-region p{font-size:16px;line-height:1.7}
.policy-region table{font-size:15px;margin:32px 0}
.policy-region thead th{padding:14px 16px;font-size:15px}
.policy-region td{padding:12px 16px;font-size:15px}
}
@media (max-width: 640px) {
.policy-region{padding:40px 16px}
.policy-region h1{font-size:32px;margin:0 0 24px}
.policy-region h2{font-size:26px;margin:40px 0 16px}
.policy-region h3{font-size:22px;margin:32px 0 14px}
.policy-region h4{font-size:18px;margin:28px 0 12px}
.policy-region h5{font-size:16px;margin:24px 0 10px}
.policy-region h6{font-size:14px;margin:20px 0 10px}
.policy-region p{font-size:15px;line-height:1.7;margin:0 0 16px}
.policy-region table{display:block;overflow-x:auto;margin:24px 0;font-size:14px}
.policy-region thead th{padding:12px;font-size:14px}
.policy-region td{padding:10px 12px;font-size:14px}
.policy-region hr{margin:40px 0}
}
.topBanner{position:relative;background:linear-gradient(142deg,#D6EFF2 0%,#fff 100%);overflow:hidden;padding:0;margin:0 auto;max-width:1600px}
.topBanner-inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding:80px 24px}
.topBanner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./graphics_gallery/main-media-4.jpg);background-size:cover;background-position:center;opacity:.18;z-index:1}
.topBanner::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:linear-gradient(180deg,transparent 0%,#fff 100%);z-index:2}
.hero-txt{position:relative;z-index:3;text-align:center;max-width:780px}
.hero-txt h1{font-size:52px;line-height:1.2;color:#0052AE;margin:0 0 28px;font-weight:700}
.hero-txt p{font-size:19px;line-height:1.6;color:#333;margin:0}
.storySection{max-width:1600px;margin:0 auto;padding:80px 24px;background:#fff}
.storySection .gridWrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storySection .txtBox h2{font-size:38px;line-height:1.3;color:#0052AE;margin:0 0 24px;font-weight:600}
.storySection .txtBox h2::before{content:'';display:block;width:54px;height:4px;background:linear-gradient(90deg,#FF8D12 0%,#0052AE 100%);margin-bottom:18px}
.storySection .txtBox p{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px}
.storySection .txtBox p:last-child{margin-bottom:0}
.storySection .imageBox{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 6px 20px #0052ae1f}
.storySection .imageBox img{width:100%;height:auto;display:block;object-fit:cover}
.approachSegment{background:linear-gradient(225deg,#0052AE 0%,#06C 100%);padding:90px 24px;margin:0 auto;max-width:1600px}
.approachSegment .secHead{text-align:center;margin-bottom:64px}
.approachSegment .secHead h2{font-size:42px;line-height:1.25;color:#fff;margin:0 0 18px;font-weight:600}
.approachSegment .secHead p{font-size:18px;line-height:1.6;color:#D6EFF2;margin:0;max-width:640px;margin-left:auto;margin-right:auto}
.approachSegment .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}
.approachSegment .valueCard{background:#fffffff2;padding:36px 28px;border-radius:6px;transition:transform .25s linear,box-shadow .25s linear}
.approachSegment .valueCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}
.approachSegment .valueCard .iconWrap{width:60px;height:60px;background:linear-gradient(135deg,#FF8D12 0%,#FFA84D 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.approachSegment .valueCard .iconWrap .jam{font-size:28px;color:#fff}
.approachSegment .valueCard h3{font-size:22px;line-height:1.35;color:#0052AE;margin:0 0 14px;font-weight:600}
.approachSegment .valueCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.teamZone{max-width:1600px;margin:0 auto;padding:90px 24px;background:#fff}
.teamZone .headWrap{margin-bottom:56px}
.teamZone .headWrap h2{font-size:40px;line-height:1.3;color:#0052AE;margin:0 0 16px;font-weight:600}
.teamZone .headWrap p{font-size:18px;line-height:1.65;color:#444;margin:0;max-width:780px}
.teamZone .profilesLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1100px}
.teamZone .memberCard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:linear-gradient(180deg,#D6EFF2 0%,#fff 100%);border-radius:8px;border:1px solid #0052ae1a;transition:border-color .25s linear}
.teamZone .memberCard:hover{border-color:#FF8D12}
.teamZone .memberCard .photoCircle{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:3px solid #FF8D12;box-shadow:0 4px 14px #ff8d1233}
.teamZone .memberCard .photoCircle img{width:100%;height:100%;object-fit:cover;display:block}
.teamZone .memberCard h4{font-size:21px;line-height:1.3;color:#0052AE;margin:0 0 8px;font-weight:600}
.teamZone .memberCard .roleTag{font-size:15px;line-height:1.5;color:#FF8D12;margin:0 0 16px;font-weight:500}
.teamZone .memberCard p{font-size:15px;line-height:1.6;color:#555;margin:0}
.statsDisplay{background:linear-gradient(155deg,#FF8D12 0%,#FFA84D 100%);padding:70px 24px;margin:0 auto;max-width:1600px}
.statsDisplay .numbersRow{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;max-width:1200px;margin:0 auto}
.statsDisplay .statItem{text-align:center;padding:24px;background:#ffffff26;border-radius:6px;backdrop-filter:blur(8px)}
.statsDisplay .statItem .numberVal{font-size:48px;line-height:1.1;color:#fff;font-weight:700;margin:0 0 12px}
.statsDisplay .statItem .labelTxt{font-size:17px;line-height:1.4;color:#fff;margin:0;opacity:.95}
@media (max-width: 1024px) {
.hero-txt h1{font-size:42px}
.storySection .gridWrap{grid-template-columns:1fr;gap:40px}
.approachSegment .cardsGrid{grid-template-columns:1fr;gap:28px}
.statsDisplay .numbersRow{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 640px) {
.topBanner-inner{min-height:380px;padding:60px 20px}
.hero-txt h1{font-size:34px;margin-bottom:20px}
.hero-txt p{font-size:17px}
.storySection{padding:60px 20px}
.storySection .txtBox h2{font-size:30px}
.approachSegment{padding:70px 20px}
.approachSegment .secHead h2{font-size:34px}
.teamZone{padding:70px 20px}
.teamZone .headWrap h2{font-size:32px}
.statsDisplay{padding:60px 20px}
.statsDisplay .numbersRow{grid-template-columns:1fr;gap:24px}
.statsDisplay .statItem .numberVal{font-size:38px}
}
.heroPage-outer{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(132deg,#0052AE 0%,#D6EFF2 100%)}
.heroPage-bgImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:blur(1px)}
.heroPage-inner{position:relative;max-width:1600px;width:90%;margin:0 auto;padding:80px 20px;z-index:2}
.heroPage-content{max-width:680px}
.heroPage-titleText{font-size:3.2rem;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700}
.heroPage-desc{font-size:1.2rem;line-height:1.6;color:#fff;margin:0 0 32px;opacity:.95}
.heroPage-buttonWrap{display:flex;gap:16px;flex-wrap:wrap}
.heroPage-butt{padding:14px 32px;font-size:1.05rem;border-radius:8px;text-decoration:none;transition:all .25s linear;display:inline-block}
.heroPage-butt.is-primary{background:#FF8D12;color:#fff}
.heroPage-butt.is-primary:hover{background:#e67d0a;transform:translateY(-2px);box-shadow:0 6px 14px #ff8d1259}
.heroPage-butt.is-secondary{background:#fff3;color:#fff;border:2px solid #fff6}
.heroPage-butt.is-secondary:hover{background:#ffffff4d;border-color:#fff9}
.heroPage-shape{position:absolute;width:140px;height:140px;bottom:40px;right:60px;opacity:.15}
.heroPage-shape svg{width:100%;height:100%}
.supportArea{padding:90px 20px;background:#fff}
.supportArea-wrapper{max-width:1600px;margin:0 auto}
.supportArea-heado{text-align:center;margin-bottom:70px}
.supportArea-title{font-size:2.6rem;color:#0052AE;margin:0 0 16px;font-weight:600}
.supportArea-subtitle{font-size:1.15rem;color:#555;max-width:720px;margin:0 auto;line-height:1.65}
.supportArea-gridBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.supportArea-item{background:linear-gradient(145deg,#D6EFF2 0%,#fff 100%);padding:36px 28px;border-radius:10px;border:1px solid #0052ae1f;transition:all .25s linear}
.supportArea-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0052ae26}
.supportArea-icon{width:56px;height:56px;margin-bottom:20px;color:#FF8D12;font-size:2.4rem}
.supportArea-itemTitle{font-size:1.4rem;color:#0052AE;margin:0 0 12px;font-weight:600}
.supportArea-itemText{font-size:1rem;color:#666;line-height:1.6;margin:0}
.platformInfo{padding:80px 20px;background:linear-gradient(215deg,#0052AE 0%,#D6EFF2 100%);position:relative;overflow:hidden}
.platformInfo::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#ff8d1233 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}
.platformInfo-wrap{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.platformInfo-textSide{color:#fff}
.platformInfo-heading{font-size:2.4rem;margin:0 0 24px;font-weight:600}
.platformInfo-paragraph{font-size:1.1rem;line-height:1.7;margin:0 0 20px;opacity:.92}
.platformInfo-listWrap{margin-top:32px}
.platformInfo-listItem{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.platformInfo-checkIcon{width:24px;height:24px;flex-shrink:0;color:#FF8D12;font-size:1.3rem;margin-top:2px}
.platformInfo-listText{font-size:1.05rem;line-height:1.6;margin:0}
.platformInfo-imageSide{position:relative}
.platformInfo-pic{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 28px #0003}
.ecosystemBlock{padding:90px 20px;background:#fff}
.ecosystemBlock-container{max-width:1600px;margin:0 auto}
.ecosystemBlock-topSection{text-align:center;margin-bottom:60px}
.ecosystemBlock-maintitle{font-size:2.5rem;color:#0052AE;margin:0 0 18px;font-weight:600}
.ecosystemBlock-intro{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.65}
.ecosystemBlock-stepsArea{display:flex;flex-direction:column;gap:48px;margin-top:50px}
.ecosystemBlock-step{display:grid;grid-template-columns:80px 1fr;gap:28px;align-items:start;padding:32px;background:linear-gradient(120deg,#D6EFF2 0%,#fff 100%);border-radius:10px;border-left:5px solid #FF8D12;transition:all .25s linear}
.ecosystemBlock-step:hover{box-shadow:0 6px 16px #0052ae1f;transform:translateX(4px)}
.ecosystemBlock-stepNum{width:80px;height:80px;background:linear-gradient(135deg,#FF8D12 0%,#e67d0a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;flex-shrink:0}
.ecosystemBlock-stepContent{padding-top:8px}
.ecosystemBlock-stepTitle{font-size:1.6rem;color:#0052AE;margin:0 0 14px;font-weight:600}
.ecosystemBlock-stepDesc{font-size:1.05rem;color:#555;line-height:1.7;margin:0}
.contentHub{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#D6EFF2 100%)}
.contentHub-inner{max-width:1600px;margin:0 auto}
.contentHub-header{text-align:center;margin-bottom:70px}
.contentHub-mainTitle{font-size:2.6rem;color:#0052AE;margin:0 0 20px;font-weight:600}
.contentHub-headerText{font-size:1.1rem;color:#666;max-width:750px;margin:0 auto;line-height:1.65}
.contentHub-cardsLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}
.contentHub-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .25s linear}
.contentHub-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0052ae2e}
.contentHub-cardImage{width:100%;height:220px;object-fit:cover}
.contentHub-cardBody{padding:28px 24px}
.contentHub-cardTitle{font-size:1.4rem;color:#0052AE;margin:0 0 14px;font-weight:600}
.contentHub-cardText{font-size:1rem;color:#666;line-height:1.6;margin:0 0 20px}
.contentHub-cardLink{display:inline-flex;align-items:center;gap:8px;color:#FF8D12;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all .25s linear}
.contentHub-cardLink:hover{gap:12px;color:#e67d0a}
.contentHub-arrow{font-size:1.1rem}
.techSection{padding:90px 20px;background:#0052AE;color:#fff;position:relative}
.techSection::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ff8d1226 0%,transparent 70%);bottom:-150px;left:-150px;pointer-events:none}
.techSection-wrapper{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.techSection-topArea{text-align:center;margin-bottom:60px}
.techSection-bigTitle{font-size:2.5rem;margin:0 0 20px;font-weight:600}
.techSection-descText{font-size:1.15rem;max-width:780px;margin:0 auto;line-height:1.7;opacity:.92}
.techSection-splitLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.techSection-imgBox{position:relative}
.techSection-mainPic{width:100%;height:auto;border-radius:10px;box-shadow:0 14px 32px #00000040}
.techSection-content{padding-left:20px}
.techSection-featuresList{display:flex;flex-direction:column;gap:24px;margin-top:36px}
.techSection-featureItem{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff14;border-radius:8px;border-left:4px solid #FF8D12;transition:all .25s linear}
.techSection-featureItem:hover{background:#ffffff1f;transform:translateX(4px)}
.techSection-featureIcon{width:40px;height:40px;flex-shrink:0;color:#FF8D12;font-size:1.8rem}
.techSection-featureTextBox h4{font-size:1.3rem;margin:0 0 8px;font-weight:600}
.techSection-featureTextBox p{font-size:1rem;margin:0;line-height:1.6;opacity:.88}
.testimonialsZone{padding:90px 20px;background:linear-gradient(180deg,#D6EFF2 0%,#fff 100%)}
.testimonialsZone-container{max-width:1600px;margin:0 auto}
.testimonialsZone-heado{text-align:center;margin-bottom:70px}
.testimonialsZone-titleBig{font-size:2.6rem;color:#0052AE;margin:0 0 18px;font-weight:600}
.testimonialsZone-lead{font-size:1.1rem;color:#666;max-width:720px;margin:0 auto;line-height:1.65}
.testimonialsZone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px}
.testimonialsZone-card{background:#fff;padding:36px 32px;border-radius:10px;box-shadow:0 6px 16px #00000014;border-top:4px solid #FF8D12;transition:all .25s linear}
.testimonialsZone-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0052ae26}
.testimonialsZone-quote{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 28px;font-style:italic}
.testimonialsZone-author{display:flex;align-items:center;gap:16px}
.testimonialsZone-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #D6EFF2}
.testimonialsZone-authorInfo h5{font-size:1.15rem;color:#0052AE;margin:0 0 4px;font-weight:600}
.testimonialsZone-authorInfo p{font-size:.95rem;color:#888;margin:0}
@media (max-width: 1024px) {
.heroPage-titleText{font-size:2.6rem}
.platformInfo-wrap,.techSection-splitLayout{grid-template-columns:1fr;gap:40px}
.platformInfo-imageSide{order:-1}
.techSection-content{padding-left:0}
.ecosystemBlock-step{grid-template-columns:1fr;text-align:center}
.ecosystemBlock-stepNum{margin:0 auto 20px}
.supportArea-gridBox{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.heroPage-titleText{font-size:2rem}
.heroPage-desc{font-size:1.05rem}
.heroPage-buttonWrap{flex-direction:column;width:100%}
.heroPage-butt{width:100%;text-align:center}
.supportArea-title,.platformInfo-heading,.ecosystemBlock-maintitle,.contentHub-mainTitle,.techSection-bigTitle,.testimonialsZone-titleBig{font-size:2rem}
.supportArea-gridBox{grid-template-columns:1fr}
.ecosystemBlock-step{padding:24px 16px}
.contentHub-cardsLayout,.testimonialsZone-grid{grid-template-columns:1fr}
.heroPage-shape{display:none}
}
.topHeado{background:linear-gradient(127deg,#D6EFF2 0%,#fff 45%,#FFE8D3 100%);padding:90px 20px 85px;position:relative;overflow:hidden}
.topHeado::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ff8d121f 0%,transparent 70%);top:-120px;right:10%;border-radius:50%}
.topHeado::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#0052ae17 0%,transparent 70%);bottom:-80px;left:15%;border-radius:50%}
.heado-contain{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.titl-arrange{display:flex;flex-direction:column;align-items:flex-start;gap:48px;max-width:740px;margin-left:8%}
.main-titl{font-size:58px;font-weight:700;line-height:1.15;color:#1a1a1a;position:relative;padding-left:24px}
.main-titl::before{content:'';position:absolute;left:0;top:8px;width:6px;height:85%;background:linear-gradient(180deg,#FF8D12 0%,#0052AE 100%);border-radius:3px}
.desc-space{font-size:19px;line-height:1.7;color:#4a4a4a;max-width:620px;padding-left:30px;border-left:3px solid #D6EFF2}
.contct-wrapper{padding:95px 20px;background:#fff}
.contct-inner{max-width:1600px;margin:0 auto}
.dual-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:85px;align-items:start}
.info-bloc{background:linear-gradient(155deg,#f8f9fa 0%,#D6EFF2 100%);padding:55px 45px;border-radius:8px;position:sticky;top:30px}
.info-titl{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:18px;display:flex;align-items:center;gap:14px}
.info-titl::before{content:'';display:block;width:42px;height:4px;background:#FF8D12;border-radius:2px}
.info-sub{font-size:17px;line-height:1.6;color:#5a5a5a;margin-bottom:42px}
.details-list{display:flex;flex-direction:column;gap:32px}
.detail-entry{display:flex;align-items:flex-start;gap:18px}
.detail-icn{width:48px;height:48px;background:linear-gradient(135deg,#FF8D12 0%,#ff9f3d 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff8d1233}
.detail-icn .jam{font-size:22px;color:#fff}
.detail-txt{flex:1}
.detail-label{font-size:14px;font-weight:600;text-transform:uppercase;color:#0052AE;letter-spacing:.5px;margin-bottom:6px}
.detail-valu{font-size:17px;line-height:1.5;color:#2a2a2a;word-break:break-word}
.detail-valu a{color:#0052AE;text-decoration:none;transition:color .25s linear}
.detail-valu a:hover{color:#FF8D12}
.form-bloc{background:#fff;border:2px solid #e8e8e8;border-radius:8px;padding:58px 52px;box-shadow:0 8px 24px #0000000f}
.form-titl{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.form-subtitl{font-size:17px;line-height:1.6;color:#5a5a5a;margin-bottom:38px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px}
.field-group{display:flex;flex-direction:column;gap:9px}
.field-group.is-full{grid-column:1 / -1}
.field-labl{font-size:15px;font-weight:600;color:#2a2a2a;display:flex;align-items:center;gap:6px}
.field-labl .required-mark{color:#FF8D12;font-size:18px}
.field-inpt{padding:16px 18px;border:2px solid #ddd;border-radius:6px;font-size:16px;color:#2a2a2a;background:#fafafa;transition:all .25s linear}
.field-inpt:focus{outline:none;border-color:#0052AE;background:#fff;box-shadow:0 0 0 4px #0052ae1a}
.rating-section{margin-bottom:32px}
.rating-titl{font-size:17px;font-weight:600;color:#2a2a2a;margin-bottom:18px}
.rating-options{display:flex;gap:12px;flex-wrap:wrap}
.rating-item{position:relative}
.rating-item input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.rating-labl{display:flex;align-items:center;gap:8px;padding:12px 22px;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .25s linear;background:#fafafa;font-size:15px;color:#4a4a4a}
.rating-item input[type="radio"]:checked + .rating-labl{border-color:#FF8D12;background:linear-gradient(135deg,#fff5eb 0%,#ffe8d3 100%);color:#1a1a1a;font-weight:600}
.rating-labl::before{content:'';width:20px;height:20px;border:2px solid #ccc;border-radius:50%;transition:all .25s linear;flex-shrink:0}
.rating-item input[type="radio"]:checked + .rating-labl::before{border-color:#FF8D12;background:#FF8D12;box-shadow:inset 0 0 0 4px #fff}
.privacy-section{margin-bottom:28px;padding:18px;background:#f8f9fa;border-radius:6px;border-left:4px solid #D6EFF2}
.privacy-checkwrap{display:flex;align-items:flex-start;gap:12px}
.privacy-checkwrap input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacy-text{font-size:15px;line-height:1.6;color:#4a4a4a}
.privacy-text a{color:#0052AE;text-decoration:none;font-weight:600;transition:color .25s linear}
.privacy-text a:hover{color:#FF8D12}
.submit-butt{width:100%;padding:18px 36px;background:linear-gradient(135deg,#FF8D12 0%,#ff9f3d 100%);color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .25s linear;box-shadow:0 6px 16px #ff8d124d;position:relative;z-index:10}
.submit-butt:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff8d1266}
.submit-butt:active{transform:translateY(0)}
.extra-info{background:linear-gradient(135deg,#f0f8ff 0%,#D6EFF2 100%);padding:75px 20px}
.extra-contain{max-width:1600px;margin:0 auto;text-align:center}
.extra-titl{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:22px;position:relative;display:inline-block}
.extra-titl::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#FF8D12 0%,#0052AE 100%);border-radius:2px}
.extra-desc{font-size:18px;line-height:1.7;color:#4a4a4a;max-width:780px;margin:32px auto 42px}
.response-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.response-card{background:#fff;padding:38px 28px;border-radius:8px;border:2px solid #e8e8e8;transition:all .25s linear}
.response-card:hover{transform:translateY(-4px);border-color:#0052AE;box-shadow:0 12px 28px #0052ae26}
.response-icn{width:64px;height:64px;background:linear-gradient(135deg,#0052AE 0%,#0067d9 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.response-icn .jam{font-size:28px;color:#fff}
.response-titl{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.response-txt{font-size:16px;line-height:1.6;color:#5a5a5a}
@media (max-width: 1024px) {
.topHeado{padding:70px 20px 65px}
.titl-arrange{margin-left:0;max-width:100%}
.main-titl{font-size:44px}
.dual-layout{grid-template-columns:1fr;gap:50px}
.info-bloc{position:static}
.form-grid{grid-template-columns:1fr}
.response-grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 640px) {
.topHeado{padding:50px 18px}
.main-titl{font-size:34px;padding-left:18px}
.desc-space{font-size:17px;padding-left:18px}
.contct-wrapper{padding:60px 18px}
.info-bloc{padding:35px 28px}
.form-bloc{padding:38px 24px}
.form-titl{font-size:26px}
.rating-options{flex-direction:column}
.rating-labl{width:100%}
.extra-info{padding:55px 18px}
.extra-titl{font-size:28px}
.extra-desc{font-size:16px}
}
.ProgramHero{background:linear-gradient(157deg,#FF8D12 0%,#0052AE 100%);padding:80px 20px;position:relative;overflow:hidden}
.ProgramHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;opacity:.4}
.hero-wrapper{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hero-textbox{flex:1}
.hero-textbox h1{font-size:52px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.hero-textbox h1 .underline-term{position:relative;display:inline-block}
.hero-textbox h1 .underline-term::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:4px;background:#D6EFF2}
.hero-textbox .intro-para{font-size:18px;line-height:1.7;color:#fffffff2;margin:0}
.hero-imagebox{flex:0 0 420px}
.hero-imagebox img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 24px #00000040}
.CourseGrid{padding:90px 20px;background:#fff}
.grid-container{max-width:1600px;margin:0 auto}
.grid-header{text-align:center;margin-bottom:60px}
.grid-header h2{font-size:42px;color:#0052AE;margin:0 0 16px;font-weight:700}
.grid-header .sub-text{font-size:17px;line-height:1.6;color:#333;max-width:720px;margin:0 auto}
.course-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.tile-item{background:linear-gradient(135deg,#f8f9fa 0%,#D6EFF2 100%);border-radius:0;padding:40px 32px;position:relative;border:2px solid transparent;transition:all .3s linear}
.tile-item:hover{border-color:#FF8D12;transform:translateY(-4px);box-shadow:0 8px 16px #0052ae26}
.tile-item .icon-circle{width:64px;height:64px;background:#FF8D12;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.tile-item .icon-circle .jam{font-size:28px;color:#fff}
.tile-item h3{font-size:24px;color:#0052AE;margin:0 0 12px;font-weight:600}
.tile-item .desc-text{font-size:15px;line-height:1.6;color:#333;margin:0}
.StructureShow{background:linear-gradient(224deg,#0052AE 0%,#D6EFF2 100%);padding:80px 20px}
.structure-wrap{max-width:1600px;margin:0 auto}
.structure-intro{max-width:840px;margin:0 auto 60px;text-align:center}
.structure-intro h2{font-size:44px;color:#fff;margin:0 0 20px;font-weight:700}
.structure-intro .lead-para{font-size:17px;line-height:1.7;color:#ffffffed;margin:0}
.phase-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.phase-box{background:#ffffff1f;padding:36px 32px;border-left:5px solid #FF8D12;position:relative}
.phase-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;opacity:0;transition:opacity .3s linear}
.phase-box:hover::before{opacity:1}
.phase-num{font-size:16px;color:#FF8D12;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.phase-box h4{font-size:26px;color:#fff;margin:0 0 16px;font-weight:600}
.phase-box .detail-text{font-size:15px;line-height:1.7;color:#ffffffe0;margin:0}
.TestimonialSect{padding:85px 20px;background:#f8f9fa}
.testi-outer{max-width:1600px;margin:0 auto}
.testi-headline{text-align:left;margin-bottom:50px;max-width:680px}
.testi-headline h2{font-size:40px;color:#0052AE;margin:0 0 14px;font-weight:700;position:relative;display:inline-block}
.testi-headline h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:#FF8D12}
.testi-headline .intro-line{font-size:16px;line-height:1.6;color:#333;margin:0}
.testi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.card-item{background:#fff;padding:32px 28px;box-shadow:0 4px 12px #00000014;border-radius:6px;display:flex;flex-direction:column;position:relative}
.card-item::after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF8D12 0%,#0052AE 100%)}
.profile-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.profile-row img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.profile-info h5{font-size:18px;color:#0052AE;margin:0 0 4px;font-weight:600}
.profile-info .role-label{font-size:14px;color:#666;margin:0}
.card-item .quote-text{font-size:15px;line-height:1.7;color:#333;margin:0;flex:1}
@media (max-width: 1024px) {
.hero-wrapper{flex-direction:column;gap:40px}
.hero-imagebox{flex:0 0 auto;width:100%;max-width:500px}
.hero-textbox h1{font-size:42px}
.course-tiles{grid-template-columns:repeat(2,1fr);gap:32px}
.phase-layout{grid-template-columns:1fr;gap:32px}
.testi-cards{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 640px) {
.ProgramHero{padding:60px 20px}
.hero-textbox h1{font-size:34px}
.hero-imagebox img{height:360px}
.CourseGrid{padding:60px 20px}
.grid-header h2{font-size:32px}
.course-tiles{grid-template-columns:1fr;gap:24px}
.StructureShow{padding:60px 20px}
.structure-intro h2{font-size:32px}
.TestimonialSect{padding:60px 20px}
.testi-headline h2{font-size:30px}
}
.successWrap{background:linear-gradient(168deg,#D6EFF2 0%,#fff 45%,#FFF5EC 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px}
.success-inner{max-width:800px;width:100%;margin:0 auto;text-align:center}
.iconCircle{width:120px;height:120px;margin:0 auto 35px;background:linear-gradient(135deg,#0052AE 0%,#FF8D12 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 32px #0052ae2e}
.iconCircle::before{content:'';position:absolute;width:132px;height:132px;border:3px solid #ff8d1240;border-radius:50%;animation:pulseRing 2.4s linear infinite}
@keyframes pulseRing {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.35);opacity:0}
}
.iconCircle .jam{font-size:56px;color:#fff}
.msgHeado{font-size:42px;line-height:1.2;color:#0052AE;margin:0 0 18px;font-weight:700}
.msgSubtext{font-size:19px;line-height:1.6;color:#2d2d2d;margin:0 0 38px;max-width:600px;margin-left:auto;margin-right:auto}
.detailBox{background:#fff;padding:32px 40px;border-radius:8px;margin:0 0 36px;box-shadow:0 4px 16px #0000000f;border-left:5px solid #FF8D12}
.detailBox p{font-size:16px;line-height:1.75;color:#3a3a3a;margin:0 0 14px}
.detailBox p:last-child{margin:0}
.detailBox strong{color:#0052AE;font-weight:600}
.actionsGroup{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(95deg,#0052AE 0%,#0064D4 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all .25s linear;box-shadow:0 6px 18px #0052ae38}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0052ae52;background:linear-gradient(95deg,#003d88 0%,#0052AE 100%)}
.btnSecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#fff;color:#0052AE;text-decoration:none;border:2px solid #0052AE;border-radius:6px;font-size:17px;font-weight:600;transition:all .25s linear}
.btnSecondary:hover{background:#0052AE;color:#fff;transform:translateY(-2px)}
.infoNote{margin-top:30px;padding:22px 28px;background:#d6eff266;border-radius:6px;border:2px solid #0052ae1f}
.infoNote p{font-size:15px;line-height:1.6;color:#3a3a3a;margin:0}
.infoNote .jam{color:#FF8D12;font-size:20px;vertical-align:middle;margin-right:8px}
@media (max-width: 640px) {
.successWrap{padding:40px 16px;min-height:75vh}
.iconCircle{width:100px;height:100px;margin-bottom:28px}
.iconCircle::before{width:112px;height:112px}
.iconCircle .jam{font-size:46px}
.msgHeado{font-size:32px;margin-bottom:14px}
.msgSubtext{font-size:17px;margin-bottom:30px}
.detailBox{padding:24px 22px}
.detailBox p{font-size:15px}
.actionsGroup{flex-direction:column;gap:14px}
.btnPrimary,.btnSecondary{width:100%;justify-content:center;padding:15px 28px;font-size:16px}
.infoNote{padding:18px 20px}
.infoNote p{font-size:14px}
}
@media (min-width: 641px) and (max-width: 1024px) {
.successWrap{padding:50px 30px}
.msgHeado{font-size:38px}
.msgSubtext{font-size:18px}
.detailBox{padding:28px 34px}
}