@import "https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;700&display=swap";
*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,header,footer,main,nav,section,article,aside,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,form,label,input,button,textarea,select{margin:0;padding:0;border:0}
body{font-family:'Karla',sans-serif;background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f1f3f5 100%);color:#2d3748;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.hdrWrap{background:linear-gradient(79deg,#22AA9F 0%,#AE1754 50%,#F9FFDC 100%);padding:25px 0 15px;box-shadow:0 8px 20px #22aa9f26;position:relative;overflow:visible}
.hdrInner{max-width:1366px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.logoSection{display:flex;align-items:center;gap:15px}
.logoBox{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:6px;box-shadow:0 4px 12px #ae175433;padding:8px}
.logoBox .siteLogo{width:100%;height:100%;object-fit:contain}
.brandInfo{display:flex;align-items:center;gap:12px}
.brandInfo .brandName{font-size:26px;font-weight:700;color:#fff;text-shadow:2px 2px 4px #00000026}
.brandInfo .connector{font-size:22px;color:#ffffffb3;font-weight:300}
.brandInfo .tagline{font-size:15px;font-weight:400;color:#F9FFDC;font-style:italic}
.mainNav{display:flex;align-items:center;gap:8px}
.mainNav .navLink{padding:11px 20px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border-radius:4px;transition:background-color .15s linear,color .15s linear;background:#ffffff1a}
.mainNav .navLink:hover{background:#ffffff40;color:#F9FFDC}
.mainNav .accentBtn{background:#ae1754d9;color:#fff;box-shadow:0 3px 10px #ae17544d}
.mainNav .accentBtn:hover{background:#ae1754ff}
.decorativeBar{max-width:1366px;margin:15px auto 0;padding:0 20px;display:flex;align-items:center;gap:10px;height:20px}
.decorCircle{width:12px;height:12px;border-radius:50%;background:#fff9;box-shadow:0 2px 6px #0000001a}
.decorCircle.circle1{background:#22aa9f66}
.decorCircle.circle2{background:#ae175466;width:8px;height:8px}
.decorCircle.circle3{background:#f9ffdc99;width:10px;height:10px}
.decorLine{flex:1;height:2px;background:linear-gradient(90deg,#ffffff4d 0%,#ffffff0d 100%)}
.decorDot{width:5px;height:5px;border-radius:50%;background:#fff6}
main{flex:1}
.ftWrap{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);color:#e2e8f0;padding:50px 0 0;margin-top:80px;box-shadow:0 -6px 20px #0000001a}
.ftContent{max-width:1366px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}
.ftSection.ftAbout{position:relative}
.ftSection.ftAbout::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:#22aa9f14;border-radius:4px;z-index:0}
.ftSection.ftAbout > *{position:relative;z-index:1}
.ftTitle{font-size:24px;font-weight:700;margin-bottom:15px;color:#22AA9F}
.ftDesc{font-size:14px;line-height:1.7;margin-bottom:20px;color:#cbd5e0}
.ftContact .contactItem{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:#e2e8f0}
.ftContact .contactItem i{color:#22AA9F;font-size:16px}
.ftSubtitle{font-size:18px;font-weight:600;margin-bottom:18px;color:#F9FFDC}
.ftMenu{list-style:none}
.ftMenu li{margin-bottom:12px}
.ftMenu .ftLink{color:#cbd5e0;text-decoration:none;font-size:14px;transition:color .15s linear;display:inline-block}
.ftMenu .ftLink:hover{color:#22AA9F}
.newsletterText{font-size:14px;margin-bottom:15px;color:#cbd5e0;line-height:1.6}
.newsletterForm{display:flex;gap:8px}
.newsletterInput{flex:1;padding:10px 14px;border-radius:3px;background:#ffffff1a;color:#fff;font-size:14px;font-family:'Karla',sans-serif}
.newsletterInput::placeholder{color:#ffffff80}
.newsletterBtn{padding:10px 22px;background:#AE1754;color:#fff;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s linear;font-family:'Karla',sans-serif}
.newsletterBtn:hover{background:#8e1244}
.ftBottom{background:#0003;padding:25px 0;border-top:1px solid #ffffff1a}
.ftBottomInner{max-width:1366px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.copyright{font-size:13px;color:#a0aec0}
.ftSocial{display:flex;gap:15px}
.ftSocial .socialLink{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#cbd5e0;text-decoration:none;font-size:18px;transition:background .15s linear,color .15s linear}
.ftSocial .socialLink:hover{background:#22AA9F;color:#fff}
.cookiePopup{position:fixed;right:-400px;top:50%;transform:translateY(-50%);z-index:9999;transition:right .3s linear}
.cookiePopup.visible{right:20px}
.cookieCard{background:#fff;border-radius:4px;box-shadow:0 10px 30px #22aa9f33;width:380px;max-width:calc(100vw - 40px);padding:25px}
.cookieTabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}
.cookieTab{padding:10px 18px;background:none;border:none;font-size:14px;font-weight:500;color:#718096;cursor:pointer;font-family:'Karla',sans-serif;transition:color .15s linear;position:relative}
.cookieTab.active{color:#22AA9F}
.cookieTab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#22AA9F}
.cookieContent{position:relative;min-height:180px}
.cookiePanel{display:none}
.cookiePanel.active{display:block}
.cookieTitle{font-size:18px;font-weight:600;margin-bottom:12px;color:#2d3748}
.cookieText{font-size:14px;line-height:1.6;color:#4a5568;margin-bottom:15px}
.cookieOption{margin-bottom:14px}
.cookieLabel{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:#4a5568;line-height:1.5}
.cookieCheck{margin-top:2px;width:16px;height:16px;cursor:pointer}
.cookieActions{display:flex;gap:8px;margin-top:20px}
.cookieBtn{flex:1;padding:11px 16px;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s linear;font-family:'Karla',sans-serif}
.acceptBtn{background:#22AA9F;color:#fff}
.acceptBtn:hover{background:#1d8f86}
.declineBtn{background:#e2e8f0;color:#4a5568}
.declineBtn:hover{background:#cbd5e0}
.saveBtn{background:#AE1754;color:#fff}
.saveBtn:hover{background:#8e1244}
.cookieHint{font-size:11px;color:#a0aec0;margin-top:12px;text-align:center;font-style:italic}
@media (max-width: 1024px) {
.ftContent{grid-template-columns:1fr 1fr;gap:35px}
.ftSection.ftNewsletter{grid-column:1 / -1}
}
@media (max-width: 768px) {
.hdrInner{flex-direction:column;align-items:flex-start}
.logoSection{width:100%;justify-content:center}
.mainNav{width:100%;flex-wrap:wrap;justify-content:center}
.decorativeBar{justify-content:center}
.ftContent{grid-template-columns:1fr;gap:30px}
.ftBottomInner{flex-direction:column;gap:15px;text-align:center}
.newsletterForm{flex-direction:column}
}
@media (max-width: 480px) {
.brandInfo{flex-direction:column;align-items:flex-start;gap:5px}
.brandInfo .connector{display:none}
.mainNav .navLink{padding:9px 14px;font-size:14px}
.cookieCard{width:calc(100vw - 40px)}
}
.legal-body{max-width:1366px;margin:0 auto;padding:60px 20px;background:#fff}
.legal-body h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.legal-body h2{font-size:32px;font-weight:600;color:#2a2a2a;margin:50px 0 24px;line-height:1.3;letter-spacing:-.3px}
.legal-body h3{font-size:24px;font-weight:600;color:#3a3a3a;margin:40px 0 20px;line-height:1.4}
.legal-body h4{font-size:20px;font-weight:600;color:#4a4a4a;margin:32px 0 16px;line-height:1.4}
.legal-body h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 14px;line-height:1.5}
.legal-body h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 12px;line-height:1.5}
.legal-body p{font-size:16px;line-height:1.75;color:#3a3a3a;margin:0 0 20px;max-width:800px}
.legal-body strong,.legal-body b{font-weight:600;color:#1a1a1a}
.legal-body em,.legal-body i{font-style:italic;color:#4a4a4a}
.legal-body table{width:100%;max-width:900px;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 2px 8px #22aa9f14;border-radius:4px;overflow:hidden}
.legal-body thead{background:linear-gradient(135deg,#22AA9F 0%,#1a8980 100%)}
.legal-body thead tr{border:none}
.legal-body thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;letter-spacing:.3px}
.legal-body tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s linear}
.legal-body tbody tr:hover{background:#f9f9f9}
.legal-body tbody tr:last-child{border-bottom:none}
.legal-body td{padding:14px 20px;font-size:15px;color:#3a3a3a;line-height:1.6}
.legal-body th{font-weight:600}
.legal-body hr{border:none;height:2px;background:linear-gradient(90deg,#22AA9F 0%,#22aa9f33 100%);margin:50px 0;border-radius:2px}
.legal-body div{margin:0 0 20px}
@media (max-width: 768px) {
.legal-body{padding:40px 16px}
.legal-body h1{font-size:32px;margin:0 0 30px}
.legal-body h2{font-size:26px;margin:40px 0 20px}
.legal-body h3{font-size:22px;margin:32px 0 16px}
.legal-body h4{font-size:19px;margin:28px 0 14px}
.legal-body h5{font-size:17px;margin:24px 0 12px}
.legal-body h6{font-size:16px;margin:20px 0 10px}
.legal-body p{font-size:15px;line-height:1.7;margin:0 0 18px}
.legal-body table{display:block;overflow-x:auto;margin:24px 0;box-shadow:0 2px 6px #22aa9f1a}
.legal-body thead th{padding:12px 14px;font-size:14px}
.legal-body td{padding:10px 14px;font-size:14px}
.legal-body hr{margin:40px 0}
}
@media (max-width: 480px) {
.legal-body{padding:30px 12px}
.legal-body h1{font-size:28px;margin:0 0 24px}
.legal-body h2{font-size:24px;margin:36px 0 18px}
.legal-body h3{font-size:20px;margin:28px 0 14px}
.legal-body p{font-size:15px;margin:0 0 16px}
.legal-body table{font-size:13px;margin:20px 0}
.legal-body thead th{padding:10px 12px;font-size:13px}
.legal-body td{padding:8px 12px;font-size:13px}
}
.artHdr{background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);padding:80px 20px 60px;text-align:center;position:relative}
.artHdr::after{content:'';position:absolute;bottom:-40px;left:0;right:0;height:80px;background:#fff;clip-path:polygon(0 40%,100% 0,100% 100%,0% 100%)}
.artHdr .ctWrp{max-width:900px;margin:0 auto;position:relative;z-index:2}
.artHdr .catLbl{display:inline-block;background:#f9ffdc4d;color:#F9FFDC;padding:6px 18px;border-radius:3px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}
.artHdr h1{color:#fff;font-size:42px;line-height:1.3;margin:0 0 16px;font-weight:700}
.artHdr .subHd{color:#F9FFDC;font-size:20px;line-height:1.5;margin:0 0 30px;font-weight:400}
.artMeta{display:flex;align-items:center;justify-content:center;gap:30px;color:#fff;font-size:15px}
.artMeta .aut{display:flex;align-items:center;gap:10px}
.artMeta .aut::before{content:'';width:8px;height:8px;background:#F9FFDC;border-radius:50%}
.artMeta .dt::before{content:'📅';margin-right:8px}
.imgSec{max-width:1200px;margin:60px auto 0;padding:0 20px}
.imgSec img{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 24px #22aa9f26}
.artBody{max-width:820px;margin:60px auto;padding:0 20px}
.artBody p{font-size:18px;line-height:1.8;color:#2d3748;margin:0 0 24px}
.artBody h2{font-size:32px;color:#1a202c;margin:50px 0 20px;font-weight:700;position:relative;padding-left:20px}
.artBody h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:28px;background:linear-gradient(180deg,#22AA9F 0%,#AE1754 100%);border-radius:2px}
.artBody h4{font-size:22px;color:#2d3748;margin:35px 0 16px;font-weight:600}
.artBody strong{color:#22AA9F;font-weight:600}
.artBody ul{margin:0 0 24px;padding-left:0;list-style:none}
.artBody ul li{font-size:18px;line-height:1.8;color:#2d3748;margin:0 0 12px;padding-left:30px;position:relative}
.artBody ul li::before{content:'';position:absolute;left:0;top:12px;width:10px;height:10px;background:#22AA9F;border-radius:2px;transform:rotate(45deg)}
.artBody blockquote{margin:40px 0;padding:30px 30px 30px 80px;background:linear-gradient(135deg,#22aa9f0d 0%,#ae17540d 100%);border-left:5px solid #22AA9F;border-radius:3px;position:relative;font-size:20px;line-height:1.7;color:#1a202c;font-style:italic}
.artBody blockquote::before{content:'"';position:absolute;left:25px;top:20px;font-size:60px;color:#AE1754;opacity:.3;font-family:Georgia,serif;line-height:1}
.artBody cite{display:block;margin-top:16px;font-size:16px;color:#718096;font-style:normal}
.artBody table{width:100%;margin:40px 0;border-collapse:collapse;box-shadow:0 4px 16px #00000014;border-radius:4px;overflow:hidden}
.artBody table thead{background:linear-gradient(135deg,#22AA9F 0%,#1a8880 100%)}
.artBody table thead tr td{color:#fff;font-weight:600;padding:18px 20px;font-size:16px;text-align:left}
.artBody table tbody tr{border-bottom:1px solid #e2e8f0}
.artBody table tbody tr:last-child{border-bottom:none}
.artBody table tbody tr:nth-child(even){background:#f7fafc}
.artBody table tbody tr td{padding:16px 20px;font-size:16px;color:#2d3748}
.actBar{max-width:820px;margin:60px auto 80px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.cpyBtn{display:inline-flex;align-items:center;gap:10px;background:#22AA9F;color:#fff;padding:14px 28px;border:none;border-radius:3px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s linear;box-shadow:0 4px 12px #22aa9f33}
.cpyBtn:hover{background:#1a8880;box-shadow:0 6px 16px #22aa9f4d;transform:translateY(-2px)}
.cpyBtn:active{transform:translateY(0)}
.cpyBtn svg{width:18px;height:18px;fill:currentColor}
.ctaWrp{display:flex;gap:15px}
.ctaBtn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#AE1754 0%,#8a1243 100%);color:#fff;text-decoration:none;border-radius:3px;font-weight:600;font-size:16px;transition:all .3s linear;box-shadow:0 4px 12px #ae175433}
.ctaBtn:hover{background:linear-gradient(135deg,#8a1243 0%,#6d0f35 100%);box-shadow:0 6px 16px #ae17544d;transform:translateY(-2px)}
.cpyMsg{display:none;position:fixed;bottom:30px;right:30px;background:#22AA9F;color:#fff;padding:16px 24px;border-radius:4px;box-shadow:0 8px 24px #0003;font-size:15px;font-weight:600;z-index:1000}
.cpyMsg.shw{display:block;animation:slideUp .3s linear}
@keyframes slideUp {
from{transform:translateY(100px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@media (max-width: 768px) {
.artHdr{padding:60px 20px 50px}
.artHdr h1{font-size:32px}
.artHdr .subHd{font-size:18px}
.artMeta{flex-direction:column;gap:12px}
.artBody h2{font-size:26px}
.artBody h4{font-size:20px}
.artBody p,.artBody ul li{font-size:17px}
.artBody blockquote{padding:25px 20px 25px 60px;font-size:18px}
.artBody blockquote::before{left:15px;font-size:50px}
.actBar{flex-direction:column;align-items:stretch}
.ctaWrp{flex-direction:column}
.cpyMsg{bottom:20px;right:20px;left:20px}
}
@media (max-width: 480px) {
.artHdr h1{font-size:28px}
.artBody table{font-size:14px}
.artBody table thead tr td,.artBody table tbody tr td{padding:12px 10px}
}
.jrnl-wrap{max-width:1366px;margin:0 auto;padding:60px 20px}
.jrnl-hd{text-align:center;margin-bottom:50px}
.jrnl-hd h1{font-size:42px;color:#22AA9F;margin-bottom:15px;font-weight:700}
.jrnl-hd p{font-size:18px;color:#555;max-width:700px;margin:0 auto}
.pst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:35px;margin-bottom:70px}
.pst-crd{background:#fff;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;transition:all .3s linear;position:relative}
.pst-crd:hover{box-shadow:0 8px 16px #22aa9f26;transform:translateY(-4px)}
.pst-img-wrap{width:100%;height:220px;overflow:hidden;position:relative}
.pst-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s linear}
.pst-crd:hover .pst-img-wrap img{transform:scale(1.08)}
.pst-tag{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);color:#F9FFDC;padding:6px 14px;font-size:12px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.pst-content{padding:25px}
.pst-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;color:#777}
.pst-author{display:flex;align-items:center;gap:6px}
.pst-author::before{content:'';width:28px;height:28px;background:linear-gradient(135deg,#AE1754 0%,#22AA9F 100%);border-radius:50%;display:block}
.pst-date{display:flex;align-items:center;gap:5px}
.pst-date::before{content:'●';color:#22AA9F;font-size:8px}
.pst-title{font-size:22px;color:#222;margin-bottom:10px;font-weight:700;line-height:1.3}
.pst-title a{color:inherit;text-decoration:none;transition:color .3s linear}
.pst-title a:hover{color:#22AA9F}
.pst-subtitle{font-size:15px;color:#AE1754;margin-bottom:12px;font-weight:600}
.pst-desc{font-size:15px;color:#666;line-height:1.6;margin-bottom:18px}
.pst-link{display:inline-flex;align-items:center;gap:8px;color:#22AA9F;font-size:14px;font-weight:600;text-decoration:none;transition:gap .3s linear}
.pst-link:hover{gap:12px}
.pst-link::after{content:'→';font-size:16px}
.why-section{background:linear-gradient(135deg,#F9FFDC 0%,#fff 100%);padding:50px 30px;border-radius:5px;margin-bottom:60px}
.why-section h2{font-size:34px;color:#22AA9F;margin-bottom:30px;text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.why-item{background:#fff;padding:30px;border-radius:4px;box-shadow:0 4px 12px #ae175414;transition:transform .3s linear}
.why-item:hover{transform:translateY(-3px);box-shadow:0 8px 18px #ae17541f}
.why-item h3{font-size:20px;color:#AE1754;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.why-item h3::before{content:'';width:40px;height:40px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);border-radius:3px;flex-shrink:0}
.why-item p{font-size:15px;color:#555;line-height:1.6}
.benefit-section{padding:50px 30px;background:#fff;border:2px solid #F9FFDC;border-radius:5px}
.benefit-section h2{font-size:34px;color:#AE1754;margin-bottom:35px;text-align:center}
.benefit-list{display:flex;flex-direction:column;gap:25px;max-width:900px;margin:0 auto}
.benefit-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:linear-gradient(90deg,#22aa9f0d 0%,transparent 100%);border-left:4px solid #22AA9F;border-radius:3px;transition:all .3s linear}
.benefit-item:hover{background:linear-gradient(90deg,#22aa9f1a 0%,transparent 100%);padding-left:30px}
.benefit-item::before{content:'';width:50px;height:50px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);border-radius:50%;flex-shrink:0}
.benefit-content h3{font-size:19px;color:#222;margin-bottom:8px;font-weight:700}
.benefit-content p{font-size:15px;color:#666;line-height:1.6}
@media (max-width: 768px) {
.jrnl-wrap{padding:40px 15px}
.jrnl-hd h1{font-size:32px}
.jrnl-hd p{font-size:16px}
.pst-grid{grid-template-columns:1fr;gap:25px}
.why-section,.benefit-section{padding:35px 20px}
.why-section h2,.benefit-section h2{font-size:28px}
.why-grid{grid-template-columns:1fr}
.benefit-item{flex-direction:column;align-items:center;text-align:center}
.benefit-item:hover{padding-left:25px}
}
@media (max-width: 480px) {
.jrnl-hd h1{font-size:26px}
.pst-title{font-size:19px}
.pst-img-wrap{height:200px}
.pst-content{padding:20px}
}
.topWrap{max-width:1366px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.topWrap .txtArea{position:relative}
.topWrap .txtArea h1{font-size:48px;line-height:1.2;margin:0 0 30px;color:#22AA9F}
.topWrap .txtArea h1 span{display:block;color:#AE1754;font-size:38px;margin-top:12px}
.topWrap .txtArea::after{content:'';position:absolute;bottom:-20px;left:0;width:120px;height:3px;background:linear-gradient(79deg,#22AA9F 0%,#AE1754 100%)}
.topWrap .imgBox{position:relative}
.topWrap .imgBox img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:12px 12px 0 #ae175426}
.resultsGrid{max-width:1366px;margin:80px auto 100px;padding:0 20px}
.resultsGrid .gridIntro{text-align:center;margin-bottom:60px}
.resultsGrid .gridIntro h2{font-size:36px;color:#22AA9F;margin:0 0 20px}
.resultsGrid .gridIntro p{font-size:17px;line-height:1.6;color:#333;max-width:700px;margin:0 auto}
.caseWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.caseItem{background:#fff;border:2px solid #F9FFDC;border-radius:6px;padding:30px;position:relative;transition:all .3s linear}
.caseItem:hover{border-color:#22AA9F;box-shadow:0 8px 16px #22aa9f1f;transform:translateY(-4px)}
.caseItem .caseIcon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.caseItem .caseIcon svg{width:28px;height:28px;fill:#fff}
.caseItem h3{font-size:22px;color:#AE1754;margin:0 0 12px}
.caseItem .metricBox{background:#F9FFDC;border-radius:4px;padding:16px;margin:16px 0;border-left:4px solid #22AA9F}
.caseItem .metricBox .metricVal{font-size:32px;font-weight:700;color:#22AA9F;line-height:1;margin-bottom:6px}
.caseItem .metricBox .metricLabel{font-size:14px;color:#555;text-transform:uppercase;letter-spacing:.5px}
.caseItem p{font-size:16px;line-height:1.5;color:#444;margin:12px 0 0}
.caseItem .clientTag{display:inline-block;background:#22aa9f1a;color:#22AA9F;padding:6px 14px;border-radius:3px;font-size:13px;margin-top:16px}
@media (max-width: 1024px) {
.topWrap{grid-template-columns:1fr;gap:40px;margin:40px auto}
.topWrap .txtArea h1{font-size:40px}
.topWrap .txtArea h1 span{font-size:32px}
.caseWrap{grid-template-columns:repeat(2,1fr);gap:30px}
.resultsGrid{margin:60px auto 80px}
}
@media (max-width: 768px) {
.topWrap{margin:30px auto;padding:0 16px}
.topWrap .txtArea h1{font-size:32px}
.topWrap .txtArea h1 span{font-size:26px}
.caseWrap{grid-template-columns:1fr;gap:24px}
.resultsGrid{padding:0 16px;margin:50px auto 70px}
.resultsGrid .gridIntro h2{font-size:28px}
.caseItem{padding:24px}
.caseItem h3{font-size:20px}
.caseItem .metricBox .metricVal{font-size:28px}
}
.ttl{background:linear-gradient(79deg,#22AA9F 0%,#AE1754 50%,#F9FFDC 100%);padding:0;position:relative;overflow:hidden}
.ttl .imgWrap{width:100%;height:160px;overflow:hidden;position:relative}
.ttl .imgWrap img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(1px)}
.ttl .txtBox{padding:60px 20px;max-width:1366px;margin:0 auto;position:relative;z-index:2}
.ttl .mainHd{font-size:2.8rem;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.2;text-shadow:2px 3px 8px #ae175466}
.ttl .subTxt{font-size:1.15rem;color:#F9FFDC;line-height:1.6;max-width:720px}
@media (max-width: 768px) {
.ttl .imgWrap{height:100px}
.ttl .txtBox{padding:40px 16px}
.ttl .mainHd{font-size:2rem}
.ttl .subTxt{font-size:1rem}
}
.srvGrid{max-width:1366px;margin:80px auto;padding:0 20px}
.srvGrid .hdWrap{text-align:center;margin-bottom:60px}
.srvGrid .hdWrap h2{font-size:2.4rem;color:#22AA9F;margin:0 0 16px;font-weight:600;position:relative;display:inline-block}
.srvGrid .hdWrap h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#22AA9F 0%,#AE1754 100%);border-radius:2px}
.srvGrid .intro{font-size:1.05rem;color:#555;line-height:1.7;max-width:800px;margin:0 auto}
.gridBox{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px}
.card{background:#fff;border:2px solid #22AA9F;border-radius:4px;padding:40px 30px;box-shadow:4px 6px 14px #22aa9f26;transition:all .3s linear;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#22AA9F 0%,#AE1754 100%);transition:width .3s linear}
.card:hover{transform:translateY(-4px);box-shadow:6px 10px 20px #ae175433}
.card:hover::before{width:12px}
.card .icn{width:56px;height:56px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.card .icn i{font-size:28px;color:#fff}
.card h3{font-size:1.6rem;color:#333;margin:0 0 18px;font-weight:600}
.card .desc{font-size:1rem;color:#666;line-height:1.65;margin-bottom:24px}
.card .features{list-style:none;padding:0;margin:0 0 28px}
.card .features li{font-size:.95rem;color:#555;margin-bottom:10px;padding-left:28px;position:relative;line-height:1.5}
.card .features li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#22AA9F;border-radius:2px;box-shadow:1px 2px 4px #22aa9f4d}
.card .imgBox{width:100%;height:220px;overflow:hidden;border-radius:3px;margin-top:24px;box-shadow:inset 1px 1px 2px #00000014}
.card .imgBox img{width:100%;height:100%;object-fit:cover;transition:transform .4s linear}
.card:hover .imgBox img{transform:scale(1.06)}
.card .linkBtn{display:inline-block;background:linear-gradient(90deg,#22AA9F 0%,#AE1754 100%);color:#fff;padding:12px 28px;border-radius:3px;text-decoration:none;font-size:.95rem;font-weight:600;box-shadow:3px 4px 10px #ae175440;transition:all .3s linear;position:relative;z-index:10}
.card .linkBtn:hover{box-shadow:5px 7px 16px #ae175459;transform:translateY(-2px)}
@media (max-width: 992px) {
.gridBox{grid-template-columns:1fr;gap:30px}
.srvGrid .hdWrap h2{font-size:2rem}
}
@media (max-width: 768px) {
.srvGrid{margin:50px auto;padding:0 16px}
.srvGrid .hdWrap{margin-bottom:40px}
.card{padding:30px 20px}
.card h3{font-size:1.4rem}
.card .imgBox{height:180px}
}
.processFlow{background:#f8f9fa;padding:80px 20px;position:relative}
.processFlow::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#22AA9F 0%,#AE1754 50%,#F9FFDC 100%)}
.processFlow .wrapper{max-width:1366px;margin:0 auto}
.processFlow .secHead{text-align:left;margin-bottom:50px}
.processFlow .secHead h2{font-size:2.2rem;color:#AE1754;margin:0 0 14px;font-weight:600;position:relative;padding-left:20px}
.processFlow .secHead h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:60%;background:#22AA9F;border-radius:2px}
.processFlow .secIntro{font-size:1.05rem;color:#555;line-height:1.7;max-width:900px}
.stepsBox{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}
.stepItem{background:#fff;border-radius:5px;padding:35px 25px;box-shadow:3px 5px 12px #22aa9f1f;position:relative;border-left:5px solid #22AA9F;transition:all .3s linear}
.stepItem:nth-child(2){border-left-color:#AE1754}
.stepItem:nth-child(3){border-left-color:#22AA9F}
.stepItem:hover{box-shadow:5px 8px 18px #ae17542e;transform:translateX(4px)}
.stepItem .num{display:inline-block;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin-bottom:20px;box-shadow:2px 3px 8px #ae17544d}
.stepItem h3{font-size:1.4rem;color:#333;margin:0 0 14px;font-weight:600}
.stepItem .stepDesc{font-size:.96rem;color:#666;line-height:1.65}
.actionZone{margin-top:50px;text-align:center}
.actionZone .ctaBtn{display:inline-block;background:#AE1754;color:#fff;padding:16px 40px;border-radius:4px;text-decoration:none;font-size:1.05rem;font-weight:600;box-shadow:4px 6px 14px #ae17544d;transition:all .3s linear;position:relative;z-index:10}
.actionZone .ctaBtn:hover{background:#22AA9F;box-shadow:6px 9px 20px #22aa9f59;transform:scale(1.04)}
@media (max-width: 992px) {
.stepsBox{grid-template-columns:1fr;gap:25px}
.processFlow .secHead h2{font-size:1.9rem}
}
@media (max-width: 768px) {
.processFlow{padding:50px 16px}
.stepItem{padding:28px 20px}
.stepItem h3{font-size:1.25rem}
.actionZone .ctaBtn{padding:14px 32px;font-size:1rem}
}
.heroWrap{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);overflow:hidden;margin-bottom:80px}
.heroWrap::before{content:'';position:absolute;inset:0;background:url(./media_archive/crew_240126-160725.jpg) center/cover;opacity:.15}
.heroWrap::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,#22aa9f66,transparent 70%)}
.heroInner{max-width:1366px;width:90%;margin:auto;position:relative;z-index:2;padding:60px 0}
.heroContent h1{font-size:3.2rem;line-height:1.1;color:#F9FFDC;margin-bottom:24px;text-shadow:2px 4px 12px #ae17544d}
.heroContent p{font-size:1.15rem;color:#f9ffdceb;max-width:640px;line-height:1.6;margin-bottom:32px}
.heroBtn{display:inline-block;background:#F9FFDC;color:#AE1754;padding:14px 36px;border-radius:4px;text-decoration:none;font-weight:600;transition:all .3s linear;box-shadow:0 6px 16px #f9ffdc40}
.heroBtn:hover{background:#fff;box-shadow:0 10px 24px #f9ffdc66;transform:translateY(-2px)}
.trialSec{max-width:1366px;width:90%;margin:0 auto 90px}
.trialGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.trialTxt h2{font-size:2.4rem;color:#22AA9F;margin-bottom:20px;position:relative;padding-left:20px}
.trialTxt h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:70%;background:linear-gradient(180deg,#AE1754,#22AA9F);border-radius:2px}
.trialTxt p{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:16px}
.trialImg img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:8px 12px 28px #22aa9f2e}
.trialSteps{display:flex;gap:20px;margin-top:32px}
.stepCard{flex:1;background:#f8f8f8;padding:24px 20px;border-radius:4px;border-left:4px solid #22AA9F;transition:all .3s linear}
.stepCard:hover{background:#fff;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}
.stepCard h4{font-size:1.1rem;color:#AE1754;margin-bottom:10px}
.stepCard p{font-size:.95rem;color:#555;line-height:1.5;margin:0}
.geoBanner{background:linear-gradient(95deg,#F9FFDC 0%,#22aa9f1f 100%);padding:70px 0;margin-bottom:90px}
.geoWrap{max-width:1366px;width:90%;margin:auto}
.geoHeader{text-align:center;margin-bottom:50px}
.geoHeader h2{font-size:2.6rem;color:#AE1754;margin-bottom:16px}
.geoHeader p{font-size:1.1rem;color:#444;max-width:700px;margin:auto;line-height:1.6}
.geoContent{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.geoItem{background:#fff;padding:32px 24px;border-radius:5px;text-align:center;box-shadow:0 4px 14px #0000000f;transition:all .3s linear}
.geoItem:hover{box-shadow:0 10px 32px #22aa9f2e}
.geoIcon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#22AA9F,#AE1754);border-radius:50%;display:flex;align-items:center;justify-content:center}
.geoIcon i{font-size:28px;color:#F9FFDC}
.geoItem h4{font-size:1.2rem;color:#22AA9F;margin-bottom:12px}
.geoItem p{font-size:.98rem;color:#666;line-height:1.5;margin:0}
.partnerArea{max-width:1366px;width:90%;margin:0 auto 90px}
.partnerTop{display:flex;align-items:center;gap:60px;margin-bottom:50px}
.partnerVisual{flex:0 0 45%}
.partnerVisual img{width:100%;height:380px;object-fit:cover;border-radius:6px;box-shadow:-10px 10px 30px #ae175426}
.partnerInfo{flex:1}
.partnerInfo h2{font-size:2.5rem;color:#AE1754;margin-bottom:20px}
.partnerInfo p{font-size:1.05rem;color:#444;line-height:1.7;margin-bottom:16px}
.partnerLogos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.logoBox{background:#f5f5f5;padding:30px 20px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:100px;border:2px solid transparent;transition:all .3s linear}
.logoBox:hover{border-color:#22AA9F;background:#fff}
.logoBox span{font-size:.9rem;color:#888;text-align:center;font-weight:500}
.trustZone{background:linear-gradient(180deg,#22AA9F 0%,#AE1754 100%);padding:80px 0;margin-bottom:90px;position:relative}
.trustZone::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#F9FFDC}
.trustContainer{max-width:1366px;width:90%;margin:auto}
.trustContainer h2{font-size:2.7rem;color:#F9FFDC;text-align:center;margin-bottom:50px}
.trustCards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.trustCard{background:#f9ffdcf2;padding:36px 30px;border-radius:5px;box-shadow:0 8px 24px #00000026}
.trustCard h4{font-size:1.3rem;color:#AE1754;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.trustCard h4 i{color:#22AA9F;font-size:1.5rem}
.trustCard p{font-size:1rem;color:#333;line-height:1.6;margin:0}
.trustMeta{margin-top:20px;padding-top:16px;border-top:2px solid #ae175433;font-size:.9rem;color:#666}
.eventsBlock{max-width:1366px;width:90%;margin:0 auto 90px}
.eventsBlock h2{font-size:2.5rem;color:#22AA9F;margin-bottom:40px;text-align:center}
.eventsTabs{display:flex;gap:12px;justify-content:center;margin-bottom:40px}
.eventsTabs input[type="radio"]{display:none}
.eventsTabs label{padding:12px 28px;background:#f0f0f0;border-radius:4px;cursor:pointer;transition:all .3s linear;font-weight:500;color:#555}
.eventsTabs label:hover{background:#e0e0e0}
.eventsTabs input:checked + label{background:linear-gradient(90deg,#22AA9F,#AE1754);color:#F9FFDC;box-shadow:0 4px 12px #22aa9f4d}
.tabPanel{display:none}
#tab1:checked ~ .panels .panel1,#tab2:checked ~ .panels .panel2,#tab3:checked ~ .panels .panel3{display:block}
.eventGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.eventItem{background:#fafafa;padding:28px 24px;border-radius:5px;border-left:5px solid #22AA9F;transition:all .3s linear}
.eventItem:hover{background:#fff;box-shadow:0 6px 20px #00000014;border-left-color:#AE1754}
.eventItem h4{font-size:1.25rem;color:#AE1754;margin-bottom:12px}
.eventItem p{font-size:.98rem;color:#555;line-height:1.6;margin:0 0 16px}
.eventDate{font-size:.88rem;color:#22AA9F;font-weight:600}
.finalCta{background:url(./media_archive/131025-ico_280825.jpg) center/cover;padding:90px 0;position:relative}
.finalCta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#22aa9feb,#ae1754e0)}
.ctaContent{max-width:1366px;width:90%;margin:auto;text-align:center;position:relative;z-index:2}
.ctaContent h2{font-size:2.8rem;color:#F9FFDC;margin-bottom:20px}
.ctaContent p{font-size:1.15rem;color:#f9ffdce6;max-width:660px;margin:0 auto 32px;line-height:1.6}
.ctaBtns{display:flex;gap:20px;justify-content:center}
.ctaBtn{padding:16px 40px;border-radius:5px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s linear}
.ctaPrimary{background:#F9FFDC;color:#AE1754;box-shadow:0 6px 18px #f9ffdc4d}
.ctaPrimary:hover{background:#fff;box-shadow:0 10px 28px #f9ffdc80;transform:translateY(-3px)}
.ctaSecondary{background:transparent;color:#F9FFDC;border:2px solid #F9FFDC}
.ctaSecondary:hover{background:#f9ffdc26;border-color:#fff}
@media (max-width: 1024px) {
.heroContent h1{font-size:2.6rem}
.trialGrid{grid-template-columns:1fr;gap:40px}
.geoContent{grid-template-columns:repeat(2,1fr)}
.partnerTop{flex-direction:column;gap:40px}
.partnerVisual{flex:0 0 100%}
.partnerLogos{grid-template-columns:repeat(2,1fr)}
.trustCards{grid-template-columns:1fr}
.eventGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroContent h1{font-size:2.2rem}
.heroContent p{font-size:1.05rem}
.trialSteps{flex-direction:column}
.geoContent{grid-template-columns:1fr}
.geoHeader h2{font-size:2.2rem}
.partnerInfo h2{font-size:2rem}
.trustContainer h2{font-size:2.2rem}
.eventsTabs{flex-direction:column}
.ctaBtns{flex-direction:column;align-items:center}
.ctaBtn{width:100%;max-width:320px;text-align:center}
.ctaContent h2{font-size:2.3rem}
}
.ctWrapper{width:100%;max-width:1366px;margin:0 auto}
.titleBlk{position:relative;min-height:480px;overflow:hidden;background:linear-gradient(135deg,#22AA9F 0%,#ae1754cc 100%);display:flex;align-items:center}
.titleBlk .imgBack{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.titleBlk .imgBack img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(0.6)}
.titleBlk .contentArea{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:60px 40px}
.titleBlk h1{font-size:58px;font-weight:700;color:#F9FFDC;margin:0 0 18px;line-height:1.1;text-shadow:2px 2px 8px #0000004d}
.titleBlk .subTxt{font-size:22px;color:#F9FFDC;margin:0 0 32px;line-height:1.5;max-width:640px;text-shadow:1px 1px 4px #0003}
.titleBlk .btPrime{display:inline-block;padding:16px 36px;background:#F9FFDC;color:#22AA9F;font-size:18px;font-weight:600;text-decoration:none;border:3px solid #22AA9F;transition:all .3s linear;box-shadow:4px 4px 12px #ae17544d}
.titleBlk .btPrime:hover{background:#22AA9F;color:#F9FFDC;transform:translateY(-2px);box-shadow:6px 6px 16px #ae175466}
.titleBlk .deco{position:absolute;bottom:20px;right:40px;width:180px;height:180px;border:4px solid #F9FFDC;opacity:.25;z-index:1;transform:rotate(15deg)}
.formSection{background:linear-gradient(180deg,#fff 0%,#f4f4f4 100%);padding:80px 40px}
.formSection .wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.infoSide h2{font-size:42px;font-weight:700;color:#22AA9F;margin:0 0 24px;line-height:1.2}
.infoSide .desc{font-size:17px;color:#333;line-height:1.6;margin:0 0 40px}
.cntBox{background:#fff;padding:28px;border-left:5px solid #AE1754;margin-bottom:24px;box-shadow:3px 3px 10px #22aa9f26}
.cntBox .label{font-size:14px;font-weight:600;text-transform:uppercase;color:#AE1754;margin:0 0 8px;letter-spacing:.5px}
.cntBox .value{font-size:19px;color:#22AA9F;font-weight:600;margin:0;word-break:break-word}
.cntBox .value a{color:#22AA9F;text-decoration:none;transition:color .3s linear}
.cntBox .value a:hover{color:#AE1754}
.contactForm{background:#fff;padding:48px;box-shadow:5px 5px 18px #ae17541f;border:2px solid #F9FFDC}
.contactForm h3{font-size:32px;font-weight:700;color:#AE1754;margin:0 0 32px}
.formGrp{margin-bottom:28px}
.formGrp label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:10px}
.formGrp input[type="text"],.formGrp input[type="tel"]{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;background:#fafafa;color:#333;transition:all .3s linear;box-sizing:border-box}
.formGrp input:focus{outline:none;border-color:#22AA9F;background:#fff;box-shadow:0 0 0 3px #22aa9f1a}
.formGrp select{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;background:#fafafa;color:#333;cursor:pointer;transition:all .3s linear;box-sizing:border-box}
.formGrp select:focus{outline:none;border-color:#22AA9F;background:#fff;box-shadow:0 0 0 3px #22aa9f1a}
.privacyRow{margin:32px 0;padding:20px;background:#f9f9f9;border-left:4px solid #22AA9F}
.privacyRow input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer;vertical-align:middle}
.privacyRow label{display:inline;font-size:14px;color:#555;line-height:1.6;cursor:pointer;vertical-align:middle}
.privacyRow label a{color:#AE1754;text-decoration:underline;transition:color .3s linear}
.privacyRow label a:hover{color:#22AA9F}
.sbmBtn{width:100%;padding:18px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);color:#F9FFDC;font-size:18px;font-weight:700;border:none;cursor:pointer;transition:all .3s linear;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 14px #ae175440;position:relative;z-index:10}
.sbmBtn:hover{transform:translateY(-3px);box-shadow:6px 6px 20px #ae175459}
.sbmBtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.titleBlk h1{font-size:46px}
.titleBlk .subTxt{font-size:19px}
.formSection .wrapper{grid-template-columns:1fr;gap:50px}
.infoSide h2{font-size:36px}
.contactForm{padding:36px}
}
@media (max-width: 768px) {
.titleBlk{min-height:360px}
.titleBlk .contentArea{padding:40px 24px}
.titleBlk h1{font-size:36px}
.titleBlk .subTxt{font-size:17px;margin-bottom:24px}
.titleBlk .btPrime{padding:14px 28px;font-size:16px}
.titleBlk .deco{width:120px;height:120px;right:20px}
.formSection{padding:50px 24px}
.infoSide h2{font-size:30px}
.infoSide .desc{font-size:16px}
.contactForm{padding:28px}
.contactForm h3{font-size:26px}
.formGrp input[type="text"],.formGrp input[type="tel"],.formGrp select{padding:12px 14px;font-size:15px}
.sbmBtn{padding:16px;font-size:16px}
}
@media (max-width: 480px) {
.titleBlk h1{font-size:28px}
.titleBlk .subTxt{font-size:15px}
.formSection .wrapper{gap:36px}
.infoSide h2{font-size:26px}
.cntBox{padding:20px}
.cntBox .value{font-size:17px}
.contactForm{padding:22px}
.contactForm h3{font-size:23px;margin-bottom:24px}
.formGrp{margin-bottom:22px}
.privacyRow{padding:16px;margin:24px 0}
}
.titleWrap{position:relative;height:480px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.titleWrap .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(0.5) brightness(1.1)}
.titleWrap .hdText{position:relative;z-index:2;max-width:760px;text-align:center;padding:0 20px}
.titleWrap .hdText h1{font-size:54px;line-height:1.2;color:#1a1a1a;margin:0;font-weight:600}
.storyWrap{max-width:1366px;margin:0 auto;padding:90px 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storyWrap .txtCol h2{font-size:36px;color:#1a1a1a;margin:0 0 28px;font-weight:600;line-height:1.3}
.storyWrap .txtCol p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 22px}
.storyWrap .txtCol p:last-child{margin-bottom:0}
.storyWrap .imgCol{position:relative}
.storyWrap .imgCol::before{content:'';position:absolute;top:-12px;left:-12px;width:100%;height:100%;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);opacity:.15;border-radius:3px;z-index:1}
.storyWrap .imgCol img{position:relative;z-index:2;width:100%;height:auto;border-radius:3px;box-shadow:0 8px 20px #22aa9f1f}
.valuesWrap{background:linear-gradient(165deg,#F9FFDC 0%,#fff 50%,#F9FFDC 100%);padding:80px 30px}
.valuesWrap .innerCt{max-width:1366px;margin:0 auto}
.valuesWrap h2{font-size:42px;text-align:center;color:#1a1a1a;margin:0 0 64px;font-weight:600}
.valuesWrap .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.valuesWrap .card{background:#fff;padding:32px 28px;border-radius:4px;box-shadow:0 4px 16px #ae175414;transition:transform .2s linear,box-shadow .2s linear}
.valuesWrap .card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ae175424}
.valuesWrap .card .icn{width:52px;height:52px;margin-bottom:20px;background:linear-gradient(125deg,#22AA9F 0%,#AE1754 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.valuesWrap .card .icn i{font-size:26px;color:#fff}
.valuesWrap .card h3{font-size:22px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.valuesWrap .card p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.expertiseWrap{max-width:1366px;margin:0 auto;padding:90px 30px}
.expertiseWrap h2{font-size:38px;color:#1a1a1a;margin:0 0 48px;font-weight:600}
.expertiseWrap .processGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.expertiseWrap .processItem{display:flex;gap:20px;padding:28px;background:#fafafa;border-left:4px solid transparent;border-radius:3px;transition:border-color .2s linear,background .2s linear}
.expertiseWrap .processItem:nth-child(1){border-left-color:#22AA9F}
.expertiseWrap .processItem:nth-child(2){border-left-color:#AE1754}
.expertiseWrap .processItem:nth-child(3){border-left-color:#22AA9F}
.expertiseWrap .processItem:nth-child(4){border-left-color:#AE1754}
.expertiseWrap .processItem:hover{background:#f4f4f4}
.expertiseWrap .processItem .numBox{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}
.expertiseWrap .processItem .txtBox h3{font-size:20px;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.expertiseWrap .processItem .txtBox p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.approachWrap{background:linear-gradient(79deg,#22AA9F 0%,#AE1754 50%,#F9FFDC 100%);padding:90px 30px}
.approachWrap .innerCt{max-width:1366px;margin:0 auto;background:#fff;border-radius:5px;padding:60px;box-shadow:0 12px 32px #0000001a}
.approachWrap h2{font-size:40px;color:#1a1a1a;margin:0 0 36px;font-weight:600;text-align:center}
.approachWrap .contentLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.approachWrap .txtArea h3{font-size:26px;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.approachWrap .txtArea p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 18px}
.approachWrap .txtArea p:last-child{margin-bottom:0}
.approachWrap .imgArea{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.approachWrap .imgArea img{width:100%;height:200px;object-fit:cover;border-radius:4px;box-shadow:0 4px 12px #22aa9f26}
@media (max-width: 1024px) {
.titleWrap{height:380px}
.titleWrap .hdText h1{font-size:44px}
.storyWrap{grid-template-columns:1fr;gap:48px;padding:70px 30px}
.valuesWrap .grid{grid-template-columns:1fr;gap:28px}
.expertiseWrap .processGrid{grid-template-columns:1fr}
.approachWrap .contentLayout{grid-template-columns:1fr;gap:40px}
.approachWrap .imgArea{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.titleWrap{height:320px}
.titleWrap .hdText h1{font-size:36px}
.storyWrap{padding:60px 20px}
.storyWrap .txtCol h2{font-size:30px}
.valuesWrap{padding:60px 20px}
.valuesWrap h2{font-size:34px;margin-bottom:48px}
.expertiseWrap{padding:60px 20px}
.expertiseWrap h2{font-size:32px}
.approachWrap{padding:60px 20px}
.approachWrap .innerCt{padding:40px 24px}
.approachWrap h2{font-size:32px}
.approachWrap .imgArea{grid-template-columns:1fr}
.approachWrap .imgArea img{height:240px}
}
.scWrap{max-width:1366px;margin:0 auto;padding:0 20px}
.bnr{background:linear-gradient(135deg,#F9FFDC 0%,#22aa9f26 100%);padding:120px 0 80px;position:relative;overflow:hidden}
.bnr::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ae175414 0%,transparent 70%);top:-100px;right:-100px;animation:driftSlow 8s linear infinite}
.bnr::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#22aa9f0f 0%,transparent 70%);bottom:-80px;left:-80px;animation:driftSlow 10s linear infinite reverse}
@keyframes driftSlow {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(20px,20px) rotate(360deg)}
}
.bnr .scWrap{position:relative;z-index:2}
.icnWrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#22AA9F 0%,#AE1754 100%);border-radius:50%;margin-bottom:32px;box-shadow:0 8px 24px #22aa9f40}
.icnWrap i{font-size:38px;color:#fff}
.hdng{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.subHdng{font-size:24px;font-weight:400;color:#4a4a4a;margin:0 0 28px;line-height:1.4}
.msgTxt{font-size:18px;color:#666;line-height:1.7;max-width:680px;margin-bottom:40px}
.actionsRow{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.primBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#22AA9F 0%,#1a8a82 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #22aa9f4d;transition:all .3s linear;position:relative;z-index:10}
.primBtn:hover{background:linear-gradient(135deg,#1a8a82 0%,#22AA9F 100%);box-shadow:0 6px 18px #22aa9f66;transform:translateY(-2px)}
.primBtn i{font-size:18px}
.secBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#22AA9F;text-decoration:none;border:2px solid #22AA9F;border-radius:4px;font-size:16px;font-weight:600;transition:all .3s linear;position:relative;z-index:10}
.secBtn:hover{background:#22AA9F;color:#fff;transform:translateY(-2px)}
.secBtn i{font-size:18px}
.infoCrds{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:60px}
.infoCrd{background:#fff;padding:28px 24px;border-radius:6px;border-left:4px solid #22AA9F;box-shadow:0 2px 12px #0000000f;transition:all .3s linear}
.infoCrd:nth-child(2){border-left-color:#AE1754}
.infoCrd:nth-child(3){border-left-color:#22AA9F}
.infoCrd:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}
.infoCrd .crdIcn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#22aa9f1a;border-radius:50%;margin-bottom:16px}
.infoCrd:nth-child(2) .crdIcn{background:#ae17541a}
.infoCrd .crdIcn i{font-size:22px;color:#22AA9F}
.infoCrd:nth-child(2) .crdIcn i{color:#AE1754}
.infoCrd .crdTtl{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 10px}
.infoCrd .crdTxt{font-size:15px;color:#666;line-height:1.6;margin:0}
.refNum{display:inline-block;background:#22aa9f1a;color:#22AA9F;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;margin-top:20px}
@media (max-width: 768px) {
.bnr{padding:80px 0 60px}
.hdng{font-size:36px}
.subHdng{font-size:20px}
.msgTxt{font-size:16px}
.actionsRow{flex-direction:column;align-items:stretch}
.primBtn,.secBtn{justify-content:center;width:100%}
.infoCrds{grid-template-columns:1fr;margin-top:40px}
}
@media (max-width: 480px) {
.bnr{padding:60px 0 40px}
.hdng{font-size:28px}
.subHdng{font-size:18px}
.icnWrap{width:64px;height:64px;margin-bottom:24px}
.icnWrap i{font-size:30px}
}