@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/600-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/700-italic.css";
html{box-sizing:border-box}
body{margin:0;font-family:'Playfair Display',serif;font-size:18px;line-height:1.6;color:#1C313E;background-color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.heado{background:linear-gradient(135deg,#FFF 0%,#F8F8FC 100%);box-shadow:0 3px 2px 1px #736edf12;padding:24px 0}
.heado-inner{max-width:1320px;margin:0 auto;padding:0 24px}
.topRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:24px}
.logoWrap{background-color:#736EDF;padding:8px 16px;border-radius:14px;box-shadow:0 6px 22px 1px #736edf17;display:flex;flex-direction:column;align-items:center;gap:4px}
.logoImg{width:48px;height:48px;object-fit:contain}
.logoTag{font-size:15px;color:#FFF;font-weight:600;letter-spacing:.02em}
.utilNav{display:flex;gap:24px;align-items:center}
.utilNav a{font-size:15px;color:#1C313E;text-decoration:none;padding:8px 16px;border-radius:14px;border:2px solid transparent;transition:border-color .52s cubic-bezier(0.25,0.46,0.45,0.94),background-color .52s cubic-bezier(0.25,0.46,0.45,0.94)}
.utilNav a:hover{border-color:#736EDF;background:linear-gradient(135deg,#FFF 0%,#F0EFFD 100%)}
.utilNav a:focus{outline:none;border-color:#736EDF;background-color:#F8F8FC}
.mainNavWrap{background-color:#FFF;border-radius:22px;padding:16px 24px;border:2px solid #F0EFFD}
.mainNavi{display:flex;gap:48px;justify-content:center;align-items:center;flex-wrap:wrap}
.navItem{position:relative}
.navItem > a{font-size:18px;color:#1C313E;text-decoration:none;font-weight:600;padding:8px 16px;display:block;border-radius:14px;border:2px solid transparent;transition:color .58s cubic-bezier(0.25,0.46,0.45,0.94),border-color .58s cubic-bezier(0.25,0.46,0.45,0.94),background .58s cubic-bezier(0.25,0.46,0.45,0.94)}
.navItem > a:hover{color:#736EDF;background:linear-gradient(135deg,#FFF 0%,#F0EFFD 100%);border-color:#736EDF}
.navItem > a:focus{outline:none;border-color:#736EDF;background-color:#F8F8FC}
.subNav{position:absolute;top:100%;left:0;background-color:#FFF;border-radius:14px;padding:16px;margin-top:8px;box-shadow:0 9px 52px 1px #736edf1f;border:2px solid #F0EFFD;min-width:280px;opacity:0;visibility:hidden;transition:opacity .52s cubic-bezier(0.25,0.46,0.45,0.94),visibility .52s cubic-bezier(0.25,0.46,0.45,0.94);z-index:100}
.navItem:hover .subNav{opacity:1;visibility:visible}
.subNav a{display:block;padding:8px 16px;color:#1C313E;text-decoration:none;font-size:18px;border-radius:14px;border:2px solid transparent;transition:background .48s cubic-bezier(0.25,0.46,0.45,0.94),border-color .48s cubic-bezier(0.25,0.46,0.45,0.94),color .48s cubic-bezier(0.25,0.46,0.45,0.94)}
.subNav a:hover{background:linear-gradient(135deg,#F0EFFD 0%,#FFF 100%);border-color:#736EDF;color:#736EDF}
.subNav a:focus{outline:none;border-color:#736EDF;background-color:#F8F8FC}
.subNav a + a{margin-top:8px}
.footr{background:linear-gradient(180deg,#FFF 0%,#F8F8FC 100%);border-top:2px solid #F0EFFD;padding:48px 0;margin-top:48px}
.footr-inner{max-width:1320px;margin:0 auto;padding:0 24px}
.footrGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;margin-bottom:48px}
.footrCol h3{font-size:22px;font-weight:700;color:#1C313E;margin-bottom:24px;line-height:1.2}
.footrCol p{font-size:18px;line-height:1.6;color:#1C313E;margin-bottom:8px}
.footrCol a{color:#736EDF;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .48s cubic-bezier(0.25,0.46,0.45,0.94)}
.footrCol a:hover{border-bottom-color:#736EDF}
.footrCol a:focus{outline:none;border-bottom-color:#1C313E}
.footrNav{display:flex;flex-direction:column;gap:16px}
.footrNav a{font-size:18px;color:#1C313E;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;transition:color .52s cubic-bezier(0.25,0.46,0.45,0.94),border-bottom-color .52s cubic-bezier(0.25,0.46,0.45,0.94)}
.footrNav a:hover{color:#736EDF;border-bottom-color:#736EDF}
.footrNav a:focus{outline:none;color:#736EDF;border-bottom-color:#1C313E}
.footrBottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:2px solid #F0EFFD;gap:24px;flex-wrap:wrap}
.footrLogoArea{display:flex;align-items:center;gap:16px}
.footrLogoImg{width:42px;height:42px;object-fit:contain;padding:8px;background-color:#736EDF;border-radius:14px;box-shadow:0 3px 2px 1px #736edf12}
.footrLogoBadge{font-size:15px;color:#1C313E;font-weight:600}
.copyText{font-size:15px;color:#1C313E;text-align:center}
.cookieBar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#FFF 0%,#F0EFFD 100%);border-top:2px solid #736EDF;padding:24px;box-shadow:0 -9px 52px 1px #736edf1f;z-index:1000;display:none}
.cookieBar.is-active{display:block}
.cookieInner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cookieText{font-size:18px;color:#1C313E;line-height:1.6;flex:1;min-width:280px}
.cookieActions{display:flex;gap:16px}
.btnAccept,.btnDecline{padding:8px 24px;font-size:18px;font-family:'Playfair Display',serif;font-weight:600;cursor:pointer;border:2px solid #736EDF;transition:background .58s cubic-bezier(0.25,0.46,0.45,0.94),color .58s cubic-bezier(0.25,0.46,0.45,0.94),border-color .58s cubic-bezier(0.25,0.46,0.45,0.94);min-width:120px}
.btnAccept{background-color:#736EDF;color:#FFF;border-radius:2px}
.btnAccept:hover{background:linear-gradient(135deg,#736EDF 0%,#5E58C8 100%);border-color:#5E58C8}
.btnAccept:focus{outline:none;background-color:#5E58C8;border-color:#1C313E}
.btnDecline{background-color:#FFF;color:#1C313E;border-radius:2px}
.btnDecline:hover{background:linear-gradient(135deg,#FFF 0%,#F0EFFD 100%);border-color:#1C313E}
.btnDecline:focus{outline:none;background-color:#F8F8FC;border-color:#1C313E}
@media (max-width: 1024px) {
.footrGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.mainNavi{gap:24px}
}
@media (max-width: 768px) {
.topRow{flex-direction:column;align-items:flex-start}
.utilNav{flex-wrap:wrap}
.mainNavi{flex-direction:column;gap:16px;align-items:stretch}
.navItem > a{text-align:center}
.subNav{position:static;opacity:1;visibility:visible;margin-top:8px;box-shadow:none;border:none;padding:8px 0 8px 24px}
.footrGrid{grid-template-columns:1fr;gap:24px}
.footrBottom{flex-direction:column;align-items:flex-start}
.cookieInner{flex-direction:column;align-items:stretch}
.cookieActions{flex-direction:column}
.btnAccept,.btnDecline{width:100%}
}
@media (max-width: 375px) {
body{font-size:15px}
.heado{padding:16px 0}
.topRow{margin-bottom:16px}
.mainNavWrap{padding:16px}
.navItem > a{font-size:15px}
.footr{padding:24px 0}
.footrCol h3{font-size:18px}
.footrCol p,.footrNav a{font-size:15px}
}
.doc-content{max-width:1320px;margin:0 auto;padding:48px 24px}
.doc-content h1{font-size:58px;line-height:1.2;margin-bottom:48px;color:#1C313E}
.doc-content h2{font-size:42px;line-height:1.2;margin-top:48px;margin-bottom:24px;color:#1C313E}
.doc-content h3{font-size:30px;line-height:1.2;margin-top:48px;margin-bottom:24px;color:#1C313E}
.doc-content h4{font-size:22px;line-height:1.6;margin-top:24px;margin-bottom:16px;color:#1C313E}
.doc-content h5{font-size:18px;line-height:1.6;margin-top:24px;margin-bottom:16px;color:#1C313E}
.doc-content h6{font-size:15px;line-height:1.6;margin-top:24px;margin-bottom:16px;color:#1C313E;text-transform:uppercase;letter-spacing:.05em}
.doc-content p{font-size:18px;line-height:1.6;margin-bottom:24px;color:#1C313E}
.doc-content ul,.doc-content ol{font-size:18px;line-height:1.6;margin-bottom:24px;padding-left:24px;color:#1C313E}
.doc-content li{margin-bottom:8px}
.doc-content ul ul,.doc-content ol ol,.doc-content ul ol,.doc-content ol ul{margin-top:8px;margin-bottom:8px}
.doc-content strong,.doc-content b{font-weight:600;color:#1C313E}
.doc-content em,.doc-content i{font-style:italic}
.doc-content hr{border:none;border-top:1px solid #736edf33;margin:48px 0}
.doc-content div{margin-bottom:24px}
@media (max-width: 1024px) {
.doc-content{padding:48px 16px}
.doc-content h1{font-size:42px}
.doc-content h2{font-size:30px}
.doc-content h3{font-size:22px}
}
@media (max-width: 768px) {
.doc-content{padding:24px 16px}
.doc-content h1{font-size:30px;margin-bottom:24px}
.doc-content h2{font-size:22px;margin-top:24px;margin-bottom:16px}
.doc-content h3{font-size:18px;margin-top:24px;margin-bottom:16px}
.doc-content h4,.doc-content h5{font-size:15px}
.doc-content p,.doc-content ul,.doc-content ol{font-size:15px}
}
.testimPage .wrapMax{max-width:1320px;margin:0 auto;padding:0 16px}
.testimPage .heroGrad{background:linear-gradient(to bottom,#736edf00 0%,#736edf2e 100%);padding-top:72px;padding-bottom:48px;position:relative;overflow:hidden}
.testimPage .heroGrad::before{content:'';position:absolute;top:-10%;right:-5%;width:320px;height:320px;background:#736edf14;border-radius:50%;z-index:0}
.testimPage .heroGrad::after{content:'';position:absolute;bottom:10%;left:-8%;width:280px;height:280px;background:#1c313e0d;border-radius:50%;z-index:0}
.testimPage .heroInner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.testimPage .heroTxt h1{font-size:58px;line-height:1.2;margin:0 0 24px;color:#1C313E;text-align:left;filter:blur(8px);animation:sharpReveal .65s ease-in-out .2s forwards}
@keyframes sharpReveal {
to{filter:blur(0)}
}
.testimPage .heroTxt p{font-size:18px;line-height:1.6;color:#1C313E;margin:0;text-align:left;filter:blur(8px);animation:sharpReveal .65s ease-in-out .4s forwards}
.testimPage .heroImg{position:relative;border-radius:14px;overflow:hidden;filter:blur(8px);animation:sharpReveal .65s ease-in-out .6s forwards}
.testimPage .heroImg img{width:100%;height:420px;object-fit:cover;display:block}
.testimPage .heroImg::before{content:'';position:absolute;top:0;right:0;width:45%;height:45%;background:linear-gradient(135deg,#ffffffb3 0%,#fff0 100%);z-index:1;pointer-events:none}
.testimPage .metricsWrap{background:#FFF;padding:48px 0}
.testimPage .metricsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.testimPage .metricBox{background:linear-gradient(135deg,#736edf0f 0%,#1c313e0a 100%);border-radius:14px;padding:24px;text-align:center;box-shadow:0 3px 2px 1px #736edf12;transition:transform .55s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .55s cubic-bezier(0.25,0.46,0.45,0.94);filter:blur(8px);animation:sharpReveal .65s ease-in-out .8s forwards}
.testimPage .metricBox:nth-child(2){animation-delay:.95s}
.testimPage .metricBox:nth-child(3){animation-delay:1.1s}
.testimPage .metricBox:nth-child(4){animation-delay:1.25s}
.testimPage .metricBox:hover{transform:translateY(-4px);box-shadow:0 9px 52px 1px #736edf1f}
.testimPage .metricNum{font-size:42px;line-height:1.2;color:#736EDF;margin:0 0 8px;font-weight:700}
.testimPage .metricLbl{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.testimPage .reviewsFull{background:#1C313E;padding:72px 0;position:relative}
.testimPage .reviewsFull::before{content:'';position:absolute;top:-1px;left:0;right:0;height:60px;background:#FFF;clip-path:ellipse(55% 100% at 50% 0%)}
.testimPage .reviewsHd{text-align:center;margin-bottom:48px}
.testimPage .reviewsHd h2{font-size:42px;line-height:1.2;color:#FFF;margin:0 0 16px}
.testimPage .reviewsHd p{font-size:18px;line-height:1.6;color:#ffffffd9;margin:0}
.testimPage .reviewsSet{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.testimPage .revCard{background:#ffffff14;border-radius:14px;padding:24px;border:1px solid #ffffff1f;transition:background .5s ease-in-out,border-color .5s ease-in-out}
.testimPage .revCard:hover{background:linear-gradient(135deg,#736edf26 0%,#ffffff1f 100%);border-color:#736edf4d}
.testimPage .revTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.testimPage .revAuth{flex:1}
.testimPage .revAuth h3{font-size:18px;line-height:1.2;color:#FFF;margin:0 0 4px}
.testimPage .revRole{font-size:15px;line-height:1.6;color:#ffffffb3;margin:0}
.testimPage .revStars{display:flex;gap:4px}
.testimPage .starIco{width:18px;height:18px;fill:#736EDF}
.testimPage .revTxt{font-size:15px;line-height:1.6;color:#ffffffd9;margin:0 0 16px}
.testimPage .revDate{font-size:15px;line-height:1.6;color:#ffffff80;margin:0;font-style:italic}
.testimPage .featsDiv{background:#FFF;padding:72px 0}
.testimPage .featsLayout{display:grid;grid-template-columns:1fr 2px 1fr;gap:48px;align-items:start}
.testimPage .divLine{width:2px;background:linear-gradient(to bottom,#736edf33 0%,#1c313e33 100%);height:100%;min-height:400px}
.testimPage .featsCol h2{font-size:30px;line-height:1.2;color:#1C313E;margin:0 0 24px}
.testimPage .featsList{list-style:none;margin:0;padding:0}
.testimPage .featsList li{font-size:15px;line-height:2;color:#1C313E;margin-bottom:16px;padding-left:32px;position:relative}
.testimPage .featsList li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:#736EDF;border-radius:2px}
.testimPage .featsCol img{width:100%;height:320px;object-fit:cover;border-radius:14px;margin-top:24px;box-shadow:0 6px 22px 1px #1c313e17}
@media (max-width: 1024px) {
.testimPage .heroInner{grid-template-columns:1fr}
.testimPage .heroImg img{height:340px}
.testimPage .metricsGrid{grid-template-columns:1fr 1fr}
.testimPage .reviewsSet{grid-template-columns:1fr}
.testimPage .featsLayout{grid-template-columns:1fr;gap:24px}
.testimPage .divLine{display:none}
}
@media (max-width: 768px) {
.testimPage .heroGrad{padding-top:48px}
.testimPage .heroTxt h1{font-size:42px}
.testimPage .heroImg img{height:280px}
.testimPage .metricsGrid{grid-template-columns:1fr}
.testimPage .metricNum{font-size:30px}
.testimPage .reviewsFull{padding:48px 0}
.testimPage .reviewsHd h2{font-size:30px}
.testimPage .featsDiv{padding:48px 0}
.testimPage .featsCol h2{font-size:22px}
}
@media (max-width: 375px) {
.testimPage .heroTxt h1{font-size:30px}
.testimPage .heroTxt p{font-size:15px}
.testimPage .metricNum{font-size:22px}
.testimPage .reviewsHd h2{font-size:22px}
}
.successPage{background:#FFF;min-height:100vh}
.successPage .heado{background:linear-gradient(135deg,#736EDF 0%,#9D99E8 100%);padding:48px 24px;position:relative;overflow:hidden}
.heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.heado::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#1c313e14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.heado .innerWrap{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:48px;position:relative;z-index:1}
.heado .txtArea{flex:1}
.heado .numTag{color:#ffffffb3;font-size:18px;letter-spacing:.05em;margin-bottom:16px}
.heado .mainH{font-size:58px;line-height:1.2;color:#FFF;margin-bottom:16px}
.heado .subtext{font-size:18px;line-height:1.6;color:#ffffffe6;max-width:560px}
.heado .imgStrip{width:280px;height:420px;border-radius:14px;overflow:hidden;box-shadow:0 9px 52px 1px #736edf1f;position:relative}
.heado .imgStrip img{width:100%;height:100%;object-fit:cover;display:block}
.heado .imgStrip::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent 0%,#1c313eb3 100%);pointer-events:none}
.heado .shapeAcc{position:absolute;top:24px;left:24px;width:80px;height:80px;border:2px solid #ffffff4d;border-radius:50%;pointer-events:none}
.successPage .arrowDivide{height:48px;display:flex;justify-content:center;align-items:center;gap:8px;background:#F8F9FA}
.arrowDivide .arrIcon{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #736EDF;opacity:0;animation:arrAppear .55s ease-in-out forwards}
.arrowDivide .arrIcon:nth-child(1){animation-delay:0s}
.arrowDivide .arrIcon:nth-child(2){animation-delay:.1s}
.arrowDivide .arrIcon:nth-child(3){animation-delay:.2s}
.arrowDivide .arrIcon:nth-child(4){animation-delay:.3s}
.arrowDivide .arrIcon:nth-child(5){animation-delay:.4s}
@keyframes arrAppear {
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}
.successPage .metricsWrap{padding:48px 24px;background:#FFF}
.metricsWrap .contain{max-width:1320px;margin:0 auto}
.metricsWrap .secHead{text-align:center;margin-bottom:48px}
.metricsWrap .labelTxt{font-size:15px;color:#736EDF;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.metricsWrap .bigH{font-size:42px;line-height:1.2;color:#1C313E;margin-bottom:16px}
.metricsWrap .descTxt{font-size:18px;line-height:1.6;color:#5A6C7A;max-width:680px;margin:0 auto}
.metricsWrap .gridMet{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gridMet .metCard{background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%);padding:24px;border-radius:14px;border:2px solid transparent;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out;position:relative;overflow:hidden}
.metCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#736EDF 0%,#9D99E8 100%);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(0.25,0.46,0.45,0.94)}
.metCard:hover::before{transform:scaleX(1)}
.metCard:hover{border-color:#736EDF;box-shadow:0 6px 22px 1px #736edf17}
.metCard .numBig{font-size:42px;line-height:1.2;color:#736EDF;margin-bottom:8px;font-weight:700}
.metCard .metLabel{font-size:18px;line-height:1.6;color:#1C313E;margin-bottom:8px}
.metCard .metDesc{font-size:15px;line-height:1.6;color:#5A6C7A}
.successPage .storiesBlock{padding:48px 24px;background:linear-gradient(to bottom,#F8F9FA 0%,#FFF 100%);position:relative}
.storiesBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#736edf08 1px,transparent 1px),linear-gradient(90deg,#736edf08 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}
.storiesBlock .contain{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.storiesBlock .headRow{margin-bottom:48px}
.storiesBlock .titleMain{font-size:42px;line-height:1.2;color:#1C313E;margin-bottom:16px}
.storiesBlock .introPara{font-size:18px;line-height:1.6;color:#5A6C7A;max-width:820px}
.storiesBlock .storyGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.storyGrid .storyCard{background:#FFF;border-radius:22px;padding:24px;box-shadow:0 3px 2px 1px #736edf12;transition:transform .5s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .5s cubic-bezier(0.25,0.46,0.45,0.94);border:2px solid #F0F0F0}
.storyCard:hover{transform:translateY(-4px);box-shadow:0 9px 52px 1px #736edf1f;border-color:#736EDF}
.storyCard .topMeta{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E8EAED}
.topMeta .clientInit{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#736EDF 0%,#9D99E8 100%);display:flex;align-items:center;justify-content:center;font-size:22px;color:#FFF;flex-shrink:0}
.topMeta .nameIndustry{flex:1}
.topMeta .clientName{font-size:18px;color:#1C313E;margin-bottom:4px}
.topMeta .industryTag{font-size:15px;color:#736EDF}
.storyCard .challengeArea{margin-bottom:16px}
.challengeArea .secLabel{font-size:15px;color:#1C313E;margin-bottom:8px;font-weight:700}
.challengeArea .txtContent{font-size:15px;line-height:1.6;color:#5A6C7A}
.storyCard .resultArea{background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%);padding:16px;border-radius:14px;border-left:4px solid #736EDF}
.resultArea .secLabel{font-size:15px;color:#1C313E;margin-bottom:8px;font-weight:700}
.resultArea .txtContent{font-size:15px;line-height:1.6;color:#5A6C7A}
.successPage .testimBlock{padding:48px 24px;background:#FFF}
.testimBlock .contain{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:48px}
.testimBlock .sideArea{position:relative}
.sideArea .stickyBox{position:sticky;top:24px}
.sideArea .sideTitle{font-size:30px;line-height:1.2;color:#1C313E;margin-bottom:16px}
.sideArea .sideDesc{font-size:15px;line-height:1.6;color:#5A6C7A;margin-bottom:24px}
.sideArea .imgBox{width:100%;height:240px;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 22px 1px #736edf17}
.sideArea .imgBox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.sideArea .imgBox:hover img{transform:scale(1.05)}
.sideArea .imgBox .capOverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1c313ee6 0%,transparent 100%);color:#FFF;padding:16px;font-size:15px;transform:translateY(100%);transition:transform .5s ease-in-out}
.sideArea .imgBox:hover .capOverlay{transform:translateY(0)}
.testimBlock .mainArea{display:flex;flex-direction:column;gap:24px}
.mainArea .testimCard{background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%);border-radius:14px;padding:24px;border:2px solid #E8EAED;transition:border-color .5s ease-in-out;position:relative}
.testimCard:hover{border-color:#736EDF}
.testimCard .quoteIcon{position:absolute;top:24px;right:24px;width:48px;height:48px;opacity:.1}
.quoteIcon svg{width:100%;height:100%;fill:#736EDF}
.testimCard .clientRow{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.clientRow .initCircle{width:48px;height:48px;border-radius:50%;background:#736EDF;display:flex;align-items:center;justify-content:center;font-size:18px;color:#FFF;flex-shrink:0}
.clientRow .nameSec{flex:1}
.clientRow .nameClient{font-size:18px;color:#1C313E;margin-bottom:4px}
.clientRow .roleClient{font-size:15px;color:#5A6C7A}
.testimCard .quoteTxt{font-size:15px;line-height:1.6;color:#1C313E;margin-bottom:16px;font-style:italic}
.testimCard .ratingRow{display:flex;gap:4px}
.ratingRow .starIcon{width:20px;height:20px}
.starIcon svg{width:100%;height:100%;fill:#736EDF}
.successPage .finalWrap{padding:48px 24px;background:linear-gradient(135deg,#1C313E 0%,#2A4254 100%);text-align:center;position:relative}
.finalWrap::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);width:120px;height:120px;background:#736edf33;border-radius:50%;animation:pulseGlow 3s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:translateX(-50%) translateY(-50%) scale(1);opacity:.3}
50%{transform:translateX(-50%) translateY(-50%) scale(1.2);opacity:.6}
}
.finalWrap .contain{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.finalWrap .bigEndH{font-size:42px;line-height:1.2;color:#FFF;margin-bottom:16px}
.finalWrap .endDesc{font-size:18px;line-height:1.6;color:#fffc;max-width:720px;margin:0 auto 24px}
.finalWrap .ctaBtn{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#736EDF 0%,#9D99E8 100%);color:#FFF;font-size:18px;text-decoration:none;border-radius:14px;transition:transform .5s ease-in,box-shadow .5s ease-in;box-shadow:0 6px 22px 1px #736edf17}
.finalWrap .ctaBtn:hover{transform:translateY(-2px);box-shadow:0 9px 52px 1px #736edf1f}
@media (max-width: 1024px) {
.heado .innerWrap{flex-direction:column;gap:24px}
.heado .imgStrip{width:100%;max-width:400px;height:320px}
.heado .mainH{font-size:42px}
.metricsWrap .gridMet{grid-template-columns:repeat(2,1fr)}
.storiesBlock .storyGrid{grid-template-columns:1fr}
.testimBlock .contain{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.heado .mainH{font-size:30px}
.heado .subtext,.metricsWrap .descTxt,.storiesBlock .introPara,.finalWrap .endDesc{font-size:15px}
.metricsWrap .bigH,.storiesBlock .titleMain,.finalWrap .bigEndH{font-size:30px}
.metricsWrap .gridMet{grid-template-columns:1fr}
.metCard .numBig{font-size:30px}
}
@media (max-width: 375px) {
.heado{padding:24px 16px}
.metricsWrap,.storiesBlock,.testimBlock,.finalWrap{padding:24px 16px}
.heado .mainH{font-size:22px}
}
.contactHub{background:#FFF;color:#1C313E;line-height:1.6}
.contactHub .heado{max-width:1320px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}
.contactHub .imgCard{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px 1px #736edf17}
.contactHub .imgCard img{width:100%;height:420px;object-fit:cover;display:block;animation:slowZoom 8s ease-in-out infinite alternate}
@keyframes slowZoom {
from{transform:scale(1)}
to{transform:scale(1.08)}
}
.contactHub .scanlineOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#736edf08 2px,#736edf08 4px);pointer-events:none}
.contactHub .txtZone{padding:24px 0}
.contactHub .txtZone h1{font-size:58px;line-height:1.2;margin:0 0 24px;color:#1C313E}
.contactHub .txtZone .lead{font-size:22px;line-height:1.6;margin:0 0 16px;color:#1C313E}
.contactHub .txtZone p{font-size:18px;line-height:1.6;margin:0;color:#1C313E}
.contactHub .decoStripe{width:120px;height:4px;background:linear-gradient(90deg,#736EDF,#736edf4d);margin:24px 0 0;border-radius:2px}
.contactHub .formSection{background:linear-gradient(135deg,#736edf0a,#fffc);padding:48px 24px}
.contactHub .formWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.contactHub .formInfo h2{font-size:42px;line-height:1.2;margin:0 0 24px;color:#1C313E}
.contactHub .formInfo p{font-size:18px;line-height:1.6;margin:0 0 16px;color:#1C313E}
.contactHub .formInfo .numbered{counter-reset:paragraph}
.contactHub .formInfo .numbered p::before{counter-increment:paragraph;content:counter(paragraph) ". ";font-weight:700;color:#736EDF}
.contactHub .actualForm{background:#FFF;padding:48px;border-radius:22px;box-shadow:0 9px 52px 1px #736edf1f}
.contactHub .actualForm h3{font-size:30px;line-height:1.2;margin:0 0 24px;color:#1C313E;text-align:center}
.contactHub .fieldGrp{margin:0 0 24px}
.contactHub .fieldGrp label{display:block;font-size:15px;margin:0 0 8px;color:#1C313E;font-weight:600}
.contactHub .fieldGrp input,.contactHub .fieldGrp select{width:100%;padding:16px;font-size:18px;border:2px solid #736edf33;border-radius:14px;background:#FFF;color:#1C313E;transition:border-color .55s ease-in-out,box-shadow .55s ease-in-out}
.contactHub .fieldGrp input::placeholder{font-style:italic;opacity:.5}
.contactHub .fieldGrp input:focus,.contactHub .fieldGrp select:focus{outline:none;border-color:#736EDF;box-shadow:0 3px 2px 1px #736edf12}
.contactHub .fieldGrp select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23736EDF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.contactHub .privacyWrap{margin:0 0 24px;display:flex;align-items:flex-start;gap:8px}
.contactHub .privacyWrap input[type="checkbox"]{margin:4px 0 0;flex-shrink:0;width:20px;height:20px;cursor:pointer;accent-color:#736EDF}
.contactHub .privacyWrap label{font-size:15px;line-height:1.6;color:#1C313E;cursor:pointer}
.contactHub .privacyWrap a{color:#736EDF;text-decoration:none;transition:color .5s ease-in-out}
.contactHub .privacyWrap a:hover{color:#1C313E}
.contactHub .submitBtn{width:100%;padding:16px 24px;font-size:18px;font-weight:600;color:#FFF;background:linear-gradient(135deg,#736EDF,#5a55c9);border:none;border-radius:14px;cursor:pointer;transition:transform .55s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .55s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 6px 22px 1px #736edf17}
.contactHub .submitBtn:hover{transform:translateY(-2px);box-shadow:0 9px 52px 1px #736edf1f}
.contactHub .submitBtn:active{transform:translateY(0)}
.contactHub .infoSection{max-width:1320px;margin:0 auto;padding:48px 24px}
.contactHub .complexBlock{display:grid;grid-template-columns:3fr 1fr;gap:48px;position:relative}
.contactHub .dottedBorder{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px dotted #736edf4d;border-radius:22px;pointer-events:none}
.contactHub .dottedBorder::before,.contactHub .dottedBorder::after{content:'';position:absolute;width:8px;height:8px;background:#736EDF;border-radius:50%}
.contactHub .dottedBorder::before{top:-4px;left:-4px}
.contactHub .dottedBorder::after{bottom:-4px;right:-4px}
.contactHub .mainContent{padding:24px}
.contactHub .mainContent h2{font-size:42px;line-height:1.2;margin:0 0 24px;color:#1C313E}
.contactHub .mainContent .bodyText{font-size:18px;line-height:1.6;color:#1C313E}
.contactHub .mainContent .bodyText p{margin:0 0 16px}
.contactHub .factBox{background:linear-gradient(135deg,#736edf14,#ffffffe6);padding:16px;border-radius:14px;margin:24px 0;border-left:4px solid #736EDF;box-shadow:0 3px 2px 1px #736edf12}
.contactHub .factBox strong{display:block;font-size:22px;color:#736EDF;margin:0 0 8px}
.contactHub .factBox span{font-size:18px;color:#1C313E}
.contactHub .sideDetail{background:#FFF;padding:24px;border-radius:14px;box-shadow:0 6px 22px 1px #736edf17;align-self:start}
.contactHub .sideDetail h3{font-size:22px;line-height:1.2;margin:0 0 24px;color:#1C313E;text-align:center}
.contactHub .contactItem{margin:0 0 24px;padding:16px;background:#736edf0a;border-radius:14px;transition:background .5s ease-in-out,transform .45s ease-in}
.contactHub .contactItem:hover{background:linear-gradient(135deg,#736edf14,#ffffffe6);transform:scale(1.02)}
.contactHub .contactItem:last-child{margin:0}
.contactHub .contactLabel{display:block;font-size:15px;color:#736EDF;font-weight:600;margin:0 0 4px}
.contactHub .contactValue{font-size:18px;color:#1C313E;text-decoration:none;display:block;word-break:break-word}
.contactHub .contactValue:hover{color:#736EDF}
.contactHub .dividerDiamond{text-align:center;margin:48px 0;position:relative}
.contactHub .dividerDiamond::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#736EDF;transform:translate(-50%,-50%) rotate(45deg)}
.contactHub .dividerDiamond::after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#736edf4d 30%,#736edf4d 70%,transparent)}
@media (max-width: 1024px) {
.contactHub .heado{grid-template-columns:1fr;gap:24px}
.contactHub .imgCard{max-width:480px;margin:0 auto}
.contactHub .imgCard img{height:320px}
.contactHub .txtZone h1{font-size:42px}
.contactHub .formWrap{grid-template-columns:1fr;gap:24px}
.contactHub .complexBlock{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.contactHub .heado{padding:24px 16px}
.contactHub .txtZone h1{font-size:30px}
.contactHub .txtZone .lead{font-size:18px}
.contactHub .formSection{padding:24px 16px}
.contactHub .actualForm{padding:24px}
.contactHub .formInfo h2{font-size:30px}
.contactHub .actualForm h3{font-size:22px}
.contactHub .infoSection{padding:24px 16px}
.contactHub .mainContent h2{font-size:30px}
.contactHub .fieldGrp input,.contactHub .fieldGrp select{font-size:15px;padding:16px}
.contactHub .submitBtn{font-size:15px;padding:16px}
}
@media (max-width: 375px) {
.contactHub .txtZone h1{font-size:22px}
.contactHub .formInfo h2,.contactHub .mainContent h2{font-size:22px}
.contactHub .actualForm{padding:16px}
}
.aboutPg{background:#FFF;min-height:100vh}
.aboutPg .heroWrap{max-width:1320px;margin:0 auto;padding:48px 24px;position:relative;overflow:hidden}
.aboutPg .heroInner{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;align-items:center}
.aboutPg .heroTxt{grid-column:1 / 3}
.aboutPg .heroVisual{grid-column:3 / 5;position:relative}
.aboutPg .meshBg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,#736edf2e,transparent 50%),radial-gradient(ellipse at 80% 70%,#1c313e1f,transparent 50%),radial-gradient(ellipse at 50% 50%,#736edf14,transparent 60%);z-index:0}
.aboutPg .blobDecor1,.aboutPg .blobDecor2{position:absolute;border-radius:50%;filter:blur(48px);z-index:1}
.aboutPg .blobDecor1{width:280px;height:280px;background:#736edf26;top:-80px;right:-60px}
.aboutPg .blobDecor2{width:220px;height:220px;background:#1c313e14;bottom:-40px;left:-40px}
.aboutPg .heroH1{font-size:58px;line-height:1.2;color:#1C313E;margin:0 0 24px;position:relative;z-index:2}
.aboutPg .accentWord{color:#736EDF;position:relative}
.aboutPg .accentWord::after{content:'';position:absolute;bottom:8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#736EDF,#736edf4d);border-radius:2px}
.aboutPg .heroP{font-size:18px;line-height:1.6;color:#1C313E;margin:0;position:relative;z-index:2}
.aboutPg .heroImg{width:100%;height:auto;border-radius:22px;box-shadow:0 9px 52px 1px #736edf1f;position:relative;z-index:2;opacity:0;animation:fadeInImg .65s ease-in-out .3s forwards}
@keyframes fadeInImg {
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.aboutPg .timelineSection{background:#FAFAFA;padding:48px 24px;position:relative}
.aboutPg .noiseTex{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#1c313e05 2px,#1c313e05 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#1c313e05 2px,#1c313e05 4px);pointer-events:none;z-index:0}
.aboutPg .timelineInner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.aboutPg .sectionH2{font-size:42px;line-height:1.2;color:#1C313E;text-align:center;margin:0 0 48px}
.aboutPg .timelineGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
.aboutPg .centerContent{grid-column:2 / 4;position:relative}
.aboutPg .verticalLine{position:absolute;left:24px;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#736edf4d,#1c313e33)}
.aboutPg .milestone{position:relative;padding-left:64px;margin-bottom:48px}
.aboutPg .milestone:last-child{margin-bottom:0}
.aboutPg .milestoneIndicator{position:absolute;left:16px;top:4px;width:16px;height:16px;background:#736EDF;border-radius:50%;border:4px solid #FFF;box-shadow:0 3px 2px 1px #736edf12;z-index:2}
.aboutPg .milestoneYear{font-size:15px;line-height:1.2;color:#736EDF;font-weight:600;margin:0 0 8px}
.aboutPg .milestoneH3{font-size:22px;line-height:1.2;color:#1C313E;margin:0 0 8px}
.aboutPg .milestoneP{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.aboutPg .teamSection{padding:48px 24px;max-width:1320px;margin:0 auto}
.aboutPg .teamH2{font-size:42px;line-height:1.2;color:#1C313E;text-align:center;margin:0 0 48px}
.aboutPg .teamLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.aboutPg .teamImgWrap{position:relative}
.aboutPg .teamImg{width:100%;height:480px;object-fit:cover;border-radius:14px;box-shadow:0 6px 22px 1px #1c313e17}
.aboutPg .teamTxt{display:flex;flex-direction:column;gap:24px}
.aboutPg .teamBlock{background:#FAFAFA;padding:24px;border-radius:14px;position:relative;transition:box-shadow .55s ease-in-out}
.aboutPg .teamBlock:hover{box-shadow:0 6px 22px 1px #736edf17}
.aboutPg .teamBlockH3{font-size:22px;line-height:1.2;color:#1C313E;margin:0 0 16px;position:relative;padding-left:24px}
.aboutPg .teamBlockH3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:2px;background:#736EDF;border-radius:2px}
.aboutPg .teamBlockP{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.aboutPg .numberedP{display:flex;gap:16px}
.aboutPg .pNum{font-weight:600;color:#736EDF;flex-shrink:0}
.aboutPg .statsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.aboutPg .statCard{background:linear-gradient(135deg,#736edf0d,#fffc);padding:24px;border-radius:14px;text-align:center;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.aboutPg .statCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#736edf1f,#1c313e14);opacity:0;transition:opacity .6s ease-in-out}
.aboutPg .statCard:hover{transform:translateY(-4px)}
.aboutPg .statCard:hover::before{opacity:1}
.aboutPg .statNum{font-size:42px;line-height:1.2;color:#736EDF;font-weight:600;margin:0 0 8px;position:relative;z-index:1}
.aboutPg .statLabel{font-size:15px;line-height:1.2;color:#1C313E;margin:0;position:relative;z-index:1}
.aboutPg .approachGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.aboutPg .approachCard{background:#FFF;padding:24px;border-radius:14px;border:2px solid #736edf1a;transition:border-color .55s ease-in-out,box-shadow .55s ease-in-out;position:relative}
.aboutPg .approachCard:hover{border-color:#736edf4d;box-shadow:0 3px 2px 1px #736edf12}
.aboutPg .approachNum{font-size:58px;line-height:1;color:#736edf1f;font-weight:600;margin:0 0 16px}
.aboutPg .approachH4{font-size:18px;line-height:1.2;color:#1C313E;margin:0 0 8px}
.aboutPg .approachP{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.aboutPg .dividerLine{width:60%;height:2px;background:linear-gradient(90deg,transparent,#736edf4d,transparent);margin:48px auto;border-radius:2px}
.aboutPg .imgShowcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.aboutPg .showcaseImg{width:100%;height:320px;object-fit:cover;border-radius:14px;box-shadow:0 6px 22px 1px #1c313e17;transition:transform .55s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .55s ease-in-out}
.aboutPg .showcaseImg:hover{transform:scale(1.02);box-shadow:0 9px 52px 1px #736edf1f}
@media (max-width: 1024px) {
.aboutPg .heroInner{grid-template-columns:1fr;gap:24px}
.aboutPg .heroTxt{grid-column:1}
.aboutPg .heroVisual{grid-column:1}
.aboutPg .heroH1{font-size:42px}
.aboutPg .timelineGrid{grid-template-columns:1fr}
.aboutPg .centerContent{grid-column:1}
.aboutPg .teamLayout{grid-template-columns:1fr;gap:24px}
.aboutPg .statsRow{grid-template-columns:1fr}
.aboutPg .approachGrid{grid-template-columns:1fr}
.aboutPg .imgShowcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.aboutPg .heroWrap,.aboutPg .timelineSection,.aboutPg .teamSection{padding:24px 16px}
.aboutPg .heroH1{font-size:30px}
.aboutPg .sectionH2,.aboutPg .teamH2{font-size:30px;margin:0 0 24px}
.aboutPg .heroP,.aboutPg .approachH4{font-size:15px}
.aboutPg .milestone{padding-left:48px;margin-bottom:24px}
.aboutPg .teamBlock{padding:16px}
.aboutPg .statsRow{gap:16px}
.aboutPg .approachGrid{gap:16px}
.aboutPg .imgShowcase{gap:16px;margin-top:24px}
.aboutPg .teamImg{height:280px}
.aboutPg .showcaseImg{height:240px}
}
@media (max-width: 375px) {
.aboutPg .heroH1{font-size:22px}
.aboutPg .sectionH2,.aboutPg .teamH2{font-size:22px}
.aboutPg .statNum{font-size:30px}
.aboutPg .approachNum{font-size:42px}
}
.homePage{background:#FFF;color:#1C313E}
.homePage .heroSection{position:relative;overflow:hidden;padding:48px 16px;background:linear-gradient(135deg,#736EDF 0%,#FFF 100%);max-width:1320px;margin:0 auto}
.homePage .heroInner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.homePage .heroTxt{z-index:2;position:relative}
.homePage .heroH1{font-size:58px;line-height:1.2;font-weight:700;color:#FFF;margin:0 0 16px;text-align:center}
.homePage .heroH2{font-size:30px;line-height:1.6;font-weight:300;color:#FFF;margin:0 0 24px;text-align:center}
.homePage .heroDesc{font-size:18px;line-height:1.6;color:#FFF;margin:0 auto;max-width:680px;text-align:left}
.homePage .heroImg{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 9px 52px 1px #736edf1f}
.homePage .heroImg img{width:100%;height:420px;object-fit:cover;display:block}
.homePage .heroImg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#736edf4d 0%,#ffffff1a 100%);pointer-events:none}
.homePage .servicesBlock{padding:48px 16px;max-width:1320px;margin:0 auto}
.homePage .servicesTitle{font-size:42px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 48px;text-align:center}
.homePage .serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.homePage .serviceCard{background:#FFF;border-radius:14px;padding:24px;box-shadow:0 3px 2px 1px #1c313e12;transition:transform .55s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .55s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid #1c313e14}
.homePage .serviceCard:hover{transform:translateY(-4px);box-shadow:0 9px 52px 1px #1c313e1f}
.homePage .serviceIcon{width:48px;height:48px;margin:0 0 16px}
.homePage .serviceIcon svg{width:100%;height:100%;fill:#736EDF}
.homePage .serviceH{font-size:22px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 8px}
.homePage .serviceTxt{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.homePage .processWrap{padding:48px 16px;background:#F8F8FC;position:relative}
.homePage .processInner{max-width:1320px;margin:0 auto}
.homePage .processH2{font-size:42px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 24px;text-align:center}
.homePage .processLayout{display:grid;grid-template-columns:2fr 1fr 2fr;gap:24px;align-items:center}
.homePage .processCol{display:flex;flex-direction:column;gap:24px}
.homePage .processStep{background:#FFF;border-radius:14px;padding:24px;box-shadow:0 3px 2px 1px #736edf12;position:relative;transition:background .52s ease-in-out}
.homePage .processStep:hover{background:linear-gradient(135deg,#FFF 0%,#F0EFFC 100%)}
.homePage .processNum{font-size:72px;line-height:1;font-weight:700;color:#736EDF;opacity:.15;position:absolute;top:16px;right:16px;margin:0}
.homePage .processStepH{font-size:22px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 8px;position:relative;z-index:1}
.homePage .processStepP{font-size:15px;line-height:1.6;color:#1C313E;margin:0;position:relative;z-index:1}
.homePage .processCenterCol{display:flex;justify-content:center;align-items:center}
.homePage .processCenterImg{width:100%;max-width:280px;height:auto;border-radius:22px;box-shadow:0 6px 22px 1px #736edf17}
.homePage .processCenterImg img{width:100%;height:auto;display:block;border-radius:22px;object-fit:cover}
.homePage .dividerSvg{width:100%;height:24px;display:block}
.homePage .dividerSvg svg{width:100%;height:100%}
.homePage .dividerSvg path{stroke:#736EDF;fill:none;stroke-width:2}
.homePage .testimBlock{padding:48px 16px;max-width:1320px;margin:0 auto}
.homePage .testimH2{font-size:42px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 48px;text-align:center}
.homePage .testimGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.homePage .testimCard{background:#FFF;border-radius:14px;padding:24px;box-shadow:0 3px 2px 1px #1c313e12;position:relative;transition:filter .48s ease-in-out}
.homePage .testimGrid:hover .testimCard{filter:blur(2px)}
.homePage .testimGrid .testimCard:hover{filter:blur(0)}
.homePage .quoteIcon{font-size:72px;line-height:1;color:#736EDF;opacity:.12;position:absolute;top:8px;left:16px;font-family:Georgia,serif;font-weight:700;pointer-events:none}
.homePage .testimTxt{font-size:15px;line-height:1.6;color:#1C313E;margin:0 0 16px;position:relative;z-index:1;font-style:italic}
.homePage .testimAuthor{font-size:15px;line-height:1.2;font-weight:700;color:#736EDF;margin:0}
.homePage .pullQuoteWrap{padding:48px 16px;background:url(./team_photos/sampleshero14.jpg) center/cover no-repeat;position:relative;overflow:hidden}
.homePage .pullQuoteWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#736edfeb 0%,#ffffffe0 100%);z-index:1}
.homePage .pullQuoteInner{max-width:1320px;margin:0 auto;position:relative;z-index:2;text-align:center}
.homePage .pullQuoteLarge{font-size:42px;line-height:1.6;font-weight:300;color:#1C313E;margin:0;font-style:italic;max-width:920px;margin:0 auto}
.homePage .approachSection{padding:48px 16px;max-width:1320px;margin:0 auto}
.homePage .approachH2{font-size:42px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 24px;text-align:center}
.homePage .approachGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.homePage .approachTxtCol{display:flex;flex-direction:column;gap:16px}
.homePage .approachP{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.homePage .approachImgCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.homePage .approachImg{border-radius:14px;overflow:hidden;box-shadow:0 3px 2px 1px #1c313e12}
.homePage .approachImg img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .62s cubic-bezier(0.25,0.46,0.45,0.94)}
.homePage .approachImg:hover img{transform:scale(1.05)}
.homePage .faqSection{padding:48px 16px;background:#F8F8FC}
.homePage .faqInner{max-width:1320px;margin:0 auto}
.homePage .faqH2{font-size:42px;line-height:1.2;font-weight:700;color:#1C313E;margin:0 0 48px;text-align:center}
.homePage .faqList{display:flex;flex-direction:column;gap:16px}
.homePage .faqItem{background:#FFF;border-radius:14px;box-shadow:0 3px 2px 1px #1c313e12;overflow:hidden}
.homePage .faqTrigger{display:none}
.homePage .faqLabel{display:block;padding:24px;font-size:18px;line-height:1.2;font-weight:700;color:#1C313E;cursor:pointer;position:relative;transition:background .5s ease-in-out;user-select:none}
.homePage .faqLabel:hover{background:linear-gradient(135deg,#FFF 0%,#F0EFFC 100%)}
.homePage .faqLabel::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:30px;line-height:1;color:#736EDF;font-weight:300;transition:transform .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.homePage .faqTrigger:checked + .faqLabel::after{transform:translateY(-50%) rotate(45deg)}
.homePage .faqAnswer{max-height:0;overflow:hidden;transition:max-height .58s cubic-bezier(0.25,0.46,0.45,0.94),padding .58s cubic-bezier(0.25,0.46,0.45,0.94)}
.homePage .faqTrigger:checked ~ .faqAnswer{max-height:600px;padding:0 24px 24px}
.homePage .faqAnswerP{font-size:15px;line-height:1.6;color:#1C313E;margin:0}
.homePage .ctaSection{padding:48px 16px;background:linear-gradient(135deg,#736EDF 0%,#FFF 100%);text-align:center}
.homePage .ctaInner{max-width:1320px;margin:0 auto}
.homePage .ctaH2{font-size:42px;line-height:1.2;font-weight:700;color:#FFF;margin:0 0 16px}
.homePage .ctaP{font-size:18px;line-height:1.6;color:#FFF;margin:0 0 24px;max-width:680px;margin-left:auto;margin-right:auto}
.homePage .ctaBtn{display:inline-block;padding:16px 48px;background:#1C313E;color:#FFF;font-size:18px;font-weight:700;text-decoration:none;border-radius:14px;transition:background .58s ease-in-out,transform .58s ease-in-out;box-shadow:0 6px 22px 1px #1c313e17}
.homePage .ctaBtn:hover{background:linear-gradient(135deg,#1C313E 0%,#2A4556 100%);transform:translateY(-2px);box-shadow:0 9px 52px 1px #1c313e1f}
@media (max-width: 1024px) {
.homePage .heroH1{font-size:42px}
.homePage .heroH2{font-size:22px}
.homePage .serviceGrid{grid-template-columns:repeat(2,1fr)}
.homePage .processLayout{grid-template-columns:1fr}
.homePage .processCenterCol{order:-1}
.homePage .testimGrid{grid-template-columns:repeat(2,1fr)}
.homePage .approachGrid{grid-template-columns:1fr}
.homePage .approachImgCol{order:-1}
}
@media (max-width: 768px) {
.homePage .heroH1{font-size:30px}
.homePage .heroH2{font-size:18px}
.homePage .heroDesc{font-size:15px}
.homePage .servicesTitle,.homePage .processH2,.homePage .testimH2,.homePage .approachH2,.homePage .faqH2,.homePage .ctaH2{font-size:30px}
.homePage .serviceGrid{grid-template-columns:1fr}
.homePage .testimGrid{grid-template-columns:1fr}
.homePage .pullQuoteLarge{font-size:22px}
.homePage .approachImgCol{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.homePage .heroH1{font-size:22px}
.homePage .heroSection,.homePage .servicesBlock,.homePage .processWrap,.homePage .testimBlock,.homePage .pullQuoteWrap,.homePage .approachSection,.homePage .faqSection,.homePage .ctaSection{padding:24px 8px}
}
.confirmPage{min-height:100vh;background:linear-gradient(135deg,#f8f7ff 0%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:48px 24px}
.confirmPage .successWrap{max-width:680px;width:100%;background:#FFF;border-radius:22px;padding:48px;box-shadow:0 6px 22px 1px #736edf17;text-align:center}
.confirmPage .iconCircle{width:86px;height:86px;margin:0 auto 24px;background:linear-gradient(135deg,#736EDF 0%,#9894e8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleEntry .55s cubic-bezier(0.25,0.46,0.45,0.94)}
@keyframes scaleEntry {
0%{transform:scale(0.4);opacity:0}
100%{transform:scale(1);opacity:1}
}
.confirmPage .iconCircle::after{content:'';width:28px;height:48px;border-right:5px solid #FFF;border-bottom:5px solid #FFF;transform:rotate(45deg) translateY(-4px)}
.confirmPage .mainHead{font-size:42px;line-height:1.2;color:#1C313E;margin:0 0 16px;font-weight:600}
.confirmPage .subText{font-size:18px;line-height:1.6;color:#1C313E;margin:0 0 48px;opacity:.8}
.confirmPage .detailBox{background:#f8f7ff;border-radius:14px;padding:24px;margin:0 0 48px;border:1px solid #736edf26}
.confirmPage .detailBox p{font-size:15px;line-height:1.6;color:#1C313E;margin:0 0 8px}
.confirmPage .detailBox p:last-child{margin:0}
.confirmPage .detailBox strong{color:#736EDF;font-weight:600}
.confirmPage .linkRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.confirmPage .btnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:#736EDF;color:#FFF;text-decoration:none;border-radius:14px;font-size:18px;line-height:1.2;font-weight:600;transition:background .5s ease-in-out,transform .45s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 3px 2px 1px #736edf12}
.confirmPage .btnPrimary:hover{background:linear-gradient(135deg,#736EDF 0%,#5a55c9 100%);transform:translateY(-2px);box-shadow:0 9px 52px 1px #736edf1f}
.confirmPage .btnSecondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:transparent;color:#736EDF;text-decoration:none;border-radius:14px;font-size:18px;line-height:1.2;font-weight:600;border:2px solid #736EDF;transition:background .52s ease-in-out,color .48s ease-in-out}
.confirmPage .btnSecondary:hover{background:#736EDF;color:#FFF}
.confirmPage .noteText{font-size:15px;line-height:1.6;color:#1C313E;opacity:.6;margin:24px 0 0}
@media (max-width: 768px) {
.confirmPage .successWrap{padding:24px}
.confirmPage .mainHead{font-size:30px}
.confirmPage .linkRow{flex-direction:column}
.confirmPage .btnPrimary,.confirmPage .btnSecondary{width:100%}
}