*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Playfair Display',serif;background:#F5F4F4;color:#23254B;line-height:1.6}
.headWrap{background:linear-gradient(135deg,#23254B 0%,#07C073 100%);padding:20px 0;box-shadow:0 4px 12px #00000026;position:relative}
.headWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px);pointer-events:none}
.topRow{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:2}
.logoBox{background:#fffffff2;padding:12px;border-radius:8px;box-shadow:0 3px 8px #0003;display:flex;align-items:center;justify-content:center}
.siteLogo{height:90px;width:90px;display:block}
.companyNameBox{background:#ffffff26;padding:15px 30px;border-left:4px solid #07C073;backdrop-filter:blur(10px)}
.compName{font-size:28px;font-weight:700;color:#F5F4F4;letter-spacing:1px;text-shadow:2px 2px 4px #0000004d}
.mainNavi{background:#07c07333;border-top:2px solid #ffffff4d;position:relative;z-index:2}
.naviList{max-width:1000px;margin:0 auto;padding:0 20px;list-style:none;display:flex;justify-content:center;gap:40px}
.naviItem{position:relative}
.naviLink{display:block;padding:18px 25px;color:#F5F4F4;text-decoration:none;font-size:17px;font-weight:400;letter-spacing:.5px;transition:background .2s ease,color .2s ease}
.naviLink:hover{background:#ffffff1a;color:#07C073}
.footContainer{background:linear-gradient(135deg,#23254bf2 0%,#07c073d9 100%);padding:50px 20px 30px;margin-top:60px}
.footColumns{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}
.footCol{background:#ffffff14;padding:25px 20px;border-radius:6px}
.footTitle{font-size:19px;font-weight:700;color:#F5F4F4;margin-bottom:15px;border-bottom:2px solid #07C073;padding-bottom:8px}
.footText{font-size:14px;color:#f5f4f4d9;margin-bottom:8px;line-height:1.5}
.footLinks{list-style:none}
.footLinks li{margin-bottom:10px}
.footLink{color:#f5f4f4d9;text-decoration:none;font-size:14px;transition:color .2s ease;display:inline-block}
.footLink:hover{color:#07C073}
.footBottom{max-width:1000px;margin:0 auto;padding-top:25px;border-top:1px solid #fff3;text-align:center}
.copyright{font-size:14px;color:#f5f4f4bf}
.cookiePanel{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);width:340px;background:#23254B;box-shadow:-4px 0 20px #0000004d;z-index:9999;transition:transform .4s ease}
.cookiePanel.show{transform:translateY(-50%) translateX(0)}
.cookieContent{padding:30px 25px}
.cookieTitle{font-size:22px;font-weight:700;color:#F5F4F4;margin-bottom:12px}
.cookieDesc{font-size:14px;color:#f5f4f4d9;margin-bottom:20px;line-height:1.5}
.cookieSettings{margin-bottom:25px}
.settingRow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff1a}
.settingLabel{font-size:14px;color:#F5F4F4}
.toggleSwitch{position:relative;display:inline-block;width:50px;height:24px}
.toggleInput{opacity:0;width:0;height:0}
.toggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;transition:background .3s}
.toggleSlider::before{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background:#F5F4F4;transition:transform .3s}
.toggleInput:checked + .toggleSlider{background:#07C073}
.toggleInput:checked + .toggleSlider::before{transform:translateX(26px)}
.cookieActions{display:flex;flex-direction:column;gap:10px}
.cookieButt{padding:12px 20px;border:none;font-family:'Playfair Display',serif;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}
.cookieButt--accept{background:#07C073;color:#23254B}
.cookieButt--accept:hover{background:#06a862}
.cookieButt--decline{background:#ffffff26;color:#F5F4F4}
.cookieButt--decline:hover{background:#ffffff40}
@media (max-width: 768px) {
.topRow{flex-direction:column;gap:15px;text-align:center}
.companyNameBox{border-left:none;border-top:4px solid #07C073}
.naviList{flex-direction:column;gap:0;padding:0}
.naviLink{border-bottom:1px solid #ffffff1a}
.footColumns{grid-template-columns:1fr;gap:20px}
.cookiePanel{width:100%;right:0;bottom:0;top:auto;transform:translateY(100%)}
.cookiePanel.show{transform:translateY(0)}
}
@media (max-width: 480px) {
.compName{font-size:22px}
.siteLogo{height:70px;width:70px}
.naviLink{font-size:15px;padding:15px 20px}
}
.policy-region-bqg{max-width:800px;margin:0 auto;padding:60px 24px;background:#fff}
.policy-region-bqg h1{font-size:42px;font-weight:700;color:#23254B;line-height:1.2;margin:0 0 16px;letter-spacing:-.5px}
.policy-region-bqg h2{font-size:32px;font-weight:700;color:#23254B;line-height:1.3;margin:48px 0 20px;letter-spacing:-.3px}
.policy-region-bqg h3{font-size:24px;font-weight:600;color:#23254B;line-height:1.4;margin:36px 0 16px}
.policy-region-bqg h4{font-size:20px;font-weight:600;color:#23254B;line-height:1.4;margin:28px 0 14px}
.policy-region-bqg h5{font-size:18px;font-weight:600;color:#23254B;line-height:1.5;margin:24px 0 12px}
.policy-region-bqg h6{font-size:16px;font-weight:600;color:#23254B;line-height:1.5;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.policy-region-bqg p{font-size:16px;font-weight:400;color:#333;line-height:1.8;margin:0 0 20px}
.policy-region-bqg ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-region-bqg ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-region-bqg li{font-size:16px;font-weight:400;color:#333;line-height:1.8;margin:0 0 12px}
.policy-region-bqg ul ul,.policy-region-bqg ol ul,.policy-region-bqg ul ol,.policy-region-bqg ol ol{margin:12px 0 0}
.policy-region-bqg ul li{padding-left:8px}
.policy-region-bqg ol li{padding-left:8px}
.policy-region-bqg strong,.policy-region-bqg b{font-weight:600;color:#23254B}
.policy-region-bqg a{color:#07C073;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}
.policy-region-bqg a:hover{color:#059d5e;border-bottom:1px solid #07C073}
.policy-region-bqg a:active{color:#047a4a}
.policy-region-bqg hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#E0E0E0 20%,#E0E0E0 80%,transparent 100%);margin:48px 0}
.policy-region-bqg div{margin:0 0 20px}
.policy-region-bqg h1 + p{font-size:18px;color:#666;margin-bottom:32px}
.policy-region-bqg h2 + p,.policy-region-bqg h3 + p,.policy-region-bqg h4 + p{margin-top:0}
@media (max-width: 768px) {
.policy-region-bqg{padding:40px 20px}
.policy-region-bqg h1{font-size:32px}
.policy-region-bqg h2{font-size:26px;margin:36px 0 16px}
.policy-region-bqg h3{font-size:22px;margin:28px 0 14px}
.policy-region-bqg h4{font-size:19px;margin:24px 0 12px}
.policy-region-bqg h5{font-size:17px}
.policy-region-bqg p,.policy-region-bqg li{font-size:15px;line-height:1.7}
.policy-region-bqg ul,.policy-region-bqg ol{padding-left:24px}
}
@media (max-width: 480px) {
.policy-region-bqg{padding:32px 16px}
.policy-region-bqg h1{font-size:28px;margin-bottom:12px}
.policy-region-bqg h2{font-size:24px;margin:32px 0 14px}
.policy-region-bqg h3{font-size:20px}
.policy-region-bqg hr{margin:36px 0}
}
.statsPage .heroStrip{display:flex;align-items:stretch;max-width:1000px;margin:0 auto 80px;min-height:280px;background:linear-gradient(135deg,#F5F4F4 0%,#e8e7e7 100%);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #23254b14}
.statsPage .heroStrip .imageSlice{width:220px;flex-shrink:0;position:relative;overflow:hidden}
.statsPage .heroStrip .imageSlice img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(40%)}
.statsPage .heroStrip .heroTxt{flex:1;padding:50px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}
.statsPage .heroStrip .heroTxt::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#07C073 0%,#23254B 100%);border-radius:2px}
.statsPage .heroStrip .heroTxt .smallLabel{font-size:14px;color:#07C073;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px}
.statsPage .heroStrip .heroTxt h1{font-size:42px;color:#23254B;line-height:1.2;margin:0 0 20px;font-weight:700}
.statsPage .heroStrip .heroTxt .subline{font-size:18px;color:#5a5c7a;line-height:1.6;margin:0}
.statsPage .heroStrip .decorDots{position:absolute;right:30px;bottom:30px;display:grid;grid-template-columns:repeat(4,8px);gap:6px}
.statsPage .heroStrip .decorDots span{width:8px;height:8px;background:#07C073;border-radius:50%;opacity:.25}
.statsPage .numbersGrid{max-width:1000px;margin:0 auto 90px;padding:0 20px}
.statsPage .numbersGrid .sectionHead{text-align:center;margin-bottom:60px}
.statsPage .numbersGrid .sectionHead h2{font-size:36px;color:#23254B;margin:0 0 16px;font-weight:700}
.statsPage .numbersGrid .sectionHead .intro{font-size:17px;color:#5a5c7a;line-height:1.7;max-width:680px;margin:0 auto}
.statsPage .numbersGrid .statCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.statsPage .numbersGrid .statCard{background:linear-gradient(135deg,#fff 0%,#F5F4F4 100%);border:2px solid #e8e7e7;border-radius:10px;padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.statsPage .numbersGrid .statCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#07C073 0%,#23254B 100%);opacity:0;transition:opacity .3s ease}
.statsPage .numbersGrid .statCard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #07c07326;border-color:#07C073}
.statsPage .numbersGrid .statCard:hover::before{opacity:1}
.statsPage .numbersGrid .statCard .bigNum{font-size:48px;color:#07C073;font-weight:700;margin:0 0 12px;line-height:1}
.statsPage .numbersGrid .statCard .statLabel{font-size:16px;color:#23254B;font-weight:600;margin:0}
.statsPage .progressBars{max-width:1000px;margin:0 auto 90px;padding:60px 40px;background:#23254B;border-radius:10px;position:relative;overflow:hidden}
.statsPage .progressBars::after{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#07c0731a 0%,transparent 70%);pointer-events:none}
.statsPage .progressBars h2{font-size:32px;color:#fff;margin:0 0 50px;font-weight:700;position:relative}
.statsPage .progressBars .progressItem{margin-bottom:36px;position:relative}
.statsPage .progressBars .progressItem:last-child{margin-bottom:0}
.statsPage .progressBars .progressItem .progLabel{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.statsPage .progressBars .progressItem .progLabel .labelTxt{font-size:16px;color:#F5F4F4;font-weight:600}
.statsPage .progressBars .progressItem .progLabel .percentage{font-size:18px;color:#07C073;font-weight:700}
.statsPage .progressBars .progressItem .barOuter{width:100%;height:12px;background:#f5f4f426;border-radius:6px;overflow:hidden;position:relative}
.statsPage .progressBars .progressItem .barInner{height:100%;background:linear-gradient(90deg,#07C073 0%,#05a861 100%);border-radius:6px;box-shadow:0 2px 8px #07c07366;position:relative}
.statsPage .progressBars .progressItem .barInner::after{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,#fff3 50%,transparent 100%)}
.statsPage .testimonialsWrap{max-width:1000px;margin:0 auto 90px;padding:0 20px}
.statsPage .testimonialsWrap h2{font-size:34px;color:#23254B;margin:0 0 50px;font-weight:700;text-align:center}
.statsPage .testimonialsWrap .testimGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.statsPage .testimonialsWrap .testimBox{background:linear-gradient(135deg,#F5F4F4 0%,#fff 100%);padding:40px;border-radius:8px;border-left:5px solid #07C073;box-shadow:0 6px 18px #23254b14;display:flex;flex-direction:column;transition:all .3s ease}
.statsPage .testimonialsWrap .testimBox:hover{transform:translateX(8px);box-shadow:0 10px 28px #23254b1f}
.statsPage .testimonialsWrap .testimBox .quoteTxt{font-size:16px;color:#5a5c7a;line-height:1.7;margin:0 0 30px;flex:1}
.statsPage .testimonialsWrap .testimBox .authorInfo{display:flex;align-items:center;gap:16px}
.statsPage .testimonialsWrap .testimBox .authorInfo img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #07C073}
.statsPage .testimonialsWrap .testimBox .authorInfo .authorDetails .authorName{font-size:16px;color:#23254B;font-weight:700;margin:0 0 4px}
.statsPage .testimonialsWrap .testimBox .authorInfo .authorDetails .authorRole{font-size:14px;color:#5a5c7a;margin:0}
.statsPage .milestonesTimeline{max-width:1000px;margin:0 auto 90px;padding:0 20px}
.statsPage .milestonesTimeline h2{font-size:34px;color:#23254B;margin:0 0 60px;font-weight:700}
.statsPage .milestonesTimeline .timelineFlow{position:relative;padding-left:80px}
.statsPage .milestonesTimeline .timelineFlow::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#07C073 0%,#23254B 100%)}
.statsPage .milestonesTimeline .milestoneItem{position:relative;margin-bottom:50px;padding-left:40px}
.statsPage .milestonesTimeline .milestoneItem::before{content:'';position:absolute;left:-50px;top:8px;width:16px;height:16px;background:#07C073;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #07C073;z-index:2}
.statsPage .milestonesTimeline .milestoneItem .yearTag{display:inline-block;background:#23254B;color:#fff;font-size:14px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:12px}
.statsPage .milestonesTimeline .milestoneItem h3{font-size:22px;color:#23254B;margin:0 0 10px;font-weight:700}
.statsPage .milestonesTimeline .milestoneItem .milestoneDesc{font-size:16px;color:#5a5c7a;line-height:1.7;margin:0}
@media (max-width: 768px) {
.statsPage .heroStrip{flex-direction:column;margin-bottom:60px}
.statsPage .heroStrip .imageSlice{width:100%;height:180px}
.statsPage .heroStrip .heroTxt{padding:40px 30px}
.statsPage .heroStrip .heroTxt h1{font-size:32px}
.statsPage .heroStrip .heroTxt .subline{font-size:16px}
.statsPage .numbersGrid .statCards{grid-template-columns:1fr 1fr;gap:16px}
.statsPage .numbersGrid .statCard{padding:30px 20px}
.statsPage .progressBars{padding:40px 30px;margin-bottom:70px}
.statsPage .progressBars h2{font-size:26px;margin-bottom:40px}
.statsPage .testimonialsWrap .testimGrid{grid-template-columns:1fr;gap:24px}
.statsPage .milestonesTimeline .timelineFlow{padding-left:60px}
.statsPage .milestonesTimeline .milestoneItem{padding-left:30px}
.statsPage .milestonesTimeline .milestoneItem h3{font-size:20px}
}
@media (max-width: 480px) {
.statsPage .heroStrip .heroTxt{padding:30px 20px}
.statsPage .heroStrip .heroTxt h1{font-size:28px}
.statsPage .numbersGrid .statCards{grid-template-columns:1fr}
.statsPage .progressBars{padding:30px 20px}
.statsPage .testimonialsWrap .testimBox{padding:30px 24px}
}
.titleWrap{position:relative;min-height:420px;display:flex;align-items:center;margin-bottom:80px;overflow:hidden}
.titleWrap .bgImg{position:absolute;top:0;right:0;width:55%;height:100%;object-fit:cover;filter:blur(2px);opacity:.75;z-index:1}
.titleWrap::before{content:'';position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(90deg,#F5F4F4 0%,#f5f4f466 100%);z-index:2}
.titleWrap .contentBox{position:relative;z-index:3;max-width:1000px;margin:0 auto;padding:0 24px;width:100%}
.titleWrap .mainHead{font-size:56px;font-weight:700;color:#23254B;margin:0 0 20px;line-height:1.15;max-width:620px}
.titleWrap .mainDesc{font-size:18px;line-height:1.6;color:#23254B;max-width:540px;margin:0}
.reqSection{max-width:1000px;margin:0 auto 100px;padding:0 24px}
.reqSection .secHead{font-size:38px;font-weight:700;color:#23254B;margin:0 0 24px;line-height:1.3}
.reqSection .secText{font-size:17px;line-height:1.7;color:#23254B;margin:0 0 44px}
.reqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.reqCard{background:linear-gradient(135deg,#F5F4F4 0%,#07c07314 100%);padding:32px 24px;border-radius:8px;border:2px solid #07c07333;transition:all .3s ease}
.reqCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #23254b1f;border-color:#07C073}
.reqCard .cardIcon{width:52px;height:52px;background:#07C073;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.reqCard .cardIcon .jam{font-size:26px;color:#F5F4F4}
.reqCard .cardTitle{font-size:21px;font-weight:700;color:#23254B;margin:0 0 12px}
.reqCard .cardInfo{font-size:16px;line-height:1.6;color:#23254B;margin:0}
.specBlock{background:#23254B;padding:80px 24px;margin-bottom:100px}
.specBlock .innerWrap{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.specBlock .leftCol .specHead{font-size:42px;font-weight:700;color:#F5F4F4;margin:0 0 24px;line-height:1.25}
.specBlock .leftCol .specLead{font-size:18px;line-height:1.6;color:#F5F4F4;margin:0}
.specBlock .rightCol{display:flex;flex-direction:column;gap:18px}
.specItem{background:#f5f4f414;border-left:4px solid #07C073;padding:22px 28px;transition:all .3s ease}
.specItem:hover{background:#f5f4f426;border-left-width:6px}
.specItem .itemLabel{font-size:14px;color:#07C073;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-weight:600}
.specItem .itemValue{font-size:19px;font-weight:700;color:#F5F4F4;margin:0;line-height:1.4}
.pathArea{max-width:1000px;margin:0 auto 100px;padding:0 24px}
.pathArea .pathHeading{font-size:40px;font-weight:700;color:#23254B;margin:0 0 18px;text-align:center}
.pathArea .pathIntro{font-size:17px;line-height:1.6;color:#23254B;text-align:center;margin:0 auto 56px;max-width:680px}
.stepFlow{display:flex;flex-direction:column;gap:0;position:relative}
.stepFlow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#07C073 0%,#23254B 100%);transform:translateX(-50%);z-index:1}
.stepUnit{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;position:relative;z-index:2;margin-bottom:48px}
.stepUnit:nth-child(even) .stepContent{order:3;text-align:left}
.stepUnit:nth-child(even) .stepPlaceholder{order:1}
.stepUnit:nth-child(odd) .stepContent{text-align:right}
.stepContent{background:#F5F4F4;padding:28px 32px;border-radius:10px;box-shadow:0 6px 18px #23254b1a;transition:all .3s ease}
.stepContent:hover{box-shadow:0 10px 28px #23254b29;transform:scale(1.02)}
.stepContent .stepNum{font-size:15px;color:#07C073;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.stepContent .stepTitle{font-size:24px;font-weight:700;color:#23254B;margin:0 0 12px}
.stepContent .stepDetail{font-size:16px;line-height:1.6;color:#23254B;margin:0}
.stepMarker{width:48px;height:48px;background:#07C073;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #07c07333;position:relative;z-index:3}
.stepMarker .jam{font-size:24px;color:#F5F4F4}
.stepPlaceholder{width:100%}
.envBlock{background:linear-gradient(135deg,#F5F4F4 0%,#07c0731f 100%);padding:80px 24px;margin-bottom:0}
.envBlock .envContainer{max-width:1000px;margin:0 auto}
.envBlock .envTitle{font-size:38px;font-weight:700;color:#23254B;margin:0 0 50px;text-align:center}
.envSplit{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.envColumn .colHead{font-size:26px;font-weight:700;color:#23254B;margin:0 0 28px;padding-bottom:14px;border-bottom:3px solid #07C073}
.envList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.envList .listItem{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:#fff9;border-radius:6px;transition:all .3s ease}
.envList .listItem:hover{background:#ffffffe6;transform:translateX(6px)}
.envList .listItem .jam{font-size:20px;color:#07C073;flex-shrink:0;margin-top:2px}
.envList .listItem .itemText{font-size:16px;line-height:1.5;color:#23254B;margin:0}
@media (max-width: 768px) {
.titleWrap{min-height:320px;margin-bottom:60px}
.titleWrap .bgImg{width:100%;opacity:.5}
.titleWrap::before{width:100%}
.titleWrap .mainHead{font-size:36px}
.titleWrap .mainDesc{font-size:16px}
.reqSection{margin-bottom:70px}
.reqSection .secHead{font-size:30px}
.reqGrid{grid-template-columns:1fr;gap:20px}
.specBlock{padding:60px 24px;margin-bottom:70px}
.specBlock .innerWrap{grid-template-columns:1fr;gap:40px}
.specBlock .leftCol .specHead{font-size:32px}
.pathArea{margin-bottom:70px}
.pathArea .pathHeading{font-size:30px}
.pathArea .pathIntro{margin-bottom:40px}
.stepFlow::before{left:24px}
.stepUnit{grid-template-columns:1fr;gap:20px;padding-left:70px;margin-bottom:36px}
.stepUnit:nth-child(even) .stepContent,.stepUnit:nth-child(odd) .stepContent{order:2;text-align:left}
.stepUnit:nth-child(even) .stepPlaceholder{display:none}
.stepUnit:nth-child(odd) .stepPlaceholder{display:none}
.stepMarker{position:absolute;left:0;top:20px}
.envBlock{padding:60px 24px}
.envBlock .envTitle{font-size:30px;margin-bottom:36px}
.envSplit{grid-template-columns:1fr;gap:36px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleWrap .mainHead{font-size:44px}
.reqGrid{grid-template-columns:repeat(2,1fr)}
.specBlock .innerWrap{gap:44px}
.stepUnit{gap:30px}
}
.topCont{max-width:1000px;margin:0 auto;padding:0 20px}
.heroWrap{background:linear-gradient(133deg,#07C073 0%,#23254B 50%,#F5F4F4 100%);position:relative;overflow:hidden;padding:80px 0}
.heroWrap .herocont{max-width:1000px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroWrap .textzone{color:#fff}
.heroWrap .textzone .maintit{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 24px}
.heroWrap .textzone .manifesto{font-size:18px;line-height:1.6;margin:0 0 16px;opacity:.95}
.heroWrap .textzone .manifesto:last-child{margin-bottom:0}
.heroWrap .imgzone{position:relative}
.heroWrap .imgzone img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 24px #0003;transform:translateZ(0);transition:transform .4s ease}
.heroWrap .imgzone img:hover{transform:translateY(-8px)}
.heroWrap .bgshape{position:absolute;width:300px;height:300px;background:#ffffff14;border-radius:50%;animation:floatshape 8s infinite ease-in-out}
.heroWrap .bgshape:nth-child(1){top:-100px;right:-50px}
.heroWrap .bgshape:nth-child(2){bottom:-120px;left:-80px;width:400px;height:400px;animation-delay:2s}
@keyframes floatshape {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,20px)}
}
.accessWrap{padding:100px 0;background:#F5F4F4}
.accessWrap .acchead{text-align:center;margin-bottom:60px}
.accessWrap .acchead h2{font-size:38px;color:#23254B;margin:0 0 16px;font-weight:700}
.accessWrap .acchead .subdesc{font-size:18px;color:#555;max-width:700px;margin:0 auto;line-height:1.6}
.accessWrap .featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:0 auto;padding:0 20px}
.accessWrap .featcard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s ease,transform .3s ease}
.accessWrap .featcard:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}
.accessWrap .featcard .icn{font-size:42px;color:#07C073;margin-bottom:20px}
.accessWrap .featcard h3{font-size:22px;color:#23254B;margin:0 0 12px;font-weight:600}
.accessWrap .featcard p{font-size:16px;color:#666;line-height:1.5;margin:0}
.problemzone{padding:100px 0;background:#fff}
.problemzone .probcont{max-width:1000px;margin:0 auto;padding:0 20px}
.problemzone .sectiontitle{font-size:38px;color:#23254B;margin:0 0 50px;font-weight:700;text-align:center}
.problemzone .compgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.problemzone .probbox{padding:32px;border-radius:8px;border:2px solid #e0e0e0}
.problemzone .probbox.traditional{background:linear-gradient(135deg,#23254b0d 0%,#23254b05 100%)}
.problemzone .probbox.ourway{background:linear-gradient(135deg,#07c07314 0%,#07c07305 100%);border-color:#07C073}
.problemzone .probbox h3{font-size:24px;color:#23254B;margin:0 0 20px;font-weight:600}
.problemzone .probbox .issuelist{list-style:none;padding:0;margin:0}
.problemzone .probbox .issuelist li{font-size:16px;color:#555;line-height:1.6;margin-bottom:14px;padding-left:28px;position:relative}
.problemzone .probbox.traditional .issuelist li::before{content:'✕';position:absolute;left:0;color:#23254B;font-weight:700}
.problemzone .probbox.ourway .issuelist li::before{content:'✓';position:absolute;left:0;color:#07C073;font-weight:700}
.flexwrap{padding:100px 0;background:#23254B;color:#fff}
.flexwrap .flexcont{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;gap:60px;align-items:center}
.flexwrap .txtside{flex:1}
.flexwrap .txtside h2{font-size:38px;margin:0 0 24px;font-weight:700}
.flexwrap .txtside .flexdesc{font-size:17px;line-height:1.7;margin-bottom:16px;opacity:.92}
.flexwrap .imgside{flex:1}
.flexwrap .imgside img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #0000004d}
.ecosysWrap{padding:100px 0;background:linear-gradient(180deg,#F5F4F4 0%,#fff 100%)}
.ecosysWrap .ecocont{max-width:1000px;margin:0 auto;padding:0 20px}
.ecosysWrap .sectitle{font-size:38px;color:#23254B;margin:0 0 50px;font-weight:700;text-align:center}
.ecosysWrap .pathwrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.ecosysWrap .pathwrap::before{content:'';position:absolute;top:50px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#07C073 0%,#23254B 100%);z-index:0}
.ecosysWrap .stagebox{background:#fff;padding:28px 20px;border-radius:8px;text-align:center;position:relative;z-index:1;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}
.ecosysWrap .stagebox:hover{transform:translateY(-6px)}
.ecosysWrap .stagebox .stagenum{width:50px;height:50px;background:#07C073;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 16px}
.ecosysWrap .stagebox h4{font-size:18px;color:#23254B;margin:0 0 10px;font-weight:600}
.ecosysWrap .stagebox p{font-size:14px;color:#666;line-height:1.5;margin:0}
.techzone{padding:100px 0;background:#fff}
.techzone .techcont{max-width:1000px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.techzone .techimg img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px #0000001a}
.techzone .techtxt h2{font-size:38px;color:#23254B;margin:0 0 24px;font-weight:700}
.techzone .techtxt .techpara{font-size:17px;color:#555;line-height:1.7;margin-bottom:20px}
.techzone .techtxt .techlist{list-style:none;padding:0;margin:0}
.techzone .techtxt .techlist li{font-size:16px;color:#555;padding-left:32px;position:relative;margin-bottom:12px;line-height:1.6}
.techzone .techtxt .techlist li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:#07C073;border-radius:4px}
.devpath{padding:100px 0;background:linear-gradient(133deg,#23254B 0%,#07C073 100%);color:#fff}
.devpath .pathcont{max-width:1000px;margin:0 auto;padding:0 20px}
.devpath .pathhead{text-align:center;margin-bottom:60px}
.devpath .pathhead h2{font-size:38px;margin:0 0 18px;font-weight:700}
.devpath .pathhead .pathdesc{font-size:18px;opacity:.92;max-width:700px;margin:0 auto;line-height:1.6}
.devpath .levelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.devpath .levelcard{background:#ffffff1f;padding:32px 24px;border-radius:8px;border:2px solid #fff3;transition:background .3s ease,border-color .3s ease}
.devpath .levelcard:hover{background:#ffffff2e;border-color:#fff6}
.devpath .levelcard h3{font-size:24px;margin:0 0 16px;font-weight:600}
.devpath .levelcard .lvldesc{font-size:16px;line-height:1.6;margin-bottom:20px;opacity:.9}
.devpath .levelcard .skills{list-style:none;padding:0;margin:0}
.devpath .levelcard .skills li{font-size:15px;padding-left:24px;position:relative;margin-bottom:10px;opacity:.88}
.devpath .levelcard .skills li::before{content:'→';position:absolute;left:0}
@media (max-width: 768px) {
.heroWrap .herocont{grid-template-columns:1fr;gap:40px}
.heroWrap .textzone .maintit{font-size:36px}
.heroWrap .imgzone img{height:320px}
.accessWrap .featuregrid{grid-template-columns:1fr}
.problemzone .compgrid{grid-template-columns:1fr}
.flexwrap .flexcont{flex-direction:column;gap:40px}
.ecosysWrap .pathwrap{grid-template-columns:1fr}
.ecosysWrap .pathwrap::before{display:none}
.techzone .techcont{grid-template-columns:1fr}
.devpath .levelgrid{grid-template-columns:1fr}
}
.ctMain{width:100%;background:#F5F4F4}
.heroWrap{max-width:1000px;margin:0 auto;padding:80px 20px;position:relative}
.heroCurves{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}
.heroCurves svg{position:absolute;opacity:.15}
.heroCurves svg:nth-child(1){top:10%;left:-5%;width:300px;height:300px}
.heroCurves svg:nth-child(2){bottom:15%;right:-8%;width:400px;height:400px}
.heroContent{position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.heroText{flex:1}
.heroText h1{font-size:42px;line-height:1.2;color:#23254B;margin:0 0 20px;font-weight:700}
.heroText p{font-size:18px;line-height:1.6;color:#23254B;margin:0;opacity:.8}
.heroImgBox{flex:0 0 420px;position:relative}
.heroImg{width:100%;height:320px;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px #23254b26}
.formSection{background:linear-gradient(135deg,#07C073 0%,#23254B 100%);padding:90px 20px}
.formContainer{max-width:1000px;margin:0 auto}
.formIntro{text-align:center;margin-bottom:50px}
.formIntro h2{font-size:36px;color:#FFF;margin:0 0 16px;font-weight:700}
.formIntro p{font-size:17px;color:#FFF;margin:0;opacity:.9}
.ctForm{background:#FFF;border-radius:10px;padding:50px 60px;box-shadow:0 12px 36px #0000001f}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.inputWrap{display:flex;flex-direction:column}
.inputWrap label{font-size:15px;color:#23254B;margin-bottom:8px;font-weight:600}
.inputWrap input{padding:14px 18px;border:2px solid #F5F4F4;border-radius:8px;font-size:16px;color:#23254B;background:#FFF;transition:all .3s ease}
.inputWrap input:focus{outline:none;border-color:#07C073;box-shadow:0 0 0 3px #07c0731a}
.fullWidth{grid-column:1 / -1}
.checkGroup{margin-bottom:28px}
.checkGroup h3{font-size:16px;color:#23254B;margin:0 0 16px;font-weight:600}
.checkList{display:flex;flex-direction:column;gap:12px}
.checkItem{display:flex;align-items:center}
.checkItem input[type="checkbox"]{width:20px;height:20px;margin:0 12px 0 0;accent-color:#07C073;cursor:pointer}
.checkItem label{font-size:15px;color:#23254B;cursor:pointer}
.privacyCheck{margin-bottom:32px;display:flex;align-items:flex-start}
.privacyCheck input[type="checkbox"]{width:20px;height:20px;margin:2px 12px 0 0;accent-color:#07C073;cursor:pointer;flex-shrink:0}
.privacyCheck label{font-size:14px;color:#23254B;line-height:1.5}
.privacyCheck label a{color:#07C073;text-decoration:none;font-weight:600}
.privacyCheck label a:hover{text-decoration:underline}
.submitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#07C073 0%,#23254B 100%);color:#FFF;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #07c0734d}
.submitBtn:active{transform:translateY(0)}
.detailsArea{background:#FFF;padding:80px 20px}
.detailsBox{max-width:1000px;margin:0 auto}
.detailsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.detailCard{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#07c0730d 0%,#23254b0d 100%);border-radius:10px;transition:all .3s ease}
.detailCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #23254b1a}
.detailIcon{width:60px;height:60px;margin:0 auto 24px;background:linear-gradient(135deg,#07C073 0%,#23254B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.detailIcon i{font-size:28px;color:#FFF}
.detailCard h3{font-size:20px;color:#23254B;margin:0 0 12px;font-weight:700}
.detailCard p{font-size:16px;color:#23254B;margin:0;line-height:1.6;opacity:.8}
.detailCard a{color:#07C073;text-decoration:none;word-break:break-all}
.detailCard a:hover{text-decoration:underline}
.navLinks{background:#23254B;padding:70px 20px}
.navContainer{max-width:1000px;margin:0 auto}
.navHeader{text-align:center;margin-bottom:50px}
.navHeader h2{font-size:34px;color:#FFF;margin:0 0 14px;font-weight:700}
.navHeader p{font-size:17px;color:#FFF;margin:0;opacity:.85}
.navGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.navCard{background:#ffffff14;padding:36px 32px;border-radius:10px;border:2px solid #07c07333;transition:all .3s ease}
.navCard:hover{background:#ffffff1f;border-color:#07C073;transform:translateX(8px)}
.navCard h4{font-size:22px;color:#FFF;margin:0 0 14px;font-weight:700;display:flex;align-items:center;gap:12px}
.navCard h4 i{color:#07C073;font-size:24px}
.navCard p{font-size:15px;color:#FFF;margin:0 0 20px;opacity:.8;line-height:1.6}
.navCard .linkBtn{display:inline-block;padding:12px 28px;background:#07C073;color:#FFF;text-decoration:none;border-radius:6px;font-size:15px;font-weight:600;transition:all .3s ease}
.navCard .linkBtn:hover{background:#05a862;box-shadow:0 6px 16px #07c0734d}
@media (max-width: 768px) {
.heroContent{flex-direction:column;gap:40px}
.heroImgBox{flex:0 0 auto;width:100%}
.heroText h1{font-size:32px}
.formGrid{grid-template-columns:1fr}
.ctForm{padding:40px 30px}
.detailsGrid{grid-template-columns:1fr;gap:30px}
.navGrid{grid-template-columns:1fr}
.navCard:hover{transform:translateX(0);transform:translateY(-6px)}
.heroCurves svg:nth-child(1){width:200px;height:200px}
.heroCurves svg:nth-child(2){width:250px;height:250px}
}
@media (max-width: 480px) {
.heroWrap{padding:60px 20px}
.heroText h1{font-size:28px}
.heroText p{font-size:16px}
.formIntro h2{font-size:28px}
.ctForm{padding:30px 20px}
.navHeader h2{font-size:28px}
}
.heroWrap{position:relative;background:linear-gradient(133deg,#07C073 0%,#23254B 50%,#F5F4F4 100%);padding:80px 20px;overflow:hidden}
.heroWrap::before,.heroWrap::after{content:'';position:absolute;border-radius:50%;background:#ffffff14}
.heroWrap::before{width:400px;height:400px;top:-150px;right:-100px}
.heroWrap::after{width:300px;height:300px;bottom:-100px;left:-80px;background:#07c0731f}
.heroInner{max-width:1000px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.heroTxt{flex:1}
.heroTxt .topline{font-size:16px;color:#F5F4F4;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}
.heroTxt .mainHd{font-size:48px;color:#fff;margin-bottom:20px;line-height:1.2}
.heroTxt .desc{font-size:18px;color:#F5F4F4;line-height:1.6;max-width:520px}
.heroImg{flex:0 0 340px;position:relative}
.heroImg img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000040;opacity:.88}
.structBlock{padding:90px 20px;background:#F5F4F4}
.structBlock .ctr{max-width:1000px;margin:0 auto}
.structBlock .secHead{text-align:center;margin-bottom:60px}
.structBlock .secHead h2{font-size:38px;color:#23254B;margin-bottom:14px}
.structBlock .secHead p{font-size:17px;color:#23254B;opacity:.75;max-width:600px;margin:0 auto}
.structGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.structCard{background:#fff;padding:36px 28px;border-radius:6px;box-shadow:0 4px 14px #00000014;transition:transform 0.3s,box-shadow .3s}
.structCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000024}
.structCard .stepNum{display:inline-block;width:46px;height:46px;background:linear-gradient(135deg,#07C073,#23254B);color:#fff;border-radius:50%;text-align:center;line-height:46px;font-size:20px;font-weight:700;margin-bottom:20px}
.structCard h4{font-size:22px;color:#23254B;margin-bottom:12px}
.structCard p{font-size:15px;color:#23254B;opacity:.7;line-height:1.6}
.focusArea{padding:100px 20px;background:#fff}
.focusArea .ctr{max-width:1000px;margin:0 auto}
.focusLayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.focusLeft h3{font-size:36px;color:#23254B;margin-bottom:24px;line-height:1.3}
.focusLeft .intro{font-size:16px;color:#23254B;opacity:.7;line-height:1.7;margin-bottom:40px}
.focusFeatures{display:flex;flex-direction:column;gap:28px}
.focusItem{display:flex;gap:18px;align-items:flex-start}
.focusItem .ico{flex:0 0 50px;height:50px;background:linear-gradient(135deg,#07C073,#23254B);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.focusItem .txt h5{font-size:19px;color:#23254B;margin-bottom:8px}
.focusItem .txt p{font-size:15px;color:#23254B;opacity:.68;line-height:1.5}
.focusRight{position:relative}
.focusRight img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px #00000026}
.focusRight::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#07c07326,#23254b1f);border-radius:8px;top:-12px;left:-12px;z-index:-1}
.outcomes{padding:90px 20px;background:#23254B;position:relative}
.outcomes::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#07C073 0%,#23254B 100%)}
.outcomes .ctr{max-width:1000px;margin:0 auto}
.outcomes .topHd{text-align:center;margin-bottom:70px}
.outcomes .topHd h3{font-size:38px;color:#fff;margin-bottom:16px}
.outcomes .topHd .subline{font-size:17px;color:#F5F4F4;opacity:.8}
.outcomeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.outcomeBox{background:#ffffff0f;padding:40px 32px;border-radius:6px;border:1px solid #07c07333;transition:background 0.3s,border-color .3s}
.outcomeBox:hover{background:#ffffff1a;border-color:#07c07380}
.outcomeBox .tag{display:inline-block;background:#07C073;color:#fff;padding:6px 14px;border-radius:4px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}
.outcomeBox h5{font-size:22px;color:#fff;margin-bottom:14px}
.outcomeBox p{font-size:15px;color:#F5F4F4;opacity:.8;line-height:1.6}
.outcomeStats{margin-top:50px;padding-top:50px;border-top:1px solid #ffffff1a;display:flex;justify-content:space-around}
.statUnit{text-align:center}
.statUnit .num{font-size:44px;font-weight:700;color:#07C073;margin-bottom:8px;display:block}
.statUnit .label{font-size:15px;color:#F5F4F4;opacity:.75}
@media (max-width: 768px) {
.heroInner{flex-direction:column-reverse;gap:40px}
.heroImg{flex:0 0 auto;width:100%}
.heroImg img{height:300px}
.heroTxt .mainHd{font-size:34px}
.structGrid{grid-template-columns:1fr}
.focusLayout{grid-template-columns:1fr;gap:50px}
.focusRight img{height:340px}
.outcomeGrid{grid-template-columns:1fr}
.outcomeStats{flex-direction:column;gap:30px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroInner{gap:40px}
.heroImg{flex:0 0 280px}
.structGrid{grid-template-columns:repeat(2,1fr)}
}
.succWrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#F5F4F4 0%,#e8f7f0 100%);position:relative;overflow:hidden}
.succWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#07c0731a 0%,transparent 70%);border-radius:50%}
.succWrap::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#23254b14 0%,transparent 70%);border-radius:50%}
.succBox{max-width:600px;width:100%;background:#fff;padding:60px 50px;box-shadow:0 8px 24px #23254b1f;position:relative;z-index:2;text-align:center}
.succIcon{width:80px;height:80px;margin:0 auto 30px;position:relative}
.succIcon svg{width:100%;height:100%}
.checkCirc{fill:none;stroke:#07C073;stroke-width:3;stroke-dasharray:251;stroke-dashoffset:251;animation:drawCircle .8s ease-out forwards}
.checkMark{fill:none;stroke:#07C073;stroke-width:3;stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .5s .8s ease-out forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.succBox h1{font-size:32px;color:#23254B;margin:0 0 16px;font-weight:700}
.succBox .leadTxt{font-size:18px;color:#5a5c7a;margin:0 0 32px;line-height:1.6}
.succBox .detailTxt{font-size:15px;color:#7a7c94;margin:0 0 40px;line-height:1.7}
.btnGrp{display:flex;flex-direction:column;gap:14px;align-items:center}
.primBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#07C073 0%,#05a862 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;min-width:200px}
.primBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff26;transition:left .4s ease}
.primBtn:hover::before{left:100%}
.primBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07c0734d}
.secBtn{display:inline-block;padding:16px 40px;background:transparent;color:#23254B;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #23254B;transition:all .3s ease;min-width:200px}
.secBtn:hover{background:#23254B;color:#fff;transform:translateY(-2px)}
.infoGrid{padding:80px 20px;background:#fff}
.infoWrap{max-width:1000px;margin:0 auto}
.gridHead{text-align:center;margin-bottom:60px}
.gridHead h2{font-size:36px;color:#23254B;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.gridHead h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#07C073 0%,#23254B 100%)}
.gridHead p{font-size:17px;color:#5a5c7a;margin:24px 0 0;line-height:1.7}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.stepCard{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);padding:36px 28px;border-left:4px solid #07C073;position:relative;transition:all .3s ease}
.stepCard:nth-child(2){border-left-color:#23254B}
.stepCard:nth-child(3){border-left-color:#07C073}
.stepCard::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#07c0730d;transition:width .4s ease;z-index:1}
.stepCard:hover::before{width:100%}
.stepCard:hover{transform:translateX(8px);box-shadow:0 4px 16px #23254b1a}
.stepNum{font-size:48px;font-weight:700;color:#07C073;line-height:1;margin:0 0 16px;position:relative;z-index:2;opacity:.3}
.stepCard:nth-child(2) .stepNum{color:#23254B}
.stepCard h3{font-size:20px;color:#23254B;margin:0 0 12px;font-weight:600;position:relative;z-index:2}
.stepCard p{font-size:15px;color:#5a5c7a;margin:0;line-height:1.6;position:relative;z-index:2}
@media (max-width: 768px) {
.succWrap{padding:30px 16px;min-height:60vh}
.succBox{padding:40px 30px}
.succBox h1{font-size:26px}
.succBox .leadTxt{font-size:16px}
.succBox .detailTxt{font-size:14px}
.primBtn,.secBtn{width:100%;min-width:auto}
.infoGrid{padding:60px 20px}
.gridHead h2{font-size:28px}
.gridHead p{font-size:15px}
.cardGrid{grid-template-columns:1fr;gap:24px}
.stepCard{padding:30px 24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.cardGrid{grid-template-columns:repeat(2,1fr)}
.stepCard:nth-child(3){grid-column:1 / -1;max-width:50%;margin:0 auto}
}