body{margin:0;font-family:'Noto Serif',serif;font-size:17px;line-height:1.75;color:#1a1a1a;background:#fff;word-break:break-word;overflow-wrap:anywhere}
:focus{outline:2px dashed #29C6A6;outline-offset:4px;animation:rotateDash 8s linear infinite}
@keyframes rotateDash {
to{outline-offset:8px}
}
::selection{background:#29C6A6;color:#1a1a1a}
.hdr{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:40px 0;position:relative}
.hdrwrap{max-width:1170px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.brandzone{display:flex;flex-direction:column;gap:8px}
.logowrap{display:flex;align-items:center;gap:16px;padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 3px 4px 0 #29c6a60d}
.logoimg{width:56px;height:56px;object-fit:contain}
.brandtxt{display:flex;flex-direction:column}
.compname{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.2;letter-spacing:-.02em}
.tagline{font-size:14px;color:#666;line-height:1.5;margin:4px 0 0}
.navzone{display:flex;justify-content:center}
.navlist{display:flex;flex-wrap:wrap;gap:8px 40px;list-style:none;margin:0;padding:0;justify-content:center}
.navitem{margin:0}
.navlink{display:block;padding:16px 0;font-size:15px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.01em;transition:color .12s cubic-bezier(0.4,0,1,1);position:relative}
.navlink::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:2px;background:#29C6A6;transform:scaleX(0);transform-origin:left;transition:transform .15s cubic-bezier(0.4,0,1,1)}
.navlink:hover{color:#29C6A6}
.navlink:hover::after{transform:scaleX(1)}
.contactzone{display:flex;flex-direction:column;gap:8px;padding:16px;background:#29c6a614;border-radius:13px;border:1px solid #29c6a633}
.ctlink{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;text-decoration:none;transition:color .1s cubic-bezier(0.4,0,1,1)}
.ctlink:hover{color:#29C6A6}
.cticon{width:18px;height:18px;flex-shrink:0}
.cticon svg{width:100%;height:100%;fill:currentColor}
@media (max-width: 1024px) {
.hdrwrap{grid-template-columns:1fr;gap:40px;text-align:center}
.brandzone{align-items:center}
.navlist{justify-content:center}
.contactzone{align-items:center;align-self:center}
}
@media (max-width: 640px) {
.hdr{padding:16px 0}
.hdrwrap{gap:16px}
.logowrap{flex-direction:column;text-align:center}
.navlist{flex-direction:column;gap:16px;align-items:center}
.navlink{padding:8px 0}
}
main{min-height:40vh}
.ftr{background:#f8f8f8;padding:80px 0 40px}
.ftrwrap{max-width:1170px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:2fr 1fr;gap:80px}
.ftrleft{display:flex;flex-direction:column;gap:40px}
.ftrbrand{display:flex;flex-direction:column;gap:16px}
.ftrlogo{width:60px;height:60px;object-fit:contain;padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 3px 4px 0 #29c6a60d}
.ftrcompname{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}
.ftrcontact{display:flex;flex-direction:column;gap:16px}
.ftrctitem{display:flex;align-items:flex-start;gap:8px;font-size:15px;color:#333;line-height:1.5}
.ftrcticon{width:20px;height:20px;flex-shrink:0;margin-top:2px}
.ftrcticon svg{width:100%;height:100%;fill:#29C6A6}
.ftrctlink{color:#333;text-decoration:none;transition:color .12s cubic-bezier(0.4,0,1,1)}
.ftrctlink:hover{color:#29C6A6}
.ftrright{display:flex;flex-direction:column;gap:40px}
.ftrnav{display:flex;flex-direction:column;gap:16px}
.ftrnavtitle{font-size:17px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}
.ftrnavlist{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.ftrnavlink{font-size:15px;color:#555;text-decoration:none;line-height:1.5;transition:color .1s cubic-bezier(0.4,0,1,1);display:inline-block}
.ftrnavlink:hover{color:#29C6A6}
.ftrbottom{max-width:1170px;margin:0 auto;padding:40px 16px 0;border-top:1px solid #e0e0e0;margin-top:40px}
.copyright{font-size:14px;color:#777;text-align:center;line-height:1.5}
@media (max-width: 768px) {
.ftrwrap{grid-template-columns:1fr;gap:40px}
.ftr{padding:40px 0 16px}
}
.terms-wrapper{max-width:1170px;margin:0 auto;padding:80px 16px}
.terms-wrapper p{font-size:17px;line-height:1.75;margin-bottom:16px;color:#1a1a1a}
.terms-wrapper p:last-child{margin-bottom:0}
.terms-wrapper a{color:#29C6A6;text-decoration:none;transition:color .12s cubic-bezier(0.4,0,1,1)}
.terms-wrapper a:hover{color:#961B69}
.terms-wrapper table{width:100%;border-collapse:collapse;margin:40px 0;font-size:15px;line-height:1.5;box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617;border-radius:4px;overflow:hidden}
.terms-wrapper thead{background:linear-gradient(135deg,#29C6A6 0%,#f8f9fa 100%)}
.terms-wrapper th{padding:16px;text-align:left;font-size:15px;font-weight:600;color:#1a1a1a;border-bottom:2px solid #e5e7eb}
.terms-wrapper td{padding:16px;color:#1a1a1a;border-bottom:1px solid #f3f4f6}
.terms-wrapper tbody tr:last-child td{border-bottom:none}
.terms-wrapper tbody tr{transition:background-color .14s cubic-bezier(0.4,0,1,1)}
.terms-wrapper tbody tr:hover{background-color:#fafafa}
.terms-wrapper hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#e5e7eb 50%,transparent 100%);margin:40px 0}
.terms-wrapper div{margin:16px 0}
.terms-wrapper h1{font-size:48px;line-height:1.2;margin-bottom:40px;color:#1a1a1a;letter-spacing:-.02em}
.terms-wrapper h2{font-size:36px;line-height:1.2;margin-top:80px;margin-bottom:16px;color:#1a1a1a;letter-spacing:-.01em}
.terms-wrapper h3{font-size:26px;line-height:1.5;margin-top:40px;margin-bottom:16px;color:#1a1a1a}
.terms-wrapper h4{font-size:20px;line-height:1.5;margin-top:40px;margin-bottom:8px;color:#1a1a1a}
.terms-wrapper ul,.terms-wrapper ol{margin:16px 0;padding-left:40px}
.terms-wrapper li{font-size:17px;line-height:1.75;margin-bottom:8px;color:#1a1a1a}
.terms-wrapper ul li{list-style:none;position:relative}
.terms-wrapper ul li::before{content:'';position:absolute;left:-24px;top:12px;width:6px;height:6px;background:#29C6A6;border-radius:50%}
.terms-wrapper ol{counter-reset:policy-counter}
.terms-wrapper ol li{list-style:none;position:relative;counter-increment:policy-counter}
.terms-wrapper ol li::before{content:counter(policy-counter) '.';position:absolute;left:-40px;color:#961B69;font-weight:600}
.terms-wrapper strong{font-weight:600;color:#1a1a1a}
.terms-wrapper em{font-style:italic}
@media (max-width: 768px) {
.terms-wrapper{padding:40px 16px}
.terms-wrapper h1{font-size:36px;margin-bottom:16px}
.terms-wrapper h2{font-size:26px;margin-top:40px}
.terms-wrapper h3{font-size:20px}
.terms-wrapper table{font-size:14px}
.terms-wrapper th,.terms-wrapper td{padding:8px}
}
@media (max-width: 640px) {
.terms-wrapper table{display:block;overflow-x:auto}
}
.anlytcs .blur-in{animation:blur-in .14s cubic-bezier(0.4,0,1,1) forwards;animation-delay:calc(var(--delay,0) * 0.12s);filter:blur(8px);opacity:0}
@keyframes blur-in {
to{filter:blur(0);opacity:1}
}
.anlytcs{background:#fff;min-height:100vh}
.anlytcs .ttlwrap{position:relative;max-width:1170px;margin:0 auto;padding:80px 40px;overflow:hidden}
.anlytcs .ttlbg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15}
.anlytcs .ttlbg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#29c6a608 2px,#29c6a608 4px)}
.anlytcs .ttlshapes{position:absolute;top:40px;right:40px;width:180px;height:180px;pointer-events:none}
.anlytcs .ttlshapes svg{position:absolute;top:0;left:0;width:100%;height:100%}
.anlytcs .ttlcontent{position:relative;max-width:720px}
.anlytcs .ttlcontent h1{font-size:48px;line-height:1.2;margin:0 0 16px;color:#1a1a1a}
.anlytcs .ttlcontent h1 .grad{background:linear-gradient(72deg,#29C6A6,#FFD75B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.anlytcs .ttlcontent p{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0}
.anlytcs .splitzone{max-width:1170px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:60fr 40fr;gap:40px;align-items:start}
.anlytcs .leftcol h2{font-size:36px;line-height:1.2;margin:0 0 40px;color:#1a1a1a;font-weight:700}
.anlytcs .metrics{display:grid;gap:16px;margin-bottom:40px}
.anlytcs .metricrow{background:linear-gradient(72deg,#29c6a60a,#ffd75b0a);padding:16px;border-radius:4px;box-shadow:0 3px 4px 0 #29c6a60d;transition:transform .14s cubic-bezier(0.4,0,1,1)}
.anlytcs .metricrow:hover{transform:translateX(4px)}
.anlytcs .metricrow h3{font-size:20px;line-height:1.2;margin:0 0 8px;color:#961B69;font-weight:700}
.anlytcs .metricrow p{font-size:15px;line-height:1.5;margin:0;color:#4a4a4a}
.anlytcs .rightcol{position:sticky;top:40px}
.anlytcs .pyramid{display:flex;flex-direction:column;gap:8px;padding:40px;background:#fafafa;border-radius:13px;box-shadow:0 6px 22px 0 #961b6917}
.anlytcs .pyramidlayer{height:60px;background:linear-gradient(72deg,#29C6A6,#FFD75B);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.2;color:#1a1a1a;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:opacity .16s cubic-bezier(0.4,0,1,1)}
.anlytcs .pyramidlayer:hover{opacity:.85}
.anlytcs .pyramidlayer:nth-child(1){width:100%}
.anlytcs .pyramidlayer:nth-child(2){width:85%;margin:0 auto;background:linear-gradient(72deg,#961B69,#29C6A6)}
.anlytcs .pyramidlayer:nth-child(3){width:70%;margin:0 auto;background:linear-gradient(72deg,#FFD75B,#961B69)}
.anlytcs .pyramidlayer:nth-child(4){width:55%;margin:0 auto;background:linear-gradient(72deg,#29C6A6,#FFD75B)}
.anlytcs .divider{max-width:1170px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:80px}
.anlytcs .divider::before,.anlytcs .divider::after{content:'';width:120px;height:2px;background:linear-gradient(72deg,#29C6A6,#FFD75B)}
.anlytcs .gridzone{max-width:1170px;margin:0 auto;padding:80px 40px;background:linear-gradient(72deg,#961b6905,#29c6a605)}
.anlytcs .gridzone h2{font-size:36px;line-height:1.2;margin:0 0 40px;color:#1a1a1a;font-weight:300;text-align:right}
.anlytcs .gridcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.anlytcs .griditem{background:#fff;padding:40px;border-radius:13px;box-shadow:0 3px 4px 0 #29c6a60d;transition:box-shadow .14s cubic-bezier(0.4,0,1,1)}
.anlytcs .griditem:hover{box-shadow:0 9px 48px 0 #961b6921}
.anlytcs .griditem h3{font-size:26px;line-height:1.2;margin:0 0 16px;color:#961B69;font-weight:700}
.anlytcs .griditem p{font-size:15px;line-height:1.75;margin:0;color:#4a4a4a}
.anlytcs .griditem ul{margin:16px 0 0;padding:0;list-style:none}
.anlytcs .griditem ul li{font-size:15px;line-height:1.75;color:#4a4a4a;padding-left:16px;position:relative;margin-bottom:8px}
.anlytcs .griditem ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:36px;background:#29C6A6}
.anlytcs .griditem:nth-child(2) ul li::before{background:#961B69}
.anlytcs .griditem:nth-child(3) ul li::before{background:#FFD75B}
.anlytcs .griditem:nth-child(4) ul li::before{background:#29C6A6}
.anlytcs .accentbox{background:#961B69;color:#fff;padding:40px;border-radius:13px}
.anlytcs .accentbox h3{color:#FFD75B}
.anlytcs .accentbox p,.anlytcs .accentbox ul li{color:#fff}
@media (max-width: 1024px) {
.anlytcs .splitzone{grid-template-columns:1fr;gap:40px}
.anlytcs .rightcol{position:static}
.anlytcs .ttlshapes{width:120px;height:120px}
}
@media (max-width: 768px) {
.anlytcs .ttlwrap{padding:40px 16px}
.anlytcs .ttlcontent h1{font-size:36px}
.anlytcs .ttlshapes{display:none}
.anlytcs .splitzone{padding:40px 16px}
.anlytcs .leftcol h2{font-size:26px}
.anlytcs .pyramid{padding:16px}
.anlytcs .pyramidlayer{font-size:12px;height:48px}
.anlytcs .gridzone{padding:40px 16px}
.anlytcs .gridzone h2{font-size:26px;text-align:left}
.anlytcs .griditem{padding:16px}
.anlytcs .griditem h3{font-size:20px}
.anlytcs .divider{padding:0 16px;gap:40px}
.anlytcs .divider::before,.anlytcs .divider::after{width:60px}
}
@media (max-width: 640px) {
.anlytcs .ttlcontent h1{font-size:26px}
.anlytcs .gridcols{grid-template-columns:1fr}
}
.fnc{background:#FAFAFA;color:#1A1A1A;line-height:1.5;overflow-x:clip}
.fnc .hdr-bnr{background:linear-gradient(to right,#29C6A6 0%,#F7F7F7 100%);padding:40px 16px;position:relative;overflow:hidden}
.fnc .hdr-bnr::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,#ffffff08 35px,#ffffff08 70px);pointer-events:none}
.fnc .hdr-wrap{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;position:relative}
.fnc .hdr-txt h1{font-size:48px;line-height:1.2;margin:0 0 16px;color:#1A1A1A}
.fnc .hdr-txt h1 .mkr{background:linear-gradient(72deg,#29C6A6,#FFD75B);padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.fnc .hdr-img-box{position:relative;border-radius:13px;overflow:hidden;height:240px}
.fnc .hdr-img-box::after{content:'';position:absolute;top:0;right:0;bottom:0;width:60%;background:linear-gradient(to left,#29c6a680,transparent);pointer-events:none}
.fnc .hdr-img-box img{width:100%;height:100%;object-fit:cover;object-position:center}
.fnc .intro{max-width:1170px;margin:80px auto;padding:0 16px;animation:scl .14s cubic-bezier(0.4,0,1,1)}
@keyframes scl {
from{opacity:0;transform:scale(0.9)}
to{opacity:1;transform:scale(1)}
}
.fnc .intro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.fnc .intro-card{background:#FFF;padding:40px;border-radius:13px;box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617;transition:box-shadow .16s cubic-bezier(0.4,0,1,1)}
.fnc .intro-card:hover{box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617 0 9px 48px 0 #29c6a621 0 0 0 4px #29c6a626 inset}
.fnc .intro-card h3{font-size:26px;line-height:1.2;margin:0 0 16px;color:#1A1A1A}
.fnc .intro-card p{font-size:15px;margin:0;color:#333}
.fnc .intro-card ul{margin:16px 0 0;padding:0;list-style:none}
.fnc .intro-card li{font-size:15px;margin:8px 0;padding-left:24px;position:relative;color:#333}
.fnc .intro-card li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#29C6A6;border-radius:4px}
.fnc .divider{text-align:center;margin:80px auto;font-size:48px;color:#961B69;letter-spacing:8px;font-weight:300}
.fnc .experts{max-width:1170px;margin:0 auto 80px;padding:0 16px}
.fnc .experts-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.fnc .expert-card{display:flex;gap:40px;background:#FFF;padding:40px;border-radius:13px;box-shadow:0 3px 4px 0 #961b690d 0 6px 22px 0 #961b6917}
.fnc .expert-img{width:180px;flex-shrink:0}
.fnc .expert-img img{width:180px;height:270px;object-fit:cover;object-position:top;border-radius:4px}
.fnc .expert-txt h4{font-size:20px;line-height:1.2;margin:0 0 8px;color:#1A1A1A}
.fnc .expert-txt .role{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:#961B69;margin:0 0 16px}
.fnc .expert-txt p{font-size:15px;margin:0;color:#333}
.fnc .complex{background:#FFF;max-width:1170px;margin:0 auto 80px;padding:40px;border-radius:13px;box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617}
.fnc .complex h2{font-size:36px;line-height:1.2;margin:0 0 40px;text-align:center;color:#1A1A1A}
.fnc .complex-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}
.fnc .complex-tbl{border-collapse:collapse;width:100%}
.fnc .complex-tbl th,.fnc .complex-tbl td{text-align:left;padding:16px;font-size:15px}
.fnc .complex-tbl th{background:linear-gradient(72deg,#29C6A6,#FFD75B);color:#1A1A1A;font-weight:600;border-bottom:2px solid #F7F7F7}
.fnc .complex-tbl tr:nth-child(even){background:#FAFAFA}
.fnc .complex-tbl td{color:#333;border-bottom:1px solid #EFEFEF}
.fnc .complex-narr h4{font-size:20px;line-height:1.2;margin:0 0 16px;color:#1A1A1A}
.fnc .complex-narr p{font-size:15px;margin:0 0 16px;color:#333}
.fnc .complex-narr p:last-child{margin-bottom:0}
.fnc .data{max-width:1170px;margin:0 auto 80px;padding:0 16px}
.fnc .data h2{font-size:36px;line-height:1.2;margin:0 0 40px;color:#1A1A1A}
.fnc .data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.fnc .metric{text-align:center;padding:40px;background:#FFF;border-radius:36px;box-shadow:0 3px 4px 0 #961b690d 0 6px 22px 0 #961b6917;transition:transform .12s cubic-bezier(0.4,0,1,1)}
.fnc .metric:hover{transform:translateY(-4px);box-shadow:0 3px 4px 0 #961b690d 0 6px 22px 0 #961b6917 0 9px 48px 0 #961b6921}
.fnc .metric-num{font-size:48px;line-height:1.2;font-weight:700;color:#961B69;margin:0 0 8px}
.fnc .metric-lbl{font-size:17px;color:#333;margin:0}
.fnc .process{background:linear-gradient(to right,#F7F7F7 0%,#29C6A6 100%);padding:80px 16px}
.fnc .process-wrap{max-width:1170px;margin:0 auto}
.fnc .process h2{font-size:36px;line-height:1.2;margin:0 0 40px;color:#1A1A1A}
.fnc .process-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.fnc .step{background:#FFF;padding:40px;border-radius:13px;box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617;position:relative}
.fnc .step-num{position:absolute;top:-16px;left:40px;width:48px;height:48px;background:linear-gradient(72deg,#29C6A6,#FFD75B);border-radius:36px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1A1A1A}
.fnc .step h5{font-size:20px;line-height:1.2;margin:16px 0 8px;color:#1A1A1A}
.fnc .step p{font-size:15px;margin:0;color:#333}
.fnc .visual{max-width:1170px;margin:80px auto;padding:0 16px;text-align:right}
.fnc .visual-box{max-width:520px;margin-left:auto}
.fnc .visual h3{font-size:26px;line-height:1.2;margin:0 0 16px;color:#1A1A1A}
.fnc .visual p{font-size:15px;margin:0 0 16px;color:#333}
.fnc .visual-img{border-radius:13px;overflow:hidden;box-shadow:0 3px 4px 0 #29c6a60d 0 6px 22px 0 #29c6a617;margin-top:40px}
.fnc .visual-img img{width:100%;height:360px;object-fit:cover;object-position:center}
@media (max-width: 1024px) {
.fnc .hdr-wrap{grid-template-columns:1fr}
.fnc .hdr-img-box{height:320px}
.fnc .experts-grid{grid-template-columns:1fr}
.fnc .complex-wrap{grid-template-columns:1fr}
.fnc .data-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.fnc .hdr-txt h1{font-size:36px}
.fnc .intro{margin:40px auto}
.fnc .intro-grid{gap:16px}
.fnc .intro-card{padding:16px}
.fnc .divider{margin:40px auto}
.fnc .expert-card{flex-direction:column;padding:16px}
.fnc .expert-img{width:100%}
.fnc .expert-img img{width:100%;height:auto}
.fnc .complex{padding:16px;margin-bottom:40px}
.fnc .complex h2{font-size:26px}
.fnc .data{margin-bottom:40px}
.fnc .data h2{font-size:26px}
.fnc .data-grid{grid-template-columns:1fr}
.fnc .process{padding:40px 16px}
.fnc .process h2{font-size:26px}
.fnc .visual{margin:40px auto;text-align:left}
.fnc .visual-box{max-width:100%}
}
@media (max-width: 640px) {
.fnc .hdr-txt h1{font-size:26px}
.fnc .metric-num{font-size:36px}
.fnc .step{padding:16px}
}
.fnc ::selection{background:#29C6A6;color:#1A1A1A}
.contactpg{background:#fefefe;color:#1a1a1a;line-height:1.5;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.contactpg .topblk{max-width:1170px;margin:0 auto;padding:80px 16px;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center}
.contactpg .imgwrap{position:relative;width:280px;height:420px;border-radius:13px;overflow:hidden;box-shadow:0 6px 22px 0 #29c6a617}
.contactpg .imgwrap img{width:100%;height:100%;object-fit:cover}
.contactpg .imgwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000008 2px,#00000008 4px);pointer-events:none;z-index:1}
.contactpg .imgwrap::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#29c6a614;top:-40px;right:-60px;z-index:0;pointer-events:none}
.contactpg .txtzone{padding:0 40px}
.contactpg .txtzone h1{font-size:48px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;font-weight:700;color:#1a1a1a}
.contactpg .txtzone .subdesc{font-size:17px;line-height:1.75;margin:0 0 40px;color:#444;letter-spacing:.01em}
.contactpg .txtzone .ctlink{display:inline-block;font-size:15px;letter-spacing:.02em;color:#29C6A6;text-decoration:none;border-bottom:2px solid #29C6A6;padding:0 0 4px;transition:color .14s cubic-bezier(0.4,0,1,1),border-color .14s cubic-bezier(0.4,0,1,1)}
.contactpg .txtzone .ctlink:hover{color:#961B69;border-color:#961B69}
.contactpg .formsec{background:linear-gradient(72deg,#29c6a60a 0%,#ffd75b0a 100%);padding:80px 16px;position:relative}
.contactpg .formsec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(72deg,#29C6A6 0%,#FFD75B 100%)}
.contactpg .formbox{max-width:1170px;margin:0 auto;background:#fff;border-radius:13px;box-shadow:0 9px 48px 0 #961b6921;padding:80px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
.contactpg .infoside h2{font-size:36px;line-height:1.2;letter-spacing:-.01em;margin:0 0 16px;font-weight:700;color:#1a1a1a}
.contactpg .infoside .introtxt{font-size:15px;line-height:1.75;margin:0 0 40px;color:#555;letter-spacing:.01em}
.contactpg .detailslist{list-style:none;margin:0;padding:0}
.contactpg .detailslist li{margin:0 0 16px;font-size:15px;line-height:1.5;color:#333;display:flex;align-items:flex-start;gap:8px}
.contactpg .detailslist li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#29C6A6;margin-top:8px;flex-shrink:0}
.contactpg .detailslist li:nth-child(2)::before{background:#961B69}
.contactpg .detailslist li:nth-child(3)::before{background:#FFD75B}
.contactpg .detailslist li:nth-child(4)::before{background:#29C6A6}
.contactpg .detailslist li:nth-child(5)::before{background:#961B69}
.contactpg .detailslist li strong{font-weight:600;color:#1a1a1a;display:block;margin:0 0 4px}
.contactpg .detailslist li a{color:#29C6A6;text-decoration:none;transition:color .12s ease-in}
.contactpg .detailslist li a:hover{color:#961B69}
.contactpg .formwrap form{display:flex;flex-direction:column;gap:16px}
.contactpg .formwrap h3{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:0 0 16px;font-weight:600;color:#1a1a1a}
.contactpg .formwrap .typeselector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px}
.contactpg .formwrap input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.contactpg .formwrap .radiolbl{display:block;padding:16px 8px;border:2px solid #e0e0e0;border-radius:4px;text-align:center;font-size:14px;font-weight:500;letter-spacing:.02em;color:#666;cursor:pointer;transition:border-color .14s cubic-bezier(0.4,0,1,1),background-color .14s cubic-bezier(0.4,0,1,1),color .14s cubic-bezier(0.4,0,1,1)}
.contactpg .formwrap input[type="radio"]:checked + .radiolbl{border-color:#29C6A6;background:#29c6a614;color:#1a1a1a}
.contactpg .formwrap .radiolbl:hover{border-color:#29C6A6}
.contactpg .formwrap input[type="email"]{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:4px;font-size:15px;line-height:1.5;color:#1a1a1a;transition:border-color .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1)}
.contactpg .formwrap input[type="email"]::placeholder{color:#1a1a1a66}
.contactpg .formwrap input[type="email"]:focus{outline:none;border-color:#29C6A6;box-shadow:0 3px 4px 0 #29c6a60d}
.contactpg .formwrap textarea{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:4px;font-size:15px;line-height:1.5;color:#1a1a1a;min-height:140px;resize:vertical;transition:border-color .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1)}
.contactpg .formwrap textarea::placeholder{color:#1a1a1a66}
.contactpg .formwrap textarea:focus{outline:none;border-color:#29C6A6;box-shadow:0 3px 4px 0 #29c6a60d}
.contactpg .formwrap .privacybox{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0}
.contactpg .formwrap input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.contactpg .formwrap .privacybox label{font-size:14px;line-height:1.5;color:#555;cursor:pointer}
.contactpg .formwrap .privacybox label a{color:#29C6A6;text-decoration:none;transition:color .12s ease-in}
.contactpg .formwrap .privacybox label a:hover{color:#961B69}
.contactpg .formwrap .sbmtbtn{padding:16px 40px;background:#29C6A6;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;letter-spacing:.03em;cursor:pointer;text-transform:uppercase;transition:background-color .16s cubic-bezier(0.4,0,1,1);box-shadow:0 3px 4px 0 #29c6a60d;margin-top:8px;position:relative;overflow:hidden}
.contactpg .formwrap .sbmtbtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#fff3 50%,transparent 100%);transition:left .5s cubic-bezier(0.4,0,1,1)}
.contactpg .formwrap .sbmtbtn:hover::before{left:100%}
.contactpg .formwrap .sbmtbtn:hover{background:#961B69}
.contactpg .formwrap .sbmtbtn:active{transform:translateY(1px)}
.contactpg ::selection{background:#29C6A6;color:#1a1a1a}
@media (max-width: 1024px) {
.contactpg .topblk{grid-template-columns:1fr;gap:40px;padding:40px 16px}
.contactpg .imgwrap{width:100%;max-width:400px;margin:0 auto}
.contactpg .txtzone{padding:0;text-align:center}
.contactpg .formbox{grid-template-columns:1fr;gap:40px;padding:40px}
.contactpg .formsec{padding:40px 16px}
}
@media (max-width: 768px) {
.contactpg .txtzone h1{font-size:36px}
.contactpg .infoside h2{font-size:26px}
.contactpg .formwrap .typeselector{grid-template-columns:1fr}
.contactpg .formbox{padding:40px 16px}
}
@media (max-width: 640px) {
.contactpg .txtzone h1{font-size:26px}
.contactpg .topblk{padding:40px 8px}
.contactpg .formsec{padding:40px 8px}
.contactpg .formbox{padding:16px}
}
.abtpg{background:#fff;color:#1a1a1a;min-height:100vh}
.abtpg .hero{display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1170px;margin:0 auto;padding:40px 16px;align-items:center}
.abtpg .herotxt{padding:16px 0}
.abtpg .herotxt h1{font-size:48px;line-height:1.2;margin:0 0 16px;letter-spacing:-.5px;font-weight:700}
.abtpg .herotxt p{font-size:20px;line-height:1.75;color:#2a2a2a;margin:0}
.abtpg .heroimg{position:relative;overflow:hidden}
.abtpg .heroimg img{width:100%;height:420px;object-fit:cover;object-position:top;border-radius:13px;filter:grayscale(100%) contrast(1.3)}
.abtpg .dotpath{position:absolute;bottom:16px;right:16px;display:flex;gap:8px}
.abtpg .dotpath span{width:8px;height:8px;background:#29C6A6;border-radius:4px;opacity:.7}
.abtpg .dotpath span:nth-child(2){background:#961B69}
.abtpg .dotpath span:nth-child(3){background:#FFD75B}
.abtpg .split{position:relative;max-width:1170px;margin:80px auto;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.abtpg .split::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(72deg,#29C6A6 0%,#FFD75B 100%);transform:translateX(-50%) skewX(-12deg)}
.abtpg .zoneleft{padding:40px 40px 40px 0}
.abtpg .zoneright{padding:40px 0 40px 40px}
.abtpg .split h2{font-size:36px;line-height:1.2;margin:0 0 16px;font-weight:700;letter-spacing:-.3px}
.abtpg .split p{font-size:17px;line-height:1.75;margin:0 0 16px;color:#2a2a2a}
.abtpg .split p:last-child{margin:0}
.abtpg .indicator{display:flex;gap:4px;margin:16px 0 0;height:8px}
.abtpg .lvl{flex:1;border-radius:4px;transition:opacity .12s cubic-bezier(0.4,0,1,1)}
.abtpg .lvl:nth-child(1){background:#29C6A6}
.abtpg .lvl:nth-child(2){background:#29C6A6;opacity:.8}
.abtpg .lvl:nth-child(3){background:#FFD75B;opacity:.6}
.abtpg .lvl:nth-child(4){background:#961B69;opacity:.4}
.abtpg .lvl:nth-child(5){background:#961B69;opacity:.2}
.abtpg .complex{background:#f8fffe!important;padding:80px 0;position:relative;overflow:hidden}
.abtpg .complex::before{content:'';position:absolute;top:0;right:0;width:1px;height:280px;background:#29C6A6;transform:rotate(45deg);transform-origin:top right;opacity:.15}
.abtpg .complexwrap{max-width:1170px;margin:0 auto;padding:0 16px}
.abtpg .intro{max-width:780px;padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid #29c6a633}
.abtpg .intro p{font-size:20px;line-height:1.75;color:#2a2a2a;margin:0;font-weight:500}
.abtpg .grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.abtpg .teamcard{background:#fff;border-radius:13px;padding:0;box-shadow:0 6px 22px 0 #29c6a617;overflow:hidden;transition:transform .15s cubic-bezier(0.4,0,1,1)}
.abtpg .teamcard:hover{transform:translateY(-4px)}
.abtpg .cardimg{width:100%;height:280px;overflow:hidden;background:#f5f5f5}
.abtpg .cardimg img{width:100%;height:100%;object-fit:cover;object-position:top}
.abtpg .cardtxt{padding:16px}
.abtpg .cardtxt h3{font-size:20px;line-height:1.5;margin:0 0 4px;font-weight:700;color:#1a1a1a}
.abtpg .cardtxt .role{font-size:15px;line-height:1.5;color:#961B69;margin:0 0 8px;font-weight:500}
.abtpg .cardtxt p{font-size:15px;line-height:1.75;color:#4a4a4a;margin:0}
.abtpg .showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px 0 0}
.abtpg .showimg{border-radius:13px;overflow:hidden;height:320px}
.abtpg .showimg img{width:100%;height:100%;object-fit:cover;display:block}
.abtpg .metrics{padding:80px 0;background:#fff}
.abtpg .metricswrap{max-width:1170px;margin:0 auto;padding:0 16px}
.abtpg .metricsh{text-align:right;margin:0 0 40px}
.abtpg .metricsh h2{font-size:36px;line-height:1.2;margin:0 0 8px;font-weight:300;letter-spacing:-.3px}
.abtpg .metricsh p{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0}
.abtpg .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.abtpg .statbox{background:linear-gradient(72deg,#29c6a60d 0%,#ffd75b0d 100%);padding:40px 16px;border-radius:36px;text-align:center;position:relative;overflow:hidden}
.abtpg .statbox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(72deg,#29C6A6 0%,#FFD75B 100%)}
.abtpg .statbox .num{font-size:48px;line-height:1.2;font-weight:700;color:#961B69;margin:0 0 8px}
.abtpg .statbox .label{font-size:15px;line-height:1.5;color:#2a2a2a;margin:0;text-transform:uppercase;letter-spacing:.5px;font-size:14px}
.abtpg .divline{max-width:1170px;margin:0 auto;height:1px;background:#e5e5e5;position:relative}
.abtpg .divline::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:1px;background:#29C6A6}
@media (max-width: 1024px) {
.abtpg .hero{grid-template-columns:1fr;gap:40px}
.abtpg .heroimg img{height:360px}
.abtpg .split{grid-template-columns:1fr;gap:40px}
.abtpg .split::before{display:none}
.abtpg .zoneleft,.abtpg .zoneright{padding:0}
.abtpg .statgrid{grid-template-columns:repeat(2,1fr)}
.abtpg .showcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.abtpg .herotxt h1{font-size:36px}
.abtpg .herotxt p{font-size:17px}
.abtpg .split h2,.abtpg .metricsh h2{font-size:26px}
.abtpg .hero,.abtpg .split,.abtpg .metrics{margin:40px auto}
.abtpg .complex{padding:40px 0}
.abtpg .intro{padding:0 0 16px;margin:0 0 16px}
.abtpg .statbox .num{font-size:36px}
.abtpg .metricsh{text-align:left}
}
@media (max-width: 640px) {
.abtpg .statgrid{grid-template-columns:1fr}
.abtpg .grid3{grid-template-columns:1fr}
}
.sysok{background:linear-gradient(72deg,#29C6A6 0%,#FFD75B 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}
.sysok .confbox{background:#fff;max-width:580px;width:100%;padding:80px 40px;border-radius:13px;box-shadow:0 9px 48px 0 #29c6a621;text-align:center}
.sysok .icwrap{width:84px;height:84px;margin:0 auto 40px;background:linear-gradient(72deg,#29C6A6 0%,#FFD75B 100%);border-radius:36px;display:flex;align-items:center;justify-content:center}
.sysok .icwrap svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sysok .mhed{font-size:36px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.sysok .msgp{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0 0 40px}
.sysok .detgrid{display:grid;gap:16px;margin:0 0 40px;text-align:left}
.sysok .detrow{background:#f9f9f9;padding:16px;border-radius:4px;display:grid;grid-template-columns:120px 1fr;gap:16px}
.sysok .detlbl{font-size:14px;line-height:1.5;color:#666;font-weight:500}
.sysok .detval{font-size:15px;line-height:1.5;color:#1a1a1a;word-break:break-word}
.sysok .actbox{display:flex;flex-direction:column;gap:16px;align-items:center}
.sysok .btnprim{background:#29C6A6;color:#fff;font-size:17px;line-height:1.5;padding:16px 40px;border:none;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s cubic-bezier(0.4,0,1,1);box-shadow:0 3px 4px 0 #29c6a60d;font-weight:500}
.sysok .btnprim:hover{background:#24b097}
.sysok .btnprim:active{background:#1f9a83}
.sysok .lnksec{font-size:15px;line-height:1.5;color:#961B69;text-decoration:none;transition:color .1s cubic-bezier(0.4,0,1,1)}
.sysok .lnksec:hover{color:#7a1556}
.sysok .infnote{margin:40px 0 0;padding:16px;background:#fffbf0;border-radius:4px;font-size:14px;line-height:1.5;color:#666;text-align:left}
@media (max-width: 640px) {
.sysok .confbox{padding:40px 16px}
.sysok .mhed{font-size:26px}
.sysok .detrow{grid-template-columns:1fr;gap:8px}
.sysok .btnprim{width:100%}
}