.feature-page-frame{--feature-rule:color-mix(in srgb, var(--ink-black) 18%, transparent);--feature-max:1280px;background:var(--paper-cream);min-height:100%;color:var(--ink-black);-webkit-font-smoothing:antialiased}.feature-page-frame nav,.feature-product-tabs{border-bottom:1px solid var(--feature-rule)}.feature-product-tabs-inner{max-width:var(--feature-max);padding:14px var(--feature-gutter,48px);gap:28px;margin-inline:auto;display:flex;overflow-x:auto}.feature-product-tabs a{color:var(--warm-gray);letter-spacing:.08em;text-transform:uppercase;flex:none;font:750 11px/1.4 Inter,sans-serif;text-decoration:none}.feature-product-tabs a:hover,.feature-product-tabs a.is-current{color:var(--poster-red)}.feature-product-tabs a.is-current:before{content:"";background:var(--poster-red);width:5px;height:5px;margin:0 8px 2px 0;display:inline-block}.feature-page-frame section{border-color:var(--feature-rule)}.feature-page-frame .type-heading{letter-spacing:-.035em;font-weight:800}.feature-page-frame .type-eyebrow,.feature-page-frame .type-label{letter-spacing:.055em}.feature-product-hero-lead{max-width:none;padding-block:64px 52px}.feature-product-hero-lead .type-heading{font-size:clamp(42px,5vw,72px);line-height:.98}.feature-hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:64px;display:grid}.feature-hero-heading{flex-direction:column;gap:16px;display:flex}.feature-hero-heading .type-heading{letter-spacing:-.045em;font-size:clamp(42px,4.8vw,64px);line-height:1.04}.feature-hero-copy{flex-direction:column;gap:24px;padding-bottom:3px;display:flex}.feature-product-film{border-block:1px solid var(--feature-rule);width:100%;margin:36px auto 0}.feature-product-film summary{cursor:pointer;color:var(--warm-gray);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font:750 11px/1.4 Inter,sans-serif;display:flex}.feature-product-film summary:after{content:"↓";color:var(--poster-red);font-size:16px}.feature-product-film[open] summary:after{content:"↑"}.feature-product-film>:not(summary){margin-bottom:32px}.feature-product-supporting-visual{border-top:1px solid var(--feature-rule);margin-top:48px;padding-top:48px}@media (max-width:800px){.feature-page-frame{--feature-gutter:24px}.feature-hero-layout{grid-template-columns:1fr;gap:28px}.feature-product-hero-lead{padding-block:38px 32px}}@media (min-width:801px){.feature-page-frame{--feature-gutter:48px}}.feature-page-frame{--btn-outline-border:var(--feature-rule)}.feature-page-frame>nav{border-bottom:1px solid var(--feature-rule);height:76px}.feature-page-frame>nav>div:first-child{max-width:1280px;height:76px;padding-inline:48px}.feature-page-frame>nav .type-caps{letter-spacing:-.055em;font-size:22px}.feature-page-frame .type-cta{letter-spacing:.015em;border-width:1px;justify-content:center;min-height:43px;padding-inline:19px;font-size:12px;font-weight:750}.feature-page-frame>nav a:not(.type-caps):not(.type-cta){text-transform:uppercase;letter-spacing:.025em;font-size:12px;font-weight:750}.feature-page-frame>main{padding-top:76px}.feature-page-frame .feature-product-tabs{z-index:25;background:var(--paper-cream);border-bottom:1px solid var(--feature-rule);position:sticky;top:76px}.feature-page-frame main>section{border-width:1px;padding-block:64px}.feature-page-frame main>section>div:first-child{max-width:1280px;margin-inline:auto;padding-inline:48px}.feature-page-frame .feature-product-hero-lead{padding-top:0;padding-bottom:44px}.feature-page-frame .feature-hero-copy p{letter-spacing:-.015em;max-width:440px;margin:0;font-size:17px;line-height:1.6}.feature-page-frame .feature-hero-heading>div:has(>span){display:none}.feature-page-frame .feature-diagram{border:1px solid var(--feature-rule);background:color-mix(in srgb,var(--paper-cream) 82%,var(--poster-gold));margin-top:0;padding:28px}.feature-page-frame .feature-diagram figcaption{margin-bottom:30px}.feature-page-frame .feature-diagram figcaption>span{color:var(--poster-red)}.feature-page-frame .feature-product-film{margin-top:44px}.feature-page-frame main h2.type-heading{letter-spacing:-.04em;font-size:clamp(30px,3.4vw,44px);line-height:1.08}.feature-page-frame main [class*=border-4]{border-width:1px}.feature-page-frame main [class*=border-b-4]{border-bottom-width:1px}.feature-page-frame main [class*=border-t-4]{border-top-width:1px}.feature-page-frame main [class*=shadow-poster]{box-shadow:none}.feature-page-frame main pre{max-width:100%;font-size:12px;line-height:1.85;overflow-x:auto}.feature-page-frame main h2.type-caps{letter-spacing:-.045em;text-transform:none;font-weight:850}.feature-page-frame .feature-integration-hero{max-width:1280px;margin-inline:auto;padding-block:64px 76px;padding-inline:48px}.feature-page-frame .feature-integration-hero>div:first-child{margin-bottom:48px;padding-inline:0}.feature-page-frame #examples{scroll-margin-top:100px}.feature-page-frame footer{border-top-width:1px}.feature-page-frame footer>div{max-width:1280px;padding-inline:48px}.feature-page-frame a:focus-visible,.feature-page-frame button:focus-visible{outline:2px solid var(--poster-red);outline-offset:4px}@media (max-width:800px){.feature-page-frame>nav,.feature-page-frame>nav>div:first-child{height:66px}.feature-page-frame>nav>div:first-child{padding-inline:24px}.feature-page-frame>main{padding-top:66px}.feature-page-frame .feature-product-tabs{top:66px}.feature-page-frame main>section{padding-block:44px}.feature-page-frame main>section>div:first-child,.feature-page-frame footer>div{padding-inline:24px}.feature-page-frame .feature-integration-hero{padding:42px 24px 48px}.feature-page-frame .feature-integration-hero>div:first-child{margin-bottom:32px;padding-inline:0}.feature-page-frame .feature-hero-heading .type-heading{font-size:clamp(34px,8.8vw,52px);line-height:1.06}.feature-page-frame .feature-hero-copy{gap:22px}.feature-page-frame .feature-hero-layout{gap:25px}.feature-page-frame .type-cta{padding-inline:13px;font-size:11px}}.feature-page-frame main .grid>*{min-width:0}.feature-page-frame main .code-preview{min-width:0;max-width:100%}@media (max-width:800px){.feature-page-frame .feature-diagram{padding:18px}.feature-page-frame .feature-product-film{margin-top:32px}.feature-product-film summary{padding-block:16px}}@media (max-width:420px){.feature-product-tabs-inner{gap:14px;padding-inline:14px}.feature-product-tabs a{letter-spacing:.05em;font-size:10px}}.feature-product-depth{border-top:1px solid var(--feature-rule,var(--divider-on-light));margin-top:16px}.feature-product-depth summary{cursor:pointer;letter-spacing:.025em;padding:20px 0;font-size:12px;font-weight:700}.feature-depth-content{padding-block:8px 24px}.feature-depth-content .feature-diagram{margin:0}.feature-page-frame main>section:first-of-type{padding-top:48px;padding-bottom:36px}.feature-page-frame .feature-product-hero-lead{padding-bottom:32px}.feature-hero-heading .type-eyebrow{color:var(--poster-red)}.feature-page-frame .feature-hero-copy .type-cta{margin-top:0}.feature-product-depth summary{align-items:center;gap:14px;list-style:none;display:flex}.feature-product-depth summary::-webkit-details-marker{display:none}.feature-product-depth summary:before{content:"+";border:1px solid var(--feature-rule);width:24px;height:24px;color:var(--poster-red);place-items:center;font-size:17px;font-weight:400;display:grid}.feature-product-depth[open] summary:before{content:"−"}.feature-product-depth summary:focus-visible{outline:2px solid var(--poster-red);outline-offset:4px}.feature-page-frame main p{text-wrap:pretty}@media (min-width:1000px){.feature-page-frame:has(.product-proof-playback) .feature-hero-layout{grid-template-columns:1fr 1fr}.feature-page-frame:has(.product-proof-editor) .feature-hero-layout{grid-template-columns:1fr 1fr}.feature-page-frame:has(.product-proof-sdk) .feature-hero-layout{grid-template-columns:1.25fr 1fr}}@media (max-width:800px){.feature-page-frame main>section:first-of-type{padding-top:28px;padding-bottom:24px}.feature-page-frame .feature-hero-layout{gap:20px}.feature-page-frame .feature-hero-copy p{font-size:15px;line-height:1.55}.feature-page-frame .feature-hero-copy{gap:18px}.feature-page-frame .product-proof{margin-top:12px}.feature-page-frame .feature-product-hero-lead{padding-bottom:20px}}.feature-page-frame #browser-export{scroll-margin-top:160px}