*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Mono',monospace;font-size:16px;line-height:1.6;color:#083C43;background:linear-gradient(157deg,#fff 0%,#f8f9fa 100%)}
.mastheadWrapper{background:linear-gradient(134deg,#06E1C9 0%,#083C43 100%);padding:32px 20px 28px;box-shadow:0 2px 8px #083c431f}
.mastheadInner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:28px}
.logoContainer{background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}
.siteLogo{width:110px;height:110px;display:block}
.companyNameMast h1{font-size:52px;font-weight:700;color:#fff;letter-spacing:-.5px;text-shadow:2px 2px 4px #083c434d}
.editorialNavBar{background:#fff;border-bottom:3px solid #06E1C9;box-shadow:0 4px 6px #083c4314}
.editorialNavInner{max-width:1440px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.mainNavi{display:flex;gap:8px;flex-wrap:wrap}
.mainNavi .naviLink{padding:10px 18px;color:#083C43;text-decoration:none;font-weight:400;font-size:15px;border-radius:6px;transition:background-color .2s ease,color .2s ease}
.mainNavi .naviLink:hover{background-color:#06e1c91f;color:#06E1C9}
.ctaButtonGroup{display:flex;gap:12px;flex-wrap:wrap}
.pillButt{padding:12px 28px;text-decoration:none;font-weight:700;font-size:15px;border-radius:50px;transition:background-color .2s ease,transform .1s ease;display:inline-block;text-align:center}
.pillButt.primaryCta{background:linear-gradient(142deg,#F35D57 0%,#06E1C9 100%);color:#fff;box-shadow:0 6px 14px #f35d574d}
.pillButt.primaryCta:hover{background:linear-gradient(142deg,#06E1C9 0%,#F35D57 100%)}
.pillButt.secondaryCta{background:#083C43;color:#fff;box-shadow:0 4px 10px #083c4340}
.pillButt.secondaryCta:hover{background:#06E1C9}
.footerWrap{background:linear-gradient(168deg,#083C43 0%,#06E1C9 100%);padding:48px 20px 32px;margin-top:60px}
.footerInnerContent{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.footerContactBlock{display:flex;flex-direction:column;gap:8px}
.footerCompanyName{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}
.footerAddress,.footerPhone,.footerEmail{font-size:14px;color:#ffffffe6}
.footerNavLinks{display:flex;gap:24px;flex-wrap:wrap}
.footerNavLinks .footLink{color:#fff;text-decoration:none;font-size:14px;transition:color .2s ease}
.footerNavLinks .footLink:hover{color:#F35D57}
.footerCopyright{border-top:1px solid #fff3;padding-top:20px}
.footerCopyright p{font-size:13px;color:#fffc}
.cookieToastContainer{position:fixed;right:-400px;top:50%;transform:translateY(-50%);width:360px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #083c4340;z-index:9999;transition:right .4s ease}
.cookieToastContainer.visible{right:20px}
.cookieToastInner{padding:24px}
.cookieHeaderSection{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cookieTitle{font-size:18px;font-weight:700;color:#083C43}
.cookieInfoIcon{background:transparent;border:none;cursor:pointer;padding:4px;color:#06E1C9;font-size:18px;transition:color .2s ease}
.cookieInfoIcon:hover{color:#F35D57}
.cookieBodyContent{margin-bottom:20px}
.cookieDescription{font-size:14px;color:#083C43;margin-bottom:16px}
.cookiePrivacyLevels{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.privacyLevelOption{display:flex;align-items:center;gap:10px;cursor:pointer}
.privacyRadio{width:18px;height:18px;cursor:pointer}
.privacyLabelText{font-size:14px;color:#083C43}
.dataSaleOptOut{padding-top:12px;border-top:1px solid #083c4326}
.optOutCheckLabel{display:flex;align-items:center;gap:10px;cursor:pointer}
.optOutCheck{width:18px;height:18px;cursor:pointer}
.optOutLabelText{font-size:13px;color:#083C43;font-weight:700}
.cookieActionsRow{display:flex;gap:12px}
.cookieActionButt{flex:1;padding:12px;border:none;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease}
.cookieActionButt.acceptButt{background:#06E1C9;color:#083C43}
.cookieActionButt.acceptButt:hover{background:#05c9b3}
.cookieActionButt.declineButt{background:#F35D57;color:#fff}
.cookieActionButt.declineButt:hover{background:#d94b46}
.cookiePolicyTooltip{position:absolute;top:-120px;right:0;width:320px;background:#083C43;color:#fff;padding:16px;border-radius:8px;font-size:13px;box-shadow:0 6px 16px #083c434d;opacity:0;pointer-events:none;transition:opacity .3s ease}
.cookiePolicyTooltip.visible{opacity:1;pointer-events:auto}
.cookiePolicyTooltip p{margin:0}
.cookiePolicyTooltip a{color:#06E1C9;text-decoration:underline}
.cookieMiniBar{position:fixed;bottom:20px;right:20px;background:#083C43;border-radius:50px;padding:12px;box-shadow:0 6px 16px #083c434d;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}
.cookieMiniBar.visible{opacity:1;pointer-events:auto}
.miniBarExpandBtn{background:transparent;border:none;color:#06E1C9;font-size:24px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}
.miniBarExpandBtn:hover{color:#F35D57}
@media (max-width: 1024px) {
.mastheadInner{flex-direction:column;text-align:center}
.companyNameMast h1{font-size:42px}
.editorialNavInner{flex-direction:column;align-items:stretch}
.mainNavi{justify-content:center}
.ctaButtonGroup{justify-content:center}
}
@media (max-width: 640px) {
.siteLogo{width:80px;height:80px}
.companyNameMast h1{font-size:32px}
.mastheadWrapper{padding:24px 16px 20px}
.editorialNavBar{padding:12px 0}
.mainNavi{flex-direction:column;width:100%}
.mainNavi .naviLink{text-align:center;padding:12px}
.ctaButtonGroup{flex-direction:column;width:100%}
.pillButt{width:100%}
.cookieToastContainer{width:calc(100% - 40px);right:-100%}
.cookieToastContainer.visible{right:20px}
.cookiePolicyTooltip{width:calc(100% - 40px);right:0}
.footerInnerContent{text-align:center}
.footerNavLinks{justify-content:center}
}
.legal-data-zxd{max-width:1440px;margin:0 auto;padding:80px 24px;background:linear-gradient(148deg,#fff 0%,#f8fffe 100%)}
.legal-data-zxd h1{font-size:42px;line-height:1.2;color:#083C43;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.legal-data-zxd h2{font-size:32px;line-height:1.3;color:#083C43;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px;border-bottom:2px solid #06E1C9;padding-bottom:12px}
.legal-data-zxd h3{font-size:24px;line-height:1.4;color:#083C43;margin:48px 0 20px;font-weight:600}
.legal-data-zxd h4{font-size:20px;line-height:1.4;color:#083C43;margin:36px 0 16px;font-weight:600}
.legal-data-zxd h5{font-size:18px;line-height:1.5;color:#083C43;margin:32px 0 14px;font-weight:600}
.legal-data-zxd h6{font-size:16px;line-height:1.5;color:#083C43;margin:28px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.legal-data-zxd p{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 24px;max-width:840px}
.legal-data-zxd ul{margin:0 0 32px;padding:0 0 0 28px;list-style:none}
.legal-data-zxd ul li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 16px;position:relative;padding-left:12px}
.legal-data-zxd ul li::before{content:'';position:absolute;left:-16px;top:12px;width:6px;height:6px;background:#06E1C9;border-radius:2px}
.legal-data-zxd ol{margin:0 0 32px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.legal-data-zxd ol li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 16px;position:relative;padding-left:32px;counter-increment:policy-counter}
.legal-data-zxd ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#06E1C9}
.legal-data-zxd strong,.legal-data-zxd b{font-weight:600;color:#083C43}
.legal-data-zxd em,.legal-data-zxd i{font-style:italic;color:#34495e}
.legal-data-zxd table{width:100%;margin:0 0 48px;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #083c4314}
.legal-data-zxd thead{background:linear-gradient(135deg,#06E1C9 0%,#04b3a0 100%)}
.legal-data-zxd thead tr{border:none}
.legal-data-zxd thead th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#083C43;border-bottom:3px solid #083C43;letter-spacing:.3px}
.legal-data-zxd tbody{background:#fff}
.legal-data-zxd tbody tr{border-bottom:1px solid #e8f5f4;transition:background .2s ease}
.legal-data-zxd tbody tr:hover{background:#f8fffe}
.legal-data-zxd tbody tr:last-child{border-bottom:none}
.legal-data-zxd tbody td{padding:16px 20px;font-size:16px;line-height:1.6;color:#2c3e50}
.legal-data-zxd th{font-weight:600}
.legal-data-zxd a{color:#06E1C9;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.legal-data-zxd a:hover{border-bottom-color:#06E1C9}
@media (max-width: 1024px) {
.legal-data-zxd{padding:60px 20px}
.legal-data-zxd h1{font-size:36px;margin-bottom:36px}
.legal-data-zxd h2{font-size:28px;margin-top:48px}
.legal-data-zxd h3{font-size:22px}
.legal-data-zxd table{font-size:15px}
.legal-data-zxd thead th{padding:14px 16px;font-size:14px}
.legal-data-zxd tbody td{padding:12px 16px;font-size:15px}
}
@media (max-width: 640px) {
.legal-data-zxd{padding:40px 16px}
.legal-data-zxd h1{font-size:30px;margin-bottom:28px}
.legal-data-zxd h2{font-size:24px;margin-top:40px;margin-bottom:20px}
.legal-data-zxd h3{font-size:20px;margin-top:32px}
.legal-data-zxd h4{font-size:18px}
.legal-data-zxd p,.legal-data-zxd ul li,.legal-data-zxd ol li{font-size:16px;line-height:1.7}
.legal-data-zxd ul,.legal-data-zxd ol{padding-left:20px}
.legal-data-zxd table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 1px 4px #083c4314}
.legal-data-zxd thead th{padding:12px 14px;font-size:13px;white-space:nowrap}
.legal-data-zxd tbody td{padding:10px 14px;font-size:14px}
}
.mainWrap{max-width:1440px;margin:auto}
.heroSplit{display:grid;grid-template-columns:1fr 1fr;min-height:520px;position:relative;overflow:hidden}
.heroSplit .imgZone{position:relative;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);background:linear-gradient(142deg,#06E1C9 0%,#083C43 100%)}
.heroSplit .imgZone img{width:100%;height:100%;object-fit:cover;opacity:.92;mix-blend-mode:luminosity;filter:brightness(1.15) contrast(1.05)}
.heroSplit .imgZone::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 35% 45%,#06e1c94d 0%,transparent 65%);pointer-events:none}
.heroSplit .txtZone{display:flex;flex-direction:column;justify-content:center;padding:65px 75px 65px 95px;background:linear-gradient(156deg,#f8fffe 0%,#e6f9f7 100%)}
.heroSplit .txtZone h1{font-size:2.9rem;line-height:1.15;color:#083C43;margin:0 0 22px;font-weight:700;letter-spacing:-.02em}
.heroSplit .txtZone p{font-size:1.1rem;line-height:1.7;color:#3a5f65;margin:0 0 16px}
.heroSplit .txtZone p:last-of-type{margin-bottom:0}
.offerGrid{padding:85px 0;background:#fff}
.offerGrid .mainWrap{padding:0 40px}
.offerGrid h2{font-size:2.3rem;color:#083C43;margin:0 0 55px;text-align:center;font-weight:600}
.offerGrid .cardRow{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.offerGrid .offerCard{background:linear-gradient(135deg,#f0fdfb 0%,#fff 100%);border:1px solid #d1f0ec;padding:42px 32px;position:relative;transition:all .3s ease}
.offerCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#06E1C9 0%,#F35D57 100%);transition:height .35s ease}
.offerCard:hover{box-shadow:0 8px 24px #083c431f;transform:translateY(-3px);border-color:#06E1C9}
.offerCard:hover::before{height:100%}
.offerCard h3{font-size:1.5rem;color:#083C43;margin:0 0 18px;font-weight:600}
.offerCard p{font-size:1rem;line-height:1.65;color:#4a6f76;margin:0 0 14px}
.offerCard p:last-child{margin-bottom:0}
.offerCard .cardIcon{width:52px;height:52px;margin-bottom:24px;background:linear-gradient(125deg,#06E1C9 0%,#05bba7 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}
.offerCard .cardIcon svg{width:28px;height:28px;fill:#fff}
.processTimeline{background:linear-gradient(248deg,#083C43 0%,#0a4f58 100%);padding:90px 0;position:relative;overflow:hidden}
.processTimeline::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,#06e1c914 0%,transparent 70%);border-radius:50%}
.processTimeline .mainWrap{padding:0 40px;position:relative;z-index:2}
.processTimeline h2{font-size:2.3rem;color:#fff;margin:0 0 24px;text-align:center;font-weight:600}
.processTimeline .intro{font-size:1.1rem;line-height:1.7;color:#b8e6e0;text-align:center;max-width:720px;margin:0 auto 60px}
.processTimeline .stepsWrap{display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto;position:relative}
.processTimeline .stepsWrap::before{content:'';position:absolute;left:31px;top:45px;bottom:45px;width:2px;background:linear-gradient(180deg,#06E1C9 0%,#F35D57 100%)}
.processTimeline .stepItem{display:grid;grid-template-columns:64px 1fr;gap:28px;position:relative;padding:18px 0}
.processTimeline .stepNum{width:64px;height:64px;background:linear-gradient(135deg,#06E1C9 0%,#05bba7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#083C43;flex-shrink:0;box-shadow:0 4px 16px #06e1c959;position:relative;z-index:2}
.processTimeline .stepContent h3{font-size:1.4rem;color:#06E1C9;margin:8px 0 14px;font-weight:600}
.processTimeline .stepContent p{font-size:1rem;line-height:1.65;color:#c5ebe5;margin:0}
.partnerAdv{padding:85px 0;background:#f9fffe}
.partnerAdv .mainWrap{padding:0 40px}
.partnerAdv .splitLayout{display:grid;grid-template-columns:55% 45%;gap:60px;align-items:center}
.partnerAdv .textSide h2{font-size:2.2rem;color:#083C43;margin:0 0 28px;font-weight:600;position:relative;display:inline-block}
.partnerAdv .textSide h2::after{content:'';position:absolute;bottom:-8px;left:0;width:85px;height:4px;background:linear-gradient(90deg,#F35D57 0%,#06E1C9 100%)}
.partnerAdv .textSide p{font-size:1.05rem;line-height:1.7;color:#4a6f76;margin:0 0 16px}
.partnerAdv .textSide .ctaWrap{margin-top:32px}
.partnerAdv .textSide .btn{display:inline-block;padding:14px 36px;background:linear-gradient(125deg,#F35D57 0%,#e8443e 100%);color:#fff;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 12px #f35d574d}
.partnerAdv .textSide .btn:hover{background:linear-gradient(125deg,#e8443e 0%,#d93b35 100%);box-shadow:0 6px 18px #f35d5766;transform:translateY(-2px)}
.partnerAdv .imgSide{position:relative}
.partnerAdv .imgSide img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 32px #083c4326;display:block}
.partnerAdv .imgSide::before{content:'';position:absolute;top:-18px;right:-18px;width:140px;height:140px;background:linear-gradient(135deg,#06e1c933 0%,#f35d5726 100%);border-radius:50%;z-index:-1}
@media (max-width: 1024px) {
.heroSplit{grid-template-columns:1fr;min-height:auto}
.heroSplit .imgZone{clip-path:polygon(0 0,100% 0,100% 92%,0 100%);min-height:360px}
.heroSplit .txtZone{padding:55px 45px}
.offerGrid .cardRow{grid-template-columns:1fr;gap:28px}
.processTimeline .stepsWrap::before{display:none}
.partnerAdv .splitLayout{grid-template-columns:1fr;gap:45px}
.partnerAdv .imgSide{order:-1}
}
@media (max-width: 640px) {
.heroSplit .txtZone{padding:40px 25px}
.heroSplit .txtZone h1{font-size:2.1rem}
.offerGrid{padding:60px 0}
.offerGrid .mainWrap{padding:0 20px}
.offerGrid h2{font-size:1.9rem;margin-bottom:38px}
.offerCard{padding:32px 24px}
.processTimeline{padding:60px 0}
.processTimeline .mainWrap{padding:0 20px}
.processTimeline h2{font-size:1.9rem}
.processTimeline .stepItem{grid-template-columns:52px 1fr;gap:20px}
.processTimeline .stepNum{width:52px;height:52px;font-size:1.3rem}
.partnerAdv{padding:60px 0}
.partnerAdv .mainWrap{padding:0 20px}
.partnerAdv .textSide h2{font-size:1.85rem}
.partnerAdv .imgSide::before{width:100px;height:100px;top:-12px;right:-12px}
}
.titleWrap{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#083C43}
.titleWrap .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:screen;filter:grayscale(100%) contrast(1.2)}
.titleWrap .innerContent{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:80px 24px;width:100%}
.titleWrap .mainHead{font-size:52px;font-weight:700;color:#06E1C9;margin:0 0 32px;line-height:1.15;max-width:720px}
.titleWrap .pointsList{list-style:none;margin:0 0 40px;padding:0;max-width:640px}
.titleWrap .pointsList li{font-size:19px;color:#fff;margin-bottom:16px;padding-left:32px;position:relative;line-height:1.5}
.titleWrap .pointsList li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#06E1C9 0%,#F35D57 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.titleWrap .mainCta{display:inline-block;padding:16px 42px;background:linear-gradient(125deg,#F35D57 0%,#06E1C9 100%);color:#083C43;font-size:18px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform 0.3s,box-shadow .3s;box-shadow:0 6px 14px #06e1c94d}
.titleWrap .mainCta:hover{transform:translateY(-3px);box-shadow:0 10px 24px #06e1c973}
.waveDiv{position:relative;width:100%;height:80px;background:#083C43;overflow:hidden}
.waveDiv svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
.mechBlock{background:linear-gradient(160deg,#fff 0%,#f5f9f9 100%);padding:90px 24px}
.mechBlock .mechWrap{max-width:1440px;margin:0 auto}
.mechBlock .secHead{font-size:42px;font-weight:700;color:#083C43;margin:0 0 56px;text-align:center;position:relative}
.mechBlock .secHead::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:90px;height:5px;background:linear-gradient(90deg,#06E1C9 0%,#F35D57 100%)}
.mechBlock .gridMech{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mechBlock .mechCard{background:#fff;padding:36px 28px;border:2px solid transparent;box-shadow:0 4px 12px #083c4314;transition:border-color 0.3s,transform .3s;position:relative;overflow:hidden}
.mechCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#06E1C9 0%,#F35D57 100%);transition:height .4s}
.mechCard:hover::before{height:100%}
.mechCard:hover{border-color:#06E1C9;transform:translateY(-5px)}
.mechCard .cardIcon{width:64px;height:64px;margin-bottom:24px}
.mechCard .cardIcon svg{width:100%;height:100%}
.mechCard .cardTitle{font-size:24px;font-weight:600;color:#083C43;margin:0 0 16px}
.mechCard .cardText{font-size:16px;color:#555;line-height:1.65;margin:0}
.aboutBlock{background:#083C43;padding:90px 24px;position:relative}
.aboutBlock .aboutInner{max-width:1440px;margin:0 auto;display:flex;gap:64px;align-items:center}
.aboutBlock .aboutText{flex:1}
.aboutBlock .aboutHead{font-size:40px;font-weight:700;color:#06E1C9;margin:0 0 28px;line-height:1.2}
.aboutBlock .aboutPara{font-size:17px;color:#e0f2f1;line-height:1.7;margin:0 0 20px}
.aboutBlock .aboutImg{flex:0 0 480px;position:relative}
.aboutBlock .aboutImg img{width:100%;height:420px;object-fit:cover;border:6px solid #06E1C9;box-shadow:0 14px 32px #06e1c940}
.aboutBlock .aboutImg::after{content:'';position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:linear-gradient(225deg,#F35D57 0%,#f35d5766 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}
.efficiencyBlock{background:linear-gradient(200deg,#f9fafa 0%,#fff 100%);padding:90px 24px}
.efficiencyBlock .effWrap{max-width:1440px;margin:0 auto}
.efficiencyBlock .effHead{font-size:42px;font-weight:700;color:#083C43;margin:0 0 20px;text-align:center}
.efficiencyBlock .effSubhead{font-size:18px;color:#666;text-align:center;margin:0 auto 60px;max-width:720px;line-height:1.6}
.efficiencyBlock .stepsWrap{display:flex;flex-direction:column;gap:48px}
.efficiencyBlock .stepItem{display:flex;gap:40px;align-items:flex-start}
.stepItem:nth-child(even){flex-direction:row-reverse}
.stepItem .stepNum{flex:0 0 100px;height:100px;background:linear-gradient(135deg,#06E1C9 0%,#083C43 100%);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;box-shadow:0 8px 20px #06e1c94d}
.stepItem .stepContent{flex:1}
.stepItem .stepTitle{font-size:28px;font-weight:600;color:#083C43;margin:0 0 14px}
.stepItem .stepDesc{font-size:16px;color:#555;line-height:1.7;margin:0}
.platformBlock{background:#083C43;padding:90px 24px;position:relative;overflow:hidden}
.platformBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#06e1c926 0%,transparent 70%);pointer-events:none}
.platformBlock .platInner{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.platformBlock .platHead{font-size:42px;font-weight:700;color:#06E1C9;margin:0 0 60px;text-align:center}
.platformBlock .featGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.platformBlock .featCard{background:#ffffff0d;padding:40px 32px;border-left:5px solid #F35D57;transition:background 0.3s,border-color .3s}
.featCard:hover{background:#ffffff14;border-color:#06E1C9}
.featCard .featIcon{width:56px;height:56px;margin-bottom:20px}
.featCard .featIcon svg{width:100%;height:100%}
.featCard .featTitle{font-size:26px;font-weight:600;color:#fff;margin:0 0 14px}
.featCard .featText{font-size:16px;color:#d0ebea;line-height:1.7;margin:0}
.platformBlock .platCta{margin-top:60px;text-align:center}
.platformBlock .platCta a{display:inline-block;padding:18px 52px;background:linear-gradient(110deg,#06E1C9 0%,#F35D57 100%);color:#083C43;font-size:19px;font-weight:600;text-decoration:none;box-shadow:0 8px 18px #f35d5766;transition:transform 0.3s,box-shadow .3s}
.platformBlock .platCta a:hover{transform:translateY(-4px);box-shadow:0 12px 28px #f35d578c}
@media (max-width: 1024px) {
.titleWrap .mainHead{font-size:42px}
.mechBlock .gridMech{grid-template-columns:repeat(2,1fr)}
.aboutBlock .aboutInner{flex-direction:column;gap:48px}
.aboutBlock .aboutImg{flex:0 0 auto;width:100%}
.platformBlock .featGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.titleWrap{min-height:440px}
.titleWrap .innerContent{padding:60px 20px}
.titleWrap .mainHead{font-size:34px;margin-bottom:24px}
.titleWrap .pointsList li{font-size:17px}
.titleWrap .mainCta{font-size:16px;padding:14px 36px}
.mechBlock,.aboutBlock,.efficiencyBlock,.platformBlock{padding:60px 20px}
.mechBlock .secHead,.efficiencyBlock .effHead,.platformBlock .platHead{font-size:32px;margin-bottom:40px}
.mechBlock .gridMech{grid-template-columns:1fr;gap:24px}
.aboutBlock .aboutHead{font-size:32px}
.aboutBlock .aboutPara{font-size:16px}
.aboutBlock .aboutImg img{height:320px}
.efficiencyBlock .stepsWrap{gap:36px}
.stepItem,.stepItem:nth-child(even){flex-direction:column;gap:24px}
.stepItem .stepNum{flex:0 0 80px;width:80px;height:80px;font-size:38px;margin:0 auto}
.stepItem .stepTitle{font-size:24px;text-align:center}
.stepItem .stepDesc{text-align:center}
.platformBlock .featGrid{gap:28px}
.platformBlock .platCta a{font-size:17px;padding:16px 40px}
}
.mainWrap{width:100%;max-width:1440px;margin:0 auto}
.titleSec{position:relative;padding:80px 20px 60px;overflow:hidden}
.titleSec::before{content:'';position:absolute;top:0;left:-10%;width:120%;height:100%;background:linear-gradient(127deg,#06E1C9 0%,#083C43 100%);z-index:1}
.titleSec::after{content:'';position:absolute;top:30px;right:-5%;width:110%;height:calc(100% - 60px);background:linear-gradient(143deg,#06e1c926 0%,#083c4340 100%);z-index:2;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.titleInner{position:relative;z-index:3;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleTxt h1{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.titleTxt .subtitle{font-size:20px;line-height:1.6;color:#ffffffeb;margin:0 0 32px}
.titleTxt .descWrap{background:#ffffff1f;padding:24px;border-left:4px solid #06E1C9}
.titleTxt .descWrap p{font-size:16px;line-height:1.7;color:#ffffffe0;margin:0}
.titleImg{position:relative}
.titleImg::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(215deg,#F35D57 0%,#06E1C9 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);z-index:1}
.titleImg img{position:relative;z-index:2;width:100%;height:420px;object-fit:cover;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);display:block}
.storySec{padding:90px 20px;background:#fff}
.storyGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start}
.storyLeft{position:sticky;top:40px}
.storyLeft h2{font-size:38px;line-height:1.3;color:#083C43;margin:0 0 28px;font-weight:700}
.storyLeft h2::before{content:'';display:block;width:60px;height:6px;background:linear-gradient(90deg,#06E1C9 0%,#F35D57 100%);margin-bottom:20px}
.storyLeft .yearBox{background:linear-gradient(135deg,#083C43 0%,#06E1C9 100%);padding:32px 28px;margin-top:36px}
.storyLeft .yearBox .yearNum{font-size:56px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1}
.storyLeft .yearBox .yearTxt{font-size:15px;color:#ffffffd9;margin:0;line-height:1.5}
.storyRight .storyPara{margin-bottom:40px}
.storyRight .storyPara h3{font-size:24px;line-height:1.4;color:#083C43;margin:0 0 16px;font-weight:600}
.storyRight .storyPara p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0}
.storyRight .imgPair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:50px 0}
.storyRight .imgPair img{width:100%;height:280px;object-fit:cover;display:block;box-shadow:0 6px 18px #083c4326}
.storyRight .imgPair img:first-child{transform:translateY(20px)}
.storyRight .imgPair img:last-child{transform:translateY(-20px)}
.teamSec{padding:80px 20px 100px;background:linear-gradient(165deg,#f8f8f8 0%,#fff 100%);position:relative}
.teamSec::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#06E1C9 0%,#F35D57 50%,#083C43 100%)}
.teamInner{max-width:1200px;margin:0 auto}
.teamInner h2{font-size:42px;line-height:1.3;color:#083C43;margin:0 0 20px;font-weight:700;text-align:center}
.teamInner .teamIntro{font-size:18px;line-height:1.65;color:#3d3d3d;margin:0 auto 60px;text-align:center;max-width:720px}
.teamCards{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.teamCard{background:#fff;display:grid;grid-template-columns:220px 1fr;gap:32px;padding:28px;box-shadow:0 4px 14px #083c431f;position:relative;overflow:hidden}
.teamCard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#06E1C9 0%,#F35D57 100%)}
.teamCard .cardImg{position:relative}
.teamCard .cardImg::after{content:'';position:absolute;bottom:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,#06E1C9 0%,transparent 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}
.teamCard .cardImg img{width:100%;height:260px;object-fit:cover;display:block}
.teamCard .cardInfo h3{font-size:26px;line-height:1.3;color:#083C43;margin:0 0 8px;font-weight:700}
.teamCard .cardInfo .role{font-size:15px;color:#06E1C9;margin:0 0 20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.teamCard .cardInfo p{font-size:15px;line-height:1.7;color:#4d4d4d;margin:0 0 16px}
.teamCard .cardInfo .highlight{background:#06e1c914;padding:16px;border-left:3px solid #F35D57;margin-top:20px}
.teamCard .cardInfo .highlight p{font-size:14px;line-height:1.6;color:#2d2d2d;margin:0;font-style:italic}
@media (max-width: 1024px) {
.titleInner{grid-template-columns:1fr;gap:40px}
.titleTxt h1{font-size:38px}
.titleImg img{height:340px}
.storyGrid{grid-template-columns:1fr;gap:50px}
.storyLeft{position:static}
.storyRight .imgPair{grid-template-columns:1fr}
.storyRight .imgPair img:first-child,.storyRight .imgPair img:last-child{transform:none}
.teamCards{grid-template-columns:1fr;gap:40px}
.teamCard{grid-template-columns:1fr}
.teamCard .cardImg img{height:320px}
}
@media (max-width: 640px) {
.titleSec{padding:60px 20px 50px}
.titleTxt h1{font-size:32px}
.titleTxt .subtitle{font-size:18px}
.titleImg img{height:280px}
.storySec{padding:60px 20px}
.storyLeft h2{font-size:30px}
.storyLeft .yearBox .yearNum{font-size:44px}
.storyRight .storyPara h3{font-size:21px}
.teamSec{padding:60px 20px 70px}
.teamInner h2{font-size:32px}
.teamInner .teamIntro{font-size:16px}
.teamCard .cardImg img{height:280px}
.teamCard .cardInfo h3{font-size:23px}
}
.servHed{background:linear-gradient(142deg,#06E1C9 0%,#083C43 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.servHed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#F35D57 50%,transparent 100%)}
.hedWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hedTxt h1{font-size:52px;line-height:1.1;color:#fff;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.hedTxt h2{font-size:24px;line-height:1.4;color:#ffffffe6;margin:0 0 28px;font-weight:400}
.hedTxt p{font-size:17px;line-height:1.6;color:#ffffffd9;margin:0}
.hedImg{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;transition:transform .4s ease}
.hedImg:hover{transform:translateY(-4px) scale(1.01)}
.hedImg img{width:100%;height:420px;object-fit:cover;display:block}
@media (max-width: 1024px) {
.hedWrap{grid-template-columns:1fr;gap:40px}
.hedTxt h1{font-size:42px}
.hedImg img{height:340px}
}
@media (max-width: 640px) {
.servHed{padding:60px 20px 80px}
.hedTxt h1{font-size:34px}
.hedTxt h2{font-size:20px}
.hedImg img{height:280px}
}
.servPkg{padding:90px 20px;background:linear-gradient(215deg,#f8f9fa 0%,#fff 100%)}
.pkgCont{max-width:1440px;margin:0 auto}
.pkgIntro{max-width:820px;margin:0 0 60px}
.pkgIntro h3{font-size:38px;line-height:1.2;color:#083C43;margin:0 0 20px;font-weight:700}
.pkgIntro p{font-size:18px;line-height:1.65;color:#2c3e50;margin:0}
.pkgGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.pkgCard{background:#fff;border-radius:10px;padding:40px 32px;box-shadow:0 2px 8px #083c4314;border:2px solid transparent;transition:all .3s ease;position:relative}
.pkgCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06E1C9,#F35D57);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease}
.pkgCard:hover{border-color:#06E1C9;box-shadow:0 8px 20px #06e1c926;transform:translateY(-4px)}
.pkgCard:hover::before{opacity:1}
.pkgCard h4{font-size:26px;line-height:1.3;color:#083C43;margin:0 0 16px;font-weight:600}
.pkgCard .price{font-size:42px;line-height:1;color:#06E1C9;font-weight:700;margin:0 0 8px}
.pkgCard .priceNote{font-size:15px;color:#7f8c8d;margin:0 0 24px}
.pkgCard p{font-size:16px;line-height:1.7;color:#34495e;margin:0 0 24px}
.pkgList{list-style:none;padding:0;margin:0 0 32px}
.pkgList li{font-size:15px;line-height:1.8;color:#2c3e50;padding:8px 0 8px 28px;position:relative}
.pkgList li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:16px;background:linear-gradient(135deg,#06E1C9,#F35D57);border-radius:50%}
.pkgBtn{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#06E1C9,#083C43);color:#fff;text-decoration:none;text-align:center;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;border:none;z-index:10;position:relative}
.pkgBtn:hover{background:linear-gradient(135deg,#05c9b3,#062f35);box-shadow:0 4px 12px #06e1c94d;transform:scale(1.02)}
@media (max-width: 1024px) {
.pkgGrid{grid-template-columns:1fr;gap:28px}
.pkgIntro h3{font-size:32px}
}
@media (max-width: 640px) {
.servPkg{padding:60px 20px}
.pkgIntro h3{font-size:28px}
.pkgCard{padding:32px 24px}
}
.servProc{padding:100px 20px;background:#fff;position:relative}
.procWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.procSide{position:sticky;top:40px}
.procSide img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 6px 16px #083c431f}
.procMain h3{font-size:44px;line-height:1.15;color:#083C43;margin:0 0 48px;font-weight:700;position:relative;padding-bottom:20px}
.procMain h3::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#F35D57,#06E1C9)}
.stepsList{display:flex;flex-direction:column;gap:0}
.stepItm{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid #083c431a}
.stepItm:last-child{border-bottom:none}
.stepNum{width:80px;height:80px;background:linear-gradient(135deg,#06E1C9,#083C43);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}
.stepCont h5{font-size:22px;line-height:1.3;color:#083C43;margin:0 0 12px;font-weight:600}
.stepCont p{font-size:16px;line-height:1.7;color:#34495e;margin:0}
input[type="radio"].stepToggle{display:none}
.stepLabel{cursor:pointer;display:block;padding:20px 24px;background:#f8f9fa;border-radius:8px;margin:0 0 12px;font-size:18px;font-weight:600;color:#083C43;transition:all .3s ease;border:2px solid transparent}
.stepLabel:hover{background:#e9ecef;border-color:#06E1C9}
.stepToggle:checked + .stepLabel{background:linear-gradient(135deg,#06E1C9,#083C43);color:#fff;border-color:#06E1C9}
.stepDetail{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 24px}
.stepToggle:checked ~ .stepDetail{max-height:400px;padding:20px 24px 28px}
.stepDetail p{font-size:16px;line-height:1.7;color:#2c3e50;margin:0 0 16px}
.stepDetail ul{list-style:none;padding:0;margin:0}
.stepDetail ul li{font-size:15px;line-height:1.6;color:#34495e;padding:6px 0 6px 24px;position:relative}
.stepDetail ul li::before{content:'→';position:absolute;left:0;color:#F35D57;font-weight:700}
.procExpand{margin:40px 0 0}
.procExpand .expItem{margin:0 0 16px}
@media (max-width: 1024px) {
.procWrap{grid-template-columns:1fr;gap:50px}
.procSide{position:static}
.procSide img{height:380px}
.procMain h3{font-size:36px}
}
@media (max-width: 640px) {
.servProc{padding:70px 20px}
.stepItm{grid-template-columns:1fr;gap:20px}
.stepNum{width:60px;height:60px;font-size:26px}
.procMain h3{font-size:30px}
.procSide img{height:300px}
}
.heroSect{position:relative;overflow:hidden;background:linear-gradient(132deg,#083C43 0%,#06E1C9 100%);padding:80px 20px 60px}
.heroSect .heroWrap{max-width:1440px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative}
.heroSect .txtBlock{flex:1;z-index:2}
.heroSect .problemHead{font-size:18px;color:#06E1C9;margin-bottom:16px;font-weight:600;letter-spacing:.5px}
.heroSect .solutionHead{font-size:42px;color:#fff;line-height:1.2;margin:0;font-weight:700}
.heroSect .imgBlock{flex:1;position:relative;margin-right:-140px}
.heroSect .parallaxImg{width:100%;height:480px;background:linear-gradient(225deg,#F35D57 0%,#083C43 100%);border-radius:8px;box-shadow:0 8px 24px #083c434d;transition:transform .3s ease}
.heroSect .dotDeco{position:absolute;width:60px;height:60px}
.heroSect .dotDeco::before,.heroSect .dotDeco::after{content:'';position:absolute;width:8px;height:8px;background:#06E1C9;border-radius:50%}
.heroSect .dotDeco::before{top:0;left:0}
.heroSect .dotDeco::after{bottom:0;right:0}
.heroSect .dotTopLeft{top:20px;left:20px}
.heroSect .dotBotRight{bottom:20px;right:160px}
.contactIntro{max-width:1440px;margin:0 auto;padding:80px 20px}
.contactIntro .introGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.contactIntro .reasonCard{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);padding:32px;border-radius:6px;border-left:4px solid #06E1C9;box-shadow:0 4px 12px #083c4314;transition:transform .3s ease,box-shadow .3s ease}
.contactIntro .reasonCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #083c4326}
.contactIntro .reasonCard h3{font-size:22px;color:#083C43;margin:0 0 16px;font-weight:600}
.contactIntro .reasonCard p{font-size:16px;color:#4a5568;line-height:1.6;margin:0}
.contactIntro .reasonCard .iconWrap{width:48px;height:48px;background:linear-gradient(135deg,#06E1C9 0%,#04b3a0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactIntro .reasonCard .iconWrap .oi{color:#fff;font-size:22px}
.formSect{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:80px 20px}
.formSect .formWrap{max-width:840px;margin:0 auto}
.formSect .formHeader{text-align:center;margin-bottom:48px}
.formSect .formHeader h2{font-size:36px;color:#083C43;margin:0 0 16px;font-weight:700}
.formSect .formHeader p{font-size:18px;color:#4a5568;margin:0;line-height:1.5}
.formSect .contactFormEl{background:#fff;padding:48px;border-radius:8px;box-shadow:0 6px 18px #083c431f}
.formSect .fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.formSect .fieldGrp{display:flex;flex-direction:column}
.formSect .fieldGrp label{font-size:15px;color:#083C43;margin-bottom:8px;font-weight:600}
.formSect .fieldGrp input,.formSect .fieldGrp textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;color:#2d3748;transition:border-color .3s ease,box-shadow .3s ease}
.formSect .fieldGrp input:focus,.formSect .fieldGrp textarea:focus{outline:none;border-color:#06E1C9;box-shadow:0 0 0 3px #06e1c926}
.formSect .fieldGrp textarea{resize:vertical;min-height:140px;font-family:inherit}
.formSect .fullWidth{grid-column:1 / -1}
.formSect .privacyWrap{margin:32px 0 28px;display:flex;align-items:flex-start;gap:12px}
.formSect .privacyWrap input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.formSect .privacyWrap label{font-size:14px;color:#4a5568;line-height:1.5;cursor:pointer}
.formSect .privacyWrap label a{color:#06E1C9;text-decoration:none;font-weight:600;transition:color .2s ease}
.formSect .privacyWrap label a:hover{color:#04b3a0;text-decoration:underline}
.formSect .submitBtn{background:linear-gradient(135deg,#06E1C9 0%,#04b3a0 100%);color:#fff;padding:16px 48px;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 12px #06e1c94d;width:100%}
.formSect .submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #06e1c966}
.formSect .submitBtn:active{transform:translateY(0)}
.directContact{max-width:1440px;margin:0 auto;padding:80px 20px}
.directContact .contactHeader{text-align:center;margin-bottom:56px}
.directContact .contactHeader h2{font-size:36px;color:#083C43;margin:0 0 16px;font-weight:700}
.directContact .contactHeader p{font-size:18px;color:#4a5568;margin:0}
.directContact .methodsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.directContact .methodCard{background:#fff;padding:40px 32px;border-radius:8px;border:2px solid #e2e8f0;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;position:relative}
.directContact .methodCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06E1C9 0%,#F35D57 100%);border-radius:8px 8px 0 0;opacity:0;transition:opacity .3s ease}
.directContact .methodCard:hover::before{opacity:1}
.directContact .methodCard:hover{border-color:#06E1C9;box-shadow:0 8px 20px #06e1c926}
.directContact .methodCard .iconCircle{width:72px;height:72px;background:linear-gradient(135deg,#06E1C9 0%,#04b3a0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.directContact .methodCard .iconCircle .oi{color:#fff;font-size:28px}
.directContact .methodCard h3{font-size:20px;color:#083C43;margin:0 0 12px;font-weight:600}
.directContact .methodCard .contactLink{color:#4a5568;text-decoration:none;font-size:16px;display:inline-block;transition:color .2s ease;word-break:break-all}
.directContact .methodCard .contactLink:hover{color:#06E1C9}
.directContact .addressCard{grid-column:1 / -1;background:linear-gradient(125deg,#083C43 0%,#0a4d56 100%);color:#fff;padding:48px;border-radius:8px;display:flex;align-items:center;gap:40px;box-shadow:0 6px 18px #083c4333}
.directContact .addressCard .iconArea{width:80px;height:80px;background:#06e1c933;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.directContact .addressCard .iconArea .oi{color:#06E1C9;font-size:32px}
.directContact .addressCard .addressTxt h3{font-size:24px;margin:0 0 12px;font-weight:600;color:#06E1C9}
.directContact .addressCard .addressTxt p{font-size:18px;margin:0;line-height:1.6;color:#e2e8f0}
@media (max-width: 1024px) {
.heroSect .heroWrap{flex-direction:column;gap:40px}
.heroSect .imgBlock{margin-right:0;width:100%}
.heroSect .parallaxImg{height:360px}
.heroSect .dotBotRight{right:20px}
.contactIntro .introGrid{grid-template-columns:1fr;gap:32px}
.directContact .methodsGrid{grid-template-columns:1fr}
.directContact .addressCard{flex-direction:column;text-align:center}
.formSect .fieldRow{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroSect{padding:60px 20px 40px}
.heroSect .solutionHead{font-size:32px}
.heroSect .parallaxImg{height:280px}
.contactIntro,.formSect,.directContact{padding:60px 20px}
.formSect .contactFormEl{padding:32px 24px}
.formSect .formHeader h2,.directContact .contactHeader h2{font-size:28px}
.directContact .addressCard{padding:32px 24px}
.directContact .addressCard .addressTxt h3{font-size:20px}
}
.heroWrap{background:linear-gradient(162deg,#06E1C9 0%,#083C43 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#F35D57}
.heroWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff3}
.heroContain{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroTxtZone h1{font-size:56px;line-height:1.1;color:#fff;margin:0 0 24px;font-weight:700}
.heroTxtZone .accentPhrase{color:#F35D57;display:block;margin-top:12px}
.heroTxtZone .subLine{font-size:20px;color:#ffffffe6;line-height:1.6;margin:0 0 32px}
.heroImgBox{position:relative;padding:12px;background:#ffffff1a;border-radius:8px}
.heroImgBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#F35D57;border-radius:8px 0 0 8px}
.heroImgBox img{width:100%;height:420px;object-fit:cover;display:block;border-radius:6px}
.heroBtn{display:inline-block;padding:16px 40px;background:#F35D57;color:#fff;text-decoration:none;font-size:18px;font-weight:600;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 12px #f35d574d}
.heroBtn:hover{background:#d94841;transform:translateY(-2px);box-shadow:0 6px 16px #f35d5766}
.learnPath{padding:100px 20px;background:#f8f9fa;position:relative}
.learnPath::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,#06E1C9,transparent)}
.pathContain{max-width:1440px;margin:0 auto}
.pathHead{text-align:center;margin-bottom:70px}
.pathHead h2{font-size:42px;color:#083C43;margin:0 0 20px;font-weight:700}
.pathHead .leadTxt{font-size:18px;color:#555;line-height:1.7;max-width:800px;margin:0 auto}
.stageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.stageCard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 2px 8px #00000014;position:relative;transition:all .3s ease}
.stageCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#06E1C9,#083C43);border-radius:8px 8px 0 0}
.stageCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #06e1c926}
.stageNum{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#06E1C9,#083C43);color:#fff;font-size:24px;font-weight:700;border-radius:50%;text-align:center;line-height:48px;margin-bottom:20px}
.stageCard h3{font-size:24px;color:#083C43;margin:0 0 16px;font-weight:600}
.stageCard .stageTxt{font-size:16px;color:#666;line-height:1.7;margin:0}
.timelineWrap{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 16px #0000000f;position:relative}
.timelineWrap::after{content:'';position:absolute;bottom:0;right:0;width:200px;height:200px;background:radial-gradient(circle,#06e1c91a,transparent);border-radius:50%;pointer-events:none}
.timelineRow{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid #e8e8e8;position:relative}
.timelineRow:last-child{border-bottom:none}
.weekLabel{font-size:18px;font-weight:700;color:#083C43;display:flex;align-items:center}
.weekLabel::before{content:'';display:inline-block;width:12px;height:12px;background:#06E1C9;border-radius:50%;margin-right:12px}
.weekContent h4{font-size:20px;color:#083C43;margin:0 0 12px;font-weight:600}
.weekContent p{font-size:15px;color:#666;line-height:1.6;margin:0}
.methodsSec{padding:100px 20px;background:linear-gradient(218deg,#083C43 0%,#06E1C9 100%);position:relative}
.methodsSec::before{content:'';position:absolute;top:-50px;left:0;right:0;height:50px;background:linear-gradient(to bottom right,#f8f9fa 49%,transparent 50%)}
.methodCont{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:500px 1fr;gap:80px;align-items:start}
.methodImgArea{position:relative}
.methodImgArea img{width:100%;height:600px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0000004d}
.methodImgArea::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;border:3px solid #F35D57;border-radius:8px;z-index:-1}
.methodTxtArea h2{font-size:44px;color:#fff;margin:0 0 28px;font-weight:700}
.methodList{list-style:none;padding:0;margin:0 0 40px}
.methodList li{font-size:17px;color:#fffffff2;line-height:1.8;margin-bottom:20px;padding-left:36px;position:relative}
.methodList li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:20px;background:#F35D57;border-radius:4px}
.methodList li::after{content:'✓';position:absolute;left:5px;top:6px;color:#fff;font-size:14px;font-weight:700}
.methodAction{display:inline-block;padding:18px 44px;background:#fff;color:#083C43;text-decoration:none;font-size:18px;font-weight:600;border-radius:6px;transition:all .3s ease;box-shadow:0 6px 16px #0003}
.methodAction:hover{background:#F35D57;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #f35d5766}
@media (max-width: 1024px) {
.heroContain{grid-template-columns:1fr;gap:40px}
.heroTxtZone h1{font-size:42px}
.heroImgBox img{height:320px}
.stageGrid{grid-template-columns:1fr;gap:30px}
.methodCont{grid-template-columns:1fr;gap:50px}
.methodImgArea img{height:400px}
.timelineRow{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 640px) {
.heroWrap{padding:60px 20px}
.heroTxtZone h1{font-size:32px}
.heroTxtZone .subLine{font-size:17px}
.heroImgBox img{height:260px}
.learnPath{padding:60px 20px}
.pathHead h2{font-size:32px}
.stageCard{padding:28px 20px}
.timelineWrap{padding:24px 20px}
.methodsSec{padding:60px 20px}
.methodTxtArea h2{font-size:32px}
.methodImgArea img{height:300px}
.methodImgArea::after{width:60px;height:60px;bottom:-10px;right:-10px}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(127deg,#06E1C9 0%,#083C43 100%);position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(127deg,#06e1c94d 0%,#f35d5733 50%,#083c4366 100%);animation:rotateGrad 15s linear infinite}
@keyframes rotateGrad {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.successContent{max-width:680px;width:100%;background:#fffffff7;padding:60px 50px;border-radius:8px;box-shadow:0 14px 28px #083c4340;position:relative;z-index:2;text-align:center}
.successIcon{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#06E1C9 0%,#083C43 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulseIcon 2s ease-in-out infinite}
@keyframes pulseIcon {
0%,100%{transform:scale(1)}
50%{transform:scale(1.08)}
}
.successIcon svg{width:52px;height:52px;fill:#fff}
.successContent h1{font-size:38px;color:#083C43;margin:0 0 18px;font-weight:700;line-height:1.2}
.successContent .mainMsg{font-size:18px;color:#083C43;margin:0 0 28px;line-height:1.6}
.successContent .detailMsg{font-size:15px;color:#5a5a5a;line-height:1.7;margin:0 0 38px}
.successActions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.successActions .btnPrimary{padding:14px 32px;background:linear-gradient(135deg,#06E1C9 0%,#083C43 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #06e1c94d}
.successActions .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06e1c966}
.successActions .btnSecondary{padding:14px 32px;background:#fff;color:#083C43;border:2px solid #083C43;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}
.successActions .btnSecondary:hover{background:#083C43;color:#fff}
.infoBlock{max-width:1440px;margin:0 auto;padding:80px 20px}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}
.infoCard{background:#fff;padding:40px 28px;border-radius:8px;border:2px solid #f0f0f0;transition:all .4s ease;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#06E1C9 0%,#F35D57 100%);transition:height .4s ease}
.infoCard:hover{border-color:#06E1C9;box-shadow:0 8px 24px #06e1c926;transform:translateY(-4px)}
.infoCard:hover::before{height:100%}
.infoCard .iconWrap{width:64px;height:64px;background:linear-gradient(135deg,#06e1c91a 0%,#083c431a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.infoCard .iconWrap svg{width:32px;height:32px;fill:#083C43}
.infoCard h3{font-size:20px;color:#083C43;margin:0 0 14px;font-weight:700}
.infoCard p{font-size:15px;color:#666;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.infoGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.successContent{padding:50px 40px}
}
@media (max-width: 640px) {
.successWrap{min-height:75vh;padding:30px 16px}
.successContent{padding:40px 28px}
.successContent h1{font-size:28px}
.successContent .mainMsg{font-size:16px}
.successIcon{width:80px;height:80px}
.successIcon svg{width:44px;height:44px}
.successActions{flex-direction:column}
.successActions .btnPrimary,.successActions .btnSecondary{width:100%;text-align:center}
.infoGrid{grid-template-columns:1fr;gap:20px}
.infoBlock{padding:60px 16px}
}