:root{--cm-blue:#0c4f8a;--cm-cyan:#36a6d1;--cm-navy:#082f54;--cm-soft:#f3f8fc;--cm-text:#24364b}*{box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--cm-text);line-height:1.7}.navbar-brand img{width:185px;max-height:58px;object-fit:contain}.navbar .nav-link{font-weight:600;color:#24364b!important;margin:0 .3rem}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--cm-cyan)!important}.dropdown-item{white-space:normal}.btn-primary{background:var(--cm-blue);border-color:var(--cm-blue)}.btn-primary:hover{background:var(--cm-cyan);border-color:var(--cm-cyan)}.min-vh-75{min-height:75vh}.home-hero{background:linear-gradient(90deg,rgba(5,34,62,.94),rgba(5,55,93,.68)),url('../img/sliderCm.webp') center/cover;color:#fff}.home-hero h1{font-size:clamp(2.6rem,6vw,5.3rem);font-weight:800;line-height:1.02;max-width:900px}.home-hero p:not(.eyebrow){font-size:1.2rem;max-width:700px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--cm-cyan);font-size:.82rem}.page-hero{padding:6.5rem 0;background:linear-gradient(90deg,rgba(5,35,62,.95),rgba(12,79,138,.75)),url('../img/BANNER.webp') center/cover;color:#fff}.page-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:800;max-width:930px}.page-hero p:last-child{max-width:820px;font-size:1.12rem}.section{padding:6rem 0}.bg-soft{background:var(--cm-soft)}.section-heading{max-width:760px;margin:0 auto 3rem;text-align:center}.section-heading h2,.section h2{font-weight:800;color:var(--cm-navy);line-height:1.2}.lead-copy{font-size:1.08rem;color:#53667a}.feature-image{width:100%;height:430px;object-fit:cover;border-radius:22px;box-shadow:0 18px 45px rgba(8,47,84,.14)}.trust-strip{background:#fff;box-shadow:0 10px 35px rgba(8,47,84,.09)}.trust-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e7eef5}.trust-strip div div{display:flex;flex-direction:column;background:white;padding:1.8rem}.trust-strip strong{color:var(--cm-navy)}.trust-strip span{font-size:.9rem;color:#66788b}.home-solution,.solution-card,.value-card{display:block;background:#fff;border:1px solid #e2ebf2;border-radius:18px;padding:2rem;color:inherit;box-shadow:0 9px 30px rgba(8,47,84,.06);transition:.25s}.home-solution:hover,.solution-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(8,47,84,.12)}.home-solution i,.solution-card>i,.value-card>i{font-size:2rem;color:var(--cm-cyan);margin-bottom:1.3rem}.home-solution h3,.solution-card h3,.value-card h3{font-size:1.22rem;color:var(--cm-navy);font-weight:750}.home-solution span{color:var(--cm-blue);font-weight:700}.benefit-panel{background:var(--cm-navy);color:white;border-radius:24px;padding:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.benefit-panel h2{color:white}.benefit-panel ul{list-style:none;margin:0;padding:0}.benefit-panel li{margin:.8rem 0;font-weight:600}.benefit-panel li i{color:var(--cm-cyan);margin-right:.75rem}.cta{background:linear-gradient(120deg,var(--cm-blue),var(--cm-cyan));color:white;border-radius:24px;padding:3.5rem 4rem;margin-top:3rem;margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta h2{color:white;max-width:780px;margin:0}.news-card{height:100%;overflow:hidden;border-radius:18px;border:1px solid #e2ebf2;background:white}.news-card img{width:100%;height:230px;object-fit:cover}.news-card div{padding:2rem}.news-card span{color:var(--cm-cyan);font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.1em}.news-card h2{font-size:1.45rem;margin-top:.6rem}.news-card a{font-weight:700}.contact-detail{display:flex;gap:1rem;margin:2rem 0}.contact-detail>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cm-soft);color:var(--cm-cyan)}.contact-detail div{display:flex;flex-direction:column}.contact-form{background:var(--cm-soft);padding:2.5rem;border-radius:20px}.contact-form label{display:block;font-weight:700;margin-bottom:.4rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.85rem 1rem;border:1px solid #d6e2eb;border-radius:10px;background:white}.error-code{font-size:clamp(5rem,15vw,10rem);font-weight:900;color:var(--cm-cyan);line-height:1}.footer{background:var(--cm-navy)}.footer-logo{width:190px;filter:brightness(0) invert(1)}.footer a{color:rgba(255,255,255,.78)}.footer a:hover{color:white}.footer-links{display:flex;flex-direction:column}.footer-links h5{color:white}.footer-links a{margin:.28rem 0}.footer hr{border-color:rgba(255,255,255,.2)}@media(max-width:991px){.section{padding:4rem 0}.trust-strip .container{grid-template-columns:1fr}.benefit-panel{grid-template-columns:1fr}.cta{margin-left:1rem;margin-right:1rem;padding:2.5rem;align-items:flex-start;flex-direction:column}.feature-image{height:330px}}@media(max-width:576px){.navbar-brand img{width:150px}.page-hero{padding:4.5rem 0}.home-hero h1{font-size:2.6rem}.benefit-panel,.contact-form{padding:1.6rem}.cta{padding:2rem}.section{padding:3.5rem 0}}


.webdata-page-hero{position:relative;overflow:hidden}
.webdata-page-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-90px;top:-110px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);pointer-events:none}
.webdata-page-hero .container{position:relative;z-index:1}
.webdata-page-hero .eyebrow{letter-spacing:.16em;font-size:.78rem}
.webdata-page-hero .btn-outline-light:hover{color:var(--cm-navy)}
.webdata-intro h2,.webdata-expertise-row h2,.webdata-benefits h2{font-weight:800;color:var(--cm-navy);line-height:1.18}
.webdata-main-image{position:relative;padding:18px;background:#fff;border-radius:26px;box-shadow:0 24px 60px rgba(8,47,84,.15)}
.webdata-main-image img{width:100%;height:460px;object-fit:cover;border-radius:18px;display:block}
.webdata-float-card{position:absolute;left:-25px;bottom:34px;display:flex;align-items:center;gap:14px;background:var(--cm-navy);color:#fff;padding:17px 22px;border-radius:16px;box-shadow:0 18px 40px rgba(8,47,84,.25)}
.webdata-float-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cm-cyan),#66c7e7);font-size:1.15rem}
.webdata-float-card div{display:flex;flex-direction:column}.webdata-float-card strong{font-size:.98rem}.webdata-float-card span{font-size:.8rem;color:rgba(255,255,255,.72)}
.webdata-keypoints{display:grid;gap:12px}.webdata-keypoints div{display:flex;align-items:flex-start;gap:10px;font-weight:600;color:#425b70}.webdata-keypoints i{color:var(--cm-cyan);margin-top:5px}
.webdata-expertise-row{padding:2.4rem 0}.webdata-separator{height:1px;background:linear-gradient(90deg,transparent,#d8e5ed,transparent);margin:1.8rem 0}
.webdata-photo{position:relative;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(8,47,84,.13)}
.webdata-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,35,62,.52));z-index:1;pointer-events:none}
.webdata-photo img{display:block;width:100%;height:390px;object-fit:cover;transition:transform .6s ease}
.webdata-photo:hover img{transform:scale(1.035)}
.webdata-photo-badge{position:absolute;left:22px;bottom:20px;z-index:2;background:rgba(255,255,255,.94);color:var(--cm-navy);padding:12px 17px;border-radius:12px;font-weight:800;box-shadow:0 10px 30px rgba(5,35,62,.16);backdrop-filter:blur(6px)}
.webdata-photo-badge i{color:var(--cm-cyan);margin-right:8px}
.webdata-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.webdata-feature-grid div{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #dce8ef;border-radius:12px;background:#fff;font-weight:650;color:#425b70}.webdata-feature-grid i{color:var(--cm-cyan);font-size:1.05rem}
.webdata-list{display:grid;gap:14px;margin-top:25px}.webdata-list div{display:flex;gap:12px;align-items:flex-start;color:#425b70;font-weight:600}.webdata-list i{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#e8f5fb;color:var(--cm-blue);font-size:.82rem}
.webdata-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:#edf7fb;border-left:4px solid var(--cm-cyan)}.webdata-note i{color:var(--cm-blue);margin-top:4px}.webdata-note p{margin:0;color:#526b7e;font-size:.92rem}
.webdata-method{position:relative;overflow:hidden}.webdata-method:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(54,166,209,.12),transparent 68%);left:-180px;top:-180px;pointer-events:none}.webdata-method-grid{position:relative;z-index:1}.webdata-step{position:relative;padding:32px 24px;border-radius:18px;border:1px solid #dde8ef;background:#fff;box-shadow:0 12px 32px rgba(8,47,84,.07);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.webdata-step:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(8,47,84,.13)}.webdata-step>span{position:absolute;right:18px;top:14px;font-weight:800;font-size:2.5rem;color:rgba(12,79,138,.07)}.webdata-step>i{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cm-blue),var(--cm-cyan));color:#fff;font-size:1.3rem;margin-bottom:20px}.webdata-step h3{font-size:1.18rem;font-weight:800;color:var(--cm-navy)}.webdata-step p{margin:0;color:#62768a}
.webdata-benefits .value-card{padding:1.7rem}.webdata-benefits .value-card p{margin:0;color:#62768a}.webdata-benefits .value-card i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#edf7fb;font-size:1.2rem}
@media(max-width:991px){.webdata-main-image img{height:360px}.webdata-float-card{left:18px;bottom:18px}.webdata-photo img{height:340px}.webdata-expertise-row{padding:1.3rem 0}}
@media(max-width:576px){.webdata-main-image{padding:10px}.webdata-main-image img{height:280px}.webdata-float-card{position:relative;left:auto;bottom:auto;margin:-20px 12px 0}.webdata-photo img{height:280px}.webdata-feature-grid{grid-template-columns:1fr}.webdata-photo-badge{left:14px;bottom:14px;font-size:.86rem}.webdata-page-hero .d-flex .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.webdata-photo img,.webdata-step{transition:none}.webdata-photo:hover img,.webdata-step:hover{transform:none}}