@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:'Noto Serif JP','Noto Serif',serif;background:#f7f5f0;color:#1a1a2e;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;scroll-behavior:smooth}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#e8e4dc;border-radius:10px}
::-webkit-scrollbar-thumb{background:#22969E;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#301A89;box-shadow:0 0 6px #22969e66}
.hd{background:#22969E;border-bottom:4px solid #301A89;box-shadow:0 4px 24px #301a8921}
.hd .hdInner{max-width:1320px;margin:auto;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;padding:20px 32px}
.hd .brandStack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hd .brandStack a{display:flex;align-items:center;gap:14px;text-decoration:none}
.hd .brandStack img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 12px #301a892e}
.hd .brandStack .siteName{font-size:1.55rem;font-weight:700;color:#FFF291;line-height:1.2;letter-spacing:.02em}
.hd .brandStack .siteTagline{font-size:.78rem;color:#fff291bf;letter-spacing:.04em}
.hd .hdRight{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.hd .hdContact{display:flex;gap:20px;align-items:center}
.hd .hdContact a,.hd .hdContact span{color:#fff291d9;font-size:.82rem;text-decoration:none;display:flex;align-items:center;gap:6px}
.hd .hdContact a:hover{color:#FFF291}
.hd .hdContact .cil-phone,.hd .hdContact .cil-envelope-closed{font-size:.95rem}
.mainNv{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mainNv a{color:#fff;text-decoration:none;font-size:.88rem;padding:8px 16px;border-radius:8px;border:1px solid #ffffff26;transition:background 0.18s,color 0.18s,border-color .18s;white-space:nowrap}
.mainNv a:hover,.mainNv a.nav-active{background:#301A89;border-color:#301A89;color:#FFF291}
.ft{background:#1a1a2e;border-top:4px solid #22969E;padding:52px 32px 28px;position:relative;overflow:hidden}
.ft::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,#22969e1f 1px,transparent 0);background-size:28px 28px;pointer-events:none}
.ft .ftInner{max-width:1320px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;position:relative;z-index:1}
.ft .ftBrand .ftLogo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ft .ftBrand .ftLogo img{width:56px;height:56px;object-fit:contain;background:#ffffff14;border-radius:10px;padding:5px}
.ft .ftBrand .ftLogo span{font-size:1.2rem;font-weight:700;color:#FFF291}
.ft .ftBrand p{color:#ffffff9e;font-size:.84rem;line-height:1.75;max-width:340px}
.ft .ftCol h4{font-size:.92rem;font-weight:700;color:#22969E;margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #22969e40;padding-bottom:8px}
.ft .ftCol ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft .ftCol ul li a{color:#ffffffa6;text-decoration:none;font-size:.84rem;display:flex;align-items:center;gap:8px;transition:color .15s}
.ft .ftCol ul li a:hover{color:#FFF291}
.ft .ftContact p{color:#ffffff9e;font-size:.83rem;line-height:1.9}
.ft .ftContact a{color:#ffffffa6;text-decoration:none}
.ft .ftContact a:hover{color:#FFF291}
.ft .ftBottom{max-width:1320px;margin:36px auto 0;padding-top:20px;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.ft .ftBottom p{color:#ffffff61;font-size:.78rem}
.ckOverlay{position:fixed;inset:0;background:#1a1a2eb8;z-index:9000;display:flex;align-items:center;justify-content:center}
.ckOverlay.ck-hidden{display:none}
.ckBox{background:#fff;border-radius:14px;padding:28px 30px 24px;max-width:400px;width:92%;box-shadow:0 8px 40px #301a8938;border-top:4px solid #22969E}
.ckBox h3{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ckBox p{font-size:.82rem;color:#555;line-height:1.65;margin-bottom:18px}
.ckToggles{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.ckToggleRow{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f4f4f8;border-radius:8px}
.ckToggleRow label{font-size:.82rem;color:#333;font-weight:600}
.ckToggleRow span{font-size:.74rem;color:#888}
.ckToggleRow .ckSwitch{position:relative;width:36px;height:20px}
.ckToggleRow .ckSwitch input{opacity:0;width:0;height:0}
.ckSlider{position:absolute;inset:0;background:#ccc;border-radius:20px;cursor:pointer;transition:background .2s}
.ckSlider::before{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:transform .2s}
.ckToggleRow .ckSwitch input:checked + .ckSlider{background:#22969E}
.ckToggleRow .ckSwitch input:checked + .ckSlider::before{transform:translateX(16px)}
.ckToggleRow .ckSwitch input:disabled + .ckSlider{opacity:.6;cursor:not-allowed}
.ckActions{display:flex;gap:16px;justify-content:flex-end}
.ckActions button{background:none;border:none;cursor:pointer;font-family:'Noto Serif JP',serif;font-size:.85rem;color:#301A89;padding:4px 2px;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s,color .15s}
.ckActions button:hover{border-bottom-color:#301A89;color:#22969E}
.ckActions button.ckAccept{color:#22969E;font-weight:700}
.ckActions button.ckAccept:hover{border-bottom-color:#22969E}
.ckBadge{position:fixed;bottom:20px;left:20px;z-index:8000;background:#22969E;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 16px #22969e66;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ckBadge:hover{background:#301A89}
.ckBadge.ck-hidden{display:none}
@media (max-width: 900px) {
.hd .hdInner{grid-template-columns:1fr;gap:18px;padding:18px 20px}
.hd .hdRight{align-items:flex-start}
.mainNv{justify-content:flex-start}
.ft .ftInner{grid-template-columns:1fr;gap:32px}
.ft .ftBottom{flex-direction:column;align-items:flex-start}
}
@media (max-width: 600px) {
.hd .brandStack .siteName{font-size:1.18rem}
.mainNv a{font-size:.8rem;padding:7px 11px}
.ft{padding:36px 18px 20px}
.ckBox{padding:22px 18px 18px}
}
.policy-block-eoye{max-width:860px;margin:0 auto;padding:48px 32px 64px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #22969e1a 0 2px 8px #301a890f}
.policy-block-eoye h1{font-size:2.1rem;font-weight:800;line-height:1.25;color:#301A89;margin:0 0 28px;padding-bottom:18px;border-bottom:3px solid #22969E;letter-spacing:-.01em}
.policy-block-eoye h2{font-size:1.45rem;font-weight:700;line-height:1.3;color:#22969E;margin:48px 0 16px;padding-left:14px;border-left:4px solid #301A89}
.policy-block-eoye h3{font-size:1.18rem;font-weight:700;line-height:1.35;color:#301A89;margin:36px 0 12px}
.policy-block-eoye h4{font-size:1.02rem;font-weight:700;line-height:1.4;color:#22969E;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.04em}
.policy-block-eoye h5{font-size:.95rem;font-weight:700;line-height:1.45;color:#301A89;margin:22px 0 8px}
.policy-block-eoye h6{font-size:.88rem;font-weight:700;line-height:1.5;color:#444;margin:18px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.policy-block-eoye p{font-size:1rem;line-height:1.8;color:#2a2a2a;margin:0 0 18px}
.policy-block-eoye ul{margin:0 0 20px;padding-left:0;list-style:none}
.policy-block-eoye ol{margin:0 0 20px;padding-left:24px;list-style:decimal}
.policy-block-eoye ul li{font-size:1rem;line-height:1.75;color:#2a2a2a;margin-bottom:8px;padding-left:22px;position:relative}
.policy-block-eoye ul li::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#22969E;position:absolute;left:0;top:10px}
.policy-block-eoye ol li{font-size:1rem;line-height:1.75;color:#2a2a2a;margin-bottom:8px;padding-left:6px}
.policy-block-eoye ul ul,.policy-block-eoye ol ul{margin:8px 0 8px 16px}
.policy-block-eoye ol ol,.policy-block-eoye ul ol{margin:8px 0 8px 16px}
.policy-block-eoye ul ul li::before{background:#301A89;width:5px;height:5px;top:11px}
.policy-block-eoye strong,.policy-block-eoye b{font-weight:700;color:#1a1a1a}
.policy-block-eoye a{color:#22969E;text-decoration:underline;text-decoration-color:#22969e66;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
.policy-block-eoye a:hover{color:#301A89;text-decoration-color:#301a8999}
.policy-block-eoye a:visited{color:#301A89}
.policy-block-eoye hr{border:none;border-top:2px solid #22969e33;margin:40px 0;border-radius:2px}
@media (max-width: 768px) {
.policy-block-eoye{padding:32px 20px 48px;border-radius:8px}
.policy-block-eoye h1{font-size:1.6rem;margin-bottom:22px;padding-bottom:14px}
.policy-block-eoye h2{font-size:1.22rem;margin-top:36px}
.policy-block-eoye h3{font-size:1.06rem;margin-top:28px}
.policy-block-eoye p{font-size:.97rem;line-height:1.75}
.policy-block-eoye ul li,.policy-block-eoye ol li{font-size:.97rem}
}
@media (max-width: 480px) {
.policy-block-eoye{padding:24px 14px 36px;box-shadow:0 4px 16px #22969e14}
.policy-block-eoye h1{font-size:1.35rem}
.policy-block-eoye h2{font-size:1.1rem;padding-left:10px;border-left-width:3px}
.policy-block-eoye h3{font-size:1rem}
.policy-block-eoye hr{margin:28px 0}
}
.techReq-hero{position:relative;overflow:hidden;background:#22969E;min-height:520px;display:flex;align-items:stretch}
.techReq-hero .tr-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;width:100%;max-width:1320px;margin:0 auto;gap:0}
.techReq-hero .tr-textCell{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;padding:60px 48px;position:relative;z-index:2;background:#301a89eb}
.techReq-hero .tr-imgCell-1{grid-column:2 / 3;grid-row:1 / 2;position:relative;overflow:hidden;min-height:260px}
.techReq-hero .tr-imgCell-1 img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.8) brightness(0.85)}
.techReq-hero .tr-imgCell-1::after{content:'';position:absolute;inset:0;background:#22969e73}
.techReq-hero .tr-accentCell{grid-column:2 / 3;grid-row:2 / 3;background:#FFF291;display:flex;flex-direction:column;justify-content:center;padding:32px 36px}
.techReq-hero .tr-imgCell-2{grid-column:3 / 4;grid-row:1 / 3;position:relative;overflow:hidden;min-height:520px}
.techReq-hero .tr-imgCell-2 img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.75) brightness(0.8)}
.techReq-hero .tr-imgCell-2::after{content:'';position:absolute;inset:0;background:#301a8980}
.techReq-hero .tr-firstPhrase{font-size:1.05rem;font-weight:700;color:#FFF291;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #fff2914d;display:block}
.techReq-hero .tr-heroTitle{font-size:2.2rem;font-weight:800;color:#fff;line-height:1.25;margin:0 0 20px}
.techReq-hero .tr-heroDesc{font-size:1rem;color:#ffffffd9;line-height:1.7;margin:0 0 28px}
.techReq-hero .tr-heroCta{display:inline-flex;align-items:center;gap:10px;background:#22969E;color:#fff;font-weight:700;font-size:.95rem;padding:13px 28px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s,transform .2s;z-index:4;position:relative}
.techReq-hero .tr-heroCta:hover{background:#1a7a80;transform:translateY(-2px)}
.techReq-hero .tr-accentCell .tr-accentLabel{font-size:.78rem;font-weight:700;color:#301A89;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.techReq-hero .tr-accentCell .tr-accentStat{font-size:2.4rem;font-weight:900;color:#301A89;line-height:1;margin-bottom:6px}
.techReq-hero .tr-accentCell .tr-accentNote{font-size:.88rem;color:#301A89;line-height:1.5}
.tr-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.tr-particles span{position:absolute;border-radius:50%;background:#fff2912e;animation:tr-float 6s infinite ease-in-out}
.tr-particles span:nth-child(1){width:8px;height:8px;top:15%;left:8%;animation-delay:0s;animation-duration:7s}
.tr-particles span:nth-child(2){width:5px;height:5px;top:60%;left:5%;animation-delay:1s;animation-duration:5s}
.tr-particles span:nth-child(3){width:10px;height:10px;top:35%;left:3%;animation-delay:2s;animation-duration:8s}
.tr-particles span:nth-child(4){width:6px;height:6px;top:75%;left:9%;animation-delay:.5s;animation-duration:6s}
.tr-particles span:nth-child(5){width:4px;height:4px;top:88%;left:14%;animation-delay:1.5s;animation-duration:9s}
@keyframes tr-float {
0%,100%{transform:translateY(0) scale(1);opacity:.18}
50%{transform:translateY(-18px) scale(1.15);opacity:.4}
}
.techReq-body{max-width:1320px;margin:0 auto;padding:72px 24px 80px}
.tr-bodyGrid{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.tr-sidebar{position:sticky;top:24px}
.tr-sidebarCard{background:#301A89;border-radius:16px;padding:36px 28px;color:#fff;margin-bottom:24px}
.tr-sidebarCard .tr-scTitle{font-size:1.05rem;font-weight:800;color:#FFF291;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.tr-sidebarCard .tr-scList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.tr-sidebarCard .tr-scList li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#ffffffe0;line-height:1.5}
.tr-sidebarCard .tr-scList li .cil-check-circle{color:#22969E;margin-top:2px;flex-shrink:0;font-size:1rem}
.tr-noticeCard{background:#FFF291;border-radius:14px;padding:24px}
.tr-noticeCard .tr-ncTitle{font-size:.85rem;font-weight:700;color:#301A89;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.tr-noticeCard .tr-ncText{font-size:.88rem;color:#1a1a2e;line-height:1.6;margin:0}
.tr-mainContent .tr-secLabel{font-size:.78rem;font-weight:700;color:#22969E;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.tr-mainContent .tr-secLabel::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,#22969e66 0%,transparent 100%);border-radius:2px}
.tr-mainContent .tr-secTitle{font-size:1.75rem;font-weight:800;color:#301A89;line-height:1.3;margin:0 0 16px}
.tr-mainContent .tr-secDesc{font-size:.97rem;color:#3d3d5c;line-height:1.75;margin:0 0 36px}
.tr-reqTabs{margin-bottom:36px}
.tr-tabToggles{display:flex;gap:4px;background:#f0eefc;border-radius:12px;padding:5px;margin-bottom:24px}
.tr-tabToggles input[type="radio"]{display:none}
.tr-tabToggles label{flex:1;text-align:center;padding:10px 14px;font-size:.88rem;font-weight:600;color:#301A89;border-radius:9px;cursor:pointer;transition:background 0.2s,color .2s}
#tr-tab1:checked ~ .tr-tabPanels .tr-panel-1,#tr-tab2:checked ~ .tr-tabPanels .tr-panel-2,#tr-tab3:checked ~ .tr-tabPanels .tr-panel-3{display:block}
#tr-tab1:checked ~ .tr-tabToggles label[for="tr-tab1"],#tr-tab2:checked ~ .tr-tabToggles label[for="tr-tab2"],#tr-tab3:checked ~ .tr-tabToggles label[for="tr-tab3"]{background:#301A89;color:#FFF291}
.tr-tabPanels .tr-panel-1,.tr-tabPanels .tr-panel-2,.tr-tabPanels .tr-panel-3{display:none}
.tr-reqGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tr-reqItem{background:#f7f6ff;border-radius:12px;padding:20px;border-left:4px solid #22969E;display:flex;flex-direction:column;gap:6px;transition:box-shadow 0.2s,transform .2s}
.tr-reqItem:hover{box-shadow:0 8px 24px #22969e26;transform:translateY(-2px)}
.tr-reqItem .tr-riLabel{font-size:.75rem;font-weight:700;color:#22969E;text-transform:uppercase;letter-spacing:.06em}
.tr-reqItem .tr-riVal{font-size:.97rem;font-weight:700;color:#301A89;line-height:1.3}
.tr-reqItem .tr-riNote{font-size:.82rem;color:#6b6b8a;line-height:1.5}
.tr-reqItem.tr-ri-warn{border-left-color:#f0a500}
.tr-reqItem.tr-ri-warn .tr-riLabel{color:#c47a00}
.tr-softwareGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.tr-swCard{border-radius:12px;padding:20px 18px;background:#fff;border:2px solid #e8e4fa;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.tr-swCard:hover{border-color:#22969E}
.tr-swCard .tr-swIcon{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#22969E,#301A89);display:flex;align-items:center;justify-content:center;color:#FFF291;font-size:1.1rem;margin-bottom:4px}
.tr-swCard .tr-swName{font-size:.9rem;font-weight:700;color:#301A89}
.tr-swCard .tr-swDesc{font-size:.82rem;color:#6b6b8a;line-height:1.5}
.tr-connectGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tr-connItem{background:linear-gradient(135deg,#22969e14,#301a890f);border-radius:12px;padding:20px;border:1.5px solid #22969e33;display:flex;flex-direction:column;gap:6px}
.tr-connItem .tr-ciHead{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.tr-connItem .tr-ciHead i{font-size:1.2rem;color:#22969E}
.tr-connItem .tr-ciHead span{font-size:.9rem;font-weight:700;color:#301A89}
.tr-connItem .tr-ciDetail{font-size:.85rem;color:#3d3d5c;line-height:1.6}
.tr-connItem .tr-ciBadge{display:inline-block;background:#22969E;color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:4px;width:fit-content}
.tr-divider{display:flex;align-items:center;gap:16px;margin:40px 0}
.tr-divider::before,.tr-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#301a892e,transparent)}
.tr-divider .tr-divIcon{width:36px;height:36px;background:#FFF291;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#301A89;font-size:1rem}
.tr-setupSteps{display:flex;flex-direction:column;gap:0;position:relative}
.tr-setupSteps::before{content:'';position:absolute;left:21px;top:42px;bottom:42px;width:2px;background:linear-gradient(180deg,#22969E 0%,#301a8933 100%);z-index:0}
.tr-step{display:flex;align-items:flex-start;gap:20px;padding:0 0 28px;position:relative;z-index:1}
.tr-step:last-child{padding-bottom:0}
.tr-step .tr-stepNum{width:44px;height:44px;border-radius:50%;background:#301A89;color:#FFF291;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #fff;box-shadow:0 0 0 3px #301a892e}
.tr-step .tr-stepBody{flex:1;padding-top:8px}
.tr-step .tr-stepBody .tr-stTitle{font-size:.97rem;font-weight:700;color:#301A89;margin-bottom:5px}
.tr-step .tr-stepBody .tr-stText{font-size:.87rem;color:#5a5a7a;line-height:1.6}
.tr-ctaBanner{background:linear-gradient(120deg,#301A89 0%,#22969E 100%);border-radius:16px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}
.tr-ctaBanner .tr-ctaText{flex:1}
.tr-ctaBanner .tr-ctaText h4{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 8px}
.tr-ctaBanner .tr-ctaText p{font-size:.92rem;color:#ffffffd1;margin:0;line-height:1.6}
.tr-ctaBanner .tr-ctaBtns{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.tr-ctaBanner .tr-btn-primary{background:#FFF291;color:#301A89;font-weight:700;font-size:.92rem;padding:12px 24px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.2s,transform .2s;text-align:center;z-index:4;position:relative}
.tr-ctaBanner .tr-btn-primary:hover{opacity:.88;transform:translateY(-2px)}
.tr-ctaBanner .tr-btn-ghost{background:transparent;color:#fff;font-weight:600;font-size:.88rem;padding:10px 24px;border-radius:10px;text-decoration:none;border:2px solid #fff6;cursor:pointer;transition:border-color 0.2s,background .2s;text-align:center;z-index:4;position:relative}
.tr-ctaBanner .tr-btn-ghost:hover{border-color:#fff;background:#ffffff14}
@media (max-width: 1024px) {
.techReq-hero .tr-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.techReq-hero .tr-textCell{grid-column:1 / 2;grid-row:1 / 2;padding:44px 32px}
.techReq-hero .tr-imgCell-1{grid-column:2 / 3;grid-row:1 / 2;min-height:200px}
.techReq-hero .tr-accentCell{grid-column:1 / 2;grid-row:2 / 3;padding:24px 32px}
.techReq-hero .tr-imgCell-2{grid-column:2 / 3;grid-row:2 / 3;min-height:200px}
.tr-bodyGrid{grid-template-columns:1fr;gap:36px}
.tr-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tr-sidebarCard,.tr-noticeCard{margin-bottom:0}
.tr-softwareGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px) {
.techReq-hero .tr-mosaic{grid-template-columns:1fr}
.techReq-hero .tr-textCell{grid-column:1;grid-row:1;padding:40px 24px}
.techReq-hero .tr-imgCell-1{grid-column:1;grid-row:2;min-height:180px}
.techReq-hero .tr-accentCell{grid-column:1;grid-row:3}
.techReq-hero .tr-imgCell-2{display:none}
.techReq-hero .tr-heroTitle{font-size:1.6rem}
.tr-sidebar{grid-template-columns:1fr}
.tr-reqGrid{grid-template-columns:1fr}
.tr-softwareGrid{grid-template-columns:1fr}
.tr-connectGrid{grid-template-columns:1fr}
.tr-ctaBanner{flex-direction:column;padding:28px 24px}
.tr-ctaBanner .tr-ctaBtns{width:100%;flex-direction:row;flex-wrap:wrap}
.techReq-body{padding:48px 16px 56px}
.tr-tabToggles label{padding:8px;font-size:.78rem}
}
.heroBand{position:relative;background:linear-gradient(135deg,#301A89 0%,#22969E 60%,#1a7a80 100%);overflow:hidden;padding:0}
.heroBand::before{content:'';position:absolute;top:-60px;right:-80px;width:420px;height:420px;background:#fff29114;border-radius:50%;z-index:0}
.heroBand::after{content:'';position:absolute;bottom:-40px;left:10%;width:280px;height:280px;background:#22969e40;border-radius:50%;z-index:0}
.heroBand .hbInner{position:relative;z-index:2;max-width:1320px;margin:auto;display:flex;flex-direction:row;align-items:center;gap:40px;padding:64px 32px 56px}
.heroBand .hbTxt{flex:1 1 50%;display:flex;flex-direction:column;gap:18px}
.heroBand .hbTag{display:inline-block;background:#fff2912e;border:1px solid #FFF291;color:#FFF291;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:20px;width:fit-content}
.heroBand .hbTxt h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.18;margin:0}
.heroBand .hbTxt h1 span{color:#FFF291}
.heroBand .hbTxt p{color:#ffffffd9;font-size:1.05rem;line-height:1.7;margin:0;max-width:460px}
.heroBand .hbCtas{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;margin-top:8px}
.heroBand .hbCtas .ctaPrimary{background:#FFF291;color:#301A89;font-weight:700;border:none;padding:13px 28px;border-radius:10px;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background 0.2s,transform .15s;z-index:5;position:relative}
.heroBand .hbCtas .ctaPrimary:hover{background:#fff;transform:translateY(-2px)}
.heroBand .hbCtas .ctaOutline{background:transparent;color:#fff;border:2px solid #ffffff80;padding:11px 26px;border-radius:10px;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.2s,background .2s;z-index:5;position:relative}
.heroBand .hbCtas .ctaOutline:hover{border-color:#FFF291;background:#fff29114}
.heroBand .hbImg{flex:1 1 45%;position:relative}
.heroBand .hbImg img{width:100%;max-width:520px;height:360px;object-fit:cover;border-radius:14px;display:block;box-shadow:0 16px 48px #301a8959}
.heroBand .hbImg .imgOverlay{position:absolute;inset:0;border-radius:14px;background:linear-gradient(120deg,#301a892e 0%,#22969e1f 100%);pointer-events:none}
.statsStrip{background:#fff;border-bottom:1px solid #e8e8f0}
.statsStrip .ssInner{max-width:1320px;margin:auto;padding:32px;display:flex;flex-direction:row;gap:0;justify-content:space-between;flex-wrap:wrap}
.statsStrip .ssItem{display:flex;flex-direction:column;align-items:center;flex:1 1 150px;padding:12px 16px;border-right:1px solid #e8e8f0;text-align:center}
.statsStrip .ssItem:last-child{border-right:none}
.statsStrip .ssItem .ssNum{font-size:2.1rem;font-weight:800;color:#301A89;line-height:1}
.statsStrip .ssItem .ssNum span{color:#22969E}
.statsStrip .ssItem .ssLabel{font-size:.8rem;color:#666;margin-top:5px;line-height:1.4}
.guarSection{background:#f5f7fb;padding:72px 32px}
.guarSection .gsInner{max-width:1320px;margin:auto}
.guarSection .gsTitleRow{display:flex;flex-direction:row;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.guarSection .gsHeadCol{flex:1 1 340px}
.guarSection .gsHeadCol .gsEyebrow{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#22969E;font-weight:700;margin-bottom:10px;display:block}
.guarSection .gsHeadCol h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#1a1a2e;line-height:1.25;margin:0 0 12px}
.guarSection .gsDescCol{flex:1 1 340px;color:#555;font-size:.97rem;line-height:1.7}
.guarSection .gsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.guarSection .gsCard{background:#fff;border-radius:14px;padding:30px 26px;box-shadow:0 4px 20px #301a8912;border-top:4px solid transparent;transition:transform 0.2s,box-shadow .2s;display:flex;flex-direction:column;gap:14px}
.guarSection .gsCard:hover{transform:translateY(-4px);box-shadow:0 10px 32px #301a8921}
.guarSection .gsCard.accent-1{border-top-color:#22969E}
.guarSection .gsCard.accent-2{border-top-color:#301A89}
.guarSection .gsCard.accent-3{border-top-color:#FFF291;box-shadow:0 4px 20px #fff2912e}
.guarSection .gsCard .gsCardIcon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.guarSection .gsCard.accent-1 .gsCardIcon{background:#22969e1f;color:#22969E}
.guarSection .gsCard.accent-2 .gsCardIcon{background:#301a891a;color:#301A89}
.guarSection .gsCard.accent-3 .gsCardIcon{background:#fff2914d;color:#b89a00}
.guarSection .gsCard h4{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0}
.guarSection .gsCard p{font-size:.9rem;color:#666;line-height:1.65;margin:0}
.guarSection .gsCard .gsBadge{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;background:#22969e1a;color:#22969E;width:fit-content}
.feedbackSection{background:linear-gradient(160deg,#1a1040 0%,#301A89 50%,#22969E 100%);padding:80px 32px;position:relative;overflow:hidden}
.feedbackSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.feedbackSection .fsInner{max-width:1320px;margin:auto;position:relative;z-index:2}
.feedbackSection .fsHeader{text-align:center;margin-bottom:52px}
.feedbackSection .fsHeader h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin:0 0 12px}
.feedbackSection .fsHeader p{color:#ffffffbf;font-size:1rem;max-width:540px;margin:0 auto;line-height:1.65}
.feedbackSection .fsImgBand{display:flex;flex-direction:row;gap:20px;margin-bottom:44px;align-items:stretch;flex-wrap:wrap}
.feedbackSection .fsImgBand .fsImgMain{flex:2 1 340px;border-radius:12px;overflow:hidden;position:relative}
.feedbackSection .fsImgBand .fsImgMain img{width:100%;height:240px;object-fit:cover;display:block;border-radius:12px}
.feedbackSection .fsImgBand .fsImgSide{flex:1 1 200px;border-radius:12px;overflow:hidden}
.feedbackSection .fsImgBand .fsImgSide img{width:100%;height:240px;object-fit:cover;display:block;border-radius:12px}
.feedbackSection .fsCards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feedbackSection .fsReview{background:#ffffff17;border:1px solid #ffffff26;border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;transition:background .2s}
.feedbackSection .fsReview:hover{background:#ffffff24}
.feedbackSection .fsReview .fsStars{color:#FFF291;font-size:.85rem;letter-spacing:2px}
.feedbackSection .fsReview .fsQuote{color:#ffffffe0;font-size:.9rem;line-height:1.65;flex:1}
.feedbackSection .fsReview .fsReviewer{display:flex;flex-direction:row;align-items:center;gap:10px}
.feedbackSection .fsReview .fsAvatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#22969E,#301A89);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}
.feedbackSection .fsReview .fsRName{font-size:.88rem;font-weight:700;color:#fff;line-height:1.2}
.feedbackSection .fsReview .fsRRole{font-size:.76rem;color:#ffffff8c}
.feedbackSection .fsFeedForm{margin-top:48px;background:#ffffff12;border:1px solid #ffffff21;border-radius:16px;padding:36px 32px;display:flex;flex-direction:row;gap:40px;align-items:center;flex-wrap:wrap}
.feedbackSection .fsFeedForm .fsFTxt{flex:1 1 280px}
.feedbackSection .fsFeedForm .fsFTxt h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 8px}
.feedbackSection .fsFeedForm .fsFTxt p{color:#ffffffb3;font-size:.88rem;margin:0;line-height:1.55}
.feedbackSection .fsFeedForm form{flex:1 1 280px;display:flex;flex-direction:column;gap:12px}
.feedbackSection .fsFeedForm form input,.feedbackSection .fsFeedForm form textarea{background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;padding:11px 14px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}
.feedbackSection .fsFeedForm form input::placeholder,.feedbackSection .fsFeedForm form textarea::placeholder{color:#ffffff73}
.feedbackSection .fsFeedForm form input:focus,.feedbackSection .fsFeedForm form textarea:focus{border-color:#FFF291}
.feedbackSection .fsFeedForm form textarea{resize:vertical;min-height:80px}
.feedbackSection .fsFeedForm form button{background:#FFF291;color:#301A89;font-weight:700;border:none;padding:12px 24px;border-radius:8px;font-size:.93rem;cursor:pointer;transition:background 0.2s,transform .15s;z-index:5;position:relative}
.feedbackSection .fsFeedForm form button:hover{background:#fff;transform:translateY(-2px)}
.outcomesSection{background:#fff;padding:80px 32px}
.outcomesSection .osInner{max-width:1320px;margin:auto}
.outcomesSection .osLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.outcomesSection .osLeft .osEye{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#22969E;font-weight:700;margin-bottom:10px}
.outcomesSection .osLeft h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#1a1a2e;line-height:1.25;margin:0 0 16px}
.outcomesSection .osLeft h2 em{font-style:normal;color:#301A89}
.outcomesSection .osLeft .osDesc{color:#555;font-size:.97rem;line-height:1.7;margin-bottom:28px}
.outcomesSection .osSkillsList{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.outcomesSection .osSkillItem{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.outcomesSection .osSkillItem .osBullet{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#22969E,#301A89);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}
.outcomesSection .osSkillItem .osSkText strong{display:block;font-size:.95rem;color:#1a1a2e;font-weight:700;margin-bottom:2px}
.outcomesSection .osSkillItem .osSkText span{font-size:.85rem;color:#777;line-height:1.5}
.outcomesSection .osRight{display:flex;flex-direction:column;gap:18px}
.outcomesSection .osRight .osImgWrap{position:relative;border-radius:14px;overflow:hidden}
.outcomesSection .osRight .osImgWrap img{width:100%;height:280px;object-fit:cover;display:block;border-radius:14px}
.outcomesSection .osRight .osImgWrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#301a8940 100%);border-radius:14px;pointer-events:none}
.outcomesSection .osMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.outcomesSection .osMetricBox{background:#f5f7fb;border-radius:10px;padding:16px 14px;text-align:center;border-bottom:3px solid #22969E}
.outcomesSection .osMetricBox .osMNum{font-size:1.5rem;font-weight:800;color:#301A89;line-height:1}
.outcomesSection .osMetricBox .osMLabel{font-size:.75rem;color:#888;margin-top:4px;line-height:1.35}
.geoSection{background:#f0f4f8;padding:80px 32px;position:relative}
.geoSection .geInner{max-width:1320px;margin:auto}
.geoSection .geLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.geoSection .geRight .geEye{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#22969E;font-weight:700;margin-bottom:10px}
.geoSection .geRight h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#1a1a2e;line-height:1.25;margin:0 0 16px}
.geoSection .geRight .geDesc{color:#555;font-size:.97rem;line-height:1.7;margin-bottom:28px}
.geoSection .geFeatures{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.geoSection .geFeat{display:flex;flex-direction:row;align-items:center;gap:14px;background:#fff;border-radius:10px;padding:14px 18px;box-shadow:0 2px 10px #301a890f}
.geoSection .geFeat .geFIcon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#22969e26,#301a891a);display:flex;align-items:center;justify-content:center;color:#301A89;font-size:1.1rem;flex-shrink:0}
.geoSection .geFeat .geFText strong{display:block;font-size:.92rem;font-weight:700;color:#1a1a2e}
.geoSection .geFeat .geFText span{font-size:.82rem;color:#777}
.geoSection .geLeft{display:flex;flex-direction:column;gap:16px}
.geoSection .geLeft .geImgTop{border-radius:12px;overflow:hidden}
.geoSection .geLeft .geImgTop img{width:100%;height:200px;object-fit:cover;display:block;border-radius:12px}
.geoSection .geLeft .geImgBot{border-radius:12px;overflow:hidden}
.geoSection .geLeft .geImgBot img{width:100%;height:200px;object-fit:cover;display:block;border-radius:12px}
.geoSection .geCtaRow{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.geoSection .geCta{background:linear-gradient(135deg,#301A89,#22969E);color:#fff;font-weight:700;padding:13px 28px;border-radius:10px;font-size:.95rem;text-decoration:none;display:inline-block;transition:opacity 0.2s,transform .15s;z-index:5;position:relative}
.geoSection .geCta:hover{opacity:.88;transform:translateY(-2px)}
.geoSection .geCtaSecond{background:transparent;color:#301A89;border:2px solid #301A89;font-weight:700;padding:11px 26px;border-radius:10px;font-size:.95rem;text-decoration:none;display:inline-block;transition:background 0.2s,color .2s;z-index:5;position:relative}
.geoSection .geCtaSecond:hover{background:#301A89;color:#fff}
@media (max-width: 960px) {
.heroBand .hbInner{flex-direction:column;padding:48px 24px 40px}
.heroBand .hbImg img{max-width:100%;height:240px}
.guarSection .gsGrid{grid-template-columns:repeat(2,1fr)}
.feedbackSection .fsCards{grid-template-columns:repeat(2,1fr)}
.outcomesSection .osLayout{grid-template-columns:1fr;gap:36px}
.geoSection .geLayout{grid-template-columns:1fr;gap:36px}
.geoSection .geLeft{flex-direction:row}
.geoSection .geLeft .geImgTop img,.geoSection .geLeft .geImgBot img{height:160px}
}
@media (max-width: 640px) {
.guarSection{padding:52px 18px}
.guarSection .gsGrid{grid-template-columns:1fr}
.feedbackSection{padding:52px 18px}
.feedbackSection .fsCards{grid-template-columns:1fr}
.feedbackSection .fsImgBand{flex-direction:column}
.feedbackSection .fsFeedForm{flex-direction:column;gap:24px;padding:24px 18px}
.outcomesSection{padding:52px 18px}
.outcomesSection .osMetrics{grid-template-columns:repeat(3,1fr)}
.geoSection{padding:52px 18px}
.geoSection .geLeft{flex-direction:column}
.statsStrip .ssInner{gap:8px;padding:24px 18px}
.statsStrip .ssItem{border-right:none;border-bottom:1px solid #e8e8f0}
.statsStrip .ssItem:last-child{border-bottom:none}
.heroBand .hbInner{padding:36px 18px 32px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f0f0f5;border-radius:8px}
::-webkit-scrollbar-thumb{background:#301a894d;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#301a8980;box-shadow:0 0 6px #301a8940}
.pgContact .diagSplit{display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden;position:relative}
.pgContact .diagSplit .txtZone{background:#301A89;padding:72px 56px 72px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}
.pgContact .diagSplit .txtZone::before{content:'';position:absolute;top:24px;left:24px;width:4px;height:80px;background:#FFF291;border-radius:4px}
.pgContact .diagSplit .txtZone .numAccent{font-size:6rem;font-weight:900;color:#fff2912e;line-height:1;margin-bottom:-16px;display:block}
.pgContact .diagSplit .txtZone h1{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.2;margin:0 0 18px}
.pgContact .diagSplit .txtZone h1 .accentWord{color:#FFF291}
.pgContact .diagSplit .txtZone .subTxt{color:#ffffffc7;font-size:1.05rem;line-height:1.65;max-width:360px}
.pgContact .diagSplit .imgZone{position:relative;overflow:hidden}
.pgContact .diagSplit .imgZone img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pgContact .diagSplit .imgZone::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#22969e8c 0%,#301a8959 100%)}
.pgContact .diagSplit .gfxArrow{position:absolute;right:48%;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;background:#FFF291;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #301a8947}
.pgContact .ctInfoBand{background:#22969E;padding:40px 0}
.pgContact .ctInfoBand .ctInnerGrid{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pgContact .ctInfoBand .ctCard{background:#ffffff21;border:1px solid #ffffff38;border-radius:14px;padding:28px 30px;display:flex;flex-direction:row;align-items:flex-start;gap:18px;transition:background .25s}
.pgContact .ctInfoBand .ctCard:hover{background:#ffffff38}
.pgContact .ctInfoBand .ctCard .ctIcon{width:48px;height:48px;background:#FFF291;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.3rem;color:#301A89}
.pgContact .ctInfoBand .ctCard .ctData h4{color:#FFF291;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-weight:700}
.pgContact .ctInfoBand .ctCard .ctData p{color:#fff;font-size:.97rem;line-height:1.5;margin:0}
.pgContact .ctInfoBand .ctCard .ctData a{color:#fff;text-decoration:none}
.pgContact .ctInfoBand .ctCard .ctData a:hover{color:#FFF291}
.pgContact .fmSection{background:#f5f7fa;padding:80px 0}
.pgContact .fmSection .fmInner{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}
.pgContact .fmSection .fmSide h2{font-size:1.9rem;font-weight:800;color:#1a1a2e;line-height:1.25;margin:0 0 16px;position:relative;padding-bottom:18px}
.pgContact .fmSection .fmSide h2::after{content:'';position:absolute;bottom:0;left:0;width:52px;height:4px;background:#22969E;border-radius:4px}
.pgContact .fmSection .fmSide .fmSideNote{color:#555;font-size:.97rem;line-height:1.65;margin:0 0 32px}
.pgContact .fmSection .fmSide .urgLabels{display:flex;flex-direction:column;gap:12px}
.pgContact .fmSection .fmSide .urgLabel{display:flex;flex-direction:row;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:14px 18px;border-left:4px solid #22969E;box-shadow:0 2px 10px #22969e17}
.pgContact .fmSection .fmSide .urgLabel.urg-2{border-left-color:#301A89}
.pgContact .fmSection .fmSide .urgLabel.urg-3{border-left-color:#FFF291}
.pgContact .fmSection .fmSide .urgLabel i{font-size:1.1rem;color:#22969E;flex-shrink:0}
.pgContact .fmSection .fmSide .urgLabel.urg-2 i{color:#301A89}
.pgContact .fmSection .fmSide .urgLabel.urg-3 i{color:#8a7200}
.pgContact .fmSection .fmSide .urgLabel span{font-size:.92rem;color:#333;line-height:1.4}
.pgContact .fmSection .fmForm{background:#fff;border-radius:18px;padding:48px 44px;box-shadow:0 8px 40px #301a891a}
.pgContact .fmSection .fmForm .fmRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.pgContact .fmSection .fmForm .fmField{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.pgContact .fmSection .fmForm .fmField label{font-size:.85rem;font-weight:700;color:#1a1a2e;letter-spacing:.04em;text-transform:uppercase}
.pgContact .fmSection .fmForm .fmField input,.pgContact .fmSection .fmForm .fmField select{border:2px solid #e0e4ef;border-radius:10px;padding:14px 18px;font-size:1rem;color:#1a1a2e;background:#f9fafd;transition:border-color 0.2s,box-shadow .2s;width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.pgContact .fmSection .fmForm .fmField input:focus,.pgContact .fmSection .fmForm .fmField select:focus{outline:none;border-color:#22969E;box-shadow:0 0 0 4px #22969e1f;background:#fff}
.pgContact .fmSection .fmForm .fmField .selWrap{position:relative}
.pgContact .fmSection .fmForm .fmField .selWrap::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #22969E;pointer-events:none}
.pgContact .fmSection .fmForm .fmField select{cursor:pointer;padding-right:44px}
.pgContact .fmSection .fmForm .privCheck{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 18px;background:#f0f4f8;border-radius:10px;border:1px solid #e0e4ef}
.pgContact .fmSection .fmForm .privCheck input[type="checkbox"]{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:#22969E;cursor:pointer}
.pgContact .fmSection .fmForm .privCheck label{font-size:.88rem;color:#444;line-height:1.55;cursor:pointer}
.pgContact .fmSection .fmForm .privCheck label a{color:#22969E;text-decoration:underline;font-weight:600}
.pgContact .fmSection .fmForm .privCheck label a:hover{color:#301A89}
.pgContact .fmSection .fmForm .submitBtn{background:linear-gradient(135deg,#22969E 0%,#301A89 100%);color:#fff;border:none;border-radius:12px;padding:17px 40px;font-size:1.05rem;font-weight:700;cursor:pointer;width:100%;transition:opacity 0.2s,box-shadow 0.2s,transform .15s;position:relative;z-index:5;box-shadow:0 4px 22px #301a8938;display:flex;align-items:center;justify-content:center;gap:10px}
.pgContact .fmSection .fmForm .submitBtn:hover{opacity:.91;box-shadow:0 8px 30px #301a894d;transform:translateY(-2px)}
.pgContact .fmSection .fmForm .submitBtn:active{transform:translateY(0)}
.pgContact .fmSection .fmForm .fmRowSingle{margin-bottom:20px}
.pgContact .imgBand{position:relative;height:340px;overflow:hidden}
.pgContact .imgBand img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.pgContact .imgBand .imgOverlay{position:absolute;inset:0;background:linear-gradient(100deg,#301a89b8 0%,#22969e80 55%,#00000026 100%);display:flex;align-items:center;padding:0 80px}
.pgContact .imgBand .imgOverlay .bandTxt h3{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.3}
.pgContact .imgBand .imgOverlay .bandTxt h3 em{color:#FFF291;font-style:normal}
.pgContact .imgBand .imgOverlay .bandTxt p{color:#ffffffd9;font-size:1rem;line-height:1.6;max-width:500px;margin:0}
@media (max-width: 1024px) {
.pgContact .diagSplit{grid-template-columns:1fr 1fr;min-height:380px}
.pgContact .diagSplit .txtZone{padding:52px 36px;clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}
.pgContact .diagSplit .txtZone h1{font-size:1.8rem}
.pgContact .diagSplit .txtZone .numAccent{font-size:4rem}
.pgContact .ctInfoBand .ctInnerGrid{grid-template-columns:1fr 1fr;gap:16px}
.pgContact .fmSection .fmInner{grid-template-columns:1fr;gap:40px}
.pgContact .fmSection .fmForm{padding:36px 28px}
.pgContact .imgBand .imgOverlay{padding:0 40px}
}
@media (max-width: 768px) {
.pgContact .diagSplit{grid-template-columns:1fr;min-height:auto}
.pgContact .diagSplit .txtZone{clip-path:none;padding:52px 28px 48px}
.pgContact .diagSplit .imgZone{height:220px}
.pgContact .diagSplit .gfxArrow{display:none}
.pgContact .ctInfoBand .ctInnerGrid{grid-template-columns:1fr;gap:12px}
.pgContact .fmSection{padding:52px 0}
.pgContact .fmSection .fmInner{padding:0 20px}
.pgContact .fmSection .fmForm .fmRow{grid-template-columns:1fr;gap:0}
.pgContact .fmSection .fmForm{padding:28px 20px}
.pgContact .imgBand{height:260px}
.pgContact .imgBand .imgOverlay{padding:0 24px}
.pgContact .imgBand .imgOverlay .bandTxt h3{font-size:1.3rem}
.pgContact .ctInfoBand{padding:32px 0}
.pgContact .ctInfoBand .ctInnerGrid{padding:0 20px}
}
@media (max-width: 480px) {
.pgContact .diagSplit .txtZone h1{font-size:1.5rem}
.pgContact .diagSplit .txtZone .numAccent{font-size:3rem}
.pgContact .fmSection .fmSide h2{font-size:1.5rem}
}
.pgLrn{background:#f8f9fb}
.titleBlk{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;padding:80px 0 60px}
.titleBlk .tlBgImg{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:brightness(0.72) saturate(1.1)}
.titleBlk::after{content:'';position:absolute;right:0;top:0;width:55%;height:100%;background:linear-gradient(100deg,#f8f9fb 22%,#22969e8c 60%,#301a89b8 100%);z-index:1}
.titleBlk::before{content:'';position:absolute;left:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,#f8f9fb 70%,#f8f9fb00 100%);z-index:2}
.tlDotsTL,.tlDotsBR{position:absolute;z-index:3;width:90px;height:90px;opacity:.38}
.tlDotsTL{top:18px;left:18px}
.tlDotsBR{bottom:18px;right:18px}
.tlDotsTL svg,.tlDotsBR svg{width:90px;height:90px}
.tlTxtArea{position:relative;z-index:4;max-width:1320px;margin:0 auto;padding:0 32px;width:100%}
.tlEyebrow{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#22969E;background:#22969e1a;border:1px solid #22969e47;border-radius:20px;padding:5px 16px;margin-bottom:22px;font-weight:600}
.tlH1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;color:#1a1340;line-height:1.13;margin:0 0 12px;max-width:520px}
.tlH1 .tlAccent{color:#22969E;position:relative}
.tlH1 .tlAccent::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(90deg,#22969E,#FFF291);border-radius:2px}
.tlSubH{font-size:1.22rem;color:#301A89;margin:0 0 10px;max-width:460px;font-weight:600;line-height:1.4}
.tlDesc{font-size:1.01rem;color:#3d3d5c;max-width:430px;line-height:1.7;margin:0 0 32px}
.tlCtaRow{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.btPrimary{display:inline-block;background:linear-gradient(135deg,#22969E 0%,#301A89 100%);color:#fff;border:none;border-radius:10px;padding:14px 30px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:box-shadow 0.22s,transform .18s;position:relative;z-index:10;box-shadow:0 4px 18px #22969e38}
.btPrimary:hover{box-shadow:0 8px 32px #301a8947;transform:translateY(-2px);color:#FFF291;text-decoration:none}
.btOutline{display:inline-block;background:transparent;color:#301A89;border:2px solid #301A89;border-radius:10px;padding:13px 28px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background 0.2s,color 0.2s,transform .18s;position:relative;z-index:10}
.btOutline:hover{background:#301A89;color:#FFF291;transform:translateY(-2px);text-decoration:none}
.crsSection{max-width:1320px;margin:0 auto;padding:72px 32px 80px}
.crsSectionHd{display:flex;flex-direction:row;align-items:flex-end;gap:32px;margin-bottom:52px;flex-wrap:wrap}
.crsTitleCol{flex:1 1 300px}
.crsSecEye{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#22969E;font-weight:700;margin-bottom:10px}
.crsSecH2{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;color:#1a1340;line-height:1.18;margin:0;position:relative;padding-left:18px}
.crsSecH2::before{content:'';position:absolute;left:0;top:8%;height:84%;width:5px;background:linear-gradient(180deg,#22969E,#FFF291 80%);border-radius:3px}
.crsDescCol{flex:1 1 300px;font-size:.98rem;color:#4a4a6a;line-height:1.68}
.crsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:52px}
.crsCard{background:#fff;border-radius:16px;box-shadow:0 4px 24px #22969e17;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.22s,transform .2s;position:relative}
.crsCard:hover{box-shadow:0 12px 40px #301a8926;transform:translateY(-4px)}
.crsCard-2 .crsCardTop{background:linear-gradient(135deg,#301A89 0%,#22969E 100%)}
.crsCard-3 .crsCardTop{background:linear-gradient(135deg,#22969E 0%,#1a1340 100%)}
.crsCardTop{background:linear-gradient(135deg,#1a1340 0%,#301A89 100%);padding:26px 24px 18px;display:flex;flex-direction:column;gap:10px}
.crsCardBadge{display:inline-flex;align-items:center;gap:6px;background:#fff2912e;border:1px solid #fff29166;color:#FFF291;border-radius:20px;padding:4px 12px;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:fit-content}
.crsCardTitle{font-size:1.08rem;font-weight:800;color:#fff;line-height:1.3;margin:0}
.crsCardMeta{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.crsMetaItem{display:flex;align-items:center;gap:5px;color:#ffffffb8;font-size:.78rem}
.crsMetaItem i{font-size:.85rem;color:#FFF291}
.crsCardBody{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;gap:14px}
.crsCardDesc{font-size:.92rem;color:#4a4a6a;line-height:1.62;margin:0}
.crsTopics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.crsTopics li{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:#2d2d4a}
.crsTopics li::before{content:'';display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:#22969E;margin-top:5px}
.crsCardFoot{margin-top:auto;padding-top:14px;border-top:1px solid #22969e1f;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.crsLevel{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#22969E;font-weight:600}
.crsLevel i{font-size:.9rem}
.crsEnrollBtn{display:inline-block;background:linear-gradient(90deg,#22969E,#301A89);color:#fff;border-radius:8px;padding:8px 18px;font-size:.84rem;font-weight:700;text-decoration:none;transition:opacity 0.18s,transform .15s;z-index:5;position:relative}
.crsEnrollBtn:hover{opacity:.88;transform:scale(1.04);text-decoration:none;color:#FFF291}
.infoStrip{background:linear-gradient(100deg,#1a1340 0%,#301A89 55%,#22969E 100%);border-radius:18px;padding:40px 48px;display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}
.infoStrip::before{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:#fff29112;border-radius:50%}
.infoStripTxt{flex:1 1 260px}
.infoStripTxt h3{font-size:1.3rem;font-weight:800;color:#FFF291;margin:0 0 8px}
.infoStripTxt p{font-size:.95rem;color:#ffffffd1;margin:0;line-height:1.6}
.infoStatsRow{display:flex;flex-direction:row;gap:30px;flex-wrap:wrap}
.infoStat{display:flex;flex-direction:column;align-items:center;gap:2px}
.infoStatNum{font-size:2rem;font-weight:800;color:#FFF291;line-height:1}
.infoStatLbl{font-size:.78rem;color:#ffffffad;text-align:center}
.infoStripCta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.btYellow{display:inline-block;background:#FFF291;color:#1a1340;border-radius:10px;padding:13px 28px;font-size:1rem;font-weight:800;text-decoration:none;transition:background 0.18s,transform 0.18s,box-shadow .18s;z-index:5;position:relative;box-shadow:0 4px 18px #fff29138}
.btYellow:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #fff29159;text-decoration:none;color:#301A89}
.progSection{max-width:1320px;margin:0 auto;padding:0 32px 80px}
.progGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.progImgCol{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 8px 40px #301a8926}
.progImgCol img{width:100%;height:380px;object-fit:cover;display:block}
.progImgOverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#301a89d1 0%,transparent 100%);padding:32px 24px 24px}
.progImgOverlay p{color:#ffffffe0;font-size:.88rem;margin:0;line-height:1.55}
.progImgOverlay strong{color:#FFF291;display:block;font-size:1rem;margin-bottom:6px}
.progInfoCol{display:flex;flex-direction:column;gap:22px}
.progInfoHead{margin-bottom:4px}
.progInfoEye{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;color:#22969E;font-weight:700;margin-bottom:8px}
.progInfoH2{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;color:#1a1340;line-height:1.22;margin:0 0 12px}
.progInfoDesc{font-size:.97rem;color:#4a4a6a;line-height:1.68;margin:0}
.accordList{display:flex;flex-direction:column;gap:10px}
.accordItem{border:1px solid #22969e2e;border-radius:12px;overflow:hidden;background:#fff}
.accordItem input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.accordItem input[type="checkbox"]:checked ~ .accordBody{max-height:300px;padding:0 18px 16px}
.accordItem input[type="checkbox"]:checked ~ .accordLbl .accordIco{transform:rotate(45deg);color:#22969E}
.accordLbl{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;gap:10px;user-select:none}
.accordLbl:hover{background:#22969e0d}
.accordLblTxt{font-size:.93rem;font-weight:700;color:#1a1340;display:flex;align-items:center;gap:10px}
.accordLblTxt i{color:#22969E;font-size:1rem}
.accordIco{font-size:1.1rem;color:#9090b0;transition:transform 0.22s,color .18s}
.accordBody{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .2s;padding:0 18px}
.accordBody p{font-size:.88rem;color:#4a4a6a;line-height:1.65;margin:0}
.kwTagsRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.kwTag{background:linear-gradient(135deg,#22969e1a,#301a8914);border:1px solid #22969e38;color:#301A89;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600}
@media (max-width: 1024px) {
.crsGrid{grid-template-columns:repeat(2,1fr)}
.progGrid{grid-template-columns:1fr}
.progImgCol img{height:280px}
}
@media (max-width: 768px) {
.titleBlk{min-height:420px;padding:60px 0 48px}
.titleBlk .tlBgImg{width:100%;opacity:.32}
.titleBlk::after{width:100%;background:linear-gradient(180deg,#f8f9fbeb 0%,#22969e8c 100%)}
.titleBlk::before{width:100%}
.tlTxtArea{padding:0 20px}
.crsSection{padding:48px 20px 52px}
.crsGrid{grid-template-columns:1fr}
.crsSectionHd{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
.infoStrip{padding:28px 24px;flex-direction:column;align-items:flex-start}
.infoStripCta{align-items:flex-start;width:100%}
.progSection{padding:0 20px 52px}
}
@media (max-width: 480px) {
.infoStatsRow{gap:18px}
.tlCtaRow{flex-direction:column}
.crsCardTop{padding:20px 16px 14px}
.crsCardBody{padding:16px 16px 18px}
}
.pgBefore{max-width:1320px;margin:0 auto;padding:0 20px}
.titleBlock{display:flex;flex-direction:row;align-items:center;gap:48px;padding:72px 20px 56px;max-width:1320px;margin:0 auto;position:relative}
.titleBlock .txtSide{flex:1 1 55%;position:relative;z-index:2}
.titleBlock .imgSide{flex:0 0 38%;position:relative}
.titleBlock .txtSide .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#22969e1a;border:1px solid #22969e4d;border-radius:20px;padding:6px 16px;font-size:.8rem;color:#22969E;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
.titleBlock .txtSide h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;color:#1a1a2e;margin-bottom:20px;font-weight:700}
.titleBlock .txtSide h1 .pauseTxt{display:block;color:#22969E;position:relative}
.titleBlock .txtSide h1 .pauseTxt::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#22969E,#301A89);border-radius:2px;margin-top:8px}
.titleBlock .txtSide .subtxt{font-size:1.05rem;line-height:1.7;color:#444;max-width:520px;margin-bottom:32px}
.titleBlock .btnPrimary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22969E,#301A89);color:#fff;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:box-shadow .25s ease,transform .2s ease;position:relative;z-index:5;border:none}
.titleBlock .btnPrimary:hover{box-shadow:0 8px 28px #22969e73;transform:translateY(-2px)}
.titleBlock .imgSide .imgClip{width:100%;aspect-ratio:4/5;border-radius:40% 20% 40% 20%;overflow:hidden;box-shadow:0 16px 48px #301a892e;position:relative}
.titleBlock .imgSide .imgClip img{width:100%;height:100%;object-fit:cover;object-position:center}
.titleBlock .imgSide .imgClip::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#22969e26,#301a8940);pointer-events:none}
.dotLine{position:absolute;top:50%;left:-24px;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}
.dotLine span{display:block;width:6px;height:6px;border-radius:50%;background:#FFF291;border:1.5px solid #22969E}
.dotLine span:nth-child(2){opacity:.7}
.dotLine span:nth-child(3){opacity:.45}
.dotLine span:nth-child(4){opacity:.25}
.svgDivider1{width:100%;overflow:hidden;line-height:0;margin-top:-2px}
.checkBlock{background:linear-gradient(160deg,#f7fafa 0%,#eff4f9 100%);padding:64px 20px}
.checkBlock .pgBefore{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.checkBlock .ckHd{grid-column:1 / -1;margin-bottom:8px}
.checkBlock .ckHd h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#1a1a2e;font-weight:700;position:relative;display:inline-block}
.checkBlock .ckHd h2::before{content:'';display:inline-block;width:12px;height:12px;background:#FFF291;border:2px solid #301A89;border-radius:3px;margin-right:12px;vertical-align:middle}
.checkBlock .ckHd .subHd{color:#555;font-size:1rem;margin-top:10px;max-width:560px;line-height:1.65}
.ckCol{display:flex;flex-direction:column;gap:18px}
.ckItem{display:flex;align-items:flex-start;gap:14px;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 16px #301a890f;border-left:4px solid #22969E;transition:transform 0.2s,box-shadow .2s}
.ckItem:hover{transform:translateX(4px);box-shadow:0 6px 24px #22969e24}
.ckItem .ckIcon{width:38px;height:38px;background:#22969e1a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#22969E;font-size:1.1rem}
.ckItem .ckTxt strong{display:block;color:#1a1a2e;font-size:.95rem;font-weight:600;margin-bottom:4px}
.ckItem .ckTxt p{color:#666;font-size:.88rem;line-height:1.6;margin:0}
.topicsBlock{padding:72px 20px;background:#fff}
.topicsBlock .pgBefore{display:flex;flex-direction:column;gap:40px}
.topicsBlock .tpHdr{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.topicsBlock .tpHdr h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#1a1a2e;font-weight:700;max-width:520px;position:relative}
.topicsBlock .tpHdr h2 .accentWrd{color:#301A89;background:#301a8914;border-radius:6px;padding:0 6px}
.topicsBlock .tpHdr .tpNote{font-size:.9rem;color:#777;max-width:280px;line-height:1.55}
.topicGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.topicCard{border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;cursor:default}
.topicCard:hover{transform:translateY(-4px);box-shadow:0 12px 36px #22969e2e}
.topicCard-1{background:linear-gradient(135deg,#22969e14,#22969e05);border:1.5px solid #22969e33}
.topicCard-2{background:linear-gradient(135deg,#301a8914,#301a8905);border:1.5px solid #301a8933}
.topicCard-3{background:linear-gradient(135deg,#fff2914d,#fff2911a);border:1.5px solid #ffc80040}
.topicCard-4{background:linear-gradient(135deg,#301a890d,#22969e0d);border:1.5px solid #22969e26}
.topicCard-5{background:linear-gradient(135deg,#fff29133,#22969e0f);border:1.5px solid #22969e26}
.topicCard-6{background:linear-gradient(135deg,#22969e1a,#301a8914);border:1.5px solid #301a8933}
.topicCard .tcNum{font-size:2rem;font-weight:800;color:#22969e2e;position:absolute;top:14px;right:18px;line-height:1}
.topicCard .tcIcon{font-size:1.5rem;color:#22969E;margin-bottom:12px;display:block}
.topicCard .tcTitle{font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:8px}
.topicCard .tcDesc{font-size:.87rem;color:#555;line-height:1.6;margin:0}
.faqBlock{background:linear-gradient(165deg,#1a1a2e 0%,#301A89 100%);padding:72px 20px;position:relative;overflow:hidden}
.faqBlock::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:#22969e1f;pointer-events:none}
.faqBlock::after{content:'';position:absolute;bottom:-60px;left:-60px;width:240px;height:240px;border-radius:50%;background:#fff2910f;pointer-events:none}
.faqBlock .pgBefore{position:relative;z-index:2}
.faqBlock .fqHdr{text-align:center;margin-bottom:48px}
.faqBlock .fqHdr h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#fff;font-weight:700;margin-bottom:12px}
.faqBlock .fqHdr p{color:#ffffffa6;font-size:.97rem;max-width:460px;margin:0 auto;line-height:1.65}
.faqList{display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto}
.faqItem{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;backdrop-filter:blur(6px)}
.faqItem input[type="checkbox"]{display:none}
.faqItem label{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;color:#fff;font-size:.97rem;font-weight:600;transition:background .2s;gap:16px}
.faqItem label:hover{background:#22969e26}
.faqItem label .fqArrow{width:24px;height:24px;border-radius:50%;background:#22969e4d;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s,background .2s;font-size:.7rem;color:#FFF291}
.faqItem .fqAns{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 24px}
.faqItem .fqAns p{color:#ffffffbf;font-size:.9rem;line-height:1.7;margin:0 0 20px;padding-top:4px}
.faqItem input:checked ~ label .fqArrow{transform:rotate(180deg);background:#22969e99}
.faqItem input:checked ~ .fqAns{max-height:200px;padding:0 24px}
.ctaBlock{padding:72px 20px 80px;background:#fff}
.ctaBlock .pgBefore{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;box-shadow:0 16px 56px #301a8924}
.ctaBlock .ctaImg{position:relative;min-height:360px}
.ctaBlock .ctaImg img{width:100%;height:100%;object-fit:cover;display:block}
.ctaBlock .ctaImg::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#22969e8c,#301a8973);pointer-events:none}
.ctaBlock .ctaTxt{background:linear-gradient(160deg,#22969E,#301A89);padding:52px 48px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.ctaBlock .ctaTxt .ctaBadge{display:inline-flex;align-items:center;gap:8px;background:#fff29133;border:1px solid #fff29166;border-radius:16px;padding:5px 14px;color:#FFF291;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;width:fit-content}
.ctaBlock .ctaTxt h2{font-size:clamp(1.4rem,2.5vw,2rem);color:#fff;font-weight:700;line-height:1.25;margin:0}
.ctaBlock .ctaTxt p{color:#ffffffc7;font-size:.95rem;line-height:1.65;margin:0}
.ctaBlock .ctaBtns{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;margin-top:8px}
.ctaBlock .ctaBtns .btnSolid{display:inline-flex;align-items:center;gap:8px;background:#FFF291;color:#1a1a2e;padding:13px 28px;border-radius:10px;text-decoration:none;font-weight:700;font-size:.92rem;transition:background 0.2s,transform .2s;z-index:5;position:relative}
.ctaBlock .ctaBtns .btnSolid:hover{background:#fff;transform:translateY(-2px)}
.ctaBlock .ctaBtns .btnOutline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:13px 28px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.92rem;border:1.5px solid #ffffff73;transition:border-color 0.2s,background .2s;z-index:5;position:relative}
.ctaBlock .ctaBtns .btnOutline:hover{border-color:#ffffffe6;background:#ffffff1a}
@media (max-width: 960px) {
.titleBlock{flex-direction:column-reverse;padding:48px 20px 40px}
.titleBlock .imgSide{flex:0 0 auto;width:60%;max-width:320px;margin:0 auto}
.checkBlock .pgBefore{grid-template-columns:1fr}
.checkBlock .ckHd{grid-column:1 / -1}
.topicGrid{grid-template-columns:repeat(2,1fr)}
.ctaBlock .pgBefore{grid-template-columns:1fr}
.ctaBlock .ctaImg{min-height:240px}
.ctaBlock .ctaTxt{padding:40px 32px}
}
@media (max-width: 640px) {
.titleBlock{padding:36px 16px 32px;gap:32px}
.titleBlock .imgSide{width:80%}
.topicGrid{grid-template-columns:1fr}
.topicsBlock .tpHdr{flex-direction:column;align-items:flex-start}
.ctaBlock .ctaBtns{flex-direction:column}
.ctaBlock .ctaTxt{padding:32px 24px}
.checkBlock{padding:48px 16px}
.faqBlock{padding:52px 16px}
.topicsBlock{padding:52px 16px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22969E,#301A89);border-radius:10px;border:2px solid #f0f0f0}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a7a82,#241572);box-shadow:0 0 4px #22969e66}
.successPg{padding:0;overflow-x:hidden}
.successPg .titleBlk{position:relative;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#f8f9fc}
.successPg .titleBlk .bgLayer{position:absolute;inset:0;z-index:0;overflow:hidden}
.successPg .titleBlk .bgLayer .geo-1{position:absolute;top:-80px;right:-80px;width:420px;height:420px;border-radius:50%;background:#22969e21;animation:floatA 8s ease-in-out infinite}
.successPg .titleBlk .bgLayer .geo-2{position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:#301a8917;animation:floatB 10s ease-in-out infinite}
.successPg .titleBlk .bgLayer .geo-3{position:absolute;top:50%;left:20%;width:160px;height:160px;background:#fff29173;transform:rotate(30deg) translateY(-50%);border-radius:16px;animation:floatC 12s ease-in-out infinite}
.successPg .titleBlk .bgLayer .geo-4{position:absolute;top:15%;left:8%;width:80px;height:80px;border:3px solid #22969e40;border-radius:50%;animation:floatB 7s ease-in-out infinite reverse}
.successPg .titleBlk .bgLayer .geo-5{position:absolute;bottom:20%;right:12%;width:120px;height:120px;background:#301a8912;clip-path:polygon(50% 0%,100% 100%,0% 100%);animation:floatA 9s ease-in-out infinite reverse}
@keyframes floatA {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-18px) rotate(4deg)}
}
@keyframes floatB {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(14px)}
}
@keyframes floatC {
0%,100%{transform:rotate(30deg) translateY(-50%) scale(1)}
50%{transform:rotate(36deg) translateY(calc(-50% - 10px)) scale(1.06)}
}
.successPg .titleBlk .ct{position:relative;z-index:2;max-width:720px;width:90%;margin:0 auto;text-align:center;padding:60px 24px}
.successPg .titleBlk .ct .iconCircle{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#22969E,#301A89);margin-bottom:32px;box-shadow:0 12px 32px #22969e59;position:relative}
.successPg .titleBlk .ct .iconCircle::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px dashed #22969e66;animation:spinRing 14s linear infinite}
@keyframes spinRing {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.successPg .titleBlk .ct .iconCircle .cil-check-circle{font-size:40px;color:#FFF291}
.successPg .titleBlk .ct .hdPt1{display:block;font-size:clamp(13px,2vw,15px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#22969E;margin-bottom:10px}
.successPg .titleBlk .ct .hdMain{display:block;font-size:clamp(32px,5.5vw,56px);font-weight:800;line-height:1.12;color:#1a1a2e;margin-bottom:12px}
.successPg .titleBlk .ct .hdMain .hdAccent{color:#22969E;position:relative;white-space:nowrap}
.successPg .titleBlk .ct .hdMain .hdAccent::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#22969E,#FFF291);border-radius:2px}
.successPg .titleBlk .ct .hdPt2{display:block;font-size:clamp(16px,2.8vw,22px);font-weight:500;color:#301A89;margin-bottom:28px;opacity:.85}
.successPg .titleBlk .ct .subTxt{font-size:clamp(15px,2vw,17px);line-height:1.7;color:#4a5568;max-width:520px;margin:0 auto 36px}
.successPg .titleBlk .ct .tagRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.successPg .titleBlk .ct .tagRow .tg{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:50px;font-size:13px;font-weight:600;background:#22969e17;color:#22969E;border:1px solid #22969e47}
.successPg .titleBlk .ct .tagRow .tg i{font-size:14px}
.successPg .titleBlk .ct .actRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center}
.successPg .titleBlk .ct .actRow .bt-prim{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:50px;background:linear-gradient(135deg,#22969E,#301A89);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 6px 24px #22969e4d;transition:transform .22s ease,box-shadow .22s ease;position:relative;z-index:3}
.successPg .titleBlk .ct .actRow .bt-prim:hover{transform:translateY(-3px);box-shadow:0 12px 32px #22969e73}
.successPg .titleBlk .ct .actRow .bt-sec{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:50px;background:transparent;color:#301A89;font-size:15px;font-weight:700;text-decoration:none;border:2px solid #301A89;transition:background .22s ease,color .22s ease;position:relative;z-index:3}
.successPg .titleBlk .ct .actRow .bt-sec:hover{background:#301A89;color:#fff}
.successPg .nxtBlk{background:linear-gradient(160deg,#1a1a2e 0%,#22147a 50%,#0e6b70 100%);padding:80px 24px;position:relative;overflow:hidden}
.successPg .nxtBlk::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22969E,#FFF291,#301A89)}
.successPg .nxtBlk .nxtInner{max-width:1100px;margin:0 auto}
.successPg .nxtBlk .nxtInner .secHd{text-align:center;margin-bottom:52px}
.successPg .nxtBlk .nxtInner .secHd h2{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.successPg .nxtBlk .nxtInner .secHd h2 span{color:#FFF291}
.successPg .nxtBlk .nxtInner .secHd p{font-size:16px;color:#ffffffb3;max-width:480px;margin:0 auto;line-height:1.65}
.successPg .nxtBlk .nxtInner .stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:32px 26px;text-align:left;transition:background .25s ease,transform .25s ease;position:relative;overflow:hidden}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#22969E,#FFF291);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard:hover::before{transform:scaleX(1)}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard:hover{background:#ffffff1a;transform:translateY(-4px)}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard .stNum{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#22969e40;color:#FFF291;font-size:18px;font-weight:800;margin-bottom:18px}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard .stTitle{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard .stDesc{font-size:14px;color:#ffffffa6;line-height:1.65}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard .stLink{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:600;color:#22969E;text-decoration:none;transition:gap .2s ease}
.successPg .nxtBlk .nxtInner .stepsGrid .stCard .stLink:hover{gap:10px;color:#FFF291}
.successPg .nxtBlk .nxtInner .infoStrip{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff2911a;border:1px solid #fff29140;border-radius:16px;padding:28px 36px;gap:20px;flex-wrap:wrap}
.successPg .nxtBlk .nxtInner .infoStrip .infoItem{display:flex;flex-direction:row;align-items:center;gap:14px}
.successPg .nxtBlk .nxtInner .infoStrip .infoItem i{font-size:22px;color:#FFF291;flex-shrink:0}
.successPg .nxtBlk .nxtInner .infoStrip .infoItem .infoTxt .lbl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:2px}
.successPg .nxtBlk .nxtInner .infoStrip .infoItem .infoTxt .val{font-size:15px;font-weight:700;color:#fff}
.successPg .nxtBlk .nxtInner .infoStrip .stripDivider{width:1px;height:48px;background:#ffffff26}
@media (max-width: 900px) {
.successPg .nxtBlk .nxtInner .stepsGrid{grid-template-columns:1fr 1fr}
.successPg .nxtBlk .nxtInner .infoStrip .stripDivider{display:none}
.successPg .nxtBlk .nxtInner .infoStrip{flex-direction:column;align-items:flex-start;gap:18px}
}
@media (max-width: 600px) {
.successPg .nxtBlk .nxtInner .stepsGrid{grid-template-columns:1fr}
.successPg .titleBlk .ct .actRow{flex-direction:column;align-items:center}
.successPg .titleBlk .ct .actRow .bt-prim,.successPg .titleBlk .ct .actRow .bt-sec{width:100%;max-width:320px;justify-content:center}
.successPg .nxtBlk{padding:56px 20px}
}