*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'EB Garamond',Georgia,serif;background:#fafaf8;color:#1a1a1a;font-size:18px;line-height:1.6}
.header-box{background:#1a1a1a;border-bottom:3px solid #00DCD9}
.header-inner{max-width:1400px;margin:auto;padding:0 24px}
.header-topRow{display:flex;align-items:stretch;justify-content:space-between;min-height:90px;gap:0}
.header-logoBlock{display:flex;align-items:center;gap:14px;padding:14px 0;flex-shrink:0}
.header-logoBlock img{height:70px;width:70px;object-fit:contain;border:2px solid #00DCD9;background:#fff;padding:4px}
.header-siteName{display:flex;flex-direction:column;justify-content:center}
.header-siteName .siteName-main{font-size:22px;font-weight:700;color:#fff;letter-spacing:.04em;line-height:1.1}
.header-siteName .siteName-sub{font-size:12px;color:#00DCD9;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
.header-rightBlock{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:14px 0}
.header-contactRow{display:flex;align-items:center;gap:20px}
.header-contactItem{display:flex;align-items:center;gap:6px;color:#ccc;font-size:14px;text-decoration:none}
.header-contactItem .mdi{color:#00DCD9;font-size:16px}
.header-contactItem:hover{color:#fff}
.main-nav{display:flex;align-items:center;gap:4px;position:relative}
.main-nav a{color:#ccc;text-decoration:none;font-size:15px;padding:8px 14px;border:1px solid transparent;letter-spacing:.03em;white-space:nowrap;transition:color 0.15s,border-color .15s}
.main-nav a:hover{color:#fff;border-color:#00DCD9}
.main-nav a[data-state="active"]{color:#00DCD9;border-color:#00DCD9}
.navItem-hasSubmenu{position:relative}
.navItem-hasSubmenu > a{display:flex;align-items:center;gap:4px}
.navItem-hasSubmenu > a .mdi{font-size:14px}
.navItem-hasSubmenu::after{content:'';display:block;position:absolute;bottom:-10px;left:0;right:0;height:10px;background:transparent}
.navSubMenu{position:absolute;top:calc(100% + 10px);right:0;background:#1a1a1a;border:1px solid #00DCD9;border-top:3px solid #00DCD9;min-width:180px;display:none;z-index:999}
.navItem-hasSubmenu:hover .navSubMenu{display:block}
.navSubMenu a{display:block;color:#ccc;text-decoration:none;padding:10px 16px;font-size:14px;border:none;border-bottom:1px solid #2a2a2a;white-space:nowrap}
.navSubMenu a:hover{color:#fff;background:#2a2a2a;border-color:transparent}
.footer-box{background:#1a1a1a;border-top:3px solid #DB4D28;padding:28px 24px}
.footer-inner{max-width:1400px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.footer-usp{color:#aaa;font-size:15px;flex:1;min-width:200px}
.footer-usp span{color:#00DCD9;font-weight:700}
.footer-navLinks{display:flex;gap:16px;flex-wrap:wrap}
.footer-navLinks a{color:#888;font-size:14px;text-decoration:none;border-bottom:1px solid transparent}
.footer-navLinks a:hover{color:#ccc;border-color:#00DCD9}
.footer-copy{color:#555;font-size:13px;width:100%;text-align:center;margin-top:10px;border-top:1px solid #2a2a2a;padding-top:12px}
.cookieOverlay{display:none;position:fixed;inset:0;background:#0009;z-index:9998;align-items:center;justify-content:center}
.cookieOverlay[data-visible="true"]{display:flex}
.cookieCard{background:#fff;max-width:520px;width:90%;border-radius:8px;box-shadow:4px 4px 0 #00DCD9;overflow:hidden;transform:translateX(100vw);transition:transform .35s cubic-bezier(0.22,1,0.36,1)}
.cookieCard[data-state="active"]{transform:translateX(0)}
.cookieCard[data-state="closing"]{transform:translateX(100vw)}
.cookieTabs{display:flex;border-bottom:2px solid #f0f0f0}
.cookieTabs button{flex:1;padding:12px;background:none;border:none;font-family:'EB Garamond',serif;font-size:15px;cursor:pointer;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color 0.15s,border-color .15s}
.cookieTabs button[data-state="active"]{color:#00DCD9;border-color:#00DCD9;font-weight:700}
.cookieBody{padding:24px}
.cookiePanel{display:none}
.cookiePanel[data-visible="true"]{display:block}
.cookieBody h3{font-size:20px;margin-bottom:10px;color:#1a1a1a}
.cookieBody p{font-size:15px;color:#444;line-height:1.6;margin-bottom:16px}
.cookieCategoryItem{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}
.cookieCategoryItem .categoryLabel{font-size:15px;color:#222}
.cookieCategoryItem .categoryNote{font-size:12px;color:#888}
.cookieToggle{position:relative;width:44px;height:24px}
.cookieToggle input{opacity:0;width:0;height:0}
.cookieToggle .toggleSlider{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .2s}
.cookieToggle .toggleSlider::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}
.cookieToggle input:checked + .toggleSlider{background:#00DCD9}
.cookieToggle input:checked + .toggleSlider::before{transform:translateX(20px)}
.cookieToggle input:disabled + .toggleSlider{opacity:.6;cursor:not-allowed}
.cookieBtns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.cookieBtns button{flex:1;padding:12px 20px;border-radius:999px;font-family:'EB Garamond',serif;font-size:16px;font-weight:700;cursor:pointer;border:2px solid transparent;min-width:120px;transition:background 0.15s,color 0.15s,border-color .15s}
.btn-cookieAccept{background:#00DCD9;color:#fff;border-color:#00DCD9}
.btn-cookieAccept:hover{background:#00bcba;border-color:#00bcba}
.btn-cookieDecline{background:#fff;color:#DB4D28;border-color:#DB4D28}
.btn-cookieDecline:hover{background:#DB4D28;color:#fff}
.btn-cookieSave{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.btn-cookieSave:hover{background:#333;border-color:#333}
.cookieSettingsToggle{position:fixed;bottom:20px;left:20px;z-index:9997;background:#1a1a1a;border:2px solid #00DCD9;color:#00DCD9;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 0 #00DCD9}
.cookieSettingsToggle .mdi{font-size:20px}
.cookieSettingsToggle[data-visible="false"]{display:none}
@media (max-width: 768px) {
.header-topRow{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px 0;gap:12px}
.header-rightBlock{align-items:flex-start;width:100%}
.header-contactRow{flex-wrap:wrap;gap:12px}
.main-nav{flex-wrap:wrap;gap:2px}
.footer-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.header-siteName .siteName-main{font-size:18px}
.main-nav a{font-size:13px;padding:7px 10px}
}
.terms-flpb-area{max-width:860px;margin:0 auto;padding:48px 32px 72px;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.8;color:#1a1a2e;background:#fff}
.terms-flpb-area h1{font-size:2.2rem;font-weight:700;line-height:1.25;color:#0d0d1a;margin:0 0 32px;padding-bottom:16px;border-bottom:3px solid #00DCD9;letter-spacing:-.5px}
.terms-flpb-area h2{font-size:1.55rem;font-weight:700;line-height:1.3;color:#0d0d1a;margin:48px 0 16px;padding-left:14px;border-left:4px solid #00DCD9;letter-spacing:-.3px}
.terms-flpb-area h3{font-size:1.25rem;font-weight:600;line-height:1.4;color:#1a1a2e;margin:36px 0 12px;padding-left:10px;border-left:3px solid #DB4D28}
.terms-flpb-area h4{font-size:1.08rem;font-weight:600;line-height:1.45;color:#1a1a2e;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.terms-flpb-area h5{font-size:.95rem;font-weight:600;line-height:1.5;color:#2c2c44;margin:22px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.terms-flpb-area h6{font-size:.875rem;font-weight:600;line-height:1.5;color:#3a3a55;margin:18px 0 6px;text-transform:uppercase;letter-spacing:.07em}
.terms-flpb-area p{margin:0 0 18px;color:#2d2d42;font-size:1rem;line-height:1.85}
.terms-flpb-area strong,.terms-flpb-area b{font-weight:700;color:#0d0d1a}
.terms-flpb-area em,.terms-flpb-area i{font-style:italic;color:#3a3a55}
.terms-flpb-area ul,.terms-flpb-area ol{margin:0 0 20px;padding-left:28px;color:#2d2d42}
.terms-flpb-area ul li,.terms-flpb-area ol li{margin-bottom:8px;line-height:1.8;padding-left:4px}
.terms-flpb-area ul li::marker{color:#00DCD9}
.terms-flpb-area ol li::marker{color:#DB4D28;font-weight:600}
.terms-flpb-area a{color:#007d7b;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}
.terms-flpb-area a:hover{color:#DB4D28;text-decoration-color:#DB4D28}
.terms-flpb-area hr{border:none;border-top:1px solid #d4e8d4;margin:40px 0;position:relative}
.terms-flpb-area blockquote{margin:24px 0;padding:16px 20px 16px 24px;border-left:4px solid #D9EFD6;background:#f7fcf7;color:#3a3a55;font-size:.97rem;border-radius:0 6px 6px 0;box-shadow:inset 3px 0 0 0 #00DCD9}
.terms-flpb-area table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.92rem;line-height:1.6;box-shadow:2px 2px 6px #00000014;border-radius:8px;overflow:hidden}
.terms-flpb-area thead{background:linear-gradient(135deg,#00DCD9 0%,#00b5b3 100%)}
.terms-flpb-area thead tr{border-bottom:none}
.terms-flpb-area thead th{color:#fff;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;text-align:left;border:none}
.terms-flpb-area tbody tr{border-bottom:1px solid #e8f4e8;transition:background .15s ease}
.terms-flpb-area tbody tr:nth-child(even){background:#f7fcf7}
.terms-flpb-area tbody tr:nth-child(odd){background:#fff}
.terms-flpb-area tbody tr:last-child{border-bottom:none}
.terms-flpb-area tbody tr:hover{background:#D9EFD6;outline:1px solid #00DCD9}
.terms-flpb-area td{padding:12px 18px;color:#2d2d42;vertical-align:top;border-right:1px solid #e8f4e8}
.terms-flpb-area td:last-child{border-right:none}
.terms-flpb-area th{padding:14px 18px;vertical-align:middle}
.terms-flpb-area div{box-sizing:border-box}
.terms-flpb-area div + div{margin-top:8px}
.terms-flpb-area code{font-family:'Courier New',Courier,monospace;font-size:.88em;background:#f0f8f0;color:#DB4D28;padding:2px 6px;border-radius:4px;border:1px solid #d4e8d4}
.terms-flpb-area pre{background:#1a1a2e;color:#D9EFD6;padding:20px 24px;border-radius:8px;overflow-x:auto;margin:24px 0;font-size:.88rem;line-height:1.7;box-shadow:3px 3px 8px #00000026}
@media screen and (max-width: 900px) {
.terms-flpb-area{padding:36px 24px 56px}
.terms-flpb-area h1{font-size:1.85rem}
.terms-flpb-area h2{font-size:1.35rem}
.terms-flpb-area h3{font-size:1.15rem}
.terms-flpb-area table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media screen and (max-width: 600px) {
.terms-flpb-area{padding:24px 16px 48px;font-size:15px}
.terms-flpb-area h1{font-size:1.55rem;margin-bottom:24px}
.terms-flpb-area h2{font-size:1.2rem;margin-top:36px}
.terms-flpb-area h3{font-size:1.05rem}
.terms-flpb-area thead th,.terms-flpb-area td{padding:10px 12px;font-size:.85rem}
.terms-flpb-area ul,.terms-flpb-area ol{padding-left:20px}
}
.webinarPage{overflow-x:hidden}
.titleBlock{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}
.titleBlock .bgLayer{position:absolute;inset:0;background-image:url(./media_assets/post-thumbnail-2.jpg);background-size:cover;background-position:center;z-index:0}
.titleBlock .bgOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#000c0cd1 0%,#003231b8 55%,#db4d282e 100%);z-index:1}
.titleBlock .frameLines{position:absolute;inset:0;z-index:2;pointer-events:none}
.titleBlock .frameLines::before{content:'';position:absolute;top:28px;left:28px;right:28px;bottom:28px;border:1px solid #00dcd947}
.titleBlock .frameLines::after{content:'';position:absolute;top:36px;left:36px;width:80px;height:80px;border-top:2px solid #00DCD9;border-left:2px solid #00DCD9}
.titleBlock .frameCornerBr{position:absolute;bottom:36px;right:36px;width:80px;height:80px;border-bottom:2px solid #DB4D28;border-right:2px solid #DB4D28;z-index:2;pointer-events:none}
.titleBlock .titleInner{position:relative;z-index:3;max-width:1400px;width:100%;margin:0 auto;padding:80px 48px;display:flex;flex-direction:column;gap:0}
.titleBlock .titleTag{display:inline-flex;align-items:center;gap:8px;background:#00dcd924;border:1px solid #00dcd966;color:#00DCD9;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;margin-bottom:28px;width:fit-content}
.titleBlock .titleTag .mdi{font-size:1rem}
.titleBlock .mainHeading{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;color:#fff;line-height:1.1;margin:0;max-width:720px}
.titleBlock .mainHeading span{color:#00DCD9}
.titleDivider{width:60px;height:3px;background:linear-gradient(90deg,#DB4D28,#00DCD9);margin:24px 0}
.titleBlock .subText{font-size:1.08rem;color:#fffc;max-width:560px;line-height:1.7;margin:0}
.titleBlock .titleStats{display:flex;flex-direction:row;gap:32px;margin-top:40px;flex-wrap:wrap}
.titleBlock .statItem{display:flex;flex-direction:column;gap:4px}
.titleBlock .statItem .statNum{font-size:1.9rem;font-weight:800;color:#00DCD9;line-height:1}
.titleBlock .statItem .statLabel{font-size:.78rem;color:#fff9;text-transform:uppercase;letter-spacing:.08em}
.webinarListBlock{background:#f7fbfa;padding:80px 0 90px}
.webinarListBlock .listInner{max-width:1400px;margin:0 auto;padding:0 48px}
.webinarListBlock .sectionHdr{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.webinarListBlock .sectionTitle{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#0e2b2a;margin:0;position:relative;padding-bottom:14px}
.webinarListBlock .sectionTitle::after{content:'';position:absolute;bottom:0;left:0;width:48px;height:3px;background:#00DCD9}
.webinarListBlock .filterRow{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}
.filterRow input[type="radio"]{display:none}
.filterRow .filterBtn{display:inline-block;padding:7px 18px;font-size:.82rem;font-weight:600;border:1.5px solid #d0e8e7;color:#3a6260;cursor:pointer;border-radius:4px;transition:background 0.18s,color 0.18s,border-color .18s;user-select:none;background:#fff}
#filterAll:checked ~ .webinarListBlock .filterRow label[for="filterAll"],#filterBasic:checked ~ .webinarListBlock .filterRow label[for="filterBasic"],#filterTech:checked ~ .webinarListBlock .filterRow label[for="filterTech"],#filterAdv:checked ~ .webinarListBlock .filterRow label[for="filterAdv"]{background:#00DCD9;color:#fff;border-color:#00DCD9}
.filterRow label[for="filterAll"]:hover,.filterRow label[for="filterBasic"]:hover,.filterRow label[for="filterTech"]:hover,.filterRow label[for="filterAdv"]:hover{border-color:#00DCD9;color:#00DCD9}
.webinarGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.webinarCard{background:#fff;border-radius:8px;box-shadow:3px 3px 0 #d9efd6,0 1px 8px #00504e0f;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.2s,transform .2s;border:1.5px solid #e6f4f3}
.webinarCard:hover{box-shadow:5px 5px 0 #00DCD9,0 4px 20px #00504e1a;transform:translateY(-3px)}
.webinarCard .cardHeader{padding:22px 24px 16px;border-bottom:1px solid #f0f8f7;position:relative}
.webinarCard .cardLevel{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:12px}
.cardLevel.levelBasic{background:#D9EFD6;color:#2d6b28}
.cardLevel.levelTech{background:#00dcd91f;color:#006b69}
.cardLevel.levelAdv{background:#db4d281a;color:#a82e0e}
.webinarCard .cardTitle{font-size:1.05rem;font-weight:700;color:#0e2b2a;margin:0 0 8px;line-height:1.35}
.webinarCard .cardMeta{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.webinarCard .metaItem{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#6a8e8c}
.webinarCard .metaItem .mdi{font-size:.95rem;color:#00DCD9}
.webinarCard .cardBody{padding:16px 24px;flex:1}
.webinarCard .cardDesc{font-size:.88rem;color:#4a6a68;line-height:1.65;margin:0 0 14px}
.webinarCard .topicsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.webinarCard .topicsList li{font-size:.82rem;color:#3a6260;display:flex;align-items:flex-start;gap:7px;line-height:1.4}
.webinarCard .topicsList li::before{content:'';width:6px;height:6px;background:#00DCD9;border-radius:50%;margin-top:5px;flex-shrink:0}
.webinarCard .cardFtr{padding:14px 24px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #f0f8f7;gap:12px}
.webinarCard .priceTag{display:flex;flex-direction:column;gap:1px}
.webinarCard .priceTag .priceVal{font-size:1.25rem;font-weight:800;color:#0e2b2a}
.webinarCard .priceTag .priceSub{font-size:.7rem;color:#8aadab;text-transform:uppercase;letter-spacing:.06em}
.btnEnroll{display:inline-flex;align-items:center;gap:6px;background:#00DCD9;color:#fff;font-size:.82rem;font-weight:700;padding:9px 18px;border-radius:4px;text-decoration:none;border:2px solid #00DCD9;transition:background 0.18s,color 0.18s,box-shadow .18s;z-index:2;position:relative}
.btnEnroll:hover{background:transparent;color:#00DCD9;box-shadow:2px 2px 0 #00DCD9}
.btnEnroll .mdi{font-size:1rem}
.webinarSvgDivider{display:block;width:100%;overflow:hidden;line-height:0}
.approachBlock{background:#fff;padding:88px 0 96px}
.approachBlock .approachInner{max-width:1400px;margin:0 auto;padding:0 48px}
.approachBlock .approachGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.approachBlock .approachLeft{display:flex;flex-direction:column;gap:0}
.approachBlock .approachLabel{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#DB4D28;margin-bottom:16px}
.approachBlock .approachLabel .mdi{font-size:1rem}
.approachBlock .approachHeading{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:700;color:#0e2b2a;margin:0 0 24px;line-height:1.25}
.approachBlock .approachHeading em{font-style:normal;color:#DB4D28}
.approachBlock .approachText{font-size:.95rem;color:#4a6a68;line-height:1.75;margin:0 0 32px}
.approachBlock .auditSteps{display:flex;flex-direction:column;gap:0;counter-reset:stepCounter}
.approachBlock .stepItem{display:flex;flex-direction:row;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px dashed #d0e8e7;position:relative}
.approachBlock .stepItem:last-child{border-bottom:none}
.approachBlock .stepNum{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#00DCD9,#00b8b6);color:#fff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:4px;box-shadow:2px 2px 0 #00b4b24d}
.approachBlock .stepContent{display:flex;flex-direction:column;gap:4px}
.approachBlock .stepContent strong{font-size:.92rem;font-weight:700;color:#0e2b2a}
.approachBlock .stepContent span{font-size:.83rem;color:#6a8e8c;line-height:1.55}
.approachBlock .approachRight{display:flex;flex-direction:column;gap:24px}
.approachBlock .metricsBox{background:linear-gradient(145deg,#0e2b2a 0%,#174644 100%);border-radius:8px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-shadow:5px 5px 0 #D9EFD6}
.approachBlock .metricCard{display:flex;flex-direction:column;gap:6px}
.approachBlock .metricCard .metricIcon{font-size:1.4rem;color:#00DCD9;margin-bottom:4px}
.approachBlock .metricCard .metricVal{font-size:1.8rem;font-weight:800;color:#fff;line-height:1}
.approachBlock .metricCard .metricLabel{font-size:.76rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.07em;line-height:1.4}
.approachBlock .skillTagsBox{display:flex;flex-direction:column;gap:12px}
.approachBlock .skillTagsTitle{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8aadab}
.approachBlock .skillTags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.approachBlock .skillTag{display:inline-flex;align-items:center;gap:5px;background:#f2fbfa;border:1px solid #c8e8e7;color:#2d6b69;font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:4px}
.approachBlock .skillTag .mdi{font-size:.9rem;color:#00DCD9}
.approachBlock .ctaBanner{background:linear-gradient(115deg,#DB4D28 0%,#b83b1e 100%);border-radius:8px;padding:28px 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.approachBlock .ctaBanner .ctaText{display:flex;flex-direction:column;gap:4px}
.approachBlock .ctaBanner .ctaText strong{font-size:1rem;font-weight:700;color:#fff}
.approachBlock .ctaBanner .ctaText span{font-size:.82rem;color:#ffffffb8}
.btnCtaWhite{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#DB4D28;font-size:.84rem;font-weight:800;padding:10px 22px;border-radius:4px;text-decoration:none;border:2px solid #fff;transition:background 0.18s,color .18s;white-space:nowrap;z-index:2;position:relative}
.btnCtaWhite:hover{background:transparent;color:#fff}
.btnCtaWhite .mdi{font-size:1rem}
@media (max-width: 1024px) {
.webinarGrid{grid-template-columns:repeat(2,1fr)}
.approachBlock .approachGrid{grid-template-columns:1fr;gap:48px}
.approachBlock .metricsBox{grid-template-columns:repeat(4,1fr)}
}
@media (max-width: 768px) {
.titleBlock .titleInner{padding:60px 24px}
.titleBlock .titleStats{gap:20px}
.titleBlock .frameLines::after{top:16px;left:16px;width:50px;height:50px}
.titleBlock .frameLines::before{top:14px;left:14px;right:14px;bottom:14px}
.titleBlock .frameCornerBr{bottom:16px;right:16px;width:50px;height:50px}
.webinarListBlock .listInner,.approachBlock .approachInner{padding:0 20px}
.webinarListBlock{padding:56px 0 64px}
.webinarGrid{grid-template-columns:1fr;gap:20px}
.webinarListBlock .sectionHdr{flex-direction:column;align-items:flex-start;gap:16px}
.approachBlock{padding:60px 0 72px}
.approachBlock .metricsBox{grid-template-columns:repeat(2,1fr);gap:20px}
.approachBlock .ctaBanner{flex-direction:column;align-items:flex-start}
}
.heroBox{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}
.heroBox .heroBgLayer{position:absolute;inset:0;z-index:0}
.heroBox .heroBgLayer img{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(6px) brightness(0.45);transform:scale(1.06)}
.heroBox .heroBgEdge{position:absolute;inset:0;background:linear-gradient(135deg,#00dcd92e 0%,#0000 50%,#db4d281f 100%);z-index:1}
.heroBox .heroDecoShape{position:absolute;border-radius:50%;opacity:.07;z-index:1}
.heroBox .heroDecoShape-alt{width:340px;height:340px;background:#00DCD9;top:-80px;left:-80px}
.heroBox .heroDecoShape-secondary{width:220px;height:220px;background:#DB4D28;bottom:-60px;right:80px}
.heroBox .heroDecoShape-tertiary{width:120px;height:120px;background:#D9EFD6;top:40px;right:260px;border-radius:12px;transform:rotate(22deg)}
.heroBox .heroContentBox{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:90px 48px 80px;width:100%}
.heroBox .heroTagline{display:inline-flex;align-items:center;gap:8px;background:#00dcd92e;border:1px solid #00dcd966;border-radius:20px;padding:6px 16px;margin-bottom:22px}
.heroBox .heroTagline span{font-size:13px;font-weight:600;color:#00DCD9;letter-spacing:.06em;text-transform:uppercase}
.heroBox .heroTagline .mdi{color:#00DCD9;font-size:16px}
.heroBox .heroMainHeading{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;color:#fff;line-height:1.18;max-width:680px;margin-bottom:18px;letter-spacing:-.02em}
.heroBox .heroMainHeading em{font-style:normal;color:#00DCD9}
.heroBox .heroSubHeading{font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:500;color:#ffffffb8;margin-bottom:24px;max-width:540px;line-height:1.5}
.heroBox .heroDesc{font-size:1rem;color:#ffffff9e;max-width:560px;line-height:1.75;margin-bottom:38px}
.heroBox .heroCta-row{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.heroBox .heroBtn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00DCD9 0%,#00b8b6 100%);color:#fff;font-size:.97rem;font-weight:700;padding:14px 30px;border-radius:8px;text-decoration:none;border:2px solid transparent;box-shadow:3px 3px 0 #007a79;transition:box-shadow 0.18s,transform .18s;position:relative;z-index:10}
.heroBox .heroBtn-primary:hover{box-shadow:1px 1px 0 #007a79;transform:translate(2px,2px);outline:2px solid #00DCD9}
.heroBox .heroBtn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-size:.97rem;font-weight:600;padding:14px 28px;border-radius:8px;text-decoration:none;border:2px solid #ffffff61;transition:border-color 0.18s,background .18s;z-index:10}
.heroBox .heroBtn-outline:hover{border-color:#00DCD9;background:#00dcd91a;outline:2px solid #00DCD9}
.heroBox .heroStats-row{display:flex;flex-direction:row;gap:36px;margin-top:44px;flex-wrap:wrap}
.heroBox .heroStatItem{display:flex;flex-direction:column;gap:2px}
.heroBox .heroStatItem .statNum{font-size:1.7rem;font-weight:800;color:#00DCD9;line-height:1}
.heroBox .heroStatItem .statLabel{font-size:.8rem;color:#ffffff8c;letter-spacing:.04em}
.feedbackSectionBox{background:#f8fffe;padding:80px 0 70px;position:relative}
.feedbackSectionBox .feedbackContainer{max-width:1400px;margin:0 auto;padding:0 48px}
.feedbackSectionBox .sectionLabelRow{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:10px}
.feedbackSectionBox .sectionLabel{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#DB4D28}
.feedbackSectionBox .sectionLabel-line{width:36px;height:2px;background:#DB4D28;border-radius:2px}
.feedbackSectionBox .feedbackHeading{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#1a1a2e;margin-bottom:12px;max-width:560px;line-height:1.25}
.feedbackSectionBox .feedbackHeading::after{content:'';display:block;width:48px;height:4px;background:linear-gradient(90deg,#00DCD9,#DB4D28);border-radius:2px;margin-top:10px}
.feedbackSectionBox .feedbackSubtext{font-size:1rem;color:#555;max-width:520px;line-height:1.7;margin-bottom:46px}
.feedbackLayoutGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.feedbackLayoutGrid .feedbackImgPanel{position:relative}
.feedbackLayoutGrid .feedbackImgPanel img{width:100%;height:320px;object-fit:cover;border-radius:10px;display:block;box-shadow:4px 4px 0 #D9EFD6}
.feedbackLayoutGrid .feedbackImgCaption{position:absolute;bottom:16px;left:16px;background:#00dcd9eb;color:#fff;font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:6px;letter-spacing:.02em}
.feedbackCardsCol{display:flex;flex-direction:column;gap:18px}
.feedbackCard{background:#fff;border-radius:10px;padding:24px 26px;border:1px solid #e8f5f5;box-shadow:2px 2px 0 #D9EFD6;position:relative;transition:box-shadow 0.18s,transform .18s}
.feedbackCard:hover{box-shadow:4px 4px 0 #00DCD9;transform:translate(-2px,-2px);outline:1px solid #00DCD9}
.feedbackCard .feedbackQuoteIcon{font-size:2rem;color:#00DCD9;opacity:.3;position:absolute;top:14px;right:18px;line-height:1}
.feedbackCard .feedbackStars{display:flex;flex-direction:row;gap:3px;margin-bottom:10px}
.feedbackCard .feedbackStars .mdi{color:#DB4D28;font-size:15px}
.feedbackCard .feedbackText{font-size:.93rem;color:#333;line-height:1.68;margin-bottom:14px}
.feedbackCard .feedbackAuthor{display:flex;flex-direction:row;align-items:center;gap:10px}
.feedbackCard .feedbackAuthorAvatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00DCD9 0%,#D9EFD6 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feedbackCard .feedbackAuthorAvatar .mdi{color:#fff;font-size:18px}
.feedbackCard .feedbackAuthorName{font-size:.88rem;font-weight:700;color:#1a1a2e;line-height:1.2}
.feedbackCard .feedbackAuthorRole{font-size:.78rem;color:#888}
.svgDivider{display:block;width:100%;overflow:hidden;line-height:0}
.afterLearningSectionBox{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);padding:80px 0 70px;position:relative;overflow:hidden}
.afterLearningSectionBox .bgAccentCircle{position:absolute;border-radius:50%;opacity:.06;pointer-events:none}
.afterLearningSectionBox .bgAccentCircle-alt{width:480px;height:480px;background:#00DCD9;top:-120px;right:-100px}
.afterLearningSectionBox .bgAccentCircle-secondary{width:300px;height:300px;background:#DB4D28;bottom:-80px;left:60px}
.afterLearningSectionBox .afterLearningContainer{max-width:1400px;margin:0 auto;padding:0 48px;position:relative;z-index:2}
.afterLearningSectionBox .alTopRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px;flex-wrap:wrap}
.afterLearningSectionBox .alHeadingBlock .alLabel{font-size:12px;font-weight:700;color:#00DCD9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.afterLearningSectionBox .alHeadingBlock .alLabel::before{content:'';display:inline-block;width:24px;height:2px;background:#00DCD9;border-radius:2px}
.afterLearningSectionBox .alHeading{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;color:#fff;line-height:1.25;max-width:460px}
.afterLearningSectionBox .alHeading span{color:#00DCD9}
.afterLearningSectionBox .alSubtext{font-size:.95rem;color:#ffffff8c;max-width:340px;line-height:1.65;text-align:right}
.alCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:44px}
.alCard{background:#ffffff0d;border:1px solid #00dcd933;border-radius:10px;padding:28px 24px;transition:background 0.2s,border-color 0.2s,transform .18s}
.alCard:hover{background:#00dcd917;border-color:#00DCD9;transform:translateY(-3px);outline:1px solid #00DCD9}
.alCard .alCardIcon{width:48px;height:48px;background:linear-gradient(135deg,#00dcd933 0%,#00dcd90f 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.alCard .alCardIcon .mdi{font-size:24px;color:#00DCD9}
.alCard .alCardTitle{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}
.alCard .alCardText{font-size:.88rem;color:#ffffff94;line-height:1.65}
.alBottomRow{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.alBottomRow .alImgWrap{border-radius:10px;overflow:hidden;position:relative}
.alBottomRow .alImgWrap img{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(0.85);border-radius:10px}
.alBottomRow .alImgBadge{position:absolute;top:18px;left:18px;background:#DB4D28;color:#fff;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:6px}
.alBottomTextBlock .alBtHeading{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:14px;line-height:1.35}
.alBottomTextBlock .alBtList{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
.alBottomTextBlock .alBtList li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:#ffffffad;line-height:1.55}
.alBottomTextBlock .alBtList li .mdi{color:#00DCD9;font-size:18px;flex-shrink:0;margin-top:1px}
.alBottomTextBlock .alWebinarBtn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#00DCD9;font-size:.93rem;font-weight:700;padding:12px 26px;border-radius:8px;text-decoration:none;border:2px solid #00DCD9;box-shadow:3px 3px 0 #00dcd94d;transition:background 0.18s,box-shadow 0.18s,transform .18s;z-index:10;position:relative}
.alBottomTextBlock .alWebinarBtn:hover{background:#00dcd91f;box-shadow:1px 1px 0 #00dcd94d;transform:translate(2px,2px)}
.careerSectionBox{background:#fff;padding:80px 0 70px;position:relative;overflow:hidden}
.careerSectionBox .careerContainer{max-width:1400px;margin:0 auto;padding:0 48px}
.careerSectionBox .careerTopGrid{display:grid;grid-template-columns:5fr 4fr;gap:50px;align-items:center;margin-bottom:60px}
.careerSectionBox .careerTextBlock .careerLabelRow{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.careerSectionBox .careerTextBlock .careerLabelRow .careerLabel{font-size:12px;font-weight:700;color:#DB4D28;letter-spacing:.1em;text-transform:uppercase}
.careerSectionBox .careerTextBlock .careerLabelRow .careerLabelDot{width:6px;height:6px;background:#DB4D28;border-radius:50%}
.careerSectionBox .careerHeading{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;color:#1a1a2e;line-height:1.22;margin-bottom:18px}
.careerSectionBox .careerHeading .careerHeadingAccent{color:#DB4D28;position:relative}
.careerSectionBox .careerHeading .careerHeadingAccent::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#DB4D28,#db4d2800);border-radius:2px}
.careerSectionBox .careerDesc{font-size:1rem;color:#555;line-height:1.75;margin-bottom:26px;max-width:520px}
.careerSectionBox .careerCtaBtn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#DB4D28 0%,#b83d1f 100%);color:#fff;font-size:.97rem;font-weight:700;padding:13px 28px;border-radius:8px;text-decoration:none;border:2px solid transparent;box-shadow:3px 3px 0 #7a2510;transition:box-shadow 0.18s,transform .18s;z-index:10;position:relative}
.careerSectionBox .careerCtaBtn:hover{box-shadow:1px 1px 0 #7a2510;transform:translate(2px,2px);outline:2px solid #DB4D28}
.careerImgPanel{position:relative}
.careerImgPanel img{width:100%;height:300px;object-fit:cover;border-radius:10px;display:block;box-shadow:4px 4px 0 #D9EFD6}
.careerImgPanel .careerImgTag{position:absolute;bottom:-16px;right:20px;background:#1a1a2e;color:#00DCD9;font-size:.82rem;font-weight:700;padding:8px 16px;border-radius:8px;box-shadow:2px 2px 0 #0000002e;display:flex;align-items:center;gap:6px}
.careerProspectsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px}
.careerProspectCard{background:#f8fffe;border:1px solid #e0f5f5;border-radius:10px;padding:22px 20px;text-align:center;transition:box-shadow 0.18s,transform 0.18s,border-color .18s}
.careerProspectCard:hover{box-shadow:3px 3px 0 #00DCD9;transform:translate(-2px,-2px);border-color:#00DCD9;outline:1px solid #00DCD9}
.careerProspectCard .prospectIconWrap{width:52px;height:52px;background:linear-gradient(135deg,#D9EFD6 0%,#fff 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:inset 0 3px 8px #00dcd91f}
.careerProspectCard .prospectIconWrap .mdi{font-size:24px;color:#00DCD9}
.careerProspectCard .prospectTitle{font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:6px;line-height:1.3}
.careerProspectCard .prospectText{font-size:.82rem;color:#666;line-height:1.55}
.careerBottomBand{background:linear-gradient(135deg,#D9EFD6 0%,#00dcd91a 100%);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center;border:1px solid #00dcd938}
.careerBottomBand .careerBandStat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;border-right:1px dashed #00dcd94d}
.careerBottomBand .careerBandStat:last-child{border-right:none}
.careerBottomBand .careerBandStat .bandNum{font-size:2rem;font-weight:800;color:#1a1a2e;line-height:1;margin-bottom:4px}
.careerBottomBand .careerBandStat .bandNum span{color:#DB4D28}
.careerBottomBand .careerBandStat .bandLabel{font-size:.83rem;color:#555;line-height:1.45;max-width:160px}
.careerImgRowGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:22px}
.careerImgRowGrid .careerGalleryItem{border-radius:8px;overflow:hidden;position:relative}
.careerImgRowGrid .careerGalleryItem img{width:100%;height:180px;object-fit:cover;display:block;transition:filter .22s}
.careerImgRowGrid .careerGalleryItem:hover img{filter:brightness(0.8)}
.careerImgRowGrid .careerGalleryItem .galleryItemLabel{position:absolute;bottom:10px;left:10px;background:#1a1a2ed1;color:#00DCD9;font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:5px;pointer-events:none}
@media (max-width: 1024px) {
.heroBox .heroContentBox{padding:70px 32px 60px}
.feedbackSectionBox .feedbackContainer{padding:0 32px}
.afterLearningSectionBox .afterLearningContainer{padding:0 32px}
.careerSectionBox .careerContainer{padding:0 32px}
.alCardsGrid{grid-template-columns:repeat(2,1fr)}
.careerProspectsGrid{grid-template-columns:repeat(2,1fr)}
.careerBottomBand{grid-template-columns:1fr;gap:18px}
.careerBottomBand .careerBandStat{border-right:none;border-bottom:1px dashed #00dcd94d;padding-bottom:16px}
.careerBottomBand .careerBandStat:last-child{border-bottom:none}
.careerImgRowGrid{grid-template-columns:1fr 1fr}
.careerSectionBox .careerTopGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.heroBox{min-height:420px}
.heroBox .heroContentBox{padding:60px 20px 50px}
.heroBox .heroStats-row{gap:20px}
.feedbackSectionBox .feedbackContainer{padding:0 20px}
.feedbackSectionBox{padding:56px 0 50px}
.feedbackLayoutGrid{grid-template-columns:1fr}
.feedbackLayoutGrid .feedbackImgPanel img{height:220px}
.afterLearningSectionBox{padding:56px 0 50px}
.afterLearningSectionBox .afterLearningContainer{padding:0 20px}
.afterLearningSectionBox .alTopRow{flex-direction:column;align-items:flex-start}
.afterLearningSectionBox .alSubtext{text-align:left}
.alCardsGrid{grid-template-columns:1fr}
.alBottomRow{grid-template-columns:1fr}
.careerSectionBox{padding:56px 0 50px}
.careerSectionBox .careerContainer{padding:0 20px}
.careerProspectsGrid{grid-template-columns:1fr 1fr}
.careerImgRowGrid{grid-template-columns:1fr}
.careerBottomBand{padding:24px 20px}
}
@media (max-width: 480px) {
.careerProspectsGrid{grid-template-columns:1fr}
.heroBox .heroCta-row{flex-direction:column}
.careerImgRowGrid{grid-template-columns:1fr}
}
.contactPageWrap{max-width:1400px;margin:0 auto;padding:0 20px}
.contactHeroBox{position:relative;overflow:hidden;padding:100px 20px 90px;background:linear-gradient(135deg,#0a2a2a 0%,#0d3535 40%,#1a1a2e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:480px}
.contactHeroBox .particleCanvas{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.contactHeroBox .particleCanvas span{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#00DCD9;opacity:0;animation:floatParticle 8s infinite ease-in-out}
.contactHeroBox .particleCanvas span:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:7s}
.contactHeroBox .particleCanvas span:nth-child(2){left:25%;top:70%;animation-delay:1.5s;animation-duration:9s;background:#DB4D28;width:3px;height:3px}
.contactHeroBox .particleCanvas span:nth-child(3){left:50%;top:15%;animation-delay:.8s;animation-duration:6s}
.contactHeroBox .particleCanvas span:nth-child(4){left:75%;top:60%;animation-delay:2.2s;animation-duration:8s;background:#D9EFD6}
.contactHeroBox .particleCanvas span:nth-child(5){left:88%;top:30%;animation-delay:.3s;animation-duration:10s;width:3px;height:3px}
.contactHeroBox .particleCanvas span:nth-child(6){left:40%;top:80%;animation-delay:3s;animation-duration:7.5s;background:#DB4D28;width:2px;height:2px}
.contactHeroBox .particleCanvas span:nth-child(7){left:62%;top:45%;animation-delay:1.1s;animation-duration:9.5s}
.contactHeroBox .particleCanvas span:nth-child(8){left:18%;top:50%;animation-delay:4s;animation-duration:6.5s;background:#D9EFD6;width:2px;height:2px}
@keyframes floatParticle {
0%{opacity:0;transform:translateY(0px) scale(1)}
20%{opacity:.6}
60%{opacity:.3;transform:translateY(-40px) scale(1.3)}
100%{opacity:0;transform:translateY(-80px) scale(0.8)}
}
.contactHeroBox .heroProblemTag{display:inline-flex;align-items:center;gap:8px;background:#db4d2826;border:1px solid #db4d2866;border-radius:4px;padding:6px 16px;margin-bottom:24px;position:relative;z-index:2}
.contactHeroBox .heroProblemTag span{color:#DB4D28;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.contactHeroBox .heroMainTitle{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#f0f8f8;line-height:1.15;margin:0 0 20px;position:relative;z-index:2;max-width:720px}
.contactHeroBox .heroMainTitle em{font-style:normal;color:#00DCD9}
.contactHeroBox .heroSubLine{font-size:1.1rem;color:#d9efd6cc;line-height:1.6;max-width:520px;position:relative;z-index:2;margin:0}
.contactHeroDivider{width:100%;line-height:0;overflow:hidden;background:#0a2a2a}
.contactHeroDivider svg{display:block;width:100%;height:60px}
.contactInfoStripBox{background:#f4fafa;padding:60px 20px;border-bottom:1px solid #d0e8e8}
.contactInfoStripInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.infoCardItem{background:#fff;border:1px solid #e0f0f0;border-radius:8px;padding:32px 28px;display:flex;flex-direction:row;align-items:flex-start;gap:20px;box-shadow:3px 3px 0 #d0e8e8;transition:box-shadow .2s ease,transform .2s ease}
.infoCardItem:hover{box-shadow:5px 5px 0 #00DCD9;transform:translate(-1px,-1px)}
.infoCardItem .infoIconWrap{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#00DCD9 0%,#009b98 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.infoCardItem .infoIconWrap .mdi{font-size:22px;color:#fff}
.infoCardItem .infoTextBlock{display:flex;flex-direction:column;gap:4px}
.infoCardItem .infoCardLabel{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;margin:0}
.infoCardItem .infoCardValue{font-size:.98rem;font-weight:600;color:#1a2a2a;margin:0;line-height:1.5}
.infoCardItem .infoCardValue a{color:#1a2a2a;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.infoCardItem .infoCardValue a:hover{border-color:#00DCD9;color:#007e7b}
.contactFormSectionBox{background:#fff;padding:80px 20px}
.contactFormSectionInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start}
.formSidePanelBox{position:sticky;top:30px}
.formSidePanelBox .sidePanelLabel{display:inline-block;background:#D9EFD6;color:#2a5a2a;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:20px}
.formSidePanelBox .sidePanelTitle{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0d2a2a;line-height:1.25;margin:0 0 20px}
.formSidePanelBox .sidePanelTitle strong{color:#DB4D28}
.formSidePanelBox .sidePanelText{font-size:.98rem;color:#4a6060;line-height:1.75;margin:0 0 32px}
.formSidePanelBox .sideFeatureList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.formSidePanelBox .sideFeatureList li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#2a4a4a;font-weight:500}
.formSidePanelBox .sideFeatureList li .mdi{font-size:18px;color:#00DCD9;flex-shrink:0}
.contactFormCard{background:#f8fefe;border:1px solid #d8f0ee;border-radius:12px;padding:44px 40px;box-shadow:4px 4px 0 #c8e8e6}
.contactFormCard .formRowDouble{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.contactFormCard .formFieldBox{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.contactFormCard .formFieldBox label{font-size:.84rem;font-weight:700;color:#2a4040;letter-spacing:.03em}
.contactFormCard .formFieldBox label .reqMark{color:#DB4D28;margin-left:3px}
.contactFormCard .formFieldBox input[type="text"],.contactFormCard .formFieldBox input[type="email"],.contactFormCard .formFieldBox input[type="tel"],.contactFormCard .formFieldBox textarea{width:100%;padding:13px 16px;border:1.5px solid #c8dede;border-radius:6px;background:#fff;color:#1a2a2a;font-size:.97rem;line-height:1.5;transition:border-color 0.2s,box-shadow .2s;box-sizing:border-box;outline:none}
.contactFormCard .formFieldBox input[type="text"]:focus,.contactFormCard .formFieldBox input[type="email"]:focus,.contactFormCard .formFieldBox input[type="tel"]:focus,.contactFormCard .formFieldBox textarea:focus{border-color:#00DCD9;box-shadow:0 0 0 3px #00dcd926}
.contactFormCard .formFieldBox input[type="text"]::placeholder,.contactFormCard .formFieldBox input[type="email"]::placeholder,.contactFormCard .formFieldBox input[type="tel"]::placeholder,.contactFormCard .formFieldBox textarea::placeholder{color:#aabcbc}
.contactFormCard .formFieldBox textarea{resize:vertical;min-height:130px}
.contactFormCard .privacyCheckRow{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:28px}
.contactFormCard .privacyCheckRow input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#00DCD9;cursor:pointer}
.contactFormCard .privacyCheckRow .privacyText{font-size:.86rem;color:#4a6060;line-height:1.6;margin:0}
.contactFormCard .privacyCheckRow .privacyText a{color:#00817e;text-decoration:underline;text-underline-offset:2px}
.contactFormCard .privacyCheckRow .privacyText a:hover{color:#DB4D28}
.contactFormCard .submitBtnWrap{display:flex;flex-direction:row;align-items:center;gap:16px}
.contactFormCard .submitBtnWrap .formSubmitBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#00DCD9 0%,#009b98 100%);color:#fff;font-size:1rem;font-weight:700;padding:14px 32px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;box-shadow:3px 3px 0 #007e7b;transition:box-shadow 0.2s,transform .2s;position:relative;z-index:2}
.contactFormCard .submitBtnWrap .formSubmitBtn:hover{box-shadow:5px 5px 0 #007e7b;transform:translate(-1px,-1px)}
.contactFormCard .submitBtnWrap .formSubmitBtn:active{box-shadow:1px 1px 0 #007e7b;transform:translate(1px,1px)}
.contactFormCard .submitBtnWrap .formSubmitBtn .mdi{font-size:18px}
.contactFormCard .submitNoteText{font-size:.82rem;color:#7a9898;line-height:1.5;margin:0}
.contactDividerWavebox{width:100%;background:#fff;line-height:0;overflow:hidden}
.contactDividerWavebox svg{display:block;width:100%;height:50px}
.contactFaqSectionBox{background:#f4fafa;padding:80px 20px}
.contactFaqInner{max-width:1400px;margin:0 auto}
.contactFaqInner .faqSectionHdr{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:52px}
.contactFaqInner .faqSectionHdr .faqTagLabel{display:inline-block;background:#db4d281a;color:#DB4D28;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:4px;margin-bottom:16px}
.contactFaqInner .faqSectionHdr .faqMainTitle{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#0d2a2a;margin:0 0 12px}
.contactFaqInner .faqSectionHdr .faqSubDesc{font-size:1rem;color:#5a7878;max-width:500px;line-height:1.65;margin:0}
.faqAccordionBox{display:flex;flex-direction:column;gap:0;border:1px solid #d0e8e8;border-radius:10px;overflow:hidden}
.faqAccordionBox input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.faqAccordionItem{border-bottom:1px solid #d8eeee;background:#fff}
.faqAccordionItem:last-child{border-bottom:none}
.faqAccordionItem .faqItemLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;user-select:none;transition:background .2s;gap:16px}
.faqAccordionItem .faqItemLabel:hover{background:#f0fafa}
.faqAccordionItem .faqItemLabel .faqQuestion{font-size:1rem;font-weight:700;color:#0d2a2a;margin:0;flex:1}
.faqAccordionItem .faqItemLabel .faqToggleIcon{width:28px;height:28px;border-radius:50%;background:#e8f8f8;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s,transform .3s}
.faqAccordionItem .faqItemLabel .faqToggleIcon .mdi{font-size:18px;color:#00DCD9;transition:transform .3s}
.faqAccordionItem .faqItemContent{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faqAccordionItem .faqItemContent .faqAnswerText{padding:0 28px 22px;font-size:.96rem;color:#4a6060;line-height:1.75;margin:0}
.faqAccordionBox input[type="checkbox"]:checked + .faqAccordionItem .faqItemLabel{background:#f0fafa}
.faqAccordionBox input[type="checkbox"]:checked + .faqAccordionItem .faqItemLabel .faqToggleIcon{background:#00DCD9;transform:rotate(45deg)}
.faqAccordionBox input[type="checkbox"]:checked + .faqAccordionItem .faqItemLabel .faqToggleIcon .mdi{color:#fff}
.faqAccordionBox input[type="checkbox"]:checked + .faqAccordionItem .faqItemContent{max-height:300px}
.contactCtaBox{background:linear-gradient(145deg,#0d2a2a 0%,#1a3535 50%,#0a2020 100%);padding:80px 20px;position:relative;overflow:hidden}
.contactCtaBox::before{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#00dcd91f 0%,transparent 70%);pointer-events:none}
.contactCtaBox::after{content:'';position:absolute;bottom:-40px;left:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#db4d281a 0%,transparent 70%);pointer-events:none}
.contactCtaInner{max-width:1400px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:2}
.contactCtaBox .ctaTextBlock{flex:1}
.contactCtaBox .ctaTextBlock .ctaHeading{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#f0f8f8;margin:0 0 14px;line-height:1.25}
.contactCtaBox .ctaTextBlock .ctaHeading em{font-style:normal;color:#00DCD9}
.contactCtaBox .ctaTextBlock .ctaDesc{font-size:1rem;color:#d9efd6bf;line-height:1.65;margin:0;max-width:460px}
.contactCtaBox .ctaBtnGroup{display:flex;flex-direction:column;gap:14px;flex-shrink:0}
.contactCtaBox .ctaBtnGroup .ctaPrimaryBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#DB4D28 0%,#b83d1e 100%);color:#fff;font-size:1rem;font-weight:700;padding:15px 30px;border-radius:6px;text-decoration:none;box-shadow:3px 3px 0 #8a2e12;transition:box-shadow 0.2s,transform .2s;position:relative;z-index:2}
.contactCtaBox .ctaBtnGroup .ctaPrimaryBtn:hover{box-shadow:5px 5px 0 #8a2e12;transform:translate(-1px,-1px)}
.contactCtaBox .ctaBtnGroup .ctaSecondaryBtn{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#00DCD9;font-size:.95rem;font-weight:600;padding:12px 30px;border-radius:6px;text-decoration:none;border:1.5px solid #00dcd966;transition:border-color 0.2s,background .2s;position:relative;z-index:2}
.contactCtaBox .ctaBtnGroup .ctaSecondaryBtn:hover{border-color:#00DCD9;background:#00dcd914}
@media (max-width: 1024px) {
.contactInfoStripInner{grid-template-columns:1fr 1fr;gap:20px}
.contactFormSectionInner{grid-template-columns:1fr;gap:40px}
.formSidePanelBox{position:static}
.contactCtaInner{flex-direction:column;text-align:center}
.contactCtaBox .ctaTextBlock .ctaDesc{max-width:100%}
.contactCtaBox .ctaBtnGroup{flex-direction:row;flex-wrap:wrap;justify-content:center}
}
@media (max-width: 768px) {
.contactHeroBox{padding:70px 20px 60px;min-height:380px}
.contactInfoStripInner{grid-template-columns:1fr}
.contactFormCard{padding:28px 20px}
.contactFormCard .formRowDouble{grid-template-columns:1fr}
.faqAccordionItem .faqItemLabel{padding:18px 20px}
.faqAccordionItem .faqItemContent .faqAnswerText{padding:0 20px 18px}
.contactCtaBox .ctaBtnGroup{flex-direction:column;width:100%}
.contactCtaBox .ctaBtnGroup .ctaPrimaryBtn,.contactCtaBox .ctaBtnGroup .ctaSecondaryBtn{justify-content:center}
}
@media (max-width: 480px) {
.contactFormCard .submitBtnWrap{flex-direction:column;align-items:flex-start}
.infoCardItem{flex-direction:column;gap:14px}
}
.progPage{overflow-x:hidden}
.progPage .titleBlock{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0a1628 0%,#0d2240 40%,#0a3040 70%,#062e2e 100%)}
.progPage .titleBlock .imgLayer{position:absolute;inset:0;z-index:1}
.progPage .titleBlock .imgLayer img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.18;filter:saturate(0.4) hue-rotate(160deg)}
.progPage .titleBlock .geoLayer{position:absolute;inset:0;z-index:2;pointer-events:none}
.progPage .titleBlock .geoLayer .geoShape-primary{position:absolute;top:-80px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#00dcd92e 0%,#00dcd90a 60%,transparent 80%)}
.progPage .titleBlock .geoLayer .geoShape-secondary{position:absolute;bottom:-40px;left:8%;width:260px;height:260px;border:1.5px solid #00dcd924;border-radius:50%}
.progPage .titleBlock .geoLayer .geoShape-accent{position:absolute;top:30%;right:18%;width:90px;height:90px;border:2px solid #db4d284d;transform:rotate(45deg)}
.progPage .titleBlock .geoLayer .geoLine{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#00DCD9 40%,#DB4D28 70%,transparent 100%);opacity:.6}
.progPage .titleBlock .titleContent-box{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:80px 48px;width:100%}
.progPage .titleBlock .titleLabel{display:inline-flex;align-items:center;gap:8px;background:#00dcd91f;border:1px solid #00dcd94d;border-radius:4px;padding:6px 14px;margin-bottom:28px}
.progPage .titleBlock .titleLabel span{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#00DCD9}
.progPage .titleBlock .titleLabel .mdi{color:#00DCD9;font-size:15px}
.progPage .titleBlock .mainHeading{font-size:clamp(32px,5vw,62px);font-weight:800;line-height:1.1;color:#f0f8f8;max-width:700px;margin-bottom:24px;letter-spacing:-1px}
.progPage .titleBlock .mainHeading .accentWord{color:#00DCD9;position:relative;display:inline-block}
.progPage .titleBlock .mainHeading .accentWord::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:linear-gradient(90deg,#00DCD9,#DB4D28);border-radius:2px}
.progPage .titleBlock .subText{font-size:18px;line-height:1.7;color:#d9efd6d1;max-width:560px;margin-bottom:40px}
.progPage .titleBlock .titleMeta-box{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.progPage .titleBlock .metaStat{display:flex;flex-direction:column;gap:2px}
.progPage .titleBlock .metaStat .statNum{font-size:28px;font-weight:800;color:#00DCD9;line-height:1}
.progPage .titleBlock .metaStat .statLabel{font-size:12px;color:#d9efd699;text-transform:uppercase;letter-spacing:1px}
.progPage .titleBlock .metaDivider{width:1px;height:48px;background:#ffffff1f}
.progPage .titleBlock .enrollBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#00DCD9,#00b8b5);color:#0a1628;font-size:15px;font-weight:700;padding:14px 32px;border-radius:6px;text-decoration:none;border:none;cursor:pointer;transition:box-shadow 0.2s,outline .2s;box-shadow:0 4px 18px #00dcd947;z-index:10;position:relative}
.progPage .titleBlock .enrollBtn:hover{outline:2px solid #00DCD9;box-shadow:0 6px 28px #00dcd96b}
.progPage .titleBlock .enrollBtn .mdi{font-size:18px}
.progPage .auditModulesBlock{padding:90px 0 70px;background:#f7fafa;position:relative}
.progPage .auditModulesBlock::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#D9EFD6 0%,#00DCD9 50%,#DB4D28 100%);margin-bottom:0;position:absolute;top:0;left:0;right:0}
.progPage .auditModulesBlock .modulesWrap-box{max-width:1400px;margin:0 auto;padding:0 48px}
.progPage .auditModulesBlock .sectionHdr{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.progPage .auditModulesBlock .hdrLeft .sectionTag{display:inline-flex;align-items:center;gap:6px;color:#DB4D28;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.progPage .auditModulesBlock .hdrLeft .sectionTag::before{content:'';display:block;width:24px;height:2px;background:#DB4D28;border-radius:2px}
.progPage .auditModulesBlock .hdrLeft h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;color:#0d2240;line-height:1.15;margin-bottom:0}
.progPage .auditModulesBlock .hdrLeft h2 em{font-style:normal;color:#DB4D28}
.progPage .auditModulesBlock .hdrRight .hdrDesc{font-size:16px;line-height:1.75;color:#456}
.progPage .auditModulesBlock .modulesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#dde8e8;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0d224014}
.progPage .auditModulesBlock .moduleCard{background:#fff;padding:32px 28px;position:relative;cursor:pointer;transition:background .2s}
.progPage .auditModulesBlock .moduleCard:hover{background:#f0fdfc;outline:2px solid #00DCD9;outline-offset:-2px;z-index:2}
.progPage .auditModulesBlock .moduleCard .cardNum{font-size:11px;font-weight:700;color:#00DCD9;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.progPage .auditModulesBlock .moduleCard .cardNum::after{content:'';flex:1;height:1px;background:#D9EFD6}
.progPage .auditModulesBlock .moduleCard .cardIcon{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#D9EFD6,#b8e8e7);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.progPage .auditModulesBlock .moduleCard .cardIcon .mdi{font-size:22px;color:#0a3040}
.progPage .auditModulesBlock .moduleCard h4{font-size:17px;font-weight:700;color:#0d2240;margin-bottom:10px;line-height:1.3}
.progPage .auditModulesBlock .moduleCard .cardBody{font-size:14px;line-height:1.65;color:#567;margin-bottom:18px}
.progPage .auditModulesBlock .moduleCard .cardTopics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.progPage .auditModulesBlock .moduleCard .cardTopics li{font-size:13px;color:#456;display:flex;align-items:center;gap:8px}
.progPage .auditModulesBlock .moduleCard .cardTopics li::before{content:'';width:6px;height:6px;border-radius:50%;background:#00DCD9;flex-shrink:0}
.progPage .auditModulesBlock .moduleCard .cardDuration{position:absolute;top:18px;right:20px;font-size:11px;color:#89a;display:flex;align-items:center;gap:4px}
.progPage .auditModulesBlock .moduleCard .cardDuration .mdi{font-size:13px;color:#DB4D28}
.progPage .methodBlock{padding:80px 0;background:#fff;position:relative;overflow:hidden}
.progPage .methodBlock .methodDecor{position:absolute;top:0;right:0;width:480px;height:480px;background:radial-gradient(circle at 80% 20%,#00dcd912 0%,transparent 65%);pointer-events:none}
.progPage .methodBlock .methodWrap-box{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.progPage .methodBlock .methodLeft .methodTag{display:inline-flex;align-items:center;gap:6px;background:#D9EFD6;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2a6040;margin-bottom:20px}
.progPage .methodBlock .methodLeft h2{font-size:clamp(24px,3vw,38px);font-weight:800;color:#0d2240;line-height:1.2;margin-bottom:20px}
.progPage .methodBlock .methodLeft h2 strong{color:#00DCD9}
.progPage .methodBlock .methodLeft .methodIntro{font-size:15px;line-height:1.8;color:#456;margin-bottom:32px}
.progPage .methodBlock .methodLeft .methodCta{display:inline-flex;align-items:center;gap:10px;background:#0d2240;color:#00DCD9;font-size:14px;font-weight:700;padding:13px 28px;border-radius:6px;text-decoration:none;transition:background 0.2s,outline .2s;box-shadow:0 3px 12px #0d22402e;position:relative;z-index:5}
.progPage .methodBlock .methodLeft .methodCta:hover{outline:2px solid #0d2240;background:#162f5a}
.progPage .methodBlock .methodRight .stepsStack{display:flex;flex-direction:column;gap:0}
.progPage .methodBlock .methodRight .stepRow{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:stretch;position:relative}
.progPage .methodBlock .methodRight .stepRow:not(:last-child) .stepLine{position:absolute;left:27px;top:56px;bottom:0;width:2px;background:linear-gradient(180deg,#00DCD9,#D9EFD6);z-index:0}
.progPage .methodBlock .methodRight .stepDot-box{display:flex;flex-direction:column;align-items:center;padding-top:4px;position:relative;z-index:1}
.progPage .methodBlock .methodRight .dotCircle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00DCD9 0%,#00a8a5 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px #00dcd94d}
.progPage .methodBlock .methodRight .dotCircle .mdi{color:#fff;font-size:22px}
.progPage .methodBlock .methodRight .stepRow[data-alt="true"] .dotCircle{background:linear-gradient(135deg,#DB4D28,#c03a18);box-shadow:0 3px 12px #db4d2847}
.progPage .methodBlock .methodRight .stepContent-box{padding:4px 0 36px}
.progPage .methodBlock .methodRight .stepRow:last-child .stepContent-box{padding-bottom:0}
.progPage .methodBlock .methodRight .stepTitle{font-size:16px;font-weight:700;color:#0d2240;margin-bottom:6px;line-height:1.3}
.progPage .methodBlock .methodRight .stepDesc{font-size:14px;line-height:1.65;color:#567}
.progPage .outcomesBlock{padding:80px 0 90px;background:linear-gradient(160deg,#0d2240 0%,#0a3040 55%,#062e2e 100%);position:relative;overflow:hidden}
.progPage .outcomesBlock::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#DB4D28,#00DCD9,#D9EFD6)}
.progPage .outcomesBlock .outDecor{position:absolute;top:-120px;left:-120px;width:500px;height:500px;border:60px solid #00dcd90a;border-radius:50%;pointer-events:none}
.progPage .outcomesBlock .outWrap-box{max-width:1400px;margin:0 auto;padding:0 48px}
.progPage .outcomesBlock .outHdr{text-align:center;margin-bottom:56px}
.progPage .outcomesBlock .outHdr .outTag{display:inline-flex;align-items:center;gap:8px;color:#00dcd9cc;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.progPage .outcomesBlock .outHdr .outTag .mdi{font-size:14px}
.progPage .outcomesBlock .outHdr h2{font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#f0f8f8;line-height:1.15;margin-bottom:16px}
.progPage .outcomesBlock .outHdr h2 span{color:#00DCD9}
.progPage .outcomesBlock .outHdr .outSubtext{font-size:16px;color:#d9efd6b3;max-width:520px;margin:0 auto;line-height:1.7}
.progPage .outcomesBlock .outGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}
.progPage .outcomesBlock .outCard{background:#ffffff0d;border:1px solid #00dcd924;border-radius:10px;padding:28px 28px 24px;display:flex;flex-direction:row;gap:20px;align-items:flex-start;transition:border-color 0.2s,background .2s}
.progPage .outcomesBlock .outCard:hover{border-color:#00dcd966;background:#00dcd90f}
.progPage .outcomesBlock .outCard .outIcon{width:48px;height:48px;border-radius:8px;background:#00dcd91f;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.progPage .outcomesBlock .outCard[data-accent="red"] .outIcon{background:#db4d2824}
.progPage .outcomesBlock .outCard[data-accent="red"] .outIcon .mdi{color:#DB4D28}
.progPage .outcomesBlock .outCard .outIcon .mdi{font-size:24px;color:#00DCD9}
.progPage .outcomesBlock .outCard .outText h4{font-size:16px;font-weight:700;color:#f0f8f8;margin-bottom:8px;line-height:1.3}
.progPage .outcomesBlock .outCard .outText p{font-size:14px;line-height:1.65;color:#d9efd6b3;margin:0}
.progPage .outcomesBlock .outCtaRow{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.progPage .outcomesBlock .outCtaMain{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#DB4D28,#c03a18);color:#fff;font-size:15px;font-weight:700;padding:15px 36px;border-radius:6px;text-decoration:none;transition:outline 0.2s,box-shadow .2s;box-shadow:0 4px 20px #db4d2852;position:relative;z-index:5}
.progPage .outcomesBlock .outCtaMain:hover{outline:2px solid #DB4D28;box-shadow:0 6px 28px #db4d2870}
.progPage .outcomesBlock .outCtaSecondary{display:inline-flex;align-items:center;gap:8px;color:#d9efd6cc;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #d9efd64d;padding-bottom:2px;transition:color 0.2s,border-color .2s}
.progPage .outcomesBlock .outCtaSecondary:hover{color:#00DCD9;border-color:#00DCD9}
@media (max-width: 1024px) {
.progPage .titleBlock .titleContent-box{padding:60px 32px}
.progPage .auditModulesBlock .modulesWrap-box{padding:0 32px}
.progPage .auditModulesBlock .modulesGrid{grid-template-columns:repeat(2,1fr)}
.progPage .auditModulesBlock .sectionHdr{grid-template-columns:1fr;gap:24px}
.progPage .methodBlock .methodWrap-box{grid-template-columns:1fr;padding:0 32px;gap:40px}
.progPage .outcomesBlock .outWrap-box{padding:0 32px}
.progPage .outcomesBlock .outGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.progPage .titleBlock{min-height:440px}
.progPage .titleBlock .titleContent-box{padding:48px 20px}
.progPage .titleBlock .titleMeta-box{gap:16px}
.progPage .titleBlock .metaDivider{display:none}
.progPage .auditModulesBlock{padding:60px 0 48px}
.progPage .auditModulesBlock .modulesWrap-box{padding:0 20px}
.progPage .auditModulesBlock .modulesGrid{grid-template-columns:1fr}
.progPage .methodBlock .methodWrap-box{padding:0 20px}
.progPage .methodBlock{padding:60px 0}
.progPage .outcomesBlock .outWrap-box{padding:0 20px}
.progPage .outcomesBlock{padding:60px 0 70px}
.progPage .outcomesBlock .outGrid{gap:16px}
.progPage .outcomesBlock .outCard{flex-direction:column;gap:14px}
}
.aboutHeroBox{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;margin-bottom:0}
.aboutHeroBox .heroBgLayer{position:absolute;inset:0;z-index:1}
.aboutHeroBox .heroBgLayer img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:contrast(1.12) brightness(0.72)}
.aboutHeroBox .heroBgLayer::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#00dcd92e 0%,#0f0f19c7 60%,#db4d2838 100%)}
.aboutHeroBox .heroVolume{position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,#d9efd62e 0%,transparent 100%);z-index:2;pointer-events:none}
.aboutHeroBox .heroContentBox{position:relative;z-index:3;max-width:1400px;margin:0 auto;width:100%;padding:64px 48px 60px}
.aboutHeroBox .heroContentBox .heroTagLine{display:inline-flex;align-items:center;gap:8px;background:#00dcd924;border:1px solid #00dcd961;border-radius:4px;padding:6px 16px;color:#00DCD9;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}
.aboutHeroBox .heroContentBox h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.12;margin:0 0 22px;max-width:700px;letter-spacing:-.01em}
.aboutHeroBox .heroContentBox h1 .accentWord{color:#00DCD9;position:relative}
.aboutHeroBox .heroContentBox .heroDesc{font-size:1.08rem;color:#ffffffd6;max-width:560px;line-height:1.72;margin:0 0 36px}
.aboutHeroBox .heroMetaRow{display:flex;flex-direction:row;gap:32px;flex-wrap:wrap}
.aboutHeroBox .heroMetaRow .metaItem{display:flex;flex-direction:column;gap:4px}
.aboutHeroBox .heroMetaRow .metaItem .metaVal{font-size:1.55rem;font-weight:800;color:#00DCD9;line-height:1}
.aboutHeroBox .heroMetaRow .metaItem .metaLabel{font-size:.78rem;color:#fff9;letter-spacing:.08em;text-transform:uppercase}
.aboutHeroBox .heroDiagDeco{position:absolute;bottom:-2px;left:0;right:0;z-index:4;line-height:0}
.aboutHeroBox .heroDiagDeco svg{display:block;width:100%}
.storyStageBox{background:#f7faf7;padding:80px 0 72px}
.storyStageBox .storyInner{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.storyStageBox .storyLeft{display:flex;flex-direction:column;gap:28px}
.storyStageBox .storyLeft .sectionLabel{display:flex;flex-direction:row;align-items:center;gap:10px;color:#DB4D28;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.storyStageBox .storyLeft .sectionLabel::before{content:'';display:block;width:28px;height:3px;background:#DB4D28;border-radius:2px}
.storyStageBox .storyLeft h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;color:#1a1a2e;line-height:1.2;margin:0}
.storyStageBox .storyLeft h2 .h2Accent{display:inline-block;position:relative;color:#DB4D28}
.storyStageBox .storyLeft h2 .h2Accent::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(90deg,#DB4D28,#00DCD9);border-radius:2px}
.storyStageBox .storyLeft .storyPara{font-size:1.02rem;color:#3d3d4d;line-height:1.78;margin:0}
.storyStageBox .storyLeft .foundedBadge{display:inline-flex;flex-direction:row;align-items:center;gap:12px;background:linear-gradient(120deg,#D9EFD6 0%,#00dcd914 100%);border:1.5px solid #00dcd94d;border-radius:8px;padding:14px 22px;width:fit-content}
.storyStageBox .storyLeft .foundedBadge .mdi{font-size:1.6rem;color:#00DCD9}
.storyStageBox .storyLeft .foundedBadge .badgeTxt .badgeYear{font-size:1.1rem;font-weight:800;color:#1a1a2e}
.storyStageBox .storyLeft .foundedBadge .badgeTxt .badgeSub{font-size:.78rem;color:#5a6a5a;letter-spacing:.06em}
.storyStageBox .storyRight{display:flex;flex-direction:column;gap:20px;position:relative}
.storyStageBox .storyRight .storyImgFrame{position:relative;border-radius:10px;overflow:hidden;box-shadow:4px 6px 0 #db4d2838 0 12px 32px #0000001a}
.storyStageBox .storyRight .storyImgFrame img{width:100%;height:320px;object-fit:cover;object-position:center;display:block}
.storyStageBox .storyRight .storyImgFrame .imgOverlayChip{position:absolute;bottom:16px;left:16px;background:#00dcd9eb;color:#1a1a2e;font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:6px 14px;border-radius:4px;text-transform:uppercase}
.storyStageBox .storyRight .pillarsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.storyStageBox .storyRight .pillarCard{background:#fff;border-radius:8px;padding:18px 16px;border:1.5px solid #e8f0e8;box-shadow:2px 3px 0 #00dcd91f;display:flex;flex-direction:column;gap:8px;transition:border-color 0.2s,box-shadow .2s}
.storyStageBox .storyRight .pillarCard:hover{border-color:#00DCD9;box-shadow:3px 4px 0 #00dcd947}
.storyStageBox .storyRight .pillarCard .mdi{font-size:1.4rem;color:#DB4D28}
.storyStageBox .storyRight .pillarCard .pillarTitle{font-size:.88rem;font-weight:700;color:#1a1a2e}
.storyStageBox .storyRight .pillarCard .pillarText{font-size:.78rem;color:#6b7a6b;line-height:1.55}
.approachSurface{background:#1a1a2e;padding:88px 0 80px;position:relative;overflow:hidden}
.approachSurface::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,#00dcd917 0%,transparent 70%);pointer-events:none}
.approachSurface::after{content:'';position:absolute;bottom:-60px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,#db4d2814 0%,transparent 70%);pointer-events:none}
.approachSurface .approachInner{max-width:1400px;margin:0 auto;padding:0 48px;position:relative;z-index:2}
.approachSurface .approachHeader{text-align:center;margin-bottom:56px}
.approachSurface .approachHeader .topLabel{display:inline-flex;align-items:center;gap:8px;color:#00DCD9;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.approachSurface .approachHeader h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.18}
.approachSurface .approachHeader .approachSubtitle{font-size:1rem;color:#fff9;max-width:540px;margin:0 auto;line-height:1.68}
.approachSurface .approachLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.approachSurface .approachImgSide{position:relative}
.approachSurface .approachImgSide .imgWrap{position:relative;border-radius:10px;overflow:hidden}
.approachSurface .approachImgSide .imgWrap img{width:100%;height:380px;object-fit:cover;display:block;filter:brightness(0.88)}
.approachSurface .approachImgSide .imgWrap .diagonalGrad{position:absolute;inset:0;background:linear-gradient(135deg,#00dcd938 0%,transparent 50%,#db4d282e 100%)}
.approachSurface .approachImgSide .floatStat{position:absolute;top:24px;right:-18px;background:#DB4D28;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:4px 4px 0 #00000040;text-align:center}
.approachSurface .approachImgSide .floatStat .statNum{font-size:1.7rem;font-weight:900;display:block;line-height:1}
.approachSurface .approachImgSide .floatStat .statLbl{font-size:.72rem;opacity:.88;letter-spacing:.06em;text-transform:uppercase}
.approachSurface .approachStepsList{display:flex;flex-direction:column;gap:0}
.approachSurface .approachStepsList .stepItem{display:flex;flex-direction:row;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #ffffff14;position:relative}
.approachSurface .approachStepsList .stepItem:last-child{border-bottom:none}
.approachSurface .approachStepsList .stepItem .stepNum{flex-shrink:0;width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,#00dcd92e 0%,#00dcd90f 100%);border:1.5px solid #00dcd959;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#00DCD9;letter-spacing:.04em}
.approachSurface .approachStepsList .stepItem .stepContent{flex:1;display:flex;flex-direction:column;gap:6px}
.approachSurface .approachStepsList .stepItem .stepContent .stepTitle{font-size:.98rem;font-weight:700;color:#fff}
.approachSurface .approachStepsList .stepItem .stepContent .stepDesc{font-size:.84rem;color:#ffffff8f;line-height:1.6}
.approachSurface .approachStepsList .stepItem:hover .stepNum{background:linear-gradient(135deg,#00dcd94d 0%,#00dcd91f 100%);border-color:#00DCD9}
@media (max-width: 1024px) {
.aboutHeroBox .heroContentBox{padding:48px 32px 52px}
.storyStageBox .storyInner{padding:0 32px;gap:40px}
.approachSurface .approachInner{padding:0 32px}
.approachSurface .approachLayout{gap:36px}
}
@media (max-width: 768px) {
.aboutHeroBox{min-height:400px}
.aboutHeroBox .heroContentBox{padding:36px 20px 44px}
.aboutHeroBox .heroMetaRow{gap:20px}
.storyStageBox{padding:56px 0 52px}
.storyStageBox .storyInner{grid-template-columns:1fr;padding:0 20px;gap:32px}
.storyStageBox .storyRight .pillarsGrid{grid-template-columns:1fr}
.approachSurface{padding:60px 0 56px}
.approachSurface .approachInner{padding:0 20px}
.approachSurface .approachLayout{grid-template-columns:1fr;gap:40px}
.approachSurface .approachImgSide .floatStat{right:12px;top:14px}
}
.successPageWrap{max-width:1400px;margin:0 auto;padding:0 24px}
.successHeroBox{position:relative;overflow:hidden;padding:80px 0 60px}
.successHeroBox::before{content:'';position:absolute;top:-120px;right:-180px;width:520px;height:520px;background:conic-gradient(from 135deg at 60% 40%,#00DCD9 0deg,#D9EFD6 120deg,#00DCD9 240deg,transparent 360deg);border-radius:50%;opacity:.18;z-index:0}
.successHeroBox::after{content:'';position:absolute;bottom:-60px;left:-80px;width:300px;height:300px;background:linear-gradient(145deg,#DB4D28 0%,transparent 70%);border-radius:50%;opacity:.09;z-index:0}
.successHeroInner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 24px}
.successHeroText{flex:1 1 55%;max-width:620px}
.successHeroBadge{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:#D9EFD6;border:1.5px solid #00DCD9;border-radius:6px;padding:6px 16px;margin-bottom:28px}
.successHeroBadge .mdi{color:#00DCD9;font-size:18px}
.successHeroBadge span{font-size:13px;font-weight:600;color:#1a4a49;letter-spacing:.06em;text-transform:uppercase}
.successHeroText h1{font-size:clamp(32px,5vw,58px);font-weight:800;line-height:1.1;color:#12302f;margin:0 0 24px;letter-spacing:-.02em}
.successHeroText h1 .accentTeal{color:#00DCD9;position:relative;display:inline-block}
.successHeroText h1 .accentTeal::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:linear-gradient(90deg,#00DCD9,#D9EFD6);border-radius:2px}
.successHeroText .leadDesc{font-size:17px;line-height:1.7;color:#3a5554;margin:0 0 36px}
.successHeroBtns{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}
.btnPrimary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(135deg,#00DCD9 0%,#009b98 100%);color:#fff;font-size:15px;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none;border:none;box-shadow:3px 4px 0 #007a78;transition:box-shadow 0.18s,transform .18s;cursor:pointer;position:relative;z-index:2}
.btnPrimary:hover{box-shadow:1px 2px 0 #007a78;transform:translateY(2px);outline:2px solid #12302f}
.btnSecondary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:transparent;color:#12302f;font-size:15px;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none;border:2px solid #12302f;transition:background 0.18s,color 0.18s,border-color .18s;cursor:pointer;position:relative;z-index:2}
.btnSecondary:hover{background:#12302f;color:#D9EFD6;border-color:#12302f;outline:2px solid #00DCD9}
.successHeroVisual{flex:1 1 40%;display:flex;flex-direction:column;align-items:flex-end;position:relative}
.successIconFrame{position:relative;width:260px;height:260px;flex-shrink:0}
.successIconFrame .outerRing{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#00DCD9 0%,#D9EFD6 60%,transparent 100%);opacity:.22}
.successIconFrame .innerCircle{position:absolute;top:24px;left:24px;right:24px;bottom:24px;border-radius:50%;background:linear-gradient(145deg,#D9EFD6 0%,#b8e8b4 100%);box-shadow:4px 6px 0 #00a8a5,inset 3px 3px 8px #00dcd926;display:flex;flex-direction:column;align-items:center;justify-content:center}
.successIconFrame .innerCircle .mdi{font-size:72px;color:#007a78}
.floatingTag{position:absolute;bottom:10px;right:-30px;background:#fff;border:2px solid #00DCD9;border-radius:8px;padding:10px 16px;box-shadow:3px 3px 0 #00DCD9;display:flex;flex-direction:column;gap:2px;min-width:140px}
.floatingTag .tagLabel{font-size:11px;font-weight:600;color:#00DCD9;text-transform:uppercase;letter-spacing:.08em}
.floatingTag .tagValue{font-size:15px;font-weight:800;color:#12302f}
.dividerZigzag{width:100%;line-height:0;overflow:hidden;margin:10px 0 0}
.dividerZigzag svg{display:block;width:100%}
.successNextStepsBox{background:linear-gradient(160deg,#12302f 0%,#1a4a49 55%,#0f3a39 100%);padding:70px 0 80px;position:relative;overflow:hidden}
.successNextStepsBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,#00dcd908 40px,#00dcd908 80px);z-index:0}
.successNextStepsInner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 24px}
.stepsHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px;flex-wrap:wrap}
.stepsHeadRow h2{font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#D9EFD6;line-height:1.15;margin:0;max-width:460px}
.stepsHeadRow h2 .accentOrange{color:#DB4D28}
.stepsHeadRow .stepsSubtext{font-size:15px;color:#7ab8b6;line-height:1.6;max-width:340px;flex-shrink:0}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.stepCard{background:#ffffff0d;border:1.5px solid #00dcd933;border-radius:10px;padding:30px 26px 26px;position:relative;transition:background 0.2s,border-color .2s}
.stepCard:hover{background:#00dcd914;border-color:#00DCD9;outline:2px solid #00dcd94d}
.stepNum{font-size:11px;font-weight:800;color:#DB4D28;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:flex;flex-direction:row;align-items:center;gap:8px}
.stepNum::after{content:'';flex:1;height:1px;background:#db4d284d}
.stepCard .stepIcon{width:44px;height:44px;background:linear-gradient(135deg,#00dcd926,#00dcd90d);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid #00dcd94d}
.stepCard .stepIcon .mdi{font-size:22px;color:#00DCD9}
.stepCard h4{font-size:17px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.3}
.stepCard p{font-size:14px;color:#7ab8b6;line-height:1.65;margin:0}
.stepCard .stepLink{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:700;color:#00DCD9;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.stepCard .stepLink:hover{border-bottom-color:#00DCD9}
.stepCard .stepLink .mdi{font-size:16px}
.confirmBannerBox{margin-top:48px;background:linear-gradient(100deg,#00dcd91f 0%,#db4d2814 100%);border:1.5px solid #00dcd940;border-radius:10px;padding:28px 32px;display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.confirmBannerBox .mdi-email-check-outline{font-size:38px;color:#00DCD9;flex-shrink:0}
.confirmBannerText{flex:1 1 300px}
.confirmBannerText strong{display:block;font-size:16px;font-weight:700;color:#D9EFD6;margin-bottom:6px}
.confirmBannerText span{font-size:14px;color:#7ab8b6;line-height:1.6}
.confirmBannerBox .btnOutlineTeal{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:transparent;color:#00DCD9;font-size:14px;font-weight:700;padding:12px 24px;border-radius:8px;text-decoration:none;border:2px solid #00DCD9;transition:background 0.18s,color .18s;cursor:pointer;white-space:nowrap;flex-shrink:0}
.confirmBannerBox .btnOutlineTeal:hover{background:#00DCD9;color:#12302f}
@media (max-width: 900px) {
.successHeroInner{flex-direction:column;align-items:flex-start;gap:40px}
.successHeroText{max-width:100%}
.successHeroVisual{align-items:center;width:100%}
.floatingTag{right:-10px}
.stepsGrid{grid-template-columns:1fr 1fr}
.stepsHeadRow{flex-direction:column;align-items:flex-start}
}
@media (max-width: 600px) {
.successHeroBox{padding:50px 0 40px}
.successHeroBtns{flex-direction:column}
.stepsGrid{grid-template-columns:1fr}
.successNextStepsBox{padding:48px 0 56px}
.confirmBannerBox{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px}
.successIconFrame{width:200px;height:200px}
.successIconFrame .innerCircle .mdi{font-size:54px}
}