*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background:#FFF;color:#2A2A2A;line-height:1.6}
.siteHd{background:#fdf8f5d9;backdrop-filter:blur(12px);border-bottom:2px solid #8f57de26;padding:0}
.siteHd .hdWrap{max-width:1366px;margin:0 auto;padding:0 20px}
.siteHd .hdTopRow{display:flex;justify-content:space-between;align-items:center;padding:18px 0;min-height:90px}
.siteHd .brandZone{display:flex;align-items:center;gap:16px}
.siteHd .logoBox{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:4px;box-shadow:0 2px 8px #8f57de1f}
.siteHd .siteLogo{width:100%;height:100%;object-fit:contain}
.siteHd .brandTxt{display:flex;flex-direction:column;gap:2px}
.siteHd .companyNm{font-size:28px;font-weight:700;color:#8F57DE;letter-spacing:-.5px}
.siteHd .tagline{font-size:13px;color:#666;font-weight:400}
.siteHd .mainNv{display:flex;gap:32px;align-items:center}
.siteHd .nvLink{color:#2A2A2A;text-decoration:none;font-size:16px;font-weight:400;padding:8px 0;position:relative;transition:color .2s ease}
.siteHd .nvLink:hover{color:#8F57DE}
.siteHd .nvLink::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#8F57DE,#B219BA);transition:width .3s ease}
.siteHd .nvLink:hover::after{width:100%}
main{min-height:400px}
.siteFt{background:#1A1A1A;color:#FFF;padding:60px 0 0;margin-top:80px}
.siteFt .ftWrap{max-width:1366px;margin:0 auto;padding:0 20px}
.siteFt .ftContent{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px;padding-bottom:50px;border-bottom:3px solid #8F57DE}
.siteFt .ftBlock{position:relative}
.siteFt .ftBlock1{padding-right:30px}
.siteFt .ftBlock1::after{content:'';position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#8F57DE,#B219BA)}
.siteFt .ftBlock2{padding-left:20px}
.siteFt .ftHd{font-size:22px;font-weight:700;margin-bottom:20px;color:#FDF8F5;text-transform:uppercase;letter-spacing:1px}
.siteFt .ftDesc{font-size:15px;line-height:1.7;color:#CCC}
.siteFt .ftNv{display:flex;flex-direction:column;gap:12px}
.siteFt .ftLink{color:#CCC;text-decoration:none;font-size:15px;padding:6px 0;border-left:3px solid transparent;padding-left:12px;transition:all .2s ease}
.siteFt .ftLink:hover{color:#FDF8F5;border-left-color:#8F57DE;padding-left:18px}
.siteFt .ftContact{display:flex;flex-direction:column;gap:16px}
.siteFt .contactItem{display:flex;align-items:flex-start;gap:12px;color:#CCC;font-size:15px}
.siteFt .contactItem i{font-size:20px;color:#8F57DE;margin-top:2px;flex-shrink:0}
.siteFt .ftBtm{padding:30px 0;text-align:center}
.siteFt .copyright{font-size:14px;color:#999}
.ckiePanel{display:none;position:fixed;left:20px;top:50%;transform:translateY(-50%);width:380px;background:#FFF;border:0;box-shadow:0 8px 24px #0003;z-index:9999;opacity:0;transition:opacity .3s ease}
.ckiePanel.visible{opacity:1}
.ckiePanel .ckieInner{padding:0}
.ckiePanel .ckieHdr{display:flex;background:#8F57DE}
.ckiePanel .ckieTab{flex:1;padding:14px;border:none;background:transparent;color:#ffffffb3;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}
.ckiePanel .ckieTab.active{background:#FFF;color:#8F57DE}
.ckiePanel .ckieBody{padding:24px}
.ckiePanel .ckieContent{display:none}
.ckiePanel .ckieContent.active{display:block}
.ckiePanel .ckieContent h4{font-size:19px;margin-bottom:12px;color:#2A2A2A}
.ckiePanel .ckieContent p{font-size:14px;line-height:1.6;color:#666;margin-bottom:16px}
.ckiePanel .ckieOpt{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.ckiePanel .ckieOpt label{display:flex;align-items:center;gap:10px;font-size:14px;color:#2A2A2A;cursor:pointer}
.ckiePanel .ckieChk{width:18px;height:18px;cursor:pointer}
.ckiePanel .optOutSec{margin:16px 0;padding:12px;background:#FDF8F5;border-left:3px solid #B219BA}
.ckiePanel .optOutSec label{display:flex;align-items:center;gap:10px;font-size:14px;color:#2A2A2A;cursor:pointer}
.ckiePanel .ckiePolicy{font-size:13px;margin-top:12px}
.ckiePanel .ckiePolicy a{color:#8F57DE;text-decoration:underline}
.ckiePanel .ckieBtns{display:flex;gap:0;padding:0}
.ckiePanel .ckieBtn{flex:1;padding:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease}
.ckiePanel .acceptBtn{background:#8F57DE;color:#FFF}
.ckiePanel .acceptBtn:hover{background:#7842C4}
.ckiePanel .declineBtn{background:#E0E0E0;color:#2A2A2A}
.ckiePanel .declineBtn:hover{background:#CCC}
.ckiePanel .saveBtn{background:#B219BA;color:#FFF}
.ckiePanel .saveBtn:hover{background:#9A1599}
.ckieManager{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background:linear-gradient(135deg,#8F57DE,#B219BA);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #8f57de4d;transition:all .2s ease;z-index:9998}
.ckieManager:hover{box-shadow:0 6px 18px #8f57de80;transform:translateY(-2px)}
.ckieManager i{font-size:26px;color:#FFF}
@media (max-width: 1024px) {
.siteHd .hdTopRow{flex-direction:column;gap:20px;padding:20px 0}
.siteHd .mainNv{width:100%;justify-content:center;flex-wrap:wrap;gap:20px}
.siteFt .ftContent{grid-template-columns:1fr;gap:40px}
.siteFt .ftBlock1::after{display:none}
.ckiePanel{left:10px;right:10px;width:auto;max-width:400px}
}
@media (max-width: 768px) {
.siteHd .companyNm{font-size:24px}
.siteHd .tagline{font-size:12px}
.siteHd .mainNv{gap:16px}
.siteHd .nvLink{font-size:15px}
.siteFt{padding:40px 0 0}
.siteFt .ftHd{font-size:19px}
.siteFt .ftDesc,.siteFt .ftLink,.siteFt .contactItem{font-size:14px}
.ckiePanel{top:auto;bottom:0;left:0;right:0;transform:none;max-width:none;width:100%}
.ckieManager{bottom:20px;right:20px;width:50px;height:50px}
.ckieManager i{font-size:22px}
}
@media (max-width: 480px) {
.siteHd .logoBox{width:60px;height:60px}
.siteHd .companyNm{font-size:20px}
.siteHd .brandZone{gap:12px}
.siteHd .mainNv{gap:12px}
.siteHd .nvLink{font-size:14px}
.ckiePanel .ckieBody{padding:18px}
.ckiePanel .ckieContent h4{font-size:17px}
}
.policy-layout{max-width:1366px;margin:0 auto;padding:60px 20px;background:#FFF}
.policy-layout h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 32px;font-weight:700;letter-spacing:-.5px}
.policy-layout h2{font-size:32px;line-height:1.3;color:#2a2a2a;margin:48px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-layout h3{font-size:24px;line-height:1.4;color:#3a3a3a;margin:36px 0 18px;font-weight:600}
.policy-layout h4{font-size:20px;line-height:1.4;color:#4a4a4a;margin:28px 0 14px;font-weight:600}
.policy-layout h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600}
.policy-layout h6{font-size:16px;line-height:1.5;color:#6a6a6a;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-layout p{font-size:16px;line-height:1.75;color:#444;margin:0 0 20px;font-weight:400}
.policy-layout strong,.policy-layout b{font-weight:700;color:#2a2a2a}
.policy-layout em,.policy-layout i{font-style:italic;color:#555}
.policy-layout div{margin:0 0 16px}
.policy-layout table{width:100%;border-collapse:collapse;margin:32px 0;background:#FFF;box-shadow:0 2px 8px #00000014}
.policy-layout thead{background:linear-gradient(135deg,#8F57DE,#B219BA)}
.policy-layout thead tr{border:none}
.policy-layout thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#FFF;letter-spacing:.3px;border-bottom:2px solid #9d3ec7}
.policy-layout tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.policy-layout tbody tr:hover{background:#fafafa}
.policy-layout tbody tr:last-child{border-bottom:none}
.policy-layout tbody td{padding:14px 20px;font-size:15px;line-height:1.6;color:#444;vertical-align:top}
.policy-layout tbody th{padding:14px 20px;font-size:15px;font-weight:600;color:#2a2a2a;text-align:left;background:#f9f9f9}
@media (max-width: 1024px) {
.policy-layout{padding:50px 18px}
.policy-layout h1{font-size:36px;margin-bottom:28px}
.policy-layout h2{font-size:28px;margin-top:40px}
.policy-layout h3{font-size:22px}
}
@media (max-width: 768px) {
.policy-layout{padding:40px 16px}
.policy-layout h1{font-size:32px;margin-bottom:24px}
.policy-layout h2{font-size:24px;margin-top:36px;margin-bottom:20px}
.policy-layout h3{font-size:20px;margin-top:28px;margin-bottom:16px}
.policy-layout h4{font-size:18px}
.policy-layout p{font-size:15px;line-height:1.7}
.policy-layout table{margin:24px 0;font-size:14px}
.policy-layout thead th{padding:12px 14px;font-size:14px}
.policy-layout tbody td,.policy-layout tbody th{padding:12px 14px;font-size:14px}
}
@media (max-width: 480px) {
.policy-layout{padding:32px 14px}
.policy-layout h1{font-size:28px;margin-bottom:20px}
.policy-layout h2{font-size:22px;margin-top:32px;margin-bottom:18px}
.policy-layout h3{font-size:18px;margin-top:24px;margin-bottom:14px}
.policy-layout h4{font-size:17px}
.policy-layout h5{font-size:16px}
.policy-layout h6{font-size:15px}
.policy-layout p{font-size:15px;margin-bottom:18px}
.policy-layout table{display:block;overflow-x:auto;margin:20px -14px;width:calc(100% + 28px);box-shadow:none}
.policy-layout thead th{padding:10px 12px;font-size:13px}
.policy-layout tbody td,.policy-layout tbody th{padding:10px 12px;font-size:13px}
}
.heroWrap{position:relative;padding:80px 20px 60px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fdf8f51a 0%,transparent 70%);border-radius:50%}
.heroContainer{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTxt{color:#FDF8F5}
.heroTxt h1{font-size:48px;font-weight:700;margin:0 0 20px;line-height:1.2}
.heroTxt p{font-size:18px;line-height:1.6;margin:0 0 30px;opacity:.95}
.heroBt{display:inline-block;padding:14px 32px;background:#FDF8F5;color:#8F57DE;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s;border:2px solid transparent}
.heroBt:hover{background:transparent;color:#FDF8F5;border-color:#FDF8F5;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}
.heroVis{position:relative}
.heroVis img{width:100%;height:400px;object-fit:cover;border-radius:6px;box-shadow:0 12px 40px #0003}
.dataWrap{padding:80px 20px;background:#FDF8F5}
.dataContainer{max-width:1366px;margin:0 auto}
.dataHd{text-align:center;margin-bottom:60px}
.dataHd h2{font-size:36px;color:#333;margin:0 0 16px;position:relative;display:inline-block}
.dataHd h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#8F57DE,#B219BA)}
.dataHd p{font-size:17px;color:#666;max-width:700px;margin:20px auto 0;line-height:1.6}
.dataGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.dataCard{background:#fff;padding:40px 30px;border-radius:4px;box-shadow:0 4px 16px #00000014;transition:all .3s;border-left:4px solid #8F57DE}
.dataCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #8f57de26}
.dataCard h3{font-size:22px;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.dataCard h3 i{color:#8F57DE;font-size:28px}
.dataCard p{font-size:15px;color:#666;line-height:1.7;margin:0}
.impactSec{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#f8f4ff 100%)}
.impactContainer{max-width:1366px;margin:0 auto;display:flex;gap:60px;align-items:center}
.impactImg{flex:1}
.impactImg img{width:100%;height:450px;object-fit:cover;border-radius:6px;box-shadow:0 8px 30px #0000001a}
.impactContent{flex:1}
.impactContent h2{font-size:34px;color:#333;margin:0 0 24px}
.impactContent h2::before{content:'';display:block;width:50px;height:4px;background:#B219BA;margin-bottom:16px}
.impactList{list-style:none;padding:0;margin:0}
.impactList li{padding:16px 0;border-bottom:1px solid #e8e8e8;font-size:16px;color:#555;display:flex;align-items:flex-start;gap:12px}
.impactList li:last-child{border-bottom:none}
.impactList li i{color:#8F57DE;font-size:20px;margin-top:2px}
.philosophySec{padding:80px 20px;background:#fff}
.philosophyContainer{max-width:1366px;margin:0 auto}
.philosophyTop{text-align:center;margin-bottom:50px}
.philosophyTop h2{font-size:36px;color:#333;margin:0 0 20px}
.philosophyTop p{font-size:17px;color:#666;max-width:800px;margin:0 auto;line-height:1.7}
.philosophyGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.philosophyBox{background:#FDF8F5;padding:40px;border-radius:5px;position:relative;overflow:hidden}
.philosophyBox::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#8F57DE 0%,#B219BA 100%)}
.philosophyBox h3{font-size:24px;color:#333;margin:0 0 16px}
.philosophyBox p{font-size:15px;color:#666;line-height:1.7;margin:0 0 12px}
.philosophyBox p:last-child{margin-bottom:0}
.philosophyImg{grid-column:1 / -1;margin-top:20px}
.philosophyImg img{width:100%;height:350px;object-fit:cover;border-radius:6px;box-shadow:0 6px 24px #0000001a}
.progressSec{padding:80px 20px;background:linear-gradient(135deg,#f5f0ff 0%,#fff 100%)}
.progressContainer{max-width:1366px;margin:0 auto}
.progressHeader{text-align:center;margin-bottom:60px}
.progressHeader h2{font-size:36px;color:#333;margin:0 0 20px}
.progressHeader p{font-size:17px;color:#666;max-width:750px;margin:0 auto;line-height:1.6}
.trackWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.trackItem{text-align:center;padding:30px 20px;background:#fff;border-radius:4px;box-shadow:0 3px 12px #0000000f;transition:all .3s;position:relative}
.trackItem:hover{box-shadow:0 6px 20px #8f57de1f;transform:translateY(-4px)}
.trackItem::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(90deg,#8F57DE,#B219BA);border-radius:0 0 2px 2px}
.trackNum{font-size:42px;font-weight:700;color:#8F57DE;margin:20px 0 12px;line-height:1}
.trackLabel{font-size:15px;color:#555;font-weight:600;margin:0}
.trackDesc{font-size:14px;color:#777;margin:10px 0 0;line-height:1.5}
.trackVis{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.trackVis img{width:100%;height:280px;object-fit:cover;border-radius:5px;box-shadow:0 5px 18px #0000001a}
.ctaSec{padding:70px 20px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);position:relative;overflow:hidden}
.ctaSec::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#fdf8f514 0%,transparent 70%);border-radius:50%}
.ctaContainer{max-width:1366px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaContainer h2{font-size:38px;color:#FDF8F5;margin:0 0 20px}
.ctaContainer p{font-size:18px;color:#FDF8F5;opacity:.95;max-width:700px;margin:0 auto 32px;line-height:1.6}
.ctaBtns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaBtn{display:inline-block;padding:14px 36px;background:#FDF8F5;color:#8F57DE;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s;border:2px solid #FDF8F5}
.ctaBtn:hover{background:transparent;color:#FDF8F5;transform:translateY(-2px);box-shadow:0 6px 18px #0003}
.ctaBtnAlt{background:transparent;color:#FDF8F5;border:2px solid #FDF8F5}
.ctaBtnAlt:hover{background:#FDF8F5;color:#8F57DE}
@media (max-width: 1024px) {
.heroContainer{grid-template-columns:1fr;gap:40px}
.heroTxt h1{font-size:38px}
.dataGrid{grid-template-columns:1fr}
.impactContainer{flex-direction:column}
.philosophyGrid{grid-template-columns:1fr}
.trackWrap{grid-template-columns:repeat(2,1fr)}
.trackVis{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px 40px}
.heroTxt h1{font-size:32px}
.heroVis img{height:300px}
.dataWrap,.impactSec,.philosophySec,.progressSec{padding:60px 20px}
.dataHd h2,.philosophyTop h2,.progressHeader h2{font-size:28px}
.impactContent h2{font-size:28px}
.impactImg img{height:320px}
.trackWrap{grid-template-columns:1fr}
.ctaContainer h2{font-size:30px}
.ctaBtns{flex-direction:column;align-items:center}
.ctaBtn,.ctaBtnAlt{width:100%;max-width:300px}
}
@media (max-width: 480px) {
.heroTxt h1{font-size:26px}
.heroVis img{height:250px}
.dataCard{padding:30px 20px}
.philosophyBox{padding:30px 24px}
.trackItem{padding:24px 16px}
}
.cntHero{background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);padding:90px 20px 80px;position:relative;overflow:hidden}
.cntHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.cntHero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#fdf8f514 0%,transparent 65%);border-radius:50%}
.heroWrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.heroContent{max-width:720px;margin:0 auto;text-align:center}
.heroContent h1{font-size:3.2rem;color:#FDF8F5;margin:0 0 24px;font-weight:700;line-height:1.2;text-shadow:0 2px 8px #00000026}
.heroContent p{font-size:1.15rem;color:#fdf8f5eb;line-height:1.6;margin:0}
.infoGrid{background:#FDF8F5;padding:70px 20px}
.infoCont{max-width:1366px;margin:0 auto}
.gridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:0}
.infoCard{background:#fff;padding:36px 28px;border-radius:6px;box-shadow:0 3px 12px #8f57de14;border-left:4px solid #8F57DE;transition:all .3s ease}
.infoCard:hover{box-shadow:0 6px 20px #8f57de24;transform:translateY(-4px)}
.infoCard i{font-size:2.4rem;color:#B219BA;margin-bottom:20px;display:block}
.infoCard h3{font-size:1.3rem;color:#2a2a2a;margin:0 0 14px;font-weight:600}
.infoCard p{font-size:.98rem;color:#5a5a5a;line-height:1.6;margin:0 0 16px}
.infoCard a{color:#8F57DE;text-decoration:none;font-weight:500;transition:color .2s}
.infoCard a:hover{color:#B219BA}
.formSection{background:linear-gradient(180deg,#fff 0%,#f8f6f9 100%);padding:80px 20px}
.formCont{max-width:720px;margin:0 auto}
.formHead{text-align:center;margin-bottom:48px}
.formHead h2{font-size:2.4rem;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.formHead p{font-size:1.05rem;color:#5a5a5a;line-height:1.6;margin:0}
.cntForm{background:#fff;padding:44px 36px;border-radius:6px;box-shadow:0 4px 16px #8f57de1a}
.fldGrp{margin-bottom:28px}
.fldGrp label{display:block;font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:8px}
.fldGrp input[type="text"],.fldGrp input[type="email"],.fldGrp textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;color:#2a2a2a;transition:border-color .3s;box-sizing:border-box}
.fldGrp input[type="text"]:focus,.fldGrp input[type="email"]:focus,.fldGrp textarea:focus{outline:none;border-color:#8F57DE}
.fldGrp textarea{min-height:140px;resize:vertical}
.ratingWrap{margin-bottom:28px}
.ratingWrap > label{display:block;font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:16px}
.ratingOpts{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}
.ratingItem{position:relative}
.ratingItem input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.ratingItem label{display:block;padding:12px 24px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.92rem;font-weight:500;color:#5a5a5a;transition:all .3s;text-align:center;min-width:80px}
.ratingItem input[type="radio"]:checked + label{background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);border-color:#8F57DE;color:#fff;box-shadow:0 3px 8px #8f57de4d}
.ratingItem label:hover{border-color:#8F57DE}
.privacyChk{margin-bottom:28px;display:flex;align-items:flex-start;gap:10px}
.privacyChk input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyChk label{font-size:.9rem;color:#5a5a5a;line-height:1.5;cursor:pointer}
.privacyChk a{color:#8F57DE;text-decoration:none;font-weight:500}
.privacyChk a:hover{text-decoration:underline}
.submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);color:#fff;border:none;border-radius:4px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8f57de40}
.submitBtn:hover{box-shadow:0 6px 18px #8f57de59;transform:translateY(-2px)}
.submitBtn:active{transform:translateY(0)}
.mapAlternative{background:#2a2a2a;padding:70px 20px;position:relative}
.mapAlternative::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,#8f57de08,#8f57de08 20px,#b219ba08 20px,#b219ba08 40px)}
.mapCont{max-width:1366px;margin:0 auto;position:relative;z-index:2;text-align:center}
.mapCont h2{font-size:2.2rem;color:#FDF8F5;margin:0 0 20px;font-weight:700}
.mapCont p{font-size:1.1rem;color:#fdf8f5d9;line-height:1.6;max-width:620px;margin:0 auto 32px}
.locDetail{display:inline-block;background:#fdf8f514;padding:20px 32px;border-radius:4px;border:1px solid #fdf8f526}
.locDetail span{font-size:1.05rem;color:#FDF8F5;display:block;line-height:1.7}
.hoursSection{background:#FDF8F5;padding:70px 20px}
.hoursCont{max-width:1366px;margin:0 auto}
.hoursInner{max-width:840px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.hoursText h2{font-size:2.1rem;color:#2a2a2a;margin:0 0 18px;font-weight:700}
.hoursText p{font-size:1.02rem;color:#5a5a5a;line-height:1.6;margin:0 0 28px}
.quickLinks{display:flex;flex-direction:column;gap:12px}
.quickLinks a{display:inline-block;padding:12px 24px;background:#fff;color:#8F57DE;text-decoration:none;border-radius:4px;font-weight:600;border:2px solid #8F57DE;transition:all .3s;text-align:center}
.quickLinks a:hover{background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);color:#fff;border-color:#8F57DE}
.hoursList{background:#fff;padding:32px;border-radius:6px;box-shadow:0 3px 12px #8f57de14}
.hoursList h3{font-size:1.4rem;color:#2a2a2a;margin:0 0 20px;font-weight:600}
.hoursRow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}
.hoursRow:last-child{border-bottom:none}
.hoursRow span:first-child{font-weight:600;color:#2a2a2a}
.hoursRow span:last-child{color:#5a5a5a}
@media (max-width: 768px) {
.cntHero{padding:60px 20px 50px}
.heroContent h1{font-size:2.2rem}
.heroContent p{font-size:1.05rem}
.infoGrid{padding:50px 20px}
.gridLayout{grid-template-columns:1fr;gap:24px}
.formSection{padding:50px 20px}
.formHead h2{font-size:1.9rem}
.cntForm{padding:32px 24px}
.ratingOpts{flex-direction:column}
.ratingItem label{width:100%}
.hoursInner{grid-template-columns:1fr;gap:36px}
.mapAlternative{padding:50px 20px}
.mapCont h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.heroContent h1{font-size:1.85rem}
.infoCard{padding:28px 20px}
.formHead h2{font-size:1.65rem}
.cntForm{padding:24px 18px}
.hoursList{padding:24px 18px}
}
.srvHdr{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);padding:80px 20px}
.srvHdr::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fdf8f526 0%,transparent 70%);border-radius:50%}
.srvHdr::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#b219ba4d 0%,transparent 70%);border-radius:50%}
.hdr-wrap{position:relative;z-index:2;max-width:1366px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hdr-txt{color:#FDF8F5}
.hdr-txt h1{font-size:52px;line-height:1.2;margin:0 0 24px;font-weight:700}
.hdr-txt h1 span{position:relative;display:inline-block}
.hdr-txt h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:#FDF8F5;border-radius:2px}
.hdr-txt p{font-size:19px;line-height:1.6;margin:0 0 32px;opacity:.95}
.hdr-img-container{position:relative;display:flex;align-items:center;justify-content:center}
.hdr-img-frame{position:relative;width:100%;max-width:480px;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);overflow:hidden;box-shadow:0 12px 40px #0000004d}
.hdr-img-frame img{width:100%;height:auto;display:block;object-fit:cover;filter:brightness(0.95) contrast(1.05)}
.hdr-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.shape1{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border:3px solid #fdf8f566;border-radius:50%}
.shape2{position:absolute;bottom:-30px;left:-30px;width:80px;height:80px;background:#fdf8f533;transform:rotate(45deg)}
.hdr-btn{display:inline-block;padding:16px 42px;background:#FDF8F5;color:#8F57DE;text-decoration:none;font-size:17px;font-weight:600;border-radius:4px;border:2px solid #FDF8F5;transition:all .3s ease}
.hdr-btn:hover{background:transparent;color:#FDF8F5;transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.srvList{padding:100px 20px;background:#FDF8F5}
.srvList-container{max-width:1366px;margin:0 auto}
.srvList-hdr{text-align:center;margin-bottom:70px}
.srvList-hdr h2{font-size:42px;color:#2a2a2a;margin:0 0 18px;font-weight:700}
.srvList-hdr p{font-size:18px;color:#5a5a5a;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.srv-card{background:#fff;padding:40px 32px;border-radius:6px;border:2px solid #e8e8e8;transition:all .3s ease;position:relative}
.srv-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8F57DE 0%,#B219BA 100%);border-radius:6px 6px 0 0;opacity:0;transition:opacity .3s ease}
.srv-card:hover{border-color:#B219BA;box-shadow:0 8px 24px #8f57de26}
.srv-card:hover::before{opacity:1}
.srv-icon{width:64px;height:64px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .3s ease}
.srv-card:hover .srv-icon{transform:scale(1.1)}
.srv-icon i{font-size:28px;color:#FDF8F5}
.srv-card h3{font-size:24px;color:#2a2a2a;margin:0 0 16px;font-weight:600}
.srv-card p{font-size:16px;color:#6a6a6a;line-height:1.6;margin:0 0 20px}
.srv-features{list-style:none;padding:0;margin:0}
.srv-features li{font-size:15px;color:#5a5a5a;padding-left:26px;position:relative;margin-bottom:10px}
.srv-features li::before{content:'✓';position:absolute;left:0;color:#8F57DE;font-weight:700;font-size:16px}
.process-section{background:#fff;padding:60px 32px;border-radius:6px;border:2px solid #8F57DE}
.process-section h3{font-size:32px;color:#2a2a2a;margin:0 0 40px;text-align:center;font-weight:700}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.process-steps::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#8F57DE 0%,#B219BA 100%);z-index:0}
.step{text-align:center;position:relative;z-index:1}
.step-num{width:80px;height:80px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);color:#FDF8F5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px;border:4px solid #FDF8F5;box-shadow:0 4px 12px #8f57de4d}
.step h4{font-size:18px;color:#2a2a2a;margin:0 0 10px;font-weight:600}
.step p{font-size:15px;color:#6a6a6a;margin:0;line-height:1.5}
.cta-section{background:linear-gradient(135deg,#8f57de1a 0%,#b219ba1a 100%);padding:50px 40px;border-radius:6px;text-align:center;margin-top:60px}
.cta-section h3{font-size:34px;color:#2a2a2a;margin:0 0 16px;font-weight:700}
.cta-section p{font-size:18px;color:#5a5a5a;margin:0 0 30px}
.cta-btn{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);color:#FDF8F5;text-decoration:none;font-size:18px;font-weight:600;border-radius:4px;border:2px solid transparent;transition:all .3s ease}
.cta-btn:hover{background:transparent;border-color:#8F57DE;color:#8F57DE;transform:translateY(-2px);box-shadow:0 6px 20px #8f57de33}
@media (max-width: 1024px) {
.hdr-wrap{grid-template-columns:1fr;gap:40px}
.hdr-txt h1{font-size:42px}
.srv-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.process-steps{grid-template-columns:repeat(2,1fr)}
.process-steps::before{display:none}
}
@media (max-width: 768px) {
.srvHdr{min-height:400px;padding:60px 20px}
.hdr-txt h1{font-size:36px}
.hdr-txt p{font-size:17px}
.srv-grid{grid-template-columns:1fr;gap:24px}
.process-steps{grid-template-columns:1fr}
.srvList-hdr h2{font-size:34px}
.cta-section h3{font-size:28px}
}
@media (max-width: 480px) {
.hdr-txt h1{font-size:30px}
.hdr-btn{padding:14px 32px;font-size:16px}
.srv-card{padding:32px 24px}
.process-section{padding:40px 24px}
.cta-btn{padding:16px 36px;font-size:17px}
}
.titleWrap{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%)}
.titleWrap::before{content:'';position:absolute;top:-15%;left:-10%;width:45%;height:70%;background:radial-gradient(circle,#fdf8f526 0%,transparent 70%);filter:blur(60px);pointer-events:none}
.titleWrap::after{content:'';position:absolute;bottom:-20%;right:-5%;width:50%;height:65%;background:radial-gradient(circle,#b219ba4d 0%,transparent 70%);filter:blur(80px);pointer-events:none}
.titleWrap .titleContainer{max-width:1366px;width:90%;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:80px 0}
.titleWrap .titleTxt h1{font-size:3.2em;font-weight:700;color:#FDF8F5;margin:0 0 24px;line-height:1.15}
.titleWrap .titleTxt .leadTxt{font-size:1.15em;color:#fdf8f5eb;line-height:1.7;margin:0 0 16px}
.titleWrap .titleImg{position:relative;height:420px;border-radius:4px;overflow:hidden}
.titleWrap .titleImg img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.85}
.titleWrap .titleImg::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#8f57de99 0%,#b219ba66 100%);z-index:1;pointer-events:none}
.storySection{padding:100px 0;background:#FDF8F5}
.storySection .storyInner{max-width:1366px;width:88%;margin:0 auto}
.storySection .storyGrid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:start}
.storySection .storyLeft{position:sticky;top:100px}
.storySection .storyLeft h2{font-size:2.4em;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.25}
.storySection .storyLeft h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#8F57DE,#B219BA);margin-bottom:18px;border-radius:3px}
.storySection .storyLeft p{font-size:1.05em;color:#444;line-height:1.75;margin:0 0 14px}
.storySection .storyRight{display:flex;flex-direction:column;gap:48px}
.storyItem{background:#fff;border:1px solid #8f57de1f;border-radius:4px;padding:32px;position:relative;transition:all .3s ease}
.storyItem:hover{border-color:#8F57DE;box-shadow:0 6px 20px #8f57de26}
.storyItem h3{font-size:1.6em;font-weight:600;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.storyItem h3 i{color:#8F57DE;font-size:1.3em}
.storyItem p{font-size:1em;color:#555;line-height:1.7;margin:0 0 12px}
.storyItem .itemMeta{display:inline-flex;align-items:center;gap:8px;font-size:.92em;color:#B219BA;font-weight:500;margin-top:10px}
.storyItem .itemMeta i{font-size:1.1em}
.approachWrap{background:linear-gradient(180deg,#fff 0%,#FDF8F5 100%);padding:90px 0 110px}
.approachWrap .approachBox{max-width:1366px;width:88%;margin:0 auto}
.approachWrap .approachHd{text-align:center;margin-bottom:70px}
.approachWrap .approachHd h2{font-size:2.6em;font-weight:700;color:#1a1a1a;margin:0 0 18px;position:relative;display:inline-block}
.approachWrap .approachHd h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#8F57DE,#B219BA);border-radius:3px}
.approachWrap .approachHd p{font-size:1.1em;color:#555;line-height:1.65;max-width:720px;margin:22px auto 0}
.approachWrap .methodDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.methodCard{background:#fff;border:1px solid #8f57de26;border-radius:5px;padding:40px 28px;text-align:center;transition:all .35s ease;position:relative;overflow:hidden}
.methodCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8F57DE,#B219BA);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.methodCard:hover::before{transform:scaleX(1)}
.methodCard:hover{border-color:#8F57DE;box-shadow:0 8px 24px #8f57de2e;transform:translateY(-6px)}
.methodCard .cardIcon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8f57de1a,#b219ba1a);border-radius:50%;transition:all .3s ease}
.methodCard:hover .cardIcon{background:linear-gradient(135deg,#8f57de33,#b219ba33);transform:scale(1.08)}
.methodCard .cardIcon i{font-size:2.4em;color:#8F57DE}
.methodCard h4{font-size:1.4em;font-weight:600;color:#1a1a1a;margin:0 0 14px;line-height:1.3}
.methodCard p{font-size:.98em;color:#555;line-height:1.7;margin:0}
.methodCard .cardImg{margin-top:20px;border-radius:3px;overflow:hidden;height:180px}
.methodCard .cardImg img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.methodCard:hover .cardImg img{transform:scale(1.05)}
@media (max-width: 1024px) {
.titleWrap .titleContainer{grid-template-columns:1fr;gap:40px}
.titleWrap .titleTxt h1{font-size:2.6em}
.titleWrap .titleImg{height:340px}
.storySection .storyGrid{grid-template-columns:1fr;gap:50px}
.storySection .storyLeft{position:static}
.approachWrap .methodDisplay{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.titleWrap{min-height:420px}
.titleWrap .titleContainer{padding:60px 0}
.titleWrap .titleTxt h1{font-size:2.2em}
.titleWrap .titleTxt .leadTxt{font-size:1.05em}
.titleWrap .titleImg{height:280px}
.storySection{padding:70px 0}
.storySection .storyLeft h2{font-size:2em}
.storySection .storyRight{gap:36px}
.storyItem{padding:26px}
.storyItem h3{font-size:1.4em}
.approachWrap{padding:70px 0 80px}
.approachWrap .approachHd{margin-bottom:50px}
.approachWrap .approachHd h2{font-size:2.2em}
.approachWrap .methodDisplay{grid-template-columns:1fr;gap:26px}
}
@media (max-width: 480px) {
.titleWrap .titleTxt h1{font-size:1.9em}
.titleWrap .titleTxt .leadTxt{font-size:1em}
.storySection .storyLeft h2{font-size:1.75em}
.storyItem h3{font-size:1.3em}
.approachWrap .approachHd h2{font-size:1.9em}
.methodCard{padding:32px 22px}
.methodCard .cardIcon{width:70px;height:70px}
.methodCard .cardIcon i{font-size:2em}
}
.pg .ctn{max-width:1366px;margin:0 auto;padding:0 20px}
.pg .successWrap{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f4ff 0%,#fef9f7 50%,#f5f0fd 100%)}
.pg .successWrap::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#8f57de26 0%,transparent 70%);top:-200px;right:-150px;filter:blur(80px);pointer-events:none}
.pg .successWrap::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#b219ba1f 0%,transparent 70%);bottom:-150px;left:-100px;filter:blur(90px);pointer-events:none}
.pg .msgBox{background:#fffffff2;border:1px solid #8f57de33;padding:60px 50px;text-align:center;position:relative;z-index:2;max-width:640px;width:100%;box-shadow:0 12px 40px #8f57de1a}
.pg .iconArea{margin-bottom:32px;position:relative;display:inline-block}
.pg .iconArea svg{width:80px;height:80px;filter:drop-shadow(0 4px 12px #8f57de40)}
.pg .iconArea::before{content:'';position:absolute;width:120px;height:120px;background:radial-gradient(circle,#8f57de1a 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:plse 2s infinite}
@keyframes plse {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}
}
.pg .msgBox h1{font-size:42px;line-height:1.2;margin:0 0 18px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
.pg .msgBox .sub{font-size:19px;line-height:1.6;color:#4a4a4a;margin:0 0 36px;max-width:480px;margin-left:auto;margin-right:auto}
.pg .btnArea{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.pg .btnArea .btn1{background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);color:#fff;padding:16px 40px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.pg .btnArea .btn1::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff26;transition:left .4s ease}
.pg .btnArea .btn1:hover::before{left:100%}
.pg .btnArea .btn1:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8f57de4d}
.pg .btnArea .btn2{background:transparent;color:#8F57DE;padding:16px 40px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;border:2px solid #8F57DE;transition:all .3s ease}
.pg .btnArea .btn2:hover{background:#8F57DE;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #8f57de40}
.pg .infoSection{padding:100px 0;background:#fff;position:relative}
.pg .infoSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#8f57de4d 50%,transparent 100%)}
.pg .gridWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto}
.pg .card{padding:36px 28px;background:linear-gradient(145deg,#fdfbff 0%,#f9f6fd 100%);border:1px solid #8f57de26;position:relative;overflow:hidden;transition:all .3s ease}
.pg .card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#8F57DE 0%,#B219BA 100%);transition:height .4s ease}
.pg .card:hover::before{height:100%}
.pg .card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #8f57de26}
.pg .card .icn{margin-bottom:20px}
.pg .card .icn i{font-size:44px;background:linear-gradient(135deg,#8F57DE 0%,#B219BA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pg .card h3{font-size:22px;line-height:1.3;margin:0 0 12px;color:#2a2a2a;font-weight:700}
.pg .card .txt{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.pg .gridWrap{grid-template-columns:repeat(2,1fr);gap:32px}
.pg .msgBox{padding:50px 40px}
.pg .msgBox h1{font-size:36px}
}
@media (max-width: 768px) {
.pg .gridWrap{grid-template-columns:1fr;gap:24px}
.pg .msgBox{padding:40px 30px}
.pg .msgBox h1{font-size:32px}
.pg .msgBox .sub{font-size:17px}
.pg .btnArea{flex-direction:column}
.pg .btnArea .btn1,.pg .btnArea .btn2{width:100%;text-align:center}
.pg .infoSection{padding:70px 0}
.pg .iconArea svg{width:64px;height:64px}
}
@media (max-width: 480px) {
.pg .msgBox h1{font-size:28px}
.pg .msgBox .sub{font-size:16px}
.pg .card{padding:28px 22px}
.pg .card h3{font-size:20px}
.pg .card .txt{font-size:15px}
}