@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700.css";
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',sans-serif;font-size:17px;line-height:1.65;background-color:#fff;color:#131A2B;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;overflow-x:hidden}
::selection{background-color:#131a2b1a;color:#131A2B}
.hdrBox{width:100%;background-color:#131A2B;position:relative;overflow:hidden}
.hdrBox::before{content:'';position:absolute;top:0;right:0;width:420px;height:100%;background:linear-gradient(135deg,transparent 40%,#2c426359 100%);pointer-events:none}
.hdrInner{max-width:1600px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;min-height:100px}
.brandBox{display:flex;align-items:center;gap:20px;text-decoration:none;flex-shrink:0}
.logoWrap{width:56px;height:56px;border-radius:12px;background-color:#fff;box-shadow:inset 0 2px 4px #fff9 inset 0 -2px 4px #00000026 0 0 0 2px #2c426366;display:flex;align-items:center;justify-content:center;padding:8px;flex-shrink:0}
.logoWrap img{width:100%;height:100%;object-fit:contain;display:block}
.brandTextBox{display:flex;flex-direction:column;gap:2px}
.brandName{font-size:22px;font-weight:700;color:#F9F9F9;letter-spacing:.04em;line-height:1.1}
.brandTagline{font-size:12px;color:#f9f9f98c;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
.hdrRight{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.trustBadge{display:flex;align-items:center;gap:8px;background-color:#2c426373;border:1px solid #f9f9f91f;border-radius:50px;padding:6px 16px 6px 10px}
.trustBadge .mdi{font-size:16px;color:#f0c040}
.trustBadgeText{font-size:12px;color:#f9f9f9bf;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.navBox{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.navBox a{font-size:13px;font-weight:700;color:#f9f9f9bf;text-decoration:none;letter-spacing:.09em;text-transform:uppercase;padding:10px 16px;border-radius:50px;transition:background-color 450ms ease,color 450ms ease;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.navBox a:hover{background-color:#f9f9f91a;color:#F9F9F9}
.navBox a.nav-active{background-color:#2c426399;color:#F9F9F9}
.navBox .navCta{background-color:#2C4263;color:#F9F9F9;border:1px solid #f9f9f92e;box-shadow:0 0 12px #2c426380;margin-left:8px}
.navBox .navCta:hover{background-color:#2c4263d9;color:#F9F9F9;box-shadow:0 0 20px #2c4263b3}
@media (max-width: 1280px) {
.hdrInner{padding:0 24px;gap:24px;min-height:92px}
.brandTagline{display:none}
}
@media (max-width: 768px) {
.hdrInner{grid-template-columns:1fr;padding:20px;gap:16px;min-height:auto}
.hdrRight{align-items:flex-start;gap:12px}
.navBox{justify-content:flex-start}
.navBox a{font-size:12px;padding:8px 12px}
.trustBadge{display:none}
.hdrBox::before{display:none}
}
.ftrBox{background-color:#131A2B;border-top:1px solid #2c426380;padding:56px 32px 32px}
.ftrInner{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}
.ftrTop{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
.ftrLogoWrap{width:52px;height:52px;border-radius:10px;background-color:#fff;box-shadow:inset 0 2px 3px #ffffff80 inset 0 -2px 3px #0000001f 0 0 0 2px #2c426380;display:flex;align-items:center;justify-content:center;padding:8px}
.ftrLogoWrap img{width:100%;height:100%;object-fit:contain;display:block}
.ftrBrandName{font-size:18px;font-weight:700;color:#F9F9F9;letter-spacing:.04em}
.ftrNav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
.ftrNav a{font-size:13px;font-weight:700;color:#f9f9f999;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:50px;transition:background-color 450ms ease,color 450ms ease;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.ftrNav a:hover{background-color:#2c426373;color:#F9F9F9}
.ftrDivider{width:100%;height:1px;background:linear-gradient(to right,transparent,#2c4263b3,transparent)}
.ftrContact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
.ftrContactItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#f9f9f980;text-decoration:none;transition:color 450ms ease}
.ftrContactItem:hover{color:#f9f9f9d9}
.ftrContactItem .mdi{font-size:16px;color:#2c4263e6}
.ftrBottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;padding-top:8px}
.ftrCopy{font-size:13px;color:#f9f9f959;letter-spacing:.04em}
.ftrPrivacyLink{font-size:13px;color:#f9f9f959;text-decoration:none;letter-spacing:.04em;transition:color 400ms ease}
.ftrPrivacyLink:hover{color:#f9f9f9a6}
.ftrCookieManage{font-size:13px;color:#f9f9f959;text-decoration:none;letter-spacing:.04em;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color 400ms ease}
.ftrCookieManage:hover{color:#f9f9f9a6}
@media (max-width: 768px) {
.ftrBox{padding:40px 20px 24px}
.ftrNav a{font-size:12px;padding:8px 12px}
}
.cookiePopup{position:fixed;right:24px;top:50%;transform:translateY(-50%) translateX(calc(100% + 40px));width:340px;background-color:#fff;border-radius:20px;box-shadow:0 0 32px #131a2b2e 0 2px 8px #131a2b1a;border:1px solid #131a2b14;z-index:9000;transition:transform 500ms cubic-bezier(0.34,1.56,0.64,1);display:none}
.cookiePopup.cpVisible{display:block;transform:translateY(-50%) translateX(0)}
.cookiePopup.cpHiding{transform:translateY(-50%) translateX(calc(100% + 40px));transition:transform 450ms cubic-bezier(0.4,0,0.6,1)}
.cpInner{padding:24px}
.cpTitle{font-size:15px;font-weight:700;color:#131A2B;letter-spacing:.03em;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.cpTitle .mdi{font-size:18px;color:#2C4263}
.cpText{font-size:13px;color:#131a2ba6;line-height:1.6;margin-bottom:16px}
.cpCards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.cpCard{background-color:#F9F9F9;border-radius:12px;padding:12px;border:1px solid #131a2b12}
.cpCardIcon{font-size:18px;color:#2C4263;margin-bottom:4px}
.cpCardLabel{font-size:11px;font-weight:700;color:#131A2B;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.cpCardDesc{font-size:11px;color:#131a2b8c;line-height:1.4;margin-top:2px}
.cpCardCheck{display:flex;align-items:center;gap:6px;margin-top:6px}
.cpCardCheck input[type="checkbox"]{width:14px;height:14px;accent-color:#2C4263;cursor:pointer}
.cpCardCheck label{font-size:11px;color:#131a2b8c;cursor:pointer}
.cpBtns{display:flex;gap:8px}
.cpBtnAccept{flex:1;background-color:#131A2B;color:#F9F9F9;border:none;border-radius:50px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background-color 450ms ease,box-shadow 450ms ease;min-height:44px}
.cpBtnAccept:hover{background-color:#2C4263;box-shadow:0 0 16px #2c426366}
.cpBtnDecline{flex:1;background-color:transparent;color:#131A2B;border:1px solid #131a2b33;border-radius:50px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background-color 450ms ease,border-color 450ms ease;min-height:44px}
.cpBtnDecline:hover{background-color:#131a2b0f;border-color:#131a2b59}
.cpFootNote{font-size:11px;color:#131a2b66;margin-top:12px;text-align:center;line-height:1.5}
.cpFootNote a{color:#131a2b8c;text-decoration:underline}
@media (max-width: 768px) {
.cookiePopup{right:12px;left:12px;width:auto;top:auto;bottom:16px;transform:translateX(0) translateY(calc(100% + 40px))}
.cookiePopup.cpVisible{transform:translateX(0) translateY(0)}
.cookiePopup.cpHiding{transform:translateX(0) translateY(calc(100% + 40px))}
}
.terms-body{max-width:860px;margin:0 auto;padding:64px 24px 96px;color:#1a1a2e;line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}
.terms-body h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.02em;color:#131A2B;margin:0 0 40px;padding-bottom:24px;border-bottom:2px solid #2C4263}
.terms-body h2{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2;letter-spacing:-.01em;color:#131A2B;margin:56px 0 20px;padding-left:16px;border-left:4px solid #2C4263}
.terms-body h3{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.25;color:#1e2d4a;margin:40px 0 16px;letter-spacing:0}
.terms-body h4{font-size:1.05rem;line-height:1.3;color:#2C4263;margin:32px 0 12px;letter-spacing:.03em;text-transform:uppercase}
.terms-body h5{font-size:.95rem;line-height:1.35;color:#2C4263;margin:28px 0 10px;letter-spacing:.04em;text-transform:uppercase}
.terms-body h6{font-size:.85rem;line-height:1.4;color:#2C4263;margin:24px 0 8px;letter-spacing:.06em;text-transform:uppercase}
.terms-body ul{margin:16px 0 24px;padding-left:0;list-style:none}
.terms-body ol{margin:16px 0 24px;padding-left:28px;list-style:decimal}
.terms-body ol ol{list-style:lower-alpha;margin:8px 0}
.terms-body ol ol ol{list-style:lower-roman}
.terms-body ul li{position:relative;padding-left:20px;margin-bottom:10px;color:#2a2a3e}
.terms-body ul li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#2C4263}
.terms-body ol li{margin-bottom:10px;color:#2a2a3e;padding-left:6px}
.terms-body ul ul{margin:8px 0}
.terms-body ul ul li::before{background:transparent;border:1.5px solid #2C4263}
.terms-body em,.terms-body i{font-style:italic;color:#2C4263}
.terms-body a{color:#2C4263;text-decoration:underline;text-decoration-color:#2c426366;text-underline-offset:3px;transition:color 400ms ease,text-decoration-color 400ms ease}
.terms-body a:hover{color:#131A2B;text-decoration-color:#131A2B}
.terms-body a:focus-visible{outline:2px solid #2C4263;outline-offset:3px;border-radius:3px}
.terms-body table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.95rem;background:#fff;box-shadow:0 2px 16px #131a2b14 inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #131a2b0f;border-radius:12px;overflow:hidden}
.terms-body thead{background:#131A2B}
.terms-body thead tr{border-bottom:none}
.terms-body tbody tr{border-bottom:1px solid #2c42631f;transition:background 400ms ease}
.terms-body tbody tr:last-child{border-bottom:none}
.terms-body tbody tr:hover{background:#f9f9f9cc}
.terms-body th{padding:14px 20px;text-align:left;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#F9F9F9;font-weight:600}
.terms-body td{padding:14px 20px;color:#2a2a3e;vertical-align:top;line-height:1.6}
.terms-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#2C4263,transparent);margin:48px 0;opacity:.3}
@media (max-width: 768px) {
.terms-body{padding:40px 20px 72px;font-size:16px}
.terms-body h2{margin:40px 0 16px}
.terms-body h3{margin:32px 0 12px}
.terms-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
.terms-body th,.terms-body td{padding:12px 14px;min-width:120px}
.terms-body hr{margin:36px 0}
}
@media (min-width: 1280px) {
.terms-body{padding:80px 40px 120px}
}
.analyticsPage{background:#F9F9F9;overflow-x:hidden;position:relative}
.analyticsPage *,.analyticsPage ::before,.analyticsPage ::after{box-sizing:border-box;margin:0;padding:0}
.analyticsPage ::selection{background:#2c426326}
.analyticsPage .heroBox{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#131A2B;padding:80px 48px}
.analyticsPage .heroBg{position:absolute;inset:0;background:conic-gradient(from 220deg at 15% 20%,#2C4263 0deg,#131A2B 80deg,#131A2B 260deg,#1e2e4a 360deg);z-index:0}
.analyticsPage .heroDotGrid{position:absolute;inset:0;background-image:radial-gradient(circle,#f9f9f912 1px,transparent 1px);background-size:28px 28px;z-index:1;pointer-events:none}
.analyticsPage .heroFadedNum{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-size:clamp(200px,30vw,420px);font-weight:900;color:#2c42632e;line-height:1;pointer-events:none;z-index:2;letter-spacing:-.05em;user-select:none}
.analyticsPage .heroInner{position:relative;z-index:3;max-width:1600px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.analyticsPage .heroTextBox{display:flex;flex-direction:column;gap:28px}
.analyticsPage .heroLabel{display:inline-flex;align-items:center;gap:10px;background:#2c426380;border:1px solid #f9f9f91f;border-radius:100px;padding:6px 18px;color:#f9f9f9b3;font-size:12px;letter-spacing:.12em;text-transform:uppercase;width:fit-content}
.analyticsPage .heroLabel .mdi{font-size:14px;color:#f9f9f980}
.analyticsPage .heroHeading{font-size:clamp(40px,5.5vw,80px);line-height:1.08;color:#F9F9F9;letter-spacing:-.02em;animation:heroLetterExpand .9s cubic-bezier(0.22,1,0.36,1) both}
@keyframes heroLetterExpand {
from{letter-spacing:.08em;opacity:0}
to{letter-spacing:-.02em;opacity:1}
}
.analyticsPage .heroHeading .accentWord{background:conic-gradient(from 130deg at 30% 60%,#5b8ed6,#8ab4f8,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.analyticsPage .heroDesc{font-size:17px;line-height:1.65;color:#f9f9f99e;max-width:480px}
.analyticsPage .heroStatsRow{display:flex;flex-direction:row;gap:32px;margin-top:8px}
.analyticsPage .heroStatItem{display:flex;flex-direction:column;gap:4px}
.analyticsPage .heroStatNum{font-size:32px;font-weight:700;color:#F9F9F9;line-height:1;letter-spacing:-.02em}
.analyticsPage .heroStatLabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f9f9f973}
.analyticsPage .heroImgBox{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;animation:heroSaturate 1.2s cubic-bezier(0.22,1,0.36,1) both;box-shadow:0 0 60px #2c426399 0 0 120px #2c426333}
@keyframes heroSaturate {
from{filter:saturate(0.1);opacity:.6}
to{filter:saturate(1);opacity:1}
}
.analyticsPage .heroImgBox img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.analyticsPage .heroImgOverlay{position:absolute;inset:0;background:linear-gradient(135deg,#131a2b4d 0%,transparent 60%);pointer-events:none}
.analyticsPage .metricsSection{padding:100px 48px;background:#F9F9F9;position:relative}
.analyticsPage .metricsSection::before{content:'';position:absolute;top:0;left:48px;right:48px;height:3px;background:linear-gradient(90deg,transparent,#2C4263 30%,#131A2B 70%,transparent)}
.analyticsPage .metricsSection::after{content:'';position:absolute;top:5px;left:48px;right:48px;height:1px;background:linear-gradient(90deg,transparent,#2c426359 30%,#131a2b59 70%,transparent)}
.analyticsPage .metricsDotBg{position:absolute;inset:0;background-image:radial-gradient(circle,#2c42630f 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.analyticsPage .metricsInner{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.analyticsPage .metricsHdr{display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:start;margin-bottom:72px}
.analyticsPage .metricsHeadingBox{display:flex;flex-direction:column;gap:20px}
.analyticsPage .sectionShape{width:36px;height:36px;background:conic-gradient(from 45deg at 50% 50%,#2C4263,#131A2B,#2C4263);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0}
.analyticsPage .metricsHeading{font-size:clamp(28px,3.5vw,48px);line-height:1.12;color:#131A2B;letter-spacing:-.02em}
.analyticsPage .metricsHeading .accentWord{background:conic-gradient(from 200deg at 20% 70%,#2C4263,#5b8ed6,#131A2B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.analyticsPage .metricsSideText{font-size:16px;line-height:1.65;color:#131a2b99;padding-top:8px}
.analyticsPage .metricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:4px}
.analyticsPage .metricsGrid2{display:grid;grid-template-columns:1fr 2fr;gap:4px}
.analyticsPage .metricCard{background:#fff;border-radius:4px;padding:40px 36px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:box-shadow 500ms ease,transform 500ms ease}
.analyticsPage .metricCard:hover{box-shadow:0 8px 40px #2c426326 0 0 0 1px #2c426314;transform:translateY(-4px);z-index:2}
.analyticsPage .metricCard.cardDark{background:#131A2B}
.analyticsPage .metricCard.cardMid{background:#2C4263}
.analyticsPage .metricCardDecor{position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;border-radius:50%;background:#f9f9f90a;pointer-events:none}
.analyticsPage .metricCardDecor2{position:absolute;bottom:-40px;right:-10px;width:160px;height:160px;border-radius:50%;background:#f9f9f908;pointer-events:none}
.analyticsPage .metricIconBox{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#2c42631a;flex-shrink:0}
.analyticsPage .metricCard.cardDark .metricIconBox,.analyticsPage .metricCard.cardMid .metricIconBox{background:#f9f9f91f}
.analyticsPage .metricIconBox .mdi,.analyticsPage .metricIconBox .cil{font-size:22px;color:#2C4263}
.analyticsPage .metricCard.cardDark .metricIconBox .mdi,.analyticsPage .metricCard.cardDark .metricIconBox .cil,.analyticsPage .metricCard.cardMid .metricIconBox .mdi,.analyticsPage .metricCard.cardMid .metricIconBox .cil{color:#f9f9f9d9}
.analyticsPage .metricBigNum{font-size:clamp(36px,4vw,58px);font-weight:800;color:#131A2B;line-height:1;letter-spacing:-.03em}
.analyticsPage .metricCard.cardDark .metricBigNum,.analyticsPage .metricCard.cardMid .metricBigNum{color:#F9F9F9}
.analyticsPage .metricSubLabel{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#131a2b80;line-height:1.4}
.analyticsPage .metricCard.cardDark .metricSubLabel,.analyticsPage .metricCard.cardMid .metricSubLabel{color:#f9f9f980}
.analyticsPage .metricDesc{font-size:15px;line-height:1.6;color:#131a2ba6;margin-top:4px}
.analyticsPage .metricCard.cardDark .metricDesc,.analyticsPage .metricCard.cardMid .metricDesc{color:#f9f9f98c}
.analyticsPage .barChartBox{display:flex;flex-direction:column;gap:20px;margin-top:8px}
.analyticsPage .barRow{display:flex;flex-direction:column;gap:6px}
.analyticsPage .barMeta{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.analyticsPage .barName{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#f9f9f999}
.analyticsPage .barVal{font-size:14px;font-weight:700;color:#f9f9f9e6;letter-spacing:-.01em}
.analyticsPage .barTrack{width:100%;height:6px;background:#f9f9f91a;border-radius:100px;overflow:hidden}
.analyticsPage .barFill{height:100%;border-radius:100px;background:linear-gradient(90deg,#5b8ed6,#8ab4f8);animation:barGrow 1.2s cubic-bezier(0.22,1,0.36,1) both;transform-origin:left}
@keyframes barGrow {
from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.analyticsPage .barFill.bar2{background:linear-gradient(90deg,#4a7bbf,#6fa0e8);animation-delay:.1s}
.analyticsPage .barFill.bar3{background:linear-gradient(90deg,#3a6baf,#5b8ed6);animation-delay:.2s}
.analyticsPage .barFill.bar4{background:linear-gradient(90deg,#2a5b9f,#4a7bbf);animation-delay:.3s}
.analyticsPage .metricCard.cardWide{padding:40px 44px}
.analyticsPage .wideCardInner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.analyticsPage .wideCardLeft{display:flex;flex-direction:column;gap:16px}
.analyticsPage .wideCardRight{display:flex;flex-direction:column;gap:16px}
.analyticsPage .stageList{display:flex;flex-direction:column;gap:0}
.analyticsPage .stageItem{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #f9f9f914}
.analyticsPage .stageItem:last-child{border-bottom:none}
.analyticsPage .stageNumBadge{width:28px;height:28px;border-radius:50%;background:#f9f9f91a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#f9f9f9b3;flex-shrink:0;margin-top:2px}
.analyticsPage .stageText{display:flex;flex-direction:column;gap:3px}
.analyticsPage .stageName{font-size:14px;font-weight:600;color:#f9f9f9d9;letter-spacing:.02em}
.analyticsPage .stageNote{font-size:13px;color:#f9f9f973;line-height:1.5}
.analyticsPage .pillTagsRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px}
.analyticsPage .pillTag{background:#f9f9f91a;border:1px solid #f9f9f924;border-radius:100px;padding:5px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f9f9f9a6}
@media (max-width: 1280px) {
.analyticsPage .heroInner{grid-template-columns:1fr 1fr;gap:40px}
.analyticsPage .metricsHdr{grid-template-columns:1fr;gap:20px}
.analyticsPage .metricsGrid{grid-template-columns:1fr 1fr}
.analyticsPage .metricsGrid2{grid-template-columns:1fr}
.analyticsPage .wideCardInner{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.analyticsPage .heroBox{padding:60px 24px;min-height:auto}
.analyticsPage .heroInner{grid-template-columns:1fr;gap:40px}
.analyticsPage .heroImgBox{max-width:380px;margin:0 auto}
.analyticsPage .heroFadedNum{font-size:160px;right:-20px}
.analyticsPage .heroStatsRow{gap:20px}
.analyticsPage .metricsSection{padding:64px 24px}
.analyticsPage .metricsSection::before,.analyticsPage .metricsSection::after{left:24px;right:24px}
.analyticsPage .metricsGrid{grid-template-columns:1fr}
.analyticsPage .metricsGrid2{grid-template-columns:1fr}
.analyticsPage .metricCard{padding:28px 24px}
.analyticsPage .wideCardInner{grid-template-columns:1fr;gap:24px}
.analyticsPage .metricCard.cardWide{padding:28px 24px}
}
.svcPage{overflow-x:clip;background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.svcPage *,.svcPage ::before,.svcPage ::after{box-sizing:border-box;margin:0;padding:0}
.svcPage ::selection{background:#2c42631f}
.svcPage img{display:block;max-width:100%}
.svcPage .hdrBox{max-width:1600px;margin:0 auto;padding:80px 48px 72px;display:grid;grid-template-columns:60fr 40fr;gap:48px;align-items:center}
.svcPage .hdrBox .textZone{position:relative}
.svcPage .hdrBox .textZone::before{content:'';display:block;width:40px;height:40px;background:conic-gradient(from 130deg,#131A2B 0deg,#2C4263 120deg,transparent 120deg);opacity:.13;margin-bottom:24px;border-radius:6px}
.svcPage .hdrBox .pageLabel{display:inline-block;background:#131A2B;color:#F9F9F9;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:6px 16px;border-radius:99px;margin-bottom:28px}
.svcPage .hdrBox .mainTitle{font-size:clamp(36px,5vw,68px);line-height:1.1;color:#131A2B;font-weight:800;margin-bottom:24px;letter-spacing:-.02em}
.svcPage .hdrBox .mainTitle .accentWord{background:conic-gradient(from 200deg at 30% 60%,#2C4263,#131A2B,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .hdrBox .hdrDesc{font-size:17px;line-height:1.65;color:#444;max-width:520px;margin-bottom:36px}
.svcPage .hdrBox .statRow{display:flex;flex-direction:row;gap:36px}
.svcPage .hdrBox .statItem{display:flex;flex-direction:column;gap:4px}
.svcPage .hdrBox .statNum{font-size:32px;font-weight:800;color:#131A2B;line-height:1}
.svcPage .hdrBox .statLbl{font-size:12px;color:#888;letter-spacing:.1em;text-transform:uppercase}
.svcPage .hdrBox .imgCard{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 40px #2c42632e;aspect-ratio:1 / 1}
.svcPage .hdrBox .imgCard img{width:100%;height:100%;object-fit:cover;filter:blur(6px);transition:filter 700ms ease}
.svcPage .hdrBox .imgCard img.imgLoaded{filter:blur(0)}
.svcPage .hdrBox .imgCard .imgBadge{position:absolute;bottom:20px;left:20px;background:#131a2bd1;color:#F9F9F9;font-size:13px;padding:10px 18px;border-radius:99px;letter-spacing:.06em;backdrop-filter:blur(6px)}
.svcPage .hdrBox .stripeDeco{position:absolute;top:-20px;right:-60px;width:120px;height:300px;background:repeating-linear-gradient(45deg,#2c42630d 0px,#2c42630d 4px,transparent 4px,transparent 14px);border-radius:8px;pointer-events:none}
.svcPage .scallop{width:100%;overflow:hidden;line-height:0;height:32px;background:#F9F9F9;position:relative}
.svcPage .scallop::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:32px;background:#fff;-webkit-mask-image:radial-gradient(circle at 50% 0%,transparent 16px,black 16px);mask-image:radial-gradient(circle at 50% 0%,transparent 16px,black 16px);background-size:40px 32px;background-repeat:repeat-x}
.svcPage .scallopInv{width:100%;overflow:hidden;line-height:0;height:32px;background:#fff;position:relative}
.svcPage .scallopInv::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:32px;background:#F9F9F9;-webkit-mask-image:radial-gradient(circle at 50% 0%,transparent 16px,black 16px);mask-image:radial-gradient(circle at 50% 0%,transparent 16px,black 16px);background-size:40px 32px;background-repeat:repeat-x}
.svcPage .offerBox{background:#F9F9F9;padding:80px 0}
.svcPage .offerBox .innerBox{max-width:1600px;margin:0 auto;padding:0 48px}
.svcPage .offerBox .secHdr{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:60px}
.svcPage .offerBox .secHdr .hdrLeft{position:relative}
.svcPage .offerBox .secHdr .hdrLeft::before{content:'';display:block;width:8px;height:48px;background:linear-gradient(180deg,#2C4263,#131A2B);border-radius:4px;margin-bottom:16px}
.svcPage .offerBox .secHdr .secTitle{font-size:clamp(28px,3.5vw,44px);color:#131A2B;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.svcPage .offerBox .secHdr .secTitle .accentWord{background:conic-gradient(from 200deg at 30% 60%,#2C4263,#131A2B,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .offerBox .secHdr .secNote{font-size:16px;color:#666;line-height:1.65}
.svcPage .offerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svcPage .svcCard{background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 2px 24px #2c426314 inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #2c42630f;display:flex;flex-direction:column;gap:20px;transition:box-shadow 500ms ease,transform 500ms ease;cursor:default;perspective:800px}
.svcPage .svcCard:hover{box-shadow:0 8px 48px #2c42632e;transform:translateY(-4px)}
.svcPage .svcCard .cardIconBox{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.svcPage .svcCard .cardIconBox.clrA{background:#131a2b14;color:#131A2B}
.svcPage .svcCard .cardIconBox.clrB{background:#2c42631a;color:#2C4263}
.svcPage .svcCard .cardIconBox.clrC{background:#131a2b0f;color:#131A2B}
.svcPage .svcCard .cardTitle{font-size:20px;font-weight:700;color:#131A2B;line-height:1.25}
.svcPage .svcCard .cardText{font-size:15px;color:#555;line-height:1.65;flex:1}
.svcPage .svcCard .tagRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.svcPage .svcCard .svcTag{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:#F9F9F9;color:#2C4263;border:1px solid #2c42631f}
.svcPage .svcCard.featCard{grid-column:span 2;flex-direction:row;align-items:flex-start;gap:36px;background:linear-gradient(135deg,#131A2B 0%,#2C4263 100%);color:#F9F9F9}
.svcPage .svcCard.featCard .cardIconBox{background:#f9f9f91f;color:#F9F9F9;flex-shrink:0;width:64px;height:64px;font-size:30px}
.svcPage .svcCard.featCard .cardTitle{color:#F9F9F9;font-size:24px}
.svcPage .svcCard.featCard .cardText{color:#f9f9f9cc;font-size:15px}
.svcPage .svcCard.featCard .svcTag{background:#f9f9f91f;color:#F9F9F9;border-color:#f9f9f933}
.svcPage .svcCard.featCard .cardContent{display:flex;flex-direction:column;gap:16px}
.svcPage .svcCard .flipWrap{width:100%}
.svcPage .progressBox{max-width:1600px;margin:0 auto;padding:80px 48px}
.svcPage .progressBox .pgHdr{text-align:center;margin-bottom:64px;position:relative}
.svcPage .progressBox .pgHdr::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#131A2B,#2C4263);border-radius:2px;margin:20px auto 0}
.svcPage .progressBox .pgTitle{font-size:clamp(26px,3vw,40px);font-weight:800;color:#131A2B;line-height:1.15;margin-bottom:12px;letter-spacing:-.02em}
.svcPage .progressBox .pgTitle .accentWord{background:conic-gradient(from 200deg at 30% 60%,#2C4263,#131A2B,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .progressBox .pgNote{font-size:16px;color:#666;line-height:1.65;max-width:560px;margin:0 auto}
.svcPage .ringsRow{display:flex;flex-direction:row;justify-content:center;gap:48px;flex-wrap:wrap;margin-bottom:64px}
.svcPage .ringItem{display:flex;flex-direction:column;align-items:center;gap:16px}
.svcPage .ringItem svg{width:120px;height:120px;transform:rotate(-90deg)}
.svcPage .ringItem .ringBg{fill:none;stroke:#2c42631a;stroke-width:8}
.svcPage .ringItem .ringFill{fill:none;stroke-width:8;stroke-linecap:round;stroke:url(#ringGrad);transition:stroke-dashoffset 800ms cubic-bezier(.4,0,.2,1)}
.svcPage .ringItem .ringLbl{font-size:22px;font-weight:800;fill:#131A2B;text-anchor:middle;dominant-baseline:central;transform:rotate(90deg);transform-origin:center;transform-box:fill-box}
.svcPage .ringItem .ringCaption{font-size:14px;color:#555;text-align:center;letter-spacing:.04em;max-width:120px}
.svcPage .stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.svcPage .stepCard{padding:28px;border-radius:16px;border:1px solid #2c42631a;display:flex;flex-direction:column;gap:12px;transition:border-color 400ms}
.svcPage .stepCard:hover{border-color:#2c42634d;box-shadow:0 4px 24px #2c426314}
.svcPage .stepNum{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#2C4263}
.svcPage .stepTitle{font-size:17px;font-weight:700;color:#131A2B;line-height:1.3}
.svcPage .stepText{font-size:14px;color:#666;line-height:1.6}
.svcPage .subFormSec{background:#F9F9F9;padding:80px 0}
.svcPage .subFormSec .innerBox{max-width:1600px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:55fr 45fr;gap:64px;align-items:center}
.svcPage .subFormSec .formInfoZone{position:relative}
.svcPage .subFormSec .formInfoZone::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:repeating-linear-gradient(45deg,#2c42630a 0px,#2c42630a 3px,transparent 3px,transparent 12px);border-radius:50%;pointer-events:none}
.svcPage .subFormSec .infoLabel{display:inline-flex;align-items:center;gap:8px;background:#131A2B;color:#F9F9F9;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:6px 16px;border-radius:99px;margin-bottom:24px}
.svcPage .subFormSec .infoTitle{font-size:clamp(26px,3vw,40px);font-weight:800;color:#131A2B;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}
.svcPage .subFormSec .infoTitle .accentWord{background:conic-gradient(from 200deg at 30% 60%,#2C4263,#131A2B,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .subFormSec .infoText{font-size:16px;color:#555;line-height:1.65;margin-bottom:32px}
.svcPage .subFormSec .accessList{list-style:none;display:flex;flex-direction:column;gap:12px}
.svcPage .subFormSec .accessList li{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:15px;color:#444}
.svcPage .subFormSec .accessList li .listIcon{width:28px;height:28px;border-radius:8px;background:#131A2B;color:#F9F9F9;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.svcPage .formCard{background:#fff;border-radius:24px;padding:44px 40px;box-shadow:0 4px 48px #2c42631a inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #2c42630d}
.svcPage .formCard .cardHead{margin-bottom:28px}
.svcPage .formCard .cardHead .formTitle{font-size:22px;font-weight:800;color:#131A2B;margin-bottom:8px;line-height:1.2}
.svcPage .formCard .cardHead .formDesc{font-size:14px;color:#777;line-height:1.55}
.svcPage .formCard .fieldBox{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.svcPage .formCard .fldGroup{display:flex;flex-direction:column;gap:6px}
.svcPage .formCard .fldGroup label{font-size:12px;font-weight:600;color:#131A2B;letter-spacing:.08em;text-transform:uppercase}
.svcPage .formCard .fldInput{width:100%;padding:14px 18px;border:1.5px solid #2c426326;border-radius:99px;font-size:15px;color:#131A2B;background:#fff;outline:none;transition:border-color 400ms,box-shadow 400ms}
.svcPage .formCard .fldInput::placeholder{color:#2c42634d}
.svcPage .formCard .fldInput:focus{border-color:#2C4263;box-shadow:0 0 0 4px #2c426314}
.svcPage .formCard .fldSelect{width:100%;padding:14px 18px;border:1.5px solid #2c426326;border-radius:99px;font-size:15px;color:#131A2B;background:#fff;outline:none;appearance:none;cursor:pointer;transition:border-color 400ms,box-shadow 400ms;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232C4263' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
.svcPage .formCard .fldSelect:focus{border-color:#2C4263;box-shadow:0 0 0 4px #2c426314}
.svcPage .formCard .submitBtn{width:100%;padding:16px 32px;background:#131A2B;color:#F9F9F9;border:none;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background 500ms,box-shadow 500ms,transform 500ms;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 24px #131a2b40;position:relative}
.svcPage .formCard .submitBtn:hover{background:#2C4263;box-shadow:0 6px 32px #2c426359;transform:translateY(-2px)}
.svcPage .formCard .submitBtn:active{transform:translateY(0)}
.svcPage .formCard .privNote{margin-top:14px;font-size:12px;color:#aaa;text-align:center;line-height:1.5}
.svcPage .slideIn{opacity:0;transform:translateX(60px);transition:opacity 600ms ease,transform 600ms ease}
.svcPage .slideIn.vis{opacity:1;transform:translateX(0)}
@media (max-width: 1280px) {
.svcPage .hdrBox{padding:60px 32px 56px;gap:36px}
.svcPage .offerBox .innerBox{padding:0 32px}
.svcPage .offerBox .secHdr{grid-template-columns:1fr;gap:16px}
.svcPage .offerGrid{grid-template-columns:1fr 1fr}
.svcPage .svcCard.featCard{grid-column:span 2}
.svcPage .progressBox{padding:60px 32px}
.svcPage .stepsGrid{grid-template-columns:1fr 1fr}
.svcPage .subFormSec .innerBox{padding:0 32px;grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.svcPage .hdrBox{grid-template-columns:1fr;padding:48px 20px 40px;gap:28px}
.svcPage .hdrBox .stripeDeco{display:none}
.svcPage .hdrBox .statRow{gap:24px}
.svcPage .offerBox .innerBox{padding:0 20px}
.svcPage .offerBox{padding:56px 0}
.svcPage .offerGrid{grid-template-columns:1fr}
.svcPage .svcCard.featCard{grid-column:span 1;flex-direction:column}
.svcPage .progressBox{padding:48px 20px}
.svcPage .ringsRow{gap:28px}
.svcPage .stepsGrid{grid-template-columns:1fr}
.svcPage .subFormSec .innerBox{padding:0 20px}
.svcPage .subFormSec{padding:56px 0}
.svcPage .formCard{padding:32px 24px}
}
.aboutPageBox{display:block;width:100%;overflow-x:hidden;background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.aboutPageBox ::selection{background:#131a2b1f}
.aboutPageBox ::placeholder{color:#2c426373}
.aboutPageBox .gradLine{display:block;width:60%;max-width:400px;height:2px;background:linear-gradient(90deg,#131A2B 0%,#2C4263 60%,transparent 100%);border:none;margin:0}
.aboutPageBox .shapeAnchor{display:inline-block;width:10px;height:10px;background:#2C4263;border-radius:2px;margin-right:12px;vertical-align:middle;flex-shrink:0}
@keyframes gradShift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes rotateSlow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes borderTrace {
0%{clip-path:inset(0 100% 100% 0)}
25%{clip-path:inset(0 0 100% 0)}
50%{clip-path:inset(0 0 0 0)}
75%{clip-path:inset(0 0 0 0)}
100%{clip-path:inset(0 0 0 0)}
}
.aboutPageBox .heroBox{position:relative;max-width:1600px;margin:0 auto;padding:80px 48px 72px;background:linear-gradient(135deg,#131A2B 0%,#1e2e4a 40%,#2C4263 80%,#1a2540 100%);background-size:300% 300%;animation:gradShift 8s ease infinite;overflow:hidden}
.aboutPageBox .heroBox .geoDeco1{position:absolute;top:20px;right:60px;width:80px;height:80px;border:1px solid #f9f9f926;border-radius:0;pointer-events:none}
.aboutPageBox .heroBox .geoDeco2{position:absolute;bottom:24px;left:40px;width:40px;height:40px;border:1px solid #f9f9f91a;border-radius:0;pointer-events:none}
.aboutPageBox .heroBox .geoDeco1::after{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid #f9f9f914}
.aboutPageBox .heroInner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1200px}
.aboutPageBox .heroTextBox{display:flex;flex-direction:column;gap:24px}
.aboutPageBox .heroTagBox{display:flex;align-items:center;gap:12px}
.aboutPageBox .heroTag{display:inline-block;background:#f9f9f91f;color:#F9F9F9;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px;border-radius:50px}
.aboutPageBox .heroH1{font-size:52px;line-height:1.1;color:#F9F9F9;margin:0;font-weight:700}
.aboutPageBox .heroH1 .gradWord{background:conic-gradient(from 200deg at 30% 60%,#a8c4f0,#5b8fd4,#c8d8f0,#7aabef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aboutPageBox .heroTheses{display:flex;flex-direction:column;gap:16px}
.aboutPageBox .heroTheses .thesisItem{display:flex;align-items:flex-start;gap:12px;color:#f9f9f9c7;font-size:16px;line-height:1.6}
.aboutPageBox .heroTheses .thesisItem .shapeAnchor{margin-top:5px;background:#f9f9f966;flex-shrink:0}
.aboutPageBox .heroImgBox{position:relative}
.aboutPageBox .heroImgBox img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:4px;filter:contrast(1.06) saturate(0.9)}
.aboutPageBox .heroImgBox::after{content:'';position:absolute;inset:0;border-radius:4px;border:1px solid #f9f9f92e;pointer-events:none;animation:borderTrace 1.6s ease-out .4s both}
.aboutPageBox .aboutStorySection{max-width:1600px;margin:0 auto;padding:80px 48px;background:#F9F9F9;position:relative;overflow:hidden}
.aboutPageBox .bgRotateShape{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:320px;height:320px;border:1px solid #2c426312;border-radius:0;animation:rotateSlow 40s linear infinite;pointer-events:none}
.aboutPageBox .bgRotateShape::after{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid #2c42630d}
.aboutPageBox .storyLayoutBox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;align-items:start}
.aboutPageBox .storyHeadCol{display:flex;flex-direction:column;gap:20px}
.aboutPageBox .secLabel{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#2C4263}
.aboutPageBox .storyH2{font-size:36px;line-height:1.15;color:#131A2B;margin:0;font-weight:700}
.aboutPageBox .storyH2 .gradWord{background:conic-gradient(from 160deg at 20% 70%,#131A2B,#2C4263,#4a7abf,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aboutPageBox .storyImgBox{position:relative}
.aboutPageBox .storyImgBox img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;display:block;border-radius:4px}
.aboutPageBox .storyTextCol{display:flex;flex-direction:column;gap:20px;padding-top:8px}
.aboutPageBox .storyP{font-size:16px;line-height:1.68;color:#3a4560;margin:0}
.aboutPageBox .storyP strong{color:#131A2B;font-weight:600}
.aboutPageBox .metricsBar{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.aboutPageBox .metricRowBox{display:flex;flex-direction:column;gap:6px}
.aboutPageBox .metricLabelBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.aboutPageBox .metricLabel{font-size:13px;color:#131A2B;letter-spacing:.03em;font-weight:500}
.aboutPageBox .metricVal{font-size:13px;color:#2C4263;font-weight:600}
.aboutPageBox .metricTrack{width:100%;height:4px;background:#2c42631f;border-radius:50px;overflow:hidden}
.aboutPageBox .metricFill{height:100%;border-radius:50px;background:linear-gradient(90deg,#131A2B,#2C4263);transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.aboutPageBox .teamSection{max-width:1600px;margin:0 auto;padding:80px 48px;background:#fff}
.aboutPageBox .teamHeaderBox{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:52px}
.aboutPageBox .teamH2{font-size:38px;line-height:1.12;color:#131A2B;margin:0;font-weight:700}
.aboutPageBox .teamH2 .gradWord{background:conic-gradient(from 220deg at 70% 30%,#2C4263,#5a8dc8,#131A2B,#3a6098);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aboutPageBox .teamIntroP{font-size:16px;line-height:1.65;color:#4a5570;margin:0}
.aboutPageBox .teamGridBox{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.aboutPageBox .teamCardBox{display:flex;flex-direction:column;gap:12px;padding:20px 16px;background:#F9F9F9;border-radius:4px;box-shadow:inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #131a2b14;transition:box-shadow 400ms ease;grid-column:span 2}
.aboutPageBox .teamCardBox:hover{box-shadow:0 0 0 2px #2c42632e inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #131a2b14}
.aboutPageBox .teamImgWrap{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:4px}
.aboutPageBox .teamImgWrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform 500ms ease}
.aboutPageBox .teamCardBox:hover .teamImgWrap img{transform:scale(1.04)}
.aboutPageBox .memberNameBox{display:flex;flex-direction:column;gap:4px}
.aboutPageBox .memberName{font-size:15px;font-weight:600;color:#131A2B;line-height:1.3}
.aboutPageBox .memberRole{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#2C4263}
.aboutPageBox .memberBio{font-size:14px;line-height:1.6;color:#5a6478;margin:0}
.aboutPageBox .rankListSection{max-width:1600px;margin:0 auto;padding:80px 48px;background:#131A2B;position:relative;overflow:hidden}
.aboutPageBox .rankListSection .bgRotateShapeDark{position:absolute;left:-100px;top:50%;transform:translateY(-50%);width:400px;height:400px;border:1px solid #f9f9f90a;border-radius:0;animation:rotateSlow 55s linear infinite;pointer-events:none}
.aboutPageBox .rankLayoutBox{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}
.aboutPageBox .rankHeadCol{display:flex;flex-direction:column;gap:24px}
.aboutPageBox .rankH2{font-size:38px;line-height:1.12;color:#F9F9F9;margin:0;font-weight:700}
.aboutPageBox .rankH2 .gradWord{background:conic-gradient(from 180deg at 40% 50%,#a8c4f0,#5b8fd4,#c8d8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aboutPageBox .rankDescP{font-size:16px;line-height:1.65;color:#f9f9f9ad;margin:0}
.aboutPageBox .rankImgBox img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:4px;position:relative;z-index:1}
.aboutPageBox .rankListBox{display:flex;flex-direction:column;gap:0}
.aboutPageBox .rankItemBox{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #f9f9f912}
.aboutPageBox .rankItemBox:last-child{border-bottom:none}
.aboutPageBox .rankNumBox{font-size:28px;font-weight:700;color:#f9f9f91f;min-width:48px;line-height:1;letter-spacing:-.02em}
.aboutPageBox .rankContentBox{display:flex;flex-direction:column;gap:8px;flex:1}
.aboutPageBox .rankItemTitle{font-size:14px;font-weight:600;color:#F9F9F9;letter-spacing:.02em}
.aboutPageBox .rankBarTrack{width:100%;height:3px;background:#f9f9f91a;border-radius:50px;overflow:hidden}
.aboutPageBox .rankBarFill{height:100%;border-radius:50px;background:linear-gradient(90deg,#5b8fd499,#a8c4f0e6)}
.aboutPageBox .subscribeSection{max-width:1600px;margin:0 auto;padding:80px 48px;background:#F9F9F9;display:flex;flex-direction:column;align-items:center}
.aboutPageBox .subscribeCardBox{background:#fff;border-radius:16px;padding:52px 48px;box-shadow:0 4px 32px #2c426321 inset 0 1px 0 #fffffff2 inset 0 -1px 0 #131a2b0f;max-width:600px;width:100%;display:flex;flex-direction:column;gap:28px}
.aboutPageBox .subscribeHeadBox{display:flex;flex-direction:column;gap:12px;text-align:center}
.aboutPageBox .subscribeH3{font-size:26px;line-height:1.2;color:#131A2B;margin:0;font-weight:700}
.aboutPageBox .subscribeDescP{font-size:15px;line-height:1.6;color:#5a6478;margin:0}
.aboutPageBox .subscribeDescP a{color:#2C4263;text-decoration-offset:4px}
.aboutPageBox .subFormBox{display:flex;flex-direction:column;gap:16px}
.aboutPageBox .subFieldBox{display:flex;flex-direction:column;gap:6px}
.aboutPageBox .subLabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#2C4263;font-weight:500}
.aboutPageBox .subInput{width:100%;padding:13px 16px;border:1px solid #2c426333;border-radius:50px;background:#F9F9F9;color:#131A2B;font-size:15px;outline:none;transition:border-color 400ms ease,box-shadow 400ms ease;box-sizing:border-box}
.aboutPageBox .subInput:focus{border-color:#2C4263;box-shadow:0 0 0 3px #2c42631a}
.aboutPageBox .subSelectBox{position:relative}
.aboutPageBox .subSelect{width:100%;padding:13px 40px 13px 16px;border:1px solid #2c426333;border-radius:50px;background:#F9F9F9;color:#131A2B;font-size:15px;outline:none;appearance:none;cursor:pointer;transition:border-color 400ms ease,box-shadow 400ms ease;box-sizing:border-box}
.aboutPageBox .subSelect:focus{border-color:#2C4263;box-shadow:0 0 0 3px #2c42631a}
.aboutPageBox .subSelectBox::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid #2C4263;border-bottom:2px solid #2C4263;transform:translateY(-65%) rotate(45deg);pointer-events:none}
.aboutPageBox .subBtnBox{padding-top:8px}
.aboutPageBox .subBtn{width:100%;padding:15px 32px;background:#131A2B;color:#F9F9F9;border:none;border-radius:50px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background 400ms ease,box-shadow 400ms ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 0 #2c426300}
.aboutPageBox .subBtn:hover{background:#2C4263;box-shadow:0 4px 20px #2c426359}
.aboutPageBox .subBtn:focus{outline:3px solid #2c426366;outline-offset:3px}
.aboutPageBox .subBtn:active{background:#0e1520}
.aboutPageBox .subNoteBox{text-align:center}
.aboutPageBox .subNote{font-size:13px;color:#5a6478cc;line-height:1.5}
@media (max-width: 1280px) {
.aboutPageBox .heroH1{font-size:42px}
.aboutPageBox .heroInner{gap:40px}
.aboutPageBox .storyLayoutBox{grid-template-columns:1fr 1fr}
.aboutPageBox .storyHeadCol{grid-column:span 2}
.aboutPageBox .teamGridBox{grid-template-columns:repeat(4,1fr)}
.aboutPageBox .teamCardBox{grid-column:span 2}
.aboutPageBox .rankLayoutBox{gap:40px}
}
@media (max-width: 768px) {
.aboutPageBox .heroBox{padding:52px 24px 48px}
.aboutPageBox .heroInner{grid-template-columns:1fr;gap:32px}
.aboutPageBox .heroH1{font-size:34px}
.aboutPageBox .heroImgBox{display:none}
.aboutPageBox .aboutStorySection{padding:52px 24px}
.aboutPageBox .storyLayoutBox{grid-template-columns:1fr;gap:28px}
.aboutPageBox .storyHeadCol{grid-column:span 1}
.aboutPageBox .teamSection{padding:52px 24px}
.aboutPageBox .teamHeaderBox{grid-template-columns:1fr;gap:20px}
.aboutPageBox .teamH2{font-size:28px}
.aboutPageBox .teamGridBox{grid-template-columns:1fr 1fr}
.aboutPageBox .teamCardBox{grid-column:span 1}
.aboutPageBox .rankListSection{padding:52px 24px}
.aboutPageBox .rankLayoutBox{grid-template-columns:1fr;gap:36px}
.aboutPageBox .rankImgBox{display:none}
.aboutPageBox .rankH2{font-size:28px}
.aboutPageBox .subscribeSection{padding:52px 24px}
.aboutPageBox .subscribeCardBox{padding:36px 24px}
}
.pgContact{display:block;width:100%;overflow:hidden;background:#fff}
.pgContact .hdrBlock{position:relative;padding:80px 24px 72px;background:#131A2B;overflow:hidden}
.pgContact .hdrBlock .dotScatter{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pgContact .hdrBlock .dotScatter span{position:absolute;border-radius:50%;background:#2C4263}
.pgContact .hdrBlock .dotScatter span:nth-child(1){width:6px;height:6px;top:18%;left:8%;opacity:.5}
.pgContact .hdrBlock .dotScatter span:nth-child(2){width:10px;height:10px;top:60%;left:3%;opacity:.3}
.pgContact .hdrBlock .dotScatter span:nth-child(3){width:4px;height:4px;top:30%;left:88%;opacity:.6}
.pgContact .hdrBlock .dotScatter span:nth-child(4){width:8px;height:8px;top:75%;left:92%;opacity:.25}
.pgContact .hdrBlock .dotScatter span:nth-child(5){width:5px;height:5px;top:12%;left:55%;opacity:.4}
.pgContact .hdrBlock .dotScatter span:nth-child(6){width:14px;height:14px;top:80%;left:45%;opacity:.15}
.pgContact .hdrBlock .dotScatter span:nth-child(7){width:3px;height:3px;top:45%;left:70%;opacity:.55}
.pgContact .hdrBlock .geoShape{position:absolute;border-radius:50%;pointer-events:none}
.pgContact .hdrBlock .geoShape.s1{width:220px;height:220px;border:1px solid #2c426366;top:-60px;right:-40px}
.pgContact .hdrBlock .geoShape.s2{width:120px;height:120px;border:1px solid #2c426340;bottom:-30px;left:60px}
.pgContact .hdrBlock .geoShape.s3{width:60px;height:60px;background:#2c426333;top:40px;left:40%}
.pgContact .hdrInner{position:relative;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.pgContact .hdrTag{display:inline-flex;align-items:center;gap:8px;background:#2C4263;color:#F9F9F9;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 16px;border-radius:100px;width:fit-content}
.pgContact .hdrTag .cil-envelope-closed{font-size:13px}
.pgContact .hdrTitle{font-size:clamp(38px,6vw,72px);line-height:1.1;color:#F9F9F9;margin:0;font-weight:700;letter-spacing:-.02em}
.pgContact .hdrTitle .gradWord{background:conic-gradient(from 130deg at 30% 60%,#4a7cc7,#a8c4f0,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pgContact .hdrMeta{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;margin-top:8px}
.pgContact .hdrMetaItem{display:flex;flex-direction:row;align-items:center;gap:10px;color:#f9f9f9b3;font-size:15px}
.pgContact .hdrMetaItem .mdi{color:#4a7cc7;font-size:18px}
.pgContact .hdrMetaItem a{color:#f9f9f9d9;text-decoration:underline;text-underline-offset:4px;transition:color 400ms}
.pgContact .hdrMetaItem a:hover{color:#F9F9F9}
.pgContact .hdrCounter{display:flex;flex-direction:row;gap:40px;margin-top:16px;padding-top:28px;border-top:1px solid #2c426380}
.pgContact .ctrItem{display:flex;flex-direction:column;gap:4px}
.pgContact .ctrNum{font-size:32px;font-weight:700;color:#F9F9F9;line-height:1}
.pgContact .ctrLabel{font-size:12px;color:#f9f9f980;letter-spacing:.1em;text-transform:uppercase}
.pgContact .formSectionBox{padding:80px 24px;background:#F9F9F9}
.pgContact .formSectionInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px}
.pgContact .formHeadBox{display:flex;flex-direction:column;gap:16px}
.pgContact .secShape{width:28px;height:4px;background:#2C4263;border-radius:2px}
.pgContact .formHeadTitle{font-size:clamp(24px,3.5vw,36px);line-height:1.15;color:#131A2B;margin:0;font-weight:700}
.pgContact .formHeadDesc{font-size:16px;line-height:1.65;color:#444;max-width:480px}
.pgContact .contactFormBox{background:#fff;border-radius:16px;padding:40px;box-shadow:0 0 0 1px #131a2b14 0 8px 32px #2c42631a}
.pgContact .contactForm{display:flex;flex-direction:column;gap:24px}
.pgContact .fieldRow{display:flex;flex-direction:column;gap:8px}
.pgContact .fieldRow2{display:grid;grid-template-columns:1fr;gap:20px}
.pgContact .fieldLabel{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#131A2B;font-weight:600}
.pgContact .fieldInput{width:100%;box-sizing:border-box;padding:14px 18px;border:1.5px solid #131a2b26;border-radius:100px;background:#F9F9F9;font-size:16px;color:#131A2B;outline:none;transition:border-color 400ms,box-shadow 400ms;appearance:none}
.pgContact .fieldInput::placeholder{color:#2c426366}
.pgContact .fieldInput:focus{border-color:#2C4263;box-shadow:0 0 0 3px #2c42631f;background:#fff}
.pgContact .fieldSelect{width:100%;box-sizing:border-box;padding:14px 44px 14px 18px;border:1.5px solid #131a2b26;border-radius:100px;background:#F9F9F9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232C4263' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 18px center;font-size:16px;color:#131A2B;outline:none;transition:border-color 400ms,box-shadow 400ms;appearance:none;cursor:pointer}
.pgContact .fieldSelect:focus{border-color:#2C4263;box-shadow:0 0 0 3px #2c42631f;background-color:#fff}
.pgContact .radioGroupBox{display:flex;flex-direction:column;gap:8px}
.pgContact .radioGroupLabel{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#131A2B;font-weight:600;margin-bottom:4px}
.pgContact .radioRowGroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}
.pgContact .radioItem{position:relative}
.pgContact .radioItem input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.pgContact .radioItem label{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1.5px solid #131a2b26;border-radius:100px;font-size:14px;color:#444;cursor:pointer;transition:border-color 400ms,background 400ms,color 400ms;user-select:none}
.pgContact .radioItem input[type="radio"]:checked + label{border-color:#2C4263;background:#2C4263;color:#F9F9F9}
.pgContact .radioItem label:hover{border-color:#2C4263;color:#131A2B}
.pgContact .radioItem input[type="radio"]:checked + label:hover{color:#F9F9F9}
.pgContact .radioItem input[type="radio"]:focus-visible + label{outline:2px solid #2C4263;outline-offset:2px}
.pgContact .privacyRowBox{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.pgContact .privacyCheck{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:#2C4263;cursor:pointer}
.pgContact .privacyText{font-size:14px;line-height:1.6;color:#555}
.pgContact .privacyText a{color:#2C4263;text-decoration:underline;text-underline-offset:3px}
.pgContact .submitBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;background:#131A2B;color:#F9F9F9;border:none;border-radius:100px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background 500ms,box-shadow 500ms,transform 400ms;width:fit-content;box-shadow:0 4px 20px #131a2b40}
.pgContact .submitBtn:hover{background:#2C4263;box-shadow:0 6px 28px #2c426359;transform:translateY(-2px)}
.pgContact .submitBtn:active{transform:translateY(0)}
.pgContact .submitBtn:focus-visible{outline:2px solid #2C4263;outline-offset:3px}
.pgContact .infoSectionBox{padding:80px 24px 100px;background:#fff}
.pgContact .infoSectionInner{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.pgContact .infoHeadBox{display:flex;flex-direction:column;gap:12px}
.pgContact .infoHeadTitle{font-size:clamp(22px,3vw,32px);color:#131A2B;font-weight:700;margin:0;line-height:1.2}
.pgContact .infoHeadSub{font-size:15px;color:#666;line-height:1.65;max-width:520px}
.pgContact .infoCardsGrid{display:grid;grid-template-columns:1fr;gap:20px}
.pgContact .infoCardItem{display:flex;flex-direction:row;align-items:flex-start;gap:20px;padding:28px;border-radius:16px;background:#F9F9F9;border:1px solid #131a2b12;transition:box-shadow 400ms,transform 400ms}
.pgContact .infoCardItem:hover{box-shadow:0 8px 28px #2c42631f;transform:translateY(-3px)}
.pgContact .infoIconBox{width:48px;height:48px;min-width:48px;border-radius:14px;background:#131A2B;display:flex;align-items:center;justify-content:center}
.pgContact .infoIconBox .mdi{font-size:22px;color:#F9F9F9}
.pgContact .infoCardContent{display:flex;flex-direction:column;gap:4px}
.pgContact .infoCardTitle{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#888;font-weight:600}
.pgContact .infoCardVal{font-size:16px;color:#131A2B;font-weight:600;line-height:1.4}
.pgContact .infoCardVal a{color:#131A2B;text-decoration:underline;text-underline-offset:4px;transition:color 400ms}
.pgContact .infoCardVal a:hover{color:#2C4263}
.pgContact .infoCardNote{font-size:13px;color:#888;line-height:1.5;margin-top:2px}
.pgContact .legendBlock{padding:32px;border-radius:16px;background:#131A2B;display:flex;flex-direction:column;gap:20px}
.pgContact .legendTitle{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#f9f9f980;font-weight:600}
.pgContact .legendItems{display:flex;flex-direction:column;gap:14px}
.pgContact .legendRow{display:flex;flex-direction:row;align-items:center;gap:14px}
.pgContact .legendDot{width:10px;height:10px;min-width:10px;border-radius:50%}
.pgContact .legendDot.dGreen{background:#4caf6e}
.pgContact .legendDot.dYellow{background:#e6b84a}
.pgContact .legendDot.dRed{background:#c84f4f}
.pgContact .legendRowText{font-size:14px;color:#f9f9f9cc;line-height:1.5}
.pgContact .imgFrameBox{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:1/1;border:3px solid #F9F9F9;box-shadow:0 0 0 1px #131a2b1a 0 8px 32px #2c426326}
.pgContact .imgFrameBox img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform 600ms}
.pgContact .imgFrameBox:hover img{transform:scale(1.03)}
.pgContact .dividerLine{display:flex;flex-direction:row;align-items:center;gap:16px;padding:0 24px;max-width:1600px;margin:0 auto}
.pgContact .dividerLine::before,.pgContact .dividerLine::after{content:'';flex:1;height:1px;background:#131a2b1a;display:block}
.pgContact .dividerWord{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#aaa;white-space:nowrap}
@media (min-width: 768px) {
.pgContact .formSectionInner{grid-template-columns:1fr 1fr;align-items:start}
.pgContact .fieldRow2{grid-template-columns:1fr 1fr}
.pgContact .infoCardsGrid{grid-template-columns:1fr 1fr}
.pgContact .hdrMeta{flex-direction:row}
}
@media (min-width: 1280px) {
.pgContact .hdrBlock{padding:100px 60px 88px}
.pgContact .formSectionBox{padding:100px 60px}
.pgContact .contactFormBox{padding:52px 56px}
.pgContact .infoSectionBox{padding:100px 60px 120px}
.pgContact .infoCardsGrid{grid-template-columns:1fr 1fr 1fr}
.pgContact .hdrCounter{gap:60px}
}
.svcPage{width:100%;max-width:1600px;margin:0 auto;overflow:hidden;background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.svcPage ::selection{background:#131a2b1f}
.svcPage *,.svcPage ::before,.svcPage ::after{box-sizing:border-box}
.svcPage .hdrBox{position:relative;min-height:92vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:#F9F9F9}
.svcPage .hdrBox .bgTile{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 38px,#131a2b08 38px,#131a2b08 40px),repeating-linear-gradient(90deg,transparent,transparent 38px,#131a2b08 38px,#131a2b08 40px);pointer-events:none}
.svcPage .hdrBox .textZone{position:relative;z-index:2;padding:80px 64px}
.svcPage .hdrBox .preLabel{display:inline-block;background:#131A2B;color:#F9F9F9;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 20px;border-radius:40px;margin-bottom:32px}
.svcPage .hdrBox .descFirst{font-size:17px;line-height:1.65;color:#444;max-width:480px;margin-bottom:28px}
.svcPage .hdrBox .mainHdr{font-size:clamp(44px,5vw,76px);line-height:1.1;font-weight:800;color:#131A2B;margin:0 0 32px;letter-spacing:-.02em}
.svcPage .hdrBox .mainHdr .wordGrad{background:conic-gradient(from 220deg at 30% 60%,#2C4263,#131A2B,#2C4263,#131A2B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .hdrBox .ctaRow{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;margin-top:8px}
.svcPage .hdrBox .btnPrimary{display:inline-block;background:#131A2B;color:#F9F9F9;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:16px 36px;border-radius:40px;text-decoration:none;transition:background 500ms,box-shadow 500ms;box-shadow:0 0 0 0 #2c426300}
.svcPage .hdrBox .btnPrimary:hover{background:#2C4263;box-shadow:0 0 24px #2c426359}
.svcPage .hdrBox .btnSecondary{display:inline-block;background:transparent;color:#131A2B;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:16px 36px;border-radius:40px;text-decoration:none;border:2px solid #131A2B;transition:background 500ms,color 500ms}
.svcPage .hdrBox .btnSecondary:hover{background:#131A2B;color:#F9F9F9}
.svcPage .hdrBox .imgZone{position:relative;z-index:2;height:100%;min-height:92vh}
.svcPage .hdrBox .imgZone img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}
.svcPage .hdrBox .imgOverlay{position:absolute;inset:0;background:linear-gradient(120deg,#f9f9f98c 0%,transparent 60%);pointer-events:none}
.svcPage .hdrBox .floatNum{position:absolute;bottom:40px;left:64px;font-size:180px;font-weight:900;color:#131a2b0a;line-height:1;pointer-events:none;z-index:1;letter-spacing:-.04em}
.svcPage .dividerA{display:flex;flex-direction:column;gap:4px;padding:0;height:20px;width:100%}
.svcPage .dividerA span{display:block;height:1px;background:#131a2b1f}
.svcPage .dividerA span:nth-child(2){background:#131a2b0f}
.svcPage .dividerA span:nth-child(3){background:#2c426314}
.svcPage .svcGridBox{padding:96px 64px;background:#fff;position:relative}
.svcPage .svcGridBox .secLabel{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}
.svcPage .svcGridBox .secLabel::before{content:'';display:block;width:28px;height:4px;background:#131A2B;border-radius:2px}
.svcPage .svcGridBox .secLabel span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#2C4263;font-weight:700}
.svcPage .svcGridBox .sectionHdr{font-size:clamp(28px,3vw,44px);font-weight:800;color:#131A2B;line-height:1.15;margin:0 0 56px;max-width:640px}
.svcPage .svcGridBox .sectionHdr .wordGrad{background:conic-gradient(from 140deg at 70% 40%,#2C4263,#131A2B,#2C4263);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.svcPage .svcGridBox .cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svcPage .svcGridBox .svcCard{background:#F9F9F9;border-radius:16px;padding:40px 36px;position:relative;transition:box-shadow 500ms,transform 500ms;box-shadow:inset 0 2px 0 #ffffffe6 inset 0 -2px 0 #131a2b0f}
.svcPage .svcGridBox .svcCard:hover{box-shadow:0 0 36px #2c42632e inset 0 2px 0 #ffffffe6;transform:translateY(-4px)}
.svcPage .svcGridBox .svcCard .cardIcon{width:52px;height:52px;background:#131A2B;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px;color:#F9F9F9}
.svcPage .svcGridBox .svcCard .cardTitle{font-size:19px;font-weight:700;color:#131A2B;margin:0 0 12px;line-height:1.2}
.svcPage .svcGridBox .svcCard .cardDesc{font-size:15px;line-height:1.65;color:#555;margin:0 0 24px}
.svcPage .svcGridBox .svcCard .cardTag{display:inline-block;background:#2C4263;color:#F9F9F9;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:40px}
.svcPage .svcGridBox .svcCard .cardLink{display:inline-flex;align-items:center;gap:6px;color:#2C4263;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;margin-top:20px;transition:gap 400ms}
.svcPage .svcGridBox .svcCard .cardLink:hover{gap:12px}
.svcPage .processBox{background:#131A2B;padding:96px 64px;position:relative;overflow:hidden}
.svcPage .processBox .bgFadedNum{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:320px;font-weight:900;color:#ffffff08;line-height:1;pointer-events:none;letter-spacing:-.05em}
.svcPage .processBox .procLabel{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}
.svcPage .processBox .procLabel::before{content:'';display:block;width:28px;height:4px;background:#f9f9f966;border-radius:2px}
.svcPage .processBox .procLabel span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f9f9f980;font-weight:700}
.svcPage .processBox .procHdr{font-size:clamp(28px,3vw,44px);font-weight:800;color:#F9F9F9;line-height:1.15;margin:0 0 56px;max-width:560px}
.svcPage .processBox .stepsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.svcPage .processBox .stepsRow::before{content:'';position:absolute;top:32px;left:48px;right:48px;height:1px;background:#f9f9f91f;pointer-events:none}
.svcPage .processBox .stepItem{padding:0 28px;position:relative}
.svcPage .processBox .stepNum{width:64px;height:64px;border-radius:40px;background:#ffffff14;border:1px solid #ffffff26;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#F9F9F9;margin-bottom:28px;position:relative;z-index:1;transition:background 500ms}
.svcPage .processBox .stepItem:hover .stepNum{background:#2C4263}
.svcPage .processBox .stepTitle{font-size:16px;font-weight:700;color:#F9F9F9;margin:0 0 10px;line-height:1.3}
.svcPage .processBox .stepDesc{font-size:14px;line-height:1.65;color:#f9f9f999;margin:0}
.svcPage .imgGalleryBox{padding:96px 64px;background:#F9F9F9;position:relative}
.svcPage .imgGalleryBox .galLabel{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}
.svcPage .imgGalleryBox .galLabel::before{content:'';display:block;width:28px;height:4px;background:#131A2B;border-radius:2px}
.svcPage .imgGalleryBox .galLabel span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#2C4263;font-weight:700}
.svcPage .imgGalleryBox .galHdr{font-size:clamp(28px,3vw,40px);font-weight:800;color:#131A2B;line-height:1.15;margin:0 0 48px;max-width:560px}
.svcPage .imgGalleryBox .mosaicGrid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;gap:16px}
.svcPage .imgGalleryBox .mosaicGrid .imgCard{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1/1}
.svcPage .imgGalleryBox .mosaicGrid .imgCard.wide{grid-column:span 1;grid-row:span 2;aspect-ratio:auto}
.svcPage .imgGalleryBox .mosaicGrid .imgCard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 600ms}
.svcPage .imgGalleryBox .mosaicGrid .imgCard:hover img{transform:scale(1.05)}
.svcPage .imgGalleryBox .mosaicGrid .imgCard .darkLayer{position:absolute;inset:0;background:#131a2b00;transition:background 500ms;display:flex;align-items:flex-end;padding:24px}
.svcPage .imgGalleryBox .mosaicGrid .imgCard:hover .darkLayer{background:#131a2bb8}
.svcPage .imgGalleryBox .mosaicGrid .imgCard .imgCaption{color:#F9F9F9;font-size:15px;font-weight:600;line-height:1.3;opacity:0;transform:translateY(12px);transition:opacity 500ms,transform 500ms}
.svcPage .imgGalleryBox .mosaicGrid .imgCard:hover .imgCaption{opacity:1;transform:translateY(0)}
.svcPage .kanbanBox{padding:96px 64px;background:#fff;position:relative}
.svcPage .kanbanBox .kbLabel{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}
.svcPage .kanbanBox .kbLabel::before{content:'';display:block;width:28px;height:4px;background:#131A2B;border-radius:2px}
.svcPage .kanbanBox .kbLabel span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#2C4263;font-weight:700}
.svcPage .kanbanBox .kbHdr{font-size:clamp(28px,3vw,40px);font-weight:800;color:#131A2B;line-height:1.15;margin:0 0 48px;max-width:560px}
.svcPage .kanbanBox .kbColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svcPage .kanbanBox .kbCol{background:#F9F9F9;border-radius:14px;padding:24px 20px;box-shadow:inset 0 2px 0 #fffc inset 0 -2px 0 #131a2b0d}
.svcPage .kanbanBox .kbColHead{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:20px}
.svcPage .kanbanBox .kbColHead .kbDot{width:10px;height:10px;border-radius:40px}
.svcPage .kanbanBox .kbColHead .kbColTitle{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#131A2B}
.svcPage .kanbanBox .kbCard{background:#fff;border-radius:10px;padding:16px 18px;margin-bottom:12px;box-shadow:0 2px 8px #131a2b12;transition:box-shadow 400ms,transform 400ms}
.svcPage .kanbanBox .kbCard:last-child{margin-bottom:0}
.svcPage .kanbanBox .kbCard:hover{box-shadow:0 0 20px #2c426326;transform:translateY(-2px)}
.svcPage .kanbanBox .kbCard .kbCardTitle{font-size:14px;font-weight:600;color:#131A2B;margin:0 0 6px;line-height:1.3}
.svcPage .kanbanBox .kbCard .kbCardDesc{font-size:12px;line-height:1.55;color:#777;margin:0 0 10px}
.svcPage .kanbanBox .kbCard .kbCardTag{display:inline-block;background:#131A2B;color:#F9F9F9;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:40px}
.svcPage .contactCta{padding:96px 64px;background:#2C4263;position:relative;overflow:hidden}
.svcPage .contactCta .bgFadedNum2{position:absolute;left:-30px;bottom:-40px;font-size:280px;font-weight:900;color:#ffffff0a;line-height:1;pointer-events:none;letter-spacing:-.05em}
.svcPage .contactCta .ctaInner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:2}
.svcPage .contactCta .ctaLeft .ctaHdr{font-size:clamp(28px,3vw,48px);font-weight:800;color:#F9F9F9;line-height:1.15;margin:0 0 20px}
.svcPage .contactCta .ctaLeft .ctaDesc{font-size:17px;line-height:1.65;color:#f9f9f9b3;margin:0;max-width:440px}
.svcPage .contactCta .ctaRight{background:#ffffff12;border-radius:20px;padding:44px 40px;border:1px solid #ffffff1f}
.svcPage .contactCta .ctaRight .formRow{display:flex;flex-direction:column;gap:16px}
.svcPage .contactCta .ctaRight .formField{display:flex;flex-direction:column;gap:8px}
.svcPage .contactCta .ctaRight .formField label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f9f9f999;font-weight:600}
.svcPage .contactCta .ctaRight .formField input,.svcPage .contactCta .ctaRight .formField select{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;padding:14px 20px;font-size:15px;color:#F9F9F9;outline:none;transition:border-color 400ms,background 400ms}
.svcPage .contactCta .ctaRight .formField input::placeholder{color:#f9f9f94d}
.svcPage .contactCta .ctaRight .formField input:focus,.svcPage .contactCta .ctaRight .formField select:focus{border-color:#f9f9f980;background:#ffffff24}
.svcPage .contactCta .ctaRight .formField select{appearance:none;cursor:pointer;color:#f9f9f9cc}
.svcPage .contactCta .ctaRight .formField select option{background:#2C4263;color:#F9F9F9}
.svcPage .contactCta .ctaRight .submitBtn{width:100%;background:#F9F9F9;color:#131A2B;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:18px 36px;border-radius:40px;border:none;cursor:pointer;margin-top:8px;transition:background 500ms,box-shadow 500ms;box-shadow:0 0 0 0 #f9f9f900}
.svcPage .contactCta .ctaRight .submitBtn:hover{background:#fff;box-shadow:0 0 28px #f9f9f940}
@media (max-width: 1280px) {
.svcPage .hdrBox{grid-template-columns:1fr 1fr;min-height:80vh}
.svcPage .hdrBox .textZone{padding:64px 40px}
.svcPage .svcGridBox{padding:72px 40px}
.svcPage .svcGridBox .cardGrid{grid-template-columns:repeat(2,1fr)}
.svcPage .processBox{padding:72px 40px}
.svcPage .processBox .stepsRow{grid-template-columns:repeat(2,1fr);gap:40px}
.svcPage .processBox .stepsRow::before{display:none}
.svcPage .imgGalleryBox{padding:72px 40px}
.svcPage .kanbanBox{padding:72px 40px}
.svcPage .contactCta{padding:72px 40px}
.svcPage .contactCta .ctaInner{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width: 768px) {
.svcPage .hdrBox{grid-template-columns:1fr;min-height:auto}
.svcPage .hdrBox .textZone{padding:56px 24px}
.svcPage .hdrBox .imgZone{min-height:320px}
.svcPage .hdrBox .floatNum{display:none}
.svcPage .svcGridBox{padding:60px 24px}
.svcPage .svcGridBox .cardGrid{grid-template-columns:1fr}
.svcPage .processBox{padding:60px 24px}
.svcPage .processBox .stepsRow{grid-template-columns:1fr;gap:36px}
.svcPage .processBox .stepItem{padding:0}
.svcPage .imgGalleryBox{padding:60px 24px}
.svcPage .imgGalleryBox .mosaicGrid{grid-template-columns:1fr 1fr}
.svcPage .imgGalleryBox .mosaicGrid .imgCard.wide{grid-column:span 2;aspect-ratio:16/9}
.svcPage .kanbanBox{padding:60px 24px}
.svcPage .kanbanBox .kbColumns{grid-template-columns:1fr}
.svcPage .contactCta{padding:60px 24px}
.svcPage .contactCta .ctaInner{grid-template-columns:1fr;gap:36px}
}
.pgSuccessBox{min-height:100vh;background:#F9F9F9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;overflow:hidden;position:relative}
.pgSuccessBox .bgRotateShape{position:absolute;width:600px;height:600px;border:1px solid #2c426312;border-radius:40% 60% 55% 45% / 45% 55% 60% 40%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);animation:shapeRotate 28s linear infinite;pointer-events:none;z-index:0}
.pgSuccessBox .bgRotateShape2{position:absolute;width:420px;height:420px;border:1px solid #131a2b0d;border-radius:55% 45% 40% 60% / 60% 40% 55% 45%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);animation:shapeRotate 18s linear infinite reverse;pointer-events:none;z-index:0}
@keyframes shapeRotate {
to{transform:translate(-50%,-50%) rotate(360deg)}
}
.pgSuccessBox .successCardBox{position:relative;z-index:1;max-width:680px;width:100%;background:#fff;border-radius:28px;padding:64px 56px;box-shadow:0 0 0 1px #2c426314 0 8px 48px #131a2b1a inset 0 1px 0 #ffffffe6 inset 0 -1px 0 #131a2b0f;text-align:center}
.pgSuccessBox .successCardBox .iconCircleBox{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#131A2B 0%,#2C4263 100%);display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto 36px;box-shadow:0 0 32px #2c426359;animation:iconAppear .6s cubic-bezier(0.34,1.56,0.64,1) both}
@keyframes iconAppear {
from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}
.pgSuccessBox .successCardBox .iconCircleBox .mdi{font-size:36px;color:#fff}
.pgSuccessBox .successCardBox .dividerDoubleTop{width:48px;height:6px;position:relative;margin:0 auto 32px}
.pgSuccessBox .successCardBox .dividerDoubleTop::before,.pgSuccessBox .successCardBox .dividerDoubleTop::after{content:'';position:absolute;left:0;width:100%;height:1px;background:#2C4263}
.pgSuccessBox .successCardBox .dividerDoubleTop::before{top:0;opacity:.5}
.pgSuccessBox .successCardBox .dividerDoubleTop::after{top:4px;opacity:.2}
.pgSuccessBox .successCardBox .successHeading{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.5px;color:#131A2B;margin:0 0 20px}
.pgSuccessBox .successCardBox .successHeading .gradWord{background:conic-gradient(from 200deg at 40% 60%,#131A2B 0%,#2C4263 45%,#4a7ab5 75%,#131A2B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pgSuccessBox .successCardBox .successSubText{font-size:17px;line-height:1.65;color:#4a5568;margin:0 0 36px;max-width:480px;margin-left:auto;margin-right:auto}
.pgSuccessBox .successCardBox .infoRowBox{display:flex;flex-direction:row;gap:16px;margin:0 0 40px;justify-content:center;flex-wrap:wrap}
.pgSuccessBox .successCardBox .infoRowBox .infoBadge{display:flex;flex-direction:row;align-items:center;gap:8px;background:#F9F9F9;border:1px solid #2c42631f;border-radius:9999px;padding:8px 20px;font-size:14px;color:#2C4263;letter-spacing:.03em;box-shadow:inset 0 1px 0 #fffc inset 0 -1px 0 #131a2b0d}
.pgSuccessBox .successCardBox .infoRowBox .infoBadge .mdi{font-size:16px;color:#2C4263;opacity:.8}
.pgSuccessBox .successCardBox .dividerDoubleBottom{width:100%;height:6px;position:relative;margin:0 0 36px}
.pgSuccessBox .successCardBox .dividerDoubleBottom::before,.pgSuccessBox .successCardBox .dividerDoubleBottom::after{content:'';position:absolute;left:0;width:100%;height:1px;background:#2c426326}
.pgSuccessBox .successCardBox .dividerDoubleBottom::before{top:0}
.pgSuccessBox .successCardBox .dividerDoubleBottom::after{top:4px;opacity:.5}
.pgSuccessBox .successCardBox .nextStepsBox{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 40px;text-align:left}
.pgSuccessBox .successCardBox .nextStepsBox .stepItemBox{display:flex;flex-direction:row;gap:12px;align-items:flex-start;padding:16px;background:#F9F9F9;border-radius:16px;border:1px solid #2c426314}
.pgSuccessBox .successCardBox .nextStepsBox .stepItemBox .stepNumBox{width:28px;height:28px;min-width:28px;border-radius:50%;background:#131A2B;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}
.pgSuccessBox .successCardBox .nextStepsBox .stepItemBox .stepTxtBox{display:flex;flex-direction:column;gap:4px}
.pgSuccessBox .successCardBox .nextStepsBox .stepItemBox .stepTxtBox .stepLbl{font-size:13px;font-weight:600;color:#131A2B;letter-spacing:.04em;text-transform:uppercase}
.pgSuccessBox .successCardBox .nextStepsBox .stepItemBox .stepTxtBox .stepDesc{font-size:14px;line-height:1.5;color:#5a6a80}
.pgSuccessBox .successCardBox .btnPrimaryBox{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:#131A2B;color:#fff;text-decoration:none;border-radius:9999px;padding:16px 40px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background 500ms ease,box-shadow 500ms ease,transform 450ms ease;box-shadow:0 0 0 0 #2c426300}
.pgSuccessBox .successCardBox .btnPrimaryBox:hover{background:#2C4263;box-shadow:0 0 28px #2c426373;transform:translateY(-2px)}
.pgSuccessBox .successCardBox .btnPrimaryBox:focus{outline:3px solid #2C4263;outline-offset:4px}
.pgSuccessBox .successCardBox .btnPrimaryBox:active{transform:translateY(0px)}
.pgSuccessBox .successCardBox .btnPrimaryBox .mdi{font-size:18px}
.pgSuccessBox .contactLineBox{position:relative;z-index:1;margin-top:32px;display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;color:#7a8a9e;letter-spacing:.02em}
.pgSuccessBox .contactLineBox .mdi{font-size:16px;color:#2C4263;opacity:.7}
.pgSuccessBox .contactLineBox a{color:#2C4263;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color 400ms ease}
.pgSuccessBox .contactLineBox a:hover{color:#131A2B}
@media (max-width: 768px) {
.pgSuccessBox .successCardBox{padding:44px 28px}
.pgSuccessBox .successCardBox .successHeading{font-size:28px}
.pgSuccessBox .successCardBox .nextStepsBox{grid-template-columns:1fr}
.pgSuccessBox .bgRotateShape{width:380px;height:380px}
.pgSuccessBox .bgRotateShape2{width:260px;height:260px}
}