.cm-how{--how-soft:#f5f7fb;--how-blue:#2864d8;font-size:14px;line-height:1.85;color:#536075}
.cm-how h1,.cm-how h2,.cm-how h3{color:#20264e}
.cm-how p{margin:0 0 18px}.cm-how p:last-child{margin-bottom:0}
.cm-how .cm-kicker{font-size:11px;line-height:1.6;letter-spacing:.12em;font-weight:400;color:#456eae;margin-bottom:20px}
.cm-how-breadcrumb{padding-top:25px}.cm-how-breadcrumb .breadcrumbs{margin:0;font-size:12px}
.cm-how-hero{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:56px;padding-block:56px 65px}
.cm-how-hero h1{font-size:42px;line-height:1.19;letter-spacing:-.045em;margin:0 0 25px;font-weight:700}
.cm-how .cm-how-lead{font-size:16px;line-height:1.85}
.cm-how .cm-buttons{gap:17px;align-items:center}.cm-how .cm-button{font-weight:400;letter-spacing:0;white-space:normal}
.cm-how-secondary{font-size:12px;color:#2456b8;text-decoration:none;display:inline-flex;gap:10px;align-items:center}
.cm-how-hero-art{position:relative;min-width:0}
.cm-how-hero-art:before{content:'';position:absolute;inset:-36px -24px 38px 25px;border-radius:90px 42px 110px 38px;background:linear-gradient(145deg,#edf3ff,#f5f8f7);z-index:-1;transform:rotate(-5deg)}
.cm-how-figure{margin:0;min-width:0}.cm-how-screen{display:block;overflow:hidden;border:1px solid #e1e7f0;border-radius:13px;background:#fff;box-shadow:0 18px 45px -28px #25375d55;text-decoration:none}
.cm-how-window{height:27px;background:#f6f8fb;border-bottom:1px solid #e5eaf2;display:flex;gap:5px;align-items:center;padding-left:13px}
.cm-how-window i{display:block;width:6px;height:6px;border-radius:50%;background:#c8d2e4}.cm-how-window i:nth-child(2){background:#d7dfed}.cm-how-window i:nth-child(3){background:#e4e9f2}
.cm-how-screen img{display:block;width:100%;height:auto;margin:0}.cm-how-figure figcaption{font-size:11px;line-height:1.65;color:#6a778c;margin:13px 3px 0}
/* Crop the browser scrollbar from panel previews; the lightbox keeps the full screenshot. */
.cm-how-hero .cm-how-screen img,.cm-how-feature .cm-how-screen img{width:101.2%;max-width:none}
.cm-how-nav{display:flex;flex-wrap:wrap;gap:8px 27px;padding-block:20px;border-block:1px solid #e5ebf2}
.cm-how-nav a{font-size:12px;text-decoration:none;color:#536075;padding:5px 0}.cm-how-nav a:hover{color:#2456b8}
.cm-how-section{padding-block:64px}.cm-how-section[id]{scroll-margin-top:28px}.cm-how-tint{background:var(--how-soft)}
.cm-how-heading{max-width:770px;margin-bottom:30px}.cm-how h2{font-size:26px;line-height:1.35;letter-spacing:-.035em;margin:0 0 17px}
.cm-how-heading p{max-width:760px}.cm-how h3{font-size:18px;line-height:1.45;letter-spacing:-.025em;margin:0 0 13px}
.cm-how-network{display:grid;grid-template-columns:1.45fr 1fr;gap:95px;align-items:center}.cm-how-network ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.cm-how-network li{padding:13px 18px;background:#f6f8fb;border-radius:9px;color:#273857}.cm-how-network li span{display:inline-grid;place-items:center;margin-right:12px;width:24px;height:24px;background:#e3f4ed;color:#167357;border-radius:50%;font-size:12px}
.cm-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cm-how-four{grid-template-columns:repeat(4,minmax(0,1fr))}.cm-how-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cm-how-card{border:1px solid #e5eaf2;background:#fff;border-radius:14px;padding:27px;min-width:0}.cm-how-card p{font-size:14px;line-height:1.85}
.cm-how-card-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:12px;line-height:1;background:#ecf2ff;color:#2f66c0;margin-bottom:21px;letter-spacing:.04em}
.cm-how-card:nth-child(2) .cm-how-card-number{background:#ecf7f2;color:#28765d}.cm-how-card:nth-child(3) .cm-how-card-number{background:#fff3ed;color:#a6674d}.cm-how-card:nth-child(4) .cm-how-card-number{background:#f5f0fb;color:#7855a4}
.cm-how-note{margin-top:28px;max-width:1020px;font-size:13px;line-height:1.85;padding-left:18px;border-left:2px solid #afc5ed}
.cm-how-metrics .cm-how-card-number{display:none}.cm-how-metrics h3{font-size:24px;color:#2456b8}.cm-how-metrics .cm-how-card{background:#f9fbfd;border:0}
.cm-how-topline{border-top:1px solid #e5eaf2}
.cm-how-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.cm-how-steps .cm-how-card{padding:0;background:none;border:0;border-radius:0}.cm-how-steps .cm-how-card-number{font-size:25px;width:auto;display:block;background:none!important;font-weight:400;margin-bottom:14px;height:auto;color:#2864d8!important}.cm-how-steps h3{font-size:16px}.cm-how-steps p{font-size:13px}
.cm-how-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}.cm-how-feature .cm-how-heading{margin-bottom:20px}.cm-how-feature-reverse>div{order:2}.cm-how-feature-reverse>figure{order:1}.cm-how-feature+.cm-how-feature{padding-top:15px}
.cm-how-tracking-shot{max-width:1050px;margin:36px auto 0}
.cm-how-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.cm-how-sites>article{border:1px solid #e4eaf2;border-radius:14px;overflow:hidden;background:#fff}.cm-how-sites .cm-how-screen{border:0;border-radius:0;box-shadow:none}.cm-how-sites img{aspect-ratio:1685/1120;object-fit:cover;object-position:top}.cm-how-sites .cm-how-window{height:23px}.cm-how-site-body{padding:24px}.cm-how-site-body .cm-kicker{font-size:10px;margin-bottom:10px}.cm-how-site-body p{font-size:13px}.cm-how-site-body>a{font-size:12px;color:#2456b8;text-decoration:none;display:inline-block;margin-top:20px}
.cm-how-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.cm-how-faq details{border-bottom:1px solid #e2e8f1;padding:19px 0}.cm-how-faq details:first-child{padding-top:0}.cm-how-faq summary{cursor:pointer;font-size:14px;line-height:1.6;color:#20264e;font-weight:600;list-style:none;position:relative;padding-right:30px}.cm-how-faq summary::-webkit-details-marker{display:none}.cm-how-faq summary:after{content:'+';position:absolute;right:4px;font-size:21px;font-weight:400;color:#2864d8;top:-3px}.cm-how-faq details[open] summary:after{content:'−'}.cm-how-faq details p{margin-top:15px;font-size:14px}
.cm-how-cta{border-radius:20px;padding:42px 52px;margin-block:15px 50px;background:linear-gradient(120deg,#edf3fd,#f1f7f5);display:flex;align-items:center;justify-content:space-between;gap:45px}.cm-how-cta .cm-how-heading{margin:0;max-width:660px}.cm-how-cta .cm-buttons{margin:0;flex:0 0 205px;justify-content:center}.cm-how-cta .cm-button{width:100%}
@media(max-width:1100px){.cm-how-hero{gap:35px}.cm-how-hero h1{font-size:36px}.cm-how-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-how-feature{gap:35px}.cm-how-network{gap:45px}.cm-how-steps{gap:20px}.cm-how-sites{gap:20px}.cm-how-card{padding:23px}}
@media(max-width:800px){.cm-how-hero{grid-template-columns:1fr;padding-block:35px 40px;gap:35px}.cm-how-hero>div:first-child{max-width:630px}.cm-how-hero h1{font-size:36px}.cm-how-hero-art:before{inset:-15px 0 30px}.cm-how-hero-art{max-width:700px}.cm-how-section{padding-block:45px}.cm-how-network,.cm-how-feature,.cm-how-faq{grid-template-columns:1fr;gap:28px}.cm-how-feature-reverse>div,.cm-how-feature-reverse>figure{order:initial}.cm-how-grid,.cm-how-sites{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.cm-how-nav{gap:4px 20px}.cm-how-cta{padding:32px;display:block}.cm-how-cta .cm-buttons{margin-top:25px;justify-content:flex-start}.cm-how-cta .cm-button{width:auto}.cm-how-faq .cm-how-heading{margin:0}.cm-how-figure{max-width:100%}}
@media(max-width:500px){.cm-how-hero h1{font-size:31px}.cm-how .cm-how-lead{font-size:14px}.cm-how h2{font-size:24px}.cm-how .cm-buttons{align-items:flex-start;flex-direction:column}.cm-how-hero .cm-how-secondary{margin-left:5px}.cm-how-grid,.cm-how-sites,.cm-how-steps{grid-template-columns:1fr}.cm-how-card{padding:23px}.cm-how-steps .cm-how-card{padding-left:47px;position:relative}.cm-how-steps .cm-how-card-number{position:absolute;left:0;top:3px;font-size:23px}.cm-how-site-body{padding:22px}.cm-how-network li{padding:10px 14px}.cm-how-cta{padding:28px}.cm-how-faq summary{font-size:14px}.cm-how-section{padding-block:38px}.cm-how-hero-art:before{display:none}}
@media print{.cm-how-nav,.cm-how .cm-buttons{display:none}.cm-how-section{padding-block:25px}.cm-how-screen{box-shadow:none}.cm-how-card,.cm-how-figure{break-inside:avoid}.cm-how-hero{grid-template-columns:1fr}.cm-how-faq details{display:block}}

html.cm-how-lightbox-open{overflow:hidden}
.cm-how-screen{cursor:zoom-in}
.cm-how-lightbox{padding:54px 16px 16px;border:0;border-radius:16px;background:#fff;color:#20264e;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:max-content;box-shadow:0 24px 90px #09162f55;overflow:auto}
.cm-how-lightbox::backdrop{background:rgba(10,20,40,.78);backdrop-filter:blur(5px)}
.cm-how-lightbox img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 185px);object-fit:contain;margin:auto;border-radius:6px}
.cm-how-lightbox p{font-size:13px;line-height:1.5;margin:12px auto 0;text-align:center;max-width:850px}
.cm-how-lightbox-close{position:absolute;right:10px;top:7px;width:38px;height:38px;border:0;border-radius:50%;background:#eef3fa;color:#20264e;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.cm-how-lightbox-close:hover{background:#dce8fb}.cm-how-lightbox-close:focus-visible{outline:2px solid #2864d8;outline-offset:2px}
@media(max-width:500px){.cm-how-lightbox{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:52px 8px 12px;border-radius:10px}.cm-how-lightbox p{font-size:12px}}