/* Public website layouts. Native PageControl components keep their own styling. */
.pcw-subpages .subpage{--pw-accent:#1239d8;--pw-soft:#e7edff;--pw-wash:#f3f6ff;padding-bottom:3rem;color:#0b315f}
.pcw-subpages .subpage[data-pw-theme=seo]{--pw-accent:#087e81;--pw-soft:#d8f4ed;--pw-wash:#f1faf8}
.pcw-subpages .subpage[data-pw-theme=formulare]{--pw-accent:#6748be;--pw-soft:#eee5ff;--pw-wash:#f8f4ff}
.pcw-subpages .subpage[data-pw-theme=commerce]{--pw-accent:#9c377e;--pw-soft:#f9e2f1;--pw-wash:#fff6fb}
.pcw-subpages .subpage[data-pw-theme=besucher]{--pw-accent:#6748be;--pw-soft:#ede7ff;--pw-wash:#f6f4ff}
.pcw-subpages .subpage[data-pw-theme=betrieb]{--pw-accent:#38459e;--pw-soft:#e6eaff;--pw-wash:#f4f6ff}
.pcw-subpages .subpage[data-pw-theme=agentur]{--pw-accent:#0767a6;--pw-soft:#daf0ff;--pw-wash:#f1f9ff}
.pcw-subpages .subpage[data-pw-theme=installation]{--pw-accent:#6748be;--pw-soft:#eee5ff;--pw-wash:#f8f4ff}
.pcw-subpages .subpage[data-pw-theme=support]{--pw-accent:#087e81;--pw-soft:#d8f4ed;--pw-wash:#f1faf8}
.pcw-subpages .subpage[data-pw-theme=preise],.pcw-subpages .subpage[data-pw-theme=ruhig]{--pw-accent:#0867d9;--pw-soft:#dcecff;--pw-wash:#f1f7ff}
.pcw-subpages .subpage .wrap{width:min(88rem,calc(100% - 5rem));margin-inline:auto}
.pcw-subpages .subpage [id]{scroll-margin-top:7rem}
.pcw-subpages .subpage [hidden]{display:none!important}
.pcw-subpages .desktop-navigation a[aria-current]{color:#0867d9;text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.125rem}
.pcw-subpages .subpage :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
.pcw-subpages .subpage h1{font-size:4rem;line-height:1.1}
.pcw-subpages .subpage h2{font-size:2.625rem;line-height:1.2}
.pcw-subpages .subpage h3{font-size:1.375rem;line-height:1.35}
.pcw-subpages .subpage p{font-size:1.125rem;line-height:1.8;color:#385579}
.pcw-subpages .subpage .section-kicker{font-size:1rem;line-height:1.6;font-weight:550;color:var(--pw-accent);margin-bottom:1rem}
.pcw-subpages .subpage h2 span{color:var(--pw-accent)}
.pcw-subpages .text-link{font-size:1rem;line-height:1.7;color:var(--pw-accent);text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .text-link:hover{text-decoration-thickness:.125rem}
.pcw-subpages .pw-masthead{position:relative;isolation:isolate;overflow:hidden;background:var(--pw-accent);color:#fff;padding-bottom:1.5rem}
.pcw-subpages .pw-masthead:after{content:'';position:absolute;z-index:-1;bottom:-3.5rem;left:-15%;width:130%;height:6rem;border-radius:50% 50% 0 0;background:#fff}
.pcw-subpages .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;font-size:1rem;line-height:1.6;padding-top:1.5rem;color:#e4edff}
.pcw-subpages .breadcrumbs a:last-child{overflow-wrap:anywhere}
.pcw-subpages .breadcrumbs a:hover{text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .page-hero{text-align:center;padding:2.75rem 0 4rem;display:block}
.pcw-subpages .page-hero>div{max-width:72rem;margin-inline:auto}
.pcw-subpages .page-hero h1{max-width:69rem;margin-inline:auto}
.pcw-subpages .page-hero h1 span{color:#b5fff0}
.pcw-subpages .page-hero.pw-long-title h1{font-size:3rem}
.pcw-subpages .page-hero .page-lead{font-size:1.1875rem;max-width:65ch;line-height:1.8;margin:1.5rem auto 0;color:#edf4ff}
.pcw-subpages .pw-masthead .section-kicker{color:#e4eaff}
.pcw-subpages .page-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}
.pcw-subpages .pw-masthead .primary{background:#fff;border-color:#fff;color:#0b3670}
.pcw-subpages .pw-masthead .primary:hover{background:#e5f7ff;border-color:#e5f7ff}
.pcw-subpages .pw-masthead .secondary{background:transparent;color:#fff;border-color:#bccaff}
.pcw-subpages .pw-masthead .secondary:hover{background:#ffffff17;border-color:#fff}
.pcw-subpages .pw-feature-facts{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.625rem 1rem;margin:2rem auto 0;max-width:76rem;padding:0}
.pcw-subpages .pw-feature-facts li{font-size:1rem;line-height:1.6;background:#ffffff14;border:1px solid #ffffff45;border-radius:100rem;padding:.5rem 1rem}
.pcw-subpages :is(.knowledge-article-page,.legal-page,.legal-index-page,.prices-page,.sample-index-page,.error-page) .pw-masthead{background:var(--pw-wash);color:#0b315f}
.pcw-subpages :is(.knowledge-article-page,.legal-page,.legal-index-page,.prices-page,.sample-index-page,.error-page) .breadcrumbs{color:#4c6385}
.pcw-subpages :is(.knowledge-article-page,.legal-page,.legal-index-page,.prices-page,.sample-index-page,.error-page) .section-kicker{color:var(--pw-accent)}
.pcw-subpages :is(.knowledge-article-page,.legal-page,.legal-index-page,.prices-page,.sample-index-page,.error-page) .page-hero h1 span{color:var(--pw-accent)}
.pcw-subpages :is(.knowledge-article-page,.legal-page,.legal-index-page,.prices-page,.sample-index-page,.error-page) .page-lead{color:#385579}
.pcw-subpages :is(.prices-page,.sample-index-page,.error-page) .pw-masthead .primary{background:#0867d9;color:#fff;border-color:#0867d9}
.pcw-subpages :is(.prices-page,.sample-index-page,.error-page) .pw-masthead .secondary{background:#fff;color:#0756b9;border-color:#4384d8}
/* Product recordings use the full native viewport, without a synthetic app frame. */
.pcw-subpages .pw-product-demo{max-width:76rem!important;position:relative;margin-top:1.75rem;margin-bottom:3rem}
.pcw-subpages .pw-demo-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem}
.pcw-subpages .pw-demo-heading h2{font-size:1.75rem}
.pcw-subpages .pw-demo-heading p{font-size:1rem}
.pcw-subpages .pw-film-player{padding:.75rem;background:var(--pw-soft);border:1px solid #d4def1;border-radius:1.5rem}
.pcw-subpages .pw-film-player>video{display:block;width:100%;height:auto;aspect-ratio:160/67;object-fit:contain;border-radius:1rem;border:1px solid #c8d8ec;background:#fff}
.pcw-subpages .pw-film-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem .75rem .25rem}
.pcw-subpages .pw-film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border:0;padding:.625rem .875rem;background:#fff;color:#0b3670;border-radius:100rem;min-height:2.75rem;font-size:1rem}
.pcw-subpages .pw-film-controls button:hover{background:#f4f8ff}
.pcw-subpages .pw-film-controls svg{width:1.125rem;height:1.125rem}
.pcw-subpages .pw-film-player figcaption{padding:.75rem 1rem .5rem;font-size:1rem;line-height:1.75;color:#385579}
/* Shared page rhythm: open content, inset bands, and clear numbered workflows. */
.pcw-subpages .sub-section{padding-top:3.5rem;padding-bottom:3.5rem}
.pcw-subpages .section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:2rem}
.pcw-subpages .section-intro>div,.pcw-subpages .section-intro>h2{max-width:46rem;min-width:0}
.pcw-subpages .section-intro>p{max-width:34rem;min-width:0}
.pcw-subpages .capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .capability-list article{display:flex;align-items:flex-start;gap:1.25rem;background:var(--pw-wash);border-radius:1.25rem;padding:1.75rem}
.pcw-subpages .item-number{display:inline-flex;font-size:1rem;font-weight:600;line-height:1.6;color:var(--pw-accent);flex-shrink:0}
.pcw-subpages .capability-list h3,.pcw-subpages .use-case-grid h3{margin-bottom:.75rem}
.pcw-subpages .capability-list p,.pcw-subpages .use-case-grid p{font-size:1.0625rem}
.pcw-subpages .sub-band{background:var(--pw-wash);border-radius:2rem;margin:1.5rem 1.25rem;padding:3rem 0}
.pcw-subpages .step-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:start}
.pcw-subpages .step-layout>div>p:not(.section-kicker){margin-top:1.5rem;max-width:50ch}
.pcw-subpages .step-layout>div>.button{margin-top:1.75rem}
.pcw-subpages .detail-steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.pcw-subpages .detail-steps li{display:flex;align-items:baseline;gap:1.25rem;padding:1.5rem;background:#fff;border:1px solid #dce4f1;border-radius:1.25rem}
.pcw-subpages .detail-steps li>span{font-size:1rem;color:var(--pw-accent);font-weight:600}
.pcw-subpages .detail-steps h3{margin-bottom:.625rem}
.pcw-subpages .detail-steps p{font-size:1.0625rem}
.pcw-subpages .use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}
.pcw-subpages .use-case-grid article{border-top:.2rem solid var(--pw-accent);padding:1.5rem .25rem 0}
.pcw-subpages .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.pcw-subpages .faq-layout .text-link{display:inline-flex;margin-top:1.5rem}
.pcw-subpages .question-list details{border-bottom:1px solid #d5dfee}
.pcw-subpages .question-list details:first-child{border-top:1px solid #d5dfee}
.pcw-subpages .question-list summary{list-style:none;position:relative;cursor:pointer;font-size:1.125rem;line-height:1.6;font-weight:550;padding:1.375rem 2.5rem 1.375rem 0;color:#203f6a}
.pcw-subpages .question-list summary::-webkit-details-marker{display:none}
.pcw-subpages .question-list summary:after{content:'+';position:absolute;right:0;top:1.375rem;width:1.5rem;text-align:center;color:var(--pw-accent)}
.pcw-subpages .question-list details[open]>summary:after{content:'−'}
.pcw-subpages .question-list details>p{font-size:1.0625rem;margin:0 1rem 1.5rem 0}
.pcw-subpages .related-guides{border-top:1px solid #dce4ef}
.pcw-subpages .related-guides h2,.pcw-subpages .related-section>h2{font-size:2rem;margin-bottom:1.5rem}
.pcw-subpages .related-guides>div{display:flex;flex-wrap:wrap;gap:1rem 2rem}
.pcw-subpages .related-guides a{display:inline-flex}
.pcw-subpages .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .related-grid>a{padding:1.75rem;border:1px solid #dae2f0;border-radius:1.25rem;background:var(--pw-wash);display:flex;flex-direction:column;align-items:flex-start}
.pcw-subpages .related-grid h3{margin:0 0 .875rem}
.pcw-subpages .related-grid p:not(.section-kicker){font-size:1.0625rem;margin-bottom:1.25rem}
.pcw-subpages .related-grid .text-link{margin-top:auto}
.pcw-subpages .related-grid>a:hover{border-color:var(--pw-accent)}
.pcw-subpages .sub-cta{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin-top:2rem;margin-bottom:3rem;padding:2.5rem 3rem;border-radius:2rem;background:var(--pw-soft)}
.pcw-subpages .sub-cta>div{min-width:0;max-width:64rem}
.pcw-subpages .sub-cta h2{font-size:2.25rem}
.pcw-subpages .sub-cta p:not(.section-kicker){margin-top:1rem;font-size:1.0625rem;max-width:65ch}
.pcw-subpages .sub-cta>.button{flex-shrink:0}
/* The complete feature directory keeps its search and package assignments. */
.pcw-subpages .feature-directory{padding-top:2.5rem}
.pcw-subpages .directory-tools,.pcw-subpages .knowledge-search-panel{background:#fff;border:1px solid #d4dff0;border-radius:1.5rem;padding:1.75rem 2rem;box-shadow:0 .5rem 1.5rem #153d7610}
.pcw-subpages .directory-tools>label,.pcw-subpages .knowledge-search-panel>label{display:block;font-size:1.25rem;font-weight:550;margin-bottom:1rem}
.pcw-subpages .search-row{display:flex;align-items:center;gap:1rem}
.pcw-subpages .search-row input{flex:1;min-width:0;width:100%}
.pcw-subpages .search-row>span{font-size:1rem;white-space:nowrap}
.pcw-subpages :is(.search-row,.support-sample) :is(input,select,textarea){font:inherit;font-size:1rem;min-width:0;border:1px solid #9eb5d5;border-radius:.75rem;background:#fff;color:#153b6b;padding:.875rem 1rem}
.pcw-subpages :is(.search-row,.support-sample) input::placeholder,.pcw-subpages .support-sample textarea::placeholder{color:#526a8c;opacity:1}
.pcw-subpages .topic-filters{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.5rem}
.pcw-subpages .topic-filters button{font-size:1rem;line-height:1.6;padding:.625rem 1rem;border:1px solid #ccd8ee;background:#f4f7fe;color:#29486f;border-radius:100rem}
.pcw-subpages .topic-filters button.is-active{background:#0867d9;color:#fff;border-color:#0867d9}
.pcw-subpages .function-groups{margin-top:1.5rem}
.pcw-subpages .function-group{--group-accent:#1769d2;--group-soft:#ecf3ff;display:grid;grid-template-columns:17rem minmax(0,1fr);gap:3rem;padding:3rem 0;border-bottom:1px solid #dae3ef}
.pcw-subpages [data-pw-group=seo]{--group-accent:#087e81;--group-soft:#eff9f6}
.pcw-subpages [data-pw-group=formulare]{--group-accent:#6748be;--group-soft:#f6f1ff}
.pcw-subpages [data-pw-group=besucher]{--group-accent:#6748be;--group-soft:#f6f1ff}
.pcw-subpages [data-pw-group=betrieb]{--group-accent:#38459e;--group-soft:#f1f3ff}
.pcw-subpages [data-pw-group=agentur]{--group-accent:#0767a6;--group-soft:#eff8ff}
.pcw-subpages .function-group-heading{align-self:start;position:sticky;top:7rem;display:grid;gap:1.25rem}
.pcw-subpages .function-group-heading svg{width:3rem;height:3rem;padding:.625rem;border-radius:.875rem;background:var(--group-soft);color:var(--group-accent)}
.pcw-subpages .function-group-heading h2{font-size:1.875rem}
.pcw-subpages .function-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pcw-subpages .function-row{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:1px solid #dbe4f0;border-radius:1.25rem;background:var(--group-soft);min-width:0}
.pcw-subpages .function-row h3{font-size:1.25rem;margin-bottom:.625rem}
.pcw-subpages .function-row p{font-size:1rem;line-height:1.8;margin-bottom:1.25rem}
.pcw-subpages .function-tier{font-size:1rem;color:var(--group-accent);margin-top:auto;font-weight:550;line-height:1.6}
.pcw-subpages .function-row:hover{border-color:var(--group-accent)}
.pcw-subpages .function-row:hover h3{text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .empty-state{font-size:1.125rem;padding:2rem 0}
/* Pricing uses the same four approved tariff cards as the homepage. */
.pcw-subpages .prices-page .page-hero{padding-bottom:3rem}
.pcw-subpages .prices-page .pricing{padding-top:2rem;padding-bottom:2rem}
.pcw-subpages .pricing-controls{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.pcw-subpages .pricing-controls .billing-switch{margin:0}
.pcw-subpages .pricing-explanation{padding:1.75rem 2rem;background:#f4f7ff;border-radius:1.25rem}
.pcw-subpages .pricing-explanation h2{font-size:1.375rem;margin-bottom:.875rem}
.pcw-subpages .pricing-explanation p{font-size:1rem;max-width:100ch;margin-top:.75rem}
/* Knowledge: a usable index and a calm, spacious reading surface. */
.pcw-subpages .knowledge-hub{position:relative;padding-top:2rem;padding-bottom:3rem}
.pcw-subpages .popular-topics{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;font-size:1rem}
.pcw-subpages .popular-topics button{background:none;border:0;font-size:1rem;padding:.25rem 0;color:#0867d9;text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:2.5rem 0 1.5rem}
.pcw-subpages .directory-heading h2{font-size:2rem}
.pcw-subpages .directory-heading p{font-size:1rem}
.pcw-subpages .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .guide-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.75rem;border:1px solid #d7e2f2;border-radius:1.25rem;background:#fff;min-width:0}
.pcw-subpages .guide-card:nth-child(3n+2){background:#f4f8ff}
.pcw-subpages .guide-card h2{font-size:1.5rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:1rem;text-wrap:pretty}
.pcw-subpages .guide-card p{font-size:1rem;line-height:1.8;margin-bottom:1.5rem}
.pcw-subpages .guide-card .text-link{margin-top:auto}
.pcw-subpages .guide-card:hover{border-color:#0867d9}
.pcw-subpages .knowledge-pagination{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;padding:2rem 0;font-size:1rem}
.pcw-subpages .more-guides{display:flex;margin:2rem auto}
.pcw-subpages .archive-context{font-size:1rem;padding:1.5rem 0;line-height:1.8}
.pcw-subpages :is(.knowledge-article-page,.legal-page) .page-hero{text-align:left;padding-top:2rem;padding-bottom:3rem}
.pcw-subpages :is(.knowledge-article-page,.legal-page) .page-hero>div{max-width:none}
.pcw-subpages :is(.knowledge-article-page,.legal-page) .page-hero h1{font-size:3.25rem;max-width:72rem;margin-left:0;text-wrap:pretty}
.pcw-subpages :is(.knowledge-article-page,.legal-page) .pw-long-title h1{font-size:2.625rem}
.pcw-subpages :is(.knowledge-article-page,.legal-page) .page-lead{max-width:78ch;margin-left:0}
.pcw-subpages .article-byline{display:flex;flex-wrap:wrap;gap:.625rem 1.75rem;padding-top:1rem;padding-bottom:2rem;font-size:1rem;color:#4b6383;line-height:1.8}
.pcw-subpages .article-byline a{text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .article-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:4rem;align-items:start;padding-top:1.5rem;padding-bottom:3.5rem}
.pcw-subpages .article-sidebar{position:sticky;top:7rem;max-height:calc(100dvh - 9rem);overflow:auto;font-size:1rem;line-height:1.7;padding-right:.625rem;scrollbar-width:thin;scrollbar-color:#b4c6e0 transparent}
.pcw-subpages .article-toc{border:1px solid #d7e2f2;background:#f4f8ff;border-radius:1rem;padding:1rem 1.125rem}
.pcw-subpages .article-toc summary{list-style:none;cursor:pointer;font-size:1.0625rem;font-weight:600;line-height:1.6}
.pcw-subpages .article-toc summary::-webkit-details-marker{display:none}
.pcw-subpages .article-toc nav{display:grid;gap:.5rem;padding-top:1rem}
.pcw-subpages .article-toc a{font-size:1rem;line-height:1.7;color:#425d83;display:block;padding:.25rem 0}
.pcw-subpages .article-toc a:hover{color:#075ac0;text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .article-sidebar>.text-link{display:inline-flex;margin:1.25rem .5rem}
.pcw-subpages .reading-prose{max-width:56rem;min-width:0;font-size:1.125rem;line-height:1.85;color:#29486b}
.pcw-subpages .reading-prose :is(.wrap,.shell,.scx-container){width:100%;max-width:none;margin:0}
.pcw-subpages .reading-prose :is(h1,h2,h3,h4,h5,h6){color:#123968;line-height:1.4;text-wrap:pretty;scroll-margin-top:7rem;font-style:normal}
.pcw-subpages .reading-prose h2{font-size:1.875rem;margin:2.5rem 0 1.125rem}
.pcw-subpages .reading-prose h2:first-child{margin-top:0}
.pcw-subpages .reading-prose h3{font-size:1.375rem;margin:1.75rem 0 .875rem}
.pcw-subpages .reading-prose :is(h4,h5,h6){font-size:1.125rem;margin:1.5rem 0 .75rem}
.pcw-subpages .reading-prose p{font-size:1.125rem;line-height:1.85;margin:0 0 1.25rem;color:#29486b}
.pcw-subpages .reading-prose section+section{margin-top:2rem}
.pcw-subpages .reading-prose a{color:#075cc9;text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .reading-prose a:hover{text-decoration-thickness:.125rem}
.pcw-subpages .reading-prose :is(ul,ol){padding-left:1.625rem;margin:1rem 0 1.5rem}
.pcw-subpages .reading-prose li{font-size:1.125rem;line-height:1.85;margin:.5rem 0}
.pcw-subpages .reading-prose :is(.scx-pill-row,.scx-language-row,.scx-safety-badges,.scx-compat-row,.scx-trust-inline,.scx-demo-meta){display:flex;flex-wrap:wrap;gap:.625rem 1.25rem;margin:1.25rem 0}
.pcw-subpages .reading-prose :is(.scx-pill-row,.scx-language-row,.scx-safety-badges,.scx-compat-row,.scx-trust-inline,.scx-demo-meta)>span{display:inline-flex;flex-wrap:wrap;gap:.375rem;align-items:baseline}
.pcw-subpages .reading-prose .scx-backup-facts{display:grid;gap:1rem;margin:1.75rem 0}
.pcw-subpages .reading-prose .scx-backup-facts>span{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.5rem 1.25rem}
.pcw-subpages .reading-prose .scx-price-facts>p{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.pcw-subpages .reading-prose .scx-metric-row{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:1.25rem 0}
.pcw-subpages .reading-prose .scx-metric-row>div{display:grid;gap:.25rem}
.pcw-subpages .reading-prose img{max-width:100%;height:auto;margin:1.5rem 0}
.pcw-subpages .reading-prose :is(small,code,pre,.caps,.scx-kicker,.scx-eyebrow){font-size:1rem}
.pcw-subpages .reading-prose code{overflow-wrap:anywhere;background:#edf3fc;border-radius:.3rem;padding:.125rem .3rem;color:#203d6a}
.pcw-subpages .reading-prose pre{white-space:pre;overflow:auto;padding:1.25rem;background:#edf3fc;border:1px solid #d8e3f2;border-radius:1rem;line-height:1.8;margin:1.5rem 0}
.pcw-subpages .reading-prose pre code{padding:0;border-radius:0}
.pcw-subpages .reading-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:1.5rem 0;font-size:1rem}
.pcw-subpages .reading-prose :is(th,td){border:1px solid #ccd9ed;padding:.875rem 1rem;text-align:left;min-width:8rem;font-size:1rem;line-height:1.8}
.pcw-subpages .reading-prose th{background:#edf3fc}
.pcw-subpages .reading-prose blockquote{margin:1.75rem 0;padding:1rem 1.5rem;border-left:.2rem solid #0867d9;background:#f1f6ff;border-radius:0 1rem 1rem 0}
.pcw-subpages .reading-prose address{font-style:normal;font-size:1.125rem;line-height:1.85;margin:1.25rem 0}
.pcw-subpages .reading-prose :is(.button,.scx-btn,.scx-btn-primary,.scx-btn-ghost){display:inline-flex;background:#0867d9;color:#fff;font-size:1rem;text-decoration:none;border:1px solid #0867d9;border-radius:100rem;padding:.75rem 1.25rem;margin:.625rem .625rem .75rem 0;line-height:1.6}
.pcw-subpages .reading-prose :is(.scx-float-card,.scx-browser-dots,.scx-card-number,.number){display:none}
.pcw-subpages .reading-prose :is(.scx-pain-card,.scx-feature-card,.scx-benefit-card){border-top:1px solid #d4dfef;margin-top:1.5rem;padding-top:1rem}
.pcw-subpages .reading-prose details{padding:1rem 0;border-bottom:1px solid #d6dfed}
.pcw-subpages .reading-prose summary{cursor:pointer;list-style:none;font-size:1.125rem;font-weight:550;line-height:1.7}
.pcw-subpages .reading-prose details[open]>summary{color:#075cc9;margin-bottom:1rem}
.pcw-subpages .legal-navigation{display:grid;background:#f4f8ff;border:1px solid #d7e2f2;border-radius:1rem;padding:.625rem}
.pcw-subpages .legal-navigation a{padding:.625rem .75rem;border-radius:.625rem;font-size:1rem;line-height:1.7;color:#425d83}
.pcw-subpages .legal-navigation a[aria-current]{color:#075cc9;background:#e2eeff;font-weight:600}
.pcw-subpages .legal-page .article-layout{padding-top:2rem}
.pcw-subpages .legal-prose .legal-card{background:none;border:0;padding:0}
.pcw-subpages .simple-link-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:2rem 0 4rem}
.pcw-subpages .simple-link-list>a{font-size:1.25rem;line-height:1.6;padding:1.75rem;background:#f1f6ff;border:1px solid #d8e4f5;border-radius:1.25rem}
/* Installation, support, examples and the preview directory have their own layouts. */
.pcw-subpages .install-way-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-top:2rem}
.pcw-subpages .install-way-nav>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.625rem 1rem;padding:1.75rem;border:1px solid #d9dff2;background:#f7f3ff;border-radius:1.25rem}
.pcw-subpages .install-way-nav strong{font-size:1.25rem;line-height:1.5}
.pcw-subpages .install-way-nav>a>span:last-child{grid-column:2;font-size:1rem;line-height:1.75;color:#4b6081}
.pcw-subpages .install-way-nav>a:hover{border-color:#6748be}
.pcw-subpages .installation-intro{font-size:1.125rem;max-width:90ch;margin-bottom:2rem}
.pcw-subpages .installation-page code{font-size:1rem;background:#edf0f9;border-radius:.3rem;padding:.125rem .3rem;overflow-wrap:anywhere}
.pcw-subpages .installation-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .installation-ways article{padding:1.75rem;background:#f8f5ff;border:1px solid #e1daf1;border-radius:1.5rem;min-width:0}
.pcw-subpages .installation-ways h3{margin-top:1.25rem}
.pcw-subpages .installation-ways ol{padding-left:1.25rem;margin:1.5rem 0}
.pcw-subpages .installation-ways li{font-size:1.0625rem;line-height:1.9;margin-bottom:.875rem;color:#385579}
.pcw-subpages .installation-ways p{font-size:1rem;line-height:1.8}
.pcw-subpages .installation-ways .installation-note{border-top:1px solid #d8cfea;padding-top:1.25rem;margin:1.5rem 0}
.pcw-subpages .installation-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}
.pcw-subpages .installation-result ul{padding-left:1.25rem;margin:0;font-size:1.125rem;line-height:1.9}
.pcw-subpages .installation-result li{margin-bottom:.75rem}
.pcw-subpages .requirements-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem}
.pcw-subpages .requirements-layout>div>p:not(.section-kicker){margin-top:1.5rem;max-width:48ch}
.pcw-subpages .requirements-layout dl{margin:0;padding:1rem 1.75rem;border-radius:1.5rem;background:#f8f5ff}
.pcw-subpages .requirements-layout dl>div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.25rem;padding:1.125rem 0;border-bottom:1px solid #ded7ef;font-size:1.0625rem;line-height:1.8}
.pcw-subpages .requirements-layout dl>div:last-child{border-bottom:0}
.pcw-subpages .requirements-layout dt{font-weight:600}
.pcw-subpages .requirements-layout dd{margin:0;color:#385579}
.pcw-subpages .download-steps{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}
.pcw-subpages .download-steps li{border-top:.2rem solid var(--pw-accent);padding-top:1.25rem}
.pcw-subpages .download-steps li>span{font-size:1rem;color:var(--pw-accent)}
.pcw-subpages .download-steps h3{margin:1rem 0 .75rem}
.pcw-subpages .download-steps p{font-size:1.0625rem}
.pcw-subpages .sub-band .page-actions{justify-content:flex-start}
.pcw-subpages .manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .manual-grid>a{padding:2rem;border:1px solid #cfe5e1;border-radius:1.5rem;background:#f0faf7;display:flex;flex-direction:column;align-items:flex-start}
.pcw-subpages .manual-grid h3{font-size:1.875rem;margin:1rem 0}
.pcw-subpages .manual-grid p{font-size:1.0625rem;margin-bottom:1.5rem}
.pcw-subpages .manual-grid .text-link{margin-top:auto}
.pcw-subpages .manual-grid>a:hover{border-color:#087e81}
.pcw-subpages .support-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}
.pcw-subpages .support-layout>div>p:not(.section-kicker){margin:1.5rem 0}
.pcw-subpages .support-sample{padding:2rem;border:1px solid #cfe5e1;border-radius:1.5rem;background:#f1faf8}
.pcw-subpages .support-sample h3{font-size:1.75rem;margin-bottom:1.75rem}
.pcw-subpages .support-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.pcw-subpages .support-inputs label{display:grid;gap:.625rem;font-size:1rem;line-height:1.7}
.pcw-subpages .support-inputs .wide-field{grid-column:1/-1}
.pcw-subpages .consent-field{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.8;margin:1.5rem 0}
.pcw-subpages .consent-field input{flex-shrink:0;margin:.4rem 0 0}
.pcw-subpages .consent-field a{color:#075cc9;text-decoration:underline;text-underline-offset:.25rem}
.pcw-subpages .support-sample .sample-form-note{font-size:1rem;margin:1.25rem 0}
.pcw-subpages [data-preview-form-status]{font-size:1rem;margin-top:1rem}
.pcw-subpages .example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.pcw-subpages .example-grid>a{min-width:0;border:1px solid #dbe3ef;border-radius:1.5rem;background:#fff;overflow:hidden}
.pcw-subpages .example-grid>a>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;background:#f1f5fd}
.pcw-subpages .example-grid>a>div{padding:1.75rem}
.pcw-subpages .example-grid h2,.pcw-subpages .example-grid h3{font-size:1.5rem;margin-bottom:1.25rem}
.pcw-subpages .example-grid>a:hover{border-color:#9c377e}
.pcw-subpages .sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:2rem 0 4rem}
.pcw-subpages .sample-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem;border:1px solid #d6e2f3;border-radius:1.5rem;background:#f4f8ff}
.pcw-subpages .sample-grid h2{font-size:1.5rem}
.pcw-subpages .sample-grid p{font-size:1.0625rem}
.pcw-subpages .sample-grid .text-link{margin-top:auto}
.pcw-subpages .sample-grid>a:hover{border-color:#0867d9}
@media(min-width:100rem){.pcw-subpages .page-hero h1{font-size:4.5rem}.pcw-subpages .knowledge-article-page .page-hero:not(.pw-long-title) h1{font-size:3.5rem}}
@media(max-width:80rem){
 .pcw-subpages .subpage .wrap{width:calc(100% - 3rem)}
 .pcw-subpages .page-hero h1{font-size:3.5rem}
 .pcw-subpages .function-group{grid-template-columns:14rem minmax(0,1fr);gap:2rem}
 .pcw-subpages :is(.step-layout,.faq-layout,.support-layout,.requirements-layout){gap:3rem}
 .pcw-subpages .article-layout{grid-template-columns:13rem minmax(0,1fr);gap:2.5rem}
 .pcw-subpages .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pcw-subpages .installation-ways{grid-template-columns:1fr}
 .pcw-subpages .installation-ways article{padding:2rem}
}
@media(max-width:60rem){
 .pcw-subpages .page-hero h1{font-size:3rem}
 .pcw-subpages .subpage h2{font-size:2.25rem}
 .pcw-subpages .function-group{grid-template-columns:1fr;gap:1.5rem}
 .pcw-subpages .function-group-heading{position:static;display:flex;align-items:center}
 .pcw-subpages .function-group-heading h2{font-size:1.75rem}
 .pcw-subpages .guide-grid,.pcw-subpages .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pcw-subpages .section-intro{display:block}.pcw-subpages .section-intro>p{max-width:65ch;margin-top:1.25rem}
 .pcw-subpages :is(.step-layout,.faq-layout,.support-layout,.requirements-layout,.installation-result){grid-template-columns:1fr;gap:2rem}
 .pcw-subpages .install-way-nav{gap:.75rem}.pcw-subpages .install-way-nav>a{padding:1.25rem}
 .pcw-subpages .article-layout{grid-template-columns:1fr;gap:2rem}
 .pcw-subpages .article-sidebar{position:static;max-height:none;overflow:visible;padding:0}
 .pcw-subpages .article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem}
 .pcw-subpages .reading-prose{max-width:100%}
 .pcw-subpages .sub-cta{display:block;padding:2rem}.pcw-subpages .sub-cta>.button{margin-top:1.5rem}
 .pcw-subpages .knowledge-article-page .page-hero h1,.pcw-subpages .legal-page .page-hero h1{font-size:2.75rem}
 .pcw-subpages .pw-demo-heading{display:block}.pcw-subpages .pw-demo-heading p{margin-top:.5rem}
}
@media(max-width:43.75rem){
 .pcw-subpages .subpage{padding-bottom:1.5rem}
 .pcw-subpages .subpage .wrap{width:calc(100% - 2rem)}
 .pcw-subpages .breadcrumbs{padding-top:1rem;font-size:1rem;gap:.5rem}
 .pcw-subpages .page-hero{padding:2rem 0 3rem}
 .pcw-subpages .page-hero h1,.pcw-subpages .page-hero.pw-long-title h1{font-size:2.5rem;line-height:1.15}
 .pcw-subpages .page-hero .page-lead{font-size:1.125rem;line-height:1.8;margin-top:1.25rem}
 .pcw-subpages .page-actions{gap:.75rem;margin-top:1.5rem}.pcw-subpages .page-actions .button{width:100%}
 .pcw-subpages .pw-feature-facts{gap:.625rem;margin-top:1.5rem}.pcw-subpages .pw-feature-facts li{border-radius:.875rem;padding:.5rem .75rem}
 .pcw-subpages .subpage h2{font-size:2rem}.pcw-subpages .subpage h3{font-size:1.375rem}
 .pcw-subpages .sub-section{padding-top:2.25rem;padding-bottom:2.25rem}
 .pcw-subpages .capability-list,.pcw-subpages .function-rows,.pcw-subpages .use-case-grid,.pcw-subpages .related-grid,.pcw-subpages .guide-grid,.pcw-subpages .sample-grid,.pcw-subpages .simple-link-list,.pcw-subpages .manual-grid,.pcw-subpages .example-grid{grid-template-columns:1fr}
 .pcw-subpages .capability-list article{padding:1.5rem;gap:1rem}
 .pcw-subpages .sub-band{margin:1rem .5rem;border-radius:1.5rem;padding:2rem 0}
 .pcw-subpages .sub-cta{padding:1.75rem;border-radius:1.5rem}
 .pcw-subpages .sub-cta h2{font-size:2rem}
 .pcw-subpages .directory-tools,.pcw-subpages .knowledge-search-panel{padding:1.25rem;border-radius:1.25rem}
 .pcw-subpages .search-row{flex-wrap:wrap}.pcw-subpages .search-row input{flex-basis:100%}
 .pcw-subpages .search-row>span{white-space:normal}
 .pcw-subpages .search-row>.button{width:100%}
 .pcw-subpages .topic-filters{gap:.5rem}.pcw-subpages .topic-filters button{padding:.5rem .75rem}
 .pcw-subpages .function-group{padding:2rem 0}.pcw-subpages .function-group-heading h2{font-size:1.5rem}
 .pcw-subpages .function-row{padding:1.5rem}.pcw-subpages .function-row h3{font-size:1.25rem}
 .pcw-subpages .directory-heading{display:block;padding-top:2rem}.pcw-subpages .directory-heading p{margin-top:.75rem}
 .pcw-subpages .guide-card h2,.pcw-subpages .sample-grid h2{font-size:1.375rem}
 .pcw-subpages .knowledge-article-page .page-hero h1,.pcw-subpages .legal-page .page-hero h1{font-size:2rem;text-wrap:balance}
 .pcw-subpages .article-byline{display:grid;gap:.5rem;padding-top:.75rem;padding-bottom:1.5rem}
 .pcw-subpages .article-layout{padding-top:1rem;padding-bottom:2rem}
 .pcw-subpages .article-toc nav{grid-template-columns:1fr}
 .pcw-subpages .reading-prose h2{font-size:1.625rem}.pcw-subpages .reading-prose h3{font-size:1.25rem}
 .pcw-subpages .reading-prose .scx-backup-facts>span{grid-template-columns:1fr;gap:.25rem}
 .pcw-subpages .reading-prose :is(p,li,a){overflow-wrap:anywhere}
 .pcw-subpages .install-way-nav,.pcw-subpages .download-steps{grid-template-columns:1fr;gap:1rem}
 .pcw-subpages .installation-ways article{padding:1.5rem}
 .pcw-subpages .requirements-layout dl{padding:.75rem 1.25rem}
 .pcw-subpages .requirements-layout dl>div{grid-template-columns:1fr;gap:.375rem}
 .pcw-subpages .support-sample{padding:1.5rem}.pcw-subpages .support-inputs{grid-template-columns:1fr}
 .pcw-subpages .support-inputs .wide-field{grid-column:auto}
 .pcw-subpages .pw-product-demo{margin-top:1.5rem;margin-bottom:1.5rem}
 .pcw-subpages .pw-demo-heading h2{font-size:1.5rem}
 .pcw-subpages .pw-film-player{padding:.375rem;border-radius:1rem}.pcw-subpages .pw-film-player>video{border-radius:.75rem}
 .pcw-subpages .pw-film-controls{flex-wrap:wrap;gap:.5rem;padding:.75rem .375rem .25rem}
 .pcw-subpages .pw-film-controls button{padding:.625rem .75rem}
 .pcw-subpages .pw-film-player figcaption{padding:.75rem .75rem .5rem}
}

/* Keep the actual application close to the product introduction. */
.pcw-subpages .feature-detail-page .page-hero{padding-top:2rem;padding-bottom:3rem}
.pcw-subpages .feature-detail-page .pw-masthead h1{font-size:3.75rem}
.pcw-subpages .feature-detail-page .page-lead{max-width:78ch}
.pcw-subpages .pw-film-facts{margin-top:1.25rem}
.pcw-subpages .pw-film-facts li{background:var(--pw-wash);border-color:#d2dff0;color:#23466e}
@media(max-width:60rem){.pcw-subpages .feature-detail-page .pw-masthead h1{font-size:3rem}}
@media(max-width:43.75rem){.pcw-subpages .feature-detail-page .pw-masthead h1{font-size:2.5rem}.pcw-subpages .feature-detail-page .page-hero{padding-top:2rem;padding-bottom:2.5rem}}
