.cpg-site{--cpg-navy:#00173c;--cpg-orange:#ff5e15;--cpg-line:#e1e6ed;color:#172b46;font-family:Arial,Helvetica,sans-serif}.cpg-site *{box-sizing:border-box}.cpg-site h1,.cpg-site h2,.cpg-site h3,.cpg-site p{font-family:inherit;color:inherit;letter-spacing:normal}.cpg-site h1{font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-1.3px;margin:0 0 22px}.cpg-site h2{font-size:27px;font-weight:750;line-height:1.25;letter-spacing:-.5px;margin:0 0 18px}.cpg-site h3{font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px}.cpg-site p{font-size:14px;line-height:1.75;margin:0 0 15px;color:#566980}.cpg-eyebrow{display:block;color:#bd420b;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;line-height:1.5;margin:0 0 15px}.cpg-index-hero{background:#f4f6f9;padding:26px 0 44px;text-align:center;border-bottom:1px solid var(--cpg-line)}.cpg-index-hero .cpc-breadcrumb{justify-content:center;margin-bottom:26px;font-size:11px;color:#60728a}.cpg-index-hero h1{font-size:46px;text-transform:uppercase}.cpg-index-hero>div>p{max-width:660px;margin:0 auto 23px;font-size:16px}.cpg-intro-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 25px;font-size:11px;color:#60728a}.cpg-intro-meta span:before{content:'✓';color:#e65312;font-weight:800;margin-right:7px}.cpg-index-section{padding-top:38px;padding-bottom:46px}.cpg-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 23px}.cpg-guide-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--cpg-line);border-radius:7px;overflow:hidden;color:#172b46!important;transition:box-shadow .18s,transform .18s}.cpg-guide-card:hover{box-shadow:0 11px 28px #00173c16;transform:translateY(-3px)}.cpg-guide-card-copy{flex:1;display:flex;flex-direction:column;padding:20px 20px 19px}.cpg-guide-card-copy h2{font-size:18px;line-height:1.35;letter-spacing:-.2px;margin:0 0 11px;color:#00173c}.cpg-guide-card-copy p{font-size:12px;line-height:1.65;margin:0 0 18px;min-height:60px}.cpg-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;color:#a83b08}.cpg-card-link>span{font-size:18px;line-height:1}.cpg-art{--cpg-art-bg:#102b50;--cpg-art-text:#fff;position:relative;display:block;width:100%;aspect-ratio:1.28;overflow:hidden;background:var(--cpg-art-bg);isolation:isolate}.cpg-tone-navy{--cpg-art-bg:#09294f}.cpg-tone-orange{--cpg-art-bg:#f07841}.cpg-tone-sand{--cpg-art-bg:#e9dccc;--cpg-art-text:#394c63}.cpg-tone-blue{--cpg-art-bg:#b7ccdf;--cpg-art-text:#183b60}.cpg-tone-mint{--cpg-art-bg:#c8d8d0;--cpg-art-text:#2b5549}.cpg-art-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;right:-28%;top:-39%;z-index:-1}.cpg-art-orbit:after{content:'';position:absolute;inset:17%;border:1px solid #ffffff28;border-radius:50%}.cpg-paper{position:absolute;display:block;box-shadow:0 8px 13px #00173c2b;border:1px solid #00173c15;background:#fff;border-radius:2px;width:56%;height:77%;top:8%;left:23%;transform-origin:center}.cpg-paper-back{transform:translate(-16%,7%) rotate(-13deg);background:#f5f7fa}.cpg-paper-bar{display:block;height:12%;background:#00173c;border-bottom:4px solid #ff6b26}.cpg-paper-lines{position:absolute;inset:24% 13% 13%;background:repeating-linear-gradient(to bottom,#ccd7e2 0,#ccd7e2 2%,transparent 2%,transparent 12%)}.cpg-paper-front{transform:rotate(8deg);display:flex;flex-direction:column;align-items:stretch;padding:0 8% 0}.cpg-paper-brand{display:block;flex-shrink:0;background:#00173c;color:#fff;font-size:5.5px;font-weight:800;letter-spacing:.3px;margin:0 -18% 9%;padding:7% 10%;white-space:nowrap}.cpg-paper-brand>span{color:#ff8a4a}.cpg-paper-heading{display:block;flex-shrink:0;font-size:8px;font-weight:800;line-height:1.25;min-height:22px;color:#00173c;text-align:left;overflow-wrap:anywhere}.cpg-paper-photo{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;margin:6% -7% 4%;color:#bccbd9;background:#fff}.cpg-paper-photo img{width:100%;height:100%;object-fit:scale-down;display:block;max-width:100%;max-height:100%}.cpg-paper-photo svg{width:70%;max-height:80%;height:auto}.cpg-paper-code{display:block;flex-shrink:0;font-size:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#708098;text-align:center;line-height:1.2}.cpg-paper-footer{display:flex;gap:5%;flex-shrink:0;padding:7% 0 9%}.cpg-paper-footer i{display:block;width:30%;height:3px;background:#dfe6ed;border-radius:1px}.cpg-paper-footer i:first-child{background:#ff854f}.cpg-art-label{position:absolute;bottom:6%;left:7%;color:var(--cpg-art-text);font-size:7px;font-weight:700;letter-spacing:1.1px;line-height:1}.cpg-art.is-featured{aspect-ratio:1.2;border-radius:8px;max-width:490px;margin-left:auto}.cpg-art.is-featured .cpg-paper-brand{font-size:8px}.cpg-art.is-featured .cpg-paper-heading{font-size:13px;min-height:32px}.cpg-art.is-featured .cpg-paper-code{font-size:8px}.cpg-art.is-featured .cpg-art-label{font-size:10px;letter-spacing:1.5px}.cpg-art.is-featured .cpg-paper-footer i{height:5px}.cpg-detail-hero{background:#f4f6f9;border-bottom:1px solid var(--cpg-line);padding:25px 0 42px}.cpg-detail-hero .cpc-breadcrumb{font-size:11px;color:#61728a;margin-bottom:28px}.cpg-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:65px;align-items:center}.cpg-hero-copy h1{font-size:42px}.cpg-site .cpg-lead{font-size:18px;line-height:1.65;max-width:540px;margin-bottom:25px}.cpg-site .cpg-hero-count{font-size:11px;margin:13px 0 0;color:#718098}.cpg-content{padding-top:48px;padding-bottom:55px}.cpg-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;margin-bottom:42px}.cpg-intro h2{max-width:330px;font-size:28px}.cpg-intro p:last-child{margin-bottom:0}.cpg-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.cpg-section-heading h2{margin-bottom:0}.cpg-section-heading>span,.cpg-section-heading>a{font-size:11px;line-height:1.5;color:#62748a}.cpg-section-heading>a{color:#a83b08;font-weight:700;white-space:nowrap}.cpg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cpg-step{border:1px solid var(--cpg-line);border-radius:6px;background:#fff;padding:23px 21px}.cpg-step-number{display:block;color:#ea6327;font-size:28px;font-weight:800;line-height:1;margin-bottom:24px;letter-spacing:-1px}.cpg-step h3{font-size:17px;line-height:1.35}.cpg-step p{font-size:12px;line-height:1.75;margin-bottom:0}.cpg-check-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;margin-top:35px}.cpg-checklist{background:#f2f5f8;border-radius:6px;padding:30px}.cpg-checklist h2{font-size:24px}.cpg-checklist ul{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:12px}.cpg-checklist li{position:relative;padding-left:27px;font-size:13px;line-height:1.6}.cpg-checklist li:before{content:'✓';position:absolute;left:0;top:0;color:#d85317;font-weight:800}.cpg-pitfall{border:1px solid #f4d3c1;background:#fff8f3;border-radius:6px;padding:30px}.cpg-pitfall h2{font-size:22px}.cpg-pitfall p{font-size:13px}.cpg-pitfall>a{display:inline-block;color:#a33a09;font-size:12px;font-weight:700;margin-top:7px}.cpg-catalog-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;margin-top:45px;padding:35px 0;border-top:1px solid var(--cpg-line);border-bottom:1px solid var(--cpg-line)}.cpg-catalog-entry h2{font-size:26px}.cpg-catalog-entry p{font-size:13px;max-width:470px;margin-bottom:0}.cpg-filter-links{display:grid;gap:8px;align-content:center}.cpg-filter-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:43px;padding:11px 15px;background:#fff;border:1px solid #cfd8e3;border-radius:4px;font-size:12px;font-weight:600}.cpg-filter-links a:hover{border-color:#ff7e40;background:#fff6ef}.cpg-filter-links a>span{font-size:17px;color:#d65317}.cpg-filter-links a.cpg-all-category{border-color:#00173c;background:#00173c;color:#fff}.cpg-filter-links a.cpg-all-category:hover{background:#14365d;color:#fff}.cpg-filter-links a.cpg-all-category>span{color:#ff9a69}.cpg-examples{margin-top:42px}.cpg-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.cpg-product{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cpg-line);border-radius:6px;overflow:hidden;color:#172b46!important;background:#fff;transition:border-color .15s,box-shadow .15s}.cpg-product:hover{border-color:#f3b08f;box-shadow:0 7px 20px #00173c12}.cpg-product-photo{padding:13px 13px 0;background:#fff}.cpg-product-photo .cpc-photo-frame{width:100%!important;height:180px!important;border:0;padding:9px 10px 25px}.cpg-product-photo .cpc-watermark{font-size:8px;bottom:6px}.cpg-product-photo .cpc-placeholder{width:100%;height:180px;border:0}.cpg-product-copy{padding:18px;flex:1;display:flex;flex-direction:column}.cpg-product-code{font-size:10px;letter-spacing:.15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#718095;margin-bottom:9px;display:block}.cpg-product h3{font-size:14px;line-height:1.45;margin:0 0 12px}.cpg-product-copy ul{list-style:none;margin:0 0 19px;padding:0}.cpg-product-copy li{font-size:10px;color:#334c67;line-height:1.6;margin:4px 0}.cpg-product-copy li>span{color:#758498}.cpg-product-copy .cpg-card-link{margin-top:auto;padding-top:8px}.cpg-products-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:770px}.cpg-products-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cpg-products-1{grid-template-columns:minmax(0,1fr);max-width:800px}.cpg-products-1 .cpg-product{display:grid;grid-template-columns:250px minmax(0,1fr);padding:12px}.cpg-products-1 .cpg-product-copy{padding:20px}.cpg-products-1 .cpg-product h3{font-size:18px}.cpg-faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;margin:48px 0;padding:38px 0;border-bottom:1px solid var(--cpg-line);border-top:1px solid var(--cpg-line)}.cpg-faq-section h2{font-size:27px;max-width:330px}.cpg-faq details{padding:17px 0;border-bottom:1px solid var(--cpg-line)}.cpg-faq details:first-child{padding-top:0}.cpg-faq details:last-child{border:0}.cpg-faq summary{font-size:14px!important;font-weight:700}.cpg-faq details p{font-size:13px;margin:14px 27px 0 0}.cpg-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cpg-related-grid>a{position:relative;display:flex;flex-direction:column;gap:11px;padding:24px 24px 25px;border:1px solid var(--cpg-line);border-radius:5px;background:#f8fafc;min-height:135px}.cpg-related-grid>a:hover{border-color:#ffba97;background:#fff8f2}.cpg-related-grid span{font-size:10px;color:#6d7e93}.cpg-related-grid strong{font-size:15px;line-height:1.45;padding-right:12px}.cpg-related-grid i{font-style:normal;position:absolute;right:20px;bottom:18px;color:#e15d23;font-size:18px}.cpg-help-wrap{padding-bottom:55px}.cpg-help{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#00173c;color:#fff;border-left:5px solid #ff5e15;border-radius:4px;padding:33px 35px}.cpg-help .cpg-eyebrow{color:#ffae83}.cpg-help h2{font-size:24px;line-height:1.3;color:#fff;margin-bottom:12px;max-width:650px}.cpg-help p{color:#c7d4e4;font-size:13px;margin-bottom:0;max-width:590px}.cpg-help .cpc-button{flex-shrink:0}.cpg-content>.cpg-help{margin-top:40px}
@media(max-width:1100px){.cpg-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px}.cpg-hero-grid{gap:40px}.cpg-hero-copy h1{font-size:36px}.cpg-intro,.cpg-faq-section{gap:35px}.cpg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cpg-step{padding:23px}.cpg-step-number{font-size:25px;margin-bottom:18px}.cpg-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cpg-products-1{grid-template-columns:minmax(0,1fr)}.cpg-help{padding:29px;gap:25px}.cpg-help .cpc-button{max-width:240px}.cpg-catalog-entry{gap:35px}}
@media(max-width:800px){.cpg-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpg-index-hero h1{font-size:36px}.cpg-hero-grid{gap:25px}.cpg-hero-copy h1{font-size:31px}.cpg-site .cpg-lead{font-size:15px}.cpg-art.is-featured .cpg-paper-brand{font-size:6px}.cpg-art.is-featured .cpg-paper-heading{font-size:10px;min-height:23px}.cpg-art.is-featured .cpg-paper-code{font-size:6px}.cpg-art.is-featured .cpg-art-label{font-size:7px;letter-spacing:.8px}.cpg-art.is-featured .cpg-paper-footer i{height:3px}.cpg-check-grid,.cpg-catalog-entry,.cpg-faq-section,.cpg-intro{grid-template-columns:minmax(0,1fr);gap:22px}.cpg-intro h2,.cpg-faq-section h2{max-width:none}.cpg-related-grid{gap:12px}.cpg-related-grid>a{padding:18px}.cpg-related-grid strong{font-size:13px}.cpg-help{display:block}.cpg-help .cpc-button{margin-top:22px;max-width:none}.cpg-faq-section{padding:28px 0;margin:35px 0}.cpg-content{padding-top:32px}.cpg-content h2{font-size:25px}.cpg-help h2{font-size:23px}}
@media(max-width:560px){.cpg-index-hero{padding:21px 0 30px}.cpg-index-hero h1{font-size:29px;letter-spacing:-.6px}.cpg-index-hero>div>p{font-size:13px}.cpg-intro-meta{font-size:10px;gap:8px 13px}.cpg-index-section{padding-top:24px;padding-bottom:30px}.cpg-guide-grid{gap:17px 12px}.cpg-guide-card-copy{padding:14px 12px}.cpg-guide-card-copy h2{font-size:15px;min-height:41px;line-height:1.35}.cpg-guide-card-copy p{font-size:11px;line-height:1.6;min-height:70px;margin-bottom:14px}.cpg-card-link{font-size:10px;gap:4px}.cpg-art{aspect-ratio:1.1}.cpg-paper{width:62%;left:21%;top:9%;height:76%}.cpg-paper-brand{font-size:4px;letter-spacing:0;margin-bottom:6%}.cpg-paper-heading{font-size:6px;min-height:16px}.cpg-paper-code{font-size:4px}.cpg-paper-footer i{height:2px}.cpg-art-label{font-size:5px;letter-spacing:.6px;left:5%;bottom:5%}.cpg-detail-hero{padding:22px 0 29px}.cpg-detail-hero .cpc-breadcrumb{font-size:10px;margin-bottom:22px}.cpg-hero-grid{grid-template-columns:minmax(0,1fr);gap:27px}.cpg-hero-copy h1{font-size:33px;margin-bottom:17px}.cpg-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.cpg-site .cpg-lead{font-size:15px;margin-bottom:20px}.cpg-art.is-featured{max-width:400px;aspect-ratio:1.4;margin:0 auto}.cpg-art.is-featured .cpg-paper{width:52%;left:27%;top:8%;height:79%}.cpg-art.is-featured .cpg-paper-brand{font-size:6px}.cpg-art.is-featured .cpg-paper-heading{font-size:10px;min-height:22px}.cpg-art.is-featured .cpg-paper-code{font-size:6px}.cpg-site p{font-size:13px}.cpg-content{padding-top:29px;padding-bottom:35px}.cpg-intro{margin-bottom:28px;gap:12px}.cpg-section-heading{display:block;margin-bottom:17px}.cpg-section-heading h2{font-size:23px;margin-bottom:8px}.cpg-section-heading>span,.cpg-section-heading>a{font-size:10px}.cpg-steps{grid-template-columns:minmax(0,1fr);gap:12px}.cpg-step{padding:20px 20px 20px 65px;position:relative;min-height:110px}.cpg-step-number{position:absolute;left:20px;top:22px;font-size:24px}.cpg-step h3{font-size:16px}.cpg-step p{font-size:12px}.cpg-check-grid{margin-top:25px;gap:15px}.cpg-checklist,.cpg-pitfall{padding:23px}.cpg-checklist h2,.cpg-pitfall h2{font-size:22px}.cpg-catalog-entry{margin-top:28px;padding:26px 0;gap:20px}.cpg-catalog-entry h2{font-size:24px}.cpg-filter-links a{font-size:12px}.cpg-examples{margin-top:30px}.cpg-products{gap:12px}.cpg-product-photo{padding:5px 5px 0}.cpg-product-photo .cpc-photo-frame{height:130px!important;padding:6px 3px 20px}.cpg-product-photo .cpc-watermark{font-size:6px}.cpg-product-photo .cpc-placeholder{height:130px}.cpg-product-copy{padding:12px}.cpg-product h3{font-size:12px;line-height:1.5}.cpg-product-code{font-size:9px;letter-spacing:0}.cpg-product-copy li{font-size:9px}.cpg-product-copy ul{margin-bottom:11px}.cpg-products-1 .cpg-product{display:block;padding:0}.cpg-products-1 .cpg-product-photo .cpc-photo-frame{height:230px!important}.cpg-products-1 .cpg-product-copy{padding:20px}.cpg-products-1 .cpg-product h3{font-size:17px}.cpg-faq-section h2{font-size:24px}.cpg-faq summary{font-size:13px!important}.cpg-faq details p{font-size:12px}.cpg-related-grid{grid-template-columns:minmax(0,1fr);gap:10px}.cpg-related-grid>a{min-height:100px;padding:18px 22px;gap:7px}.cpg-related-grid strong{font-size:14px}.cpg-help{padding:25px 22px}.cpg-help h2{font-size:22px}.cpg-help p{font-size:12px}.cpg-help .cpc-button{font-size:12px;width:100%}.cpg-help-wrap{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.cpg-guide-card,.cpg-product{transition:none}.cpg-guide-card:hover{transform:none}}

.cpg-guide-card-copy .cpg-card-link{margin-top:auto}.cpg-guide-card>.cpg-art{flex-shrink:0}