/* Product pages extend the selected portrait direction with generous original UI views. */
.pp-container{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}
.pp-wide{width:calc(100% - 64px);max-width:1480px;margin-inline:auto}
.pp-hero,.pp-dark{background:#20272d;color:#fff}
.pp-hero{padding:28px 0 65px}
.pp-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.7;color:#bdc8c0;margin-bottom:58px}
.pp-breadcrumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.pp-eyebrow{display:block;font-size:11px;line-height:1.7;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#607760;margin-bottom:24px}
.pp-hero .pp-eyebrow,.pp-dark .pp-eyebrow{color:#bdd0bf}
.pp-hero .pp-eyebrow{display:flex;align-items:center;gap:12px}
.pp-eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:#2cc700;flex:none}
.pp-hero h1{font-family:InterTight,Arial,sans-serif;font-size:clamp(52px,6.3vw,88px);font-weight:600;line-height:1.025;letter-spacing:-.05em;max-width:1200px;margin:0;text-wrap:balance}
.pp-hero h1 span,.pp-dark h2 span{color:#b6c7ba}
.pp-hero h1,.pp-section h2,.pp-workflows h2,.pp-section h3{overflow-wrap:break-word;hyphens:auto}
.pp-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-top:34px}
.pp-hero-bottom>p{font-size:18px;line-height:1.75;color:#c7d1ca;max-width:650px;margin:0}
.pp-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex-shrink:0}
.pp-actions .button{font-size:15px;min-height:54px;padding:16px 22px;gap:25px}
.pp-light-link,.pp-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:15px;line-height:1.5;font-weight:600}
.pp-light-link{color:#d6e5d6}.pp-text-link{color:#287b29}
.pp-light-link>span,.pp-text-link>span{font-size:24px;font-weight:400}
.pp-light-link:hover,.pp-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.pp-integration-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;border-top:1px solid #4b5e50;margin-top:34px;padding-top:23px}
.pp-integration-label{font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b8cbb8;margin-right:12px}
.pp-integration-nav>a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:8px 16px;border:1px solid #697b69;border-radius:6px;font-size:14px;line-height:1.5;color:#e2eae1;max-width:100%}
.pp-integration-nav>a>span{color:#acd19e;font-size:18px}
.pp-integration-nav>a:hover{border-color:#a8c89b;background:#344236}
.pp-integration-directory{border:0;margin-top:20px;padding:0;gap:10px}
.pp-integration-directory .pp-integration-label{width:100%;color:#63775f;margin:0}
.pp-integration-directory>a{color:#365b34;border-color:#ccd7c7;font-size:13px;padding:7px 12px}
.pp-integration-directory>a>span{color:#537d45}
.pp-integration-directory>a:hover{background:#e8eee4;border-color:#839c78}
.pp-workflow[id]{scroll-margin-top:calc(var(--header) + 28px)}
.pp-hero-media{margin-top:52px}
.pp-hero-media .image-view-options{background:#e9eee7;color:#435541;border-color:#ccd6c9;font-size:10px;padding:10px 16px}

.pp-hero-media .interface-image{border-color:#ccd6c9}
.pp-wide .interface-image{width:100%;display:block;box-shadow:none}
.pp-wide .interface-image img{display:block;width:100%;height:auto}

.pp-wide .image-open-label{font-size:13px;padding:12px 15px;right:16px;bottom:16px}
.pp-wide .interface-figure figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:24px 0 0}
.pp-wide .interface-figure figcaption .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:10px}
.pp-wide .interface-figure figcaption h3{font-size:23px;line-height:1.25;letter-spacing:-.015em}
.pp-wide .interface-figure figcaption p{font-size:16px;line-height:1.8;max-width:950px;margin-top:10px}
.pp-hero-media .interface-figure figcaption .eyebrow{color:#b6c8b9}
.pp-hero-media .interface-figure figcaption h3{color:#fff}
.pp-hero-media .interface-figure figcaption p{color:#c3cec6}
.pp-wide .concept-tag{display:inline-flex;flex-shrink:0;font-size:11px;line-height:1.5;max-width:100%;padding:6px 10px}
.pp-hero-media .concept-tag{color:#c9d5cc;background:transparent;border-color:#667367}
.pp-image-note{font-size:12px;line-height:1.8;color:#69766b;max-width:980px;margin-top:22px}
.pp-hero-media>.pp-image-note{color:#a9b7ae;margin-left:0}
.pp-section{padding:104px 0;background:#fff}
.pp-section.pp-dark{background:#272d35}
.pp-soft{background:#f3f5f1}
.pp-section-heading{margin-bottom:46px}
.pp-section h2,.pp-workflows h2{font-family:InterTight,Arial,sans-serif;font-weight:600;font-size:clamp(40px,4.3vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0}
.pp-split-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
.pp-split-heading>p{font-size:18px;line-height:1.8;color:#69746b;max-width:500px;margin:0}
.pp-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.pp-feature-list article{border-top:1px solid #bac8b8;padding-top:24px}
.pp-number{display:block;font-size:12px;line-height:1.65;letter-spacing:.07em;color:#677c63}
.pp-feature-list h3{font-size:28px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:21px 0 0;max-width:330px}
.pp-workflows{padding:96px 0 64px}
.pp-workflow-intro{max-width:1240px;margin-bottom:74px}
.pp-workflow-intro h2 span{color:#5a795b}
.pp-workflow-intro>p{font-size:18px;line-height:1.8;color:#687469;max-width:700px;margin:27px 0 0}
.pp-workflow{margin:0 0 74px}
.pp-workflow:last-of-type{margin-bottom:30px}
.pp-example-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:85px;align-items:end;margin-bottom:30px}
.pp-example-heading>.pp-number{grid-column:1/-1;text-transform:uppercase;font-size:11px;margin-bottom:19px}
.pp-example-heading h2{font-size:clamp(33px,3vw,44px);max-width:600px;line-height:1.15;letter-spacing:-.035em}
.pp-example-heading>p{font-size:17px;line-height:1.8;max-width:600px;color:#657168;margin:0}
.pp-light-media .interface-image{border:1px solid #cbd4c8;border-radius:8px;background:#fff}
.pp-light-media .image-view-options+.interface-image{border-top-left-radius:0;border-top-right-radius:0}
.pp-light-media .interface-figure figcaption h3{font-size:18px;color:#48594b}
.pp-light-media .interface-figure figcaption .eyebrow{color:#6a7967}
.pp-light-media .interface-figure figcaption p{color:#68746a}
.pp-light-media .concept-tag{background:transparent;color:#657561;border-color:#c6d0c1}
.pp-capabilities-layout,.pp-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.pp-capabilities-layout>div>p,.pp-editorial>div>p{font-size:17px;line-height:1.85;color:#c0cdc3;margin:27px 0;max-width:560px}
.pp-capabilities-layout h2{font-size:52px}
.pp-capability-list{border-top:1px solid #5b6d5f}
.pp-capability-list details{border-bottom:1px solid #5b6d5f}
.pp-capability-list summary{display:grid;grid-template-columns:27px 1fr 18px;gap:19px;list-style:none;cursor:pointer;align-items:center;font-size:18px;line-height:1.6;padding:24px 0}
.pp-capability-list summary::-webkit-details-marker{display:none}
.pp-capability-list .pp-number{color:#a0bba1}
.pp-plus{font-size:23px;color:#b7d8b1;font-weight:400;line-height:1;transition:transform .15s}
.pp-capability-list details[open] .pp-plus{transform:rotate(45deg)}
.pp-capability-list details>div{padding:0 0 24px 46px}
.pp-capability-list details>div>p{font-size:16px;line-height:1.8;color:#c0cdc3;margin:0 0 12px}
.pp-related-list{border-top:1px solid #cbd6c7}
.pp-related-list>a{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1.15fr) 24px;gap:24px;align-items:center;padding:29px 0;border-bottom:1px solid #dce3d9}
.pp-related-list h3{font-family:InterTight,Arial,sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0}
.pp-related-list p{font-size:15px;line-height:1.8;color:#68746a;margin:0}
.pp-related-list>a>span:last-child{font-size:26px;color:#387d31}
.pp-related-list>a:hover h3{color:#287b29}
.pp-index-hero{padding-bottom:50px}
.pp-index-hero .pp-hero-bottom{align-items:center}
.pp-product-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;margin-top:48px}
.pp-product-index>a{display:grid;grid-template-columns:23px 1fr 18px;align-items:center;gap:12px;border-top:1px solid #56635a;min-height:65px;padding-block:12px;font-size:15px;line-height:1.5}
.pp-product-index>a>span:first-child{font-size:10px;color:#9fb39e;letter-spacing:.05em}
.pp-product-index>a>span:last-child{color:#b4d6aa;font-size:19px}
.pp-product-index>a:hover{color:#a6dc93}
.pp-catalog-row{scroll-margin-top:var(--header)}
.pp-catalog-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-bottom:37px}
.pp-catalog-heading h2{font-size:clamp(42px,4vw,58px);line-height:1.08;max-width:570px}
.pp-catalog-heading h2 a:hover{color:#287b29}
.pp-catalog-heading>div>p{font-size:17px;line-height:1.8;color:#68746a;margin:0 0 18px}
.pp-catalog-heading>div>p.pp-addon{font-size:13px;margin:7px 0 0;color:#60745c}
.pp-catalog-row .image-view-options{font-size:10px;padding:10px 16px}

.pp-editorial .pp-light-link{margin-top:4px}
.pp-api-service{background:#edf2e9;padding:56px 0;border-bottom:1px solid #d8e2d2}
.pp-api-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}
.pp-api-service .pp-eyebrow{margin-bottom:17px}
.pp-api-service h2{font-family:InterTight,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1.13;letter-spacing:-.035em;margin:0;color:#272d35;overflow-wrap:break-word}
.pp-api-layout>div>p{font-size:16px;line-height:1.8;color:#576752;margin:0}
.pp-api-actions{display:flex;flex-wrap:wrap;gap:5px 28px;margin-top:17px}
.pp-api-actions .pp-text-link{font-size:14px;gap:13px}
@media(max-width:1100px){.pp-api-layout{gap:40px}.pp-api-service h2{font-size:34px}}
@media(max-width:760px){.pp-api-service{padding:42px 0}.pp-api-layout{grid-template-columns:1fr;gap:23px}.pp-api-service h2{font-size:32px}.pp-api-layout>div>p{font-size:15px}.pp-api-actions{display:flex;flex-direction:column;align-items:flex-start;gap:2px}}
@media(min-width:1600px){.pp-hero h1{font-size:92px}.pp-hero-bottom{margin-top:40px}.pp-hero-media{margin-top:60px}.pp-hero{padding-top:35px}}
@media(max-width:1100px){.pp-container{width:calc(100% - 64px)}.pp-wide{width:calc(100% - 40px)}.pp-breadcrumb{margin-bottom:45px}.pp-hero h1{font-size:clamp(50px,6.5vw,74px)}.pp-hero-bottom{gap:35px}.pp-hero-bottom>p{font-size:17px}.pp-actions .button{font-size:14px}.pp-section{padding:85px 0}.pp-feature-list{gap:28px}.pp-feature-list h3{font-size:25px}.pp-split-heading,.pp-catalog-heading,.pp-example-heading{gap:40px}.pp-capabilities-layout,.pp-editorial{gap:50px}.pp-capabilities-layout h2{font-size:43px}.pp-capability-list summary{font-size:16px;gap:13px}.pp-capability-list details>div{padding-left:40px}.pp-workflows{padding-top:85px}.pp-related-list>a{gap:20px}.pp-related-list h3{font-size:27px}.pp-product-index{column-gap:22px}.pp-product-index>a{font-size:14px}}
@media(max-width:760px){
 .pp-integration-nav{margin-top:27px;padding-top:20px;gap:10px}
 .pp-integration-label{width:100%;font-size:10px;margin:0 0 3px}
 .pp-integration-nav>a{font-size:13px;gap:16px;padding:8px 12px;min-height:44px}
 .pp-integration-directory{margin-top:16px;padding-top:0}
 .pp-container{width:calc(100% - 40px)}.pp-wide{width:calc(100% - 24px)}
 .pp-hero{padding:22px 0 39px}.pp-breadcrumb{font-size:10px;gap:8px;margin-bottom:40px}.pp-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.pp-hero .pp-eyebrow{gap:10px}
 .pp-hero h1{font-size:clamp(39px,8.6vw,62px);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}.pp-hero h1 br{display:none}.pp-hero h1 span:before{content:' '}
 .pp-hero-bottom{display:block;margin-top:26px}.pp-hero-bottom>p{font-size:17px;line-height:1.75}.pp-actions{margin-top:27px;gap:14px;align-items:flex-start}.pp-actions .button{min-height:52px;padding:14px 20px;font-size:14px}.pp-light-link,.pp-text-link{font-size:14px;gap:18px}.pp-hero-media{margin-top:35px}
 .pp-wide .image-open-label{font-size:10px;right:8px;bottom:8px;padding:8px 10px;gap:9px}.pp-wide .interface-figure figcaption{padding:20px 8px 0;gap:15px;flex-wrap:wrap}.pp-wide .interface-figure figcaption h3{font-size:21px}.pp-wide .interface-figure figcaption p{font-size:15px;line-height:1.8;margin-top:10px}.pp-wide .interface-figure figcaption .eyebrow{font-size:9px;letter-spacing:.08em}.pp-wide .concept-tag{font-size:10px;padding:5px 8px}
 .pp-hero-media .image-view-options,.pp-catalog-row .image-view-options{padding:8px 9px;font-size:8px;letter-spacing:.04em;gap:10px}.pp-hero-media .image-view-options>span,.pp-catalog-row .image-view-options>span{max-width:115px}.pp-image-note{font-size:12px;line-height:1.8;margin-top:20px}.pp-hero-media>.pp-image-note{margin-inline:8px}
 .pp-section{padding:65px 0}.pp-section h2,.pp-workflows h2{font-size:38px;line-height:1.12;letter-spacing:-.035em}.pp-section-heading{margin-bottom:33px}.pp-split-heading{display:block}.pp-split-heading>p{font-size:16px;line-height:1.8;margin-top:23px}.pp-feature-list{grid-template-columns:1fr;gap:23px}.pp-feature-list article{display:grid;grid-template-columns:27px 1fr;gap:16px;padding-top:22px}.pp-feature-list .pp-number{padding-top:5px}.pp-feature-list h3{font-size:26px;line-height:1.25;margin:0;max-width:none}
 .pp-workflows{padding:65px 0 42px}.pp-workflow-intro{margin-bottom:46px}.pp-workflow-intro>p{font-size:16px;line-height:1.8;margin-top:23px}.pp-workflow{margin-bottom:53px}.pp-example-heading{display:block;margin-bottom:25px}.pp-example-heading>.pp-number{font-size:10px;margin-bottom:16px}.pp-example-heading h2{font-size:31px;line-height:1.17;letter-spacing:-.025em}.pp-example-heading>p{font-size:16px;line-height:1.8;margin-top:20px}.pp-light-media .interface-figure figcaption h3{font-size:17px}.pp-workflow:last-of-type{margin-bottom:26px}
 .pp-capabilities-layout,.pp-editorial{grid-template-columns:1fr;gap:30px}.pp-capabilities-layout h2{font-size:38px}.pp-capabilities-layout>div>p,.pp-editorial>div>p{font-size:16px;line-height:1.8;margin:23px 0}.pp-editorial>div>p:first-child{margin-top:0}.pp-capability-list summary{grid-template-columns:23px 1fr 16px;gap:12px;font-size:16px;padding:21px 0}.pp-capability-list details>div{padding:0 4px 21px 35px}.pp-capability-list details>div>p{font-size:15px}
 .pp-related-list>a{grid-template-columns:23px 1fr 20px;gap:13px;align-items:start;padding:25px 0}.pp-related-list .pp-number{grid-row:1/3;padding-top:6px}.pp-related-list h3{font-size:28px}.pp-related-list p{grid-column:2;font-size:15px;line-height:1.8}.pp-related-list>a>span:last-child{grid-column:3;grid-row:1/3;padding-top:4px}
 .pp-index-hero .pp-hero-bottom>.pp-light-link{margin-top:20px}.pp-product-index{grid-template-columns:1fr;gap:0;margin-top:31px}.pp-product-index>a{font-size:16px;min-height:59px;grid-template-columns:23px 1fr 18px}.pp-catalog-heading{grid-template-columns:1fr;gap:24px;margin-bottom:27px}.pp-catalog-heading h2{font-size:42px;line-height:1.1}.pp-catalog-heading>div>p{font-size:16px;line-height:1.8}.pp-catalog-heading .pp-eyebrow{margin-bottom:17px}
}
@media(max-width:370px){.pp-container{width:calc(100% - 32px)}.pp-wide{width:calc(100% - 20px)}.pp-hero h1{font-size:36px}.pp-section h2,.pp-workflows h2{font-size:35px}.pp-example-heading h2{font-size:29px}.pp-catalog-heading h2{font-size:37px}.pp-hero .pp-eyebrow{font-size:9px;letter-spacing:.09em}.pp-wide .interface-figure figcaption{padding-inline:6px}.pp-wide .image-open-label{font-size:9px}.pp-hero-media .image-view-options>span,.pp-catalog-row .image-view-options>span{max-width:95px}.pp-product-index>a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.pp-plus{transition:none}}

/* The directory links to product pages; screenshots are shown only there. */
.pp-catalog-row .pp-catalog-heading{margin-bottom:0}