/* Product illustrations, expressly labelled as conceptual examples. */
.px-section{padding:16px 0 88px;background:#faf8f4;font-family:'Instrument Sans',sans-serif}.px-section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;margin:0 0 34px;align-items:end}.px-section-intro .ed-label{grid-column:1/-1;margin-bottom:16px}.px-section-intro h2{font:500 clamp(28px,3vw,40px)/1.15 'Familjen Grotesk',sans-serif;letter-spacing:-.03em;color:#152136;margin:0}.px-section-intro>p:last-child{font-size:15px;line-height:1.8;color:#636f7c;margin:0}.px-window{background:#fff;border:1px solid #c9d5df;border-radius:18px;overflow:hidden;box-shadow:0 38px 65px -38px #142e4b55,0 3px 10px #23324405;position:relative}.px-window-top{background:#101c31;color:#eff7ff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 26px;border-bottom:1px solid #ffffff20}.px-brand{display:flex;align-items:center;gap:6px;font:400 18px/1.2 'Familjen Grotesk',sans-serif;white-space:nowrap}.px-brand svg{width:23px;height:23px;color:#7ed5e7;margin-right:8px}.px-caption{font-size:10px;letter-spacing:.035em;color:#a1b5cb;text-align:right}.px-tabs{display:flex;padding:0 26px;background:#f0f4f6;gap:25px;border-bottom:1px solid #dfe6eb}.px-tabs button{display:flex;align-items:center;gap:9px;border:0;border-bottom:2px solid transparent;background:none;padding:18px 0;color:#6a7889;font:500 13px/1.4 'Instrument Sans',sans-serif;cursor:pointer}.px-tabs svg{width:18px;height:18px}.px-tabs button[aria-pressed=true]{border-bottom-color:#1b90b5;color:#125c79}.px-tabs button:focus-visible,.px-filters button:focus-visible{outline:2px solid #40a6c6;outline-offset:3px}.px-panel{padding:32px}.px-panel[hidden]{display:none!important}.px-panel>h3{font:500 23px/1.2 'Familjen Grotesk',sans-serif;margin:0 0 10px;color:#15253b}.px-panel-desc{color:#75808c;font-size:13px;line-height:1.7;max-width:760px;margin:0 0 25px}.px-catalog-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.px-search{display:flex;align-items:center;gap:10px;background:#f7f9fa;border:1px solid #dce4ea;border-radius:8px;padding:0 12px;flex:1;max-width:480px}.px-search svg{width:18px;height:18px;color:#7193a7}.px-search input{width:100%;border:0;background:none;font:400 13px/1.4 'Instrument Sans',sans-serif;padding:13px 0;color:#23394d;outline-offset:4px}.px-filters{display:flex;gap:6px}.px-filters button{border:1px solid transparent;border-radius:5px;background:none;padding:8px 11px;font:500 12px/1.3 'Instrument Sans',sans-serif;color:#748291;cursor:pointer}.px-filters button[aria-pressed=true]{background:#e8f3f7;border-color:#bcdeeb;color:#155d79}.px-table-scroll{overflow-x:auto}.px-panel table{width:100%;border-collapse:collapse;text-align:left;color:#405267;font-size:13px}.px-panel thead th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#8795a4;border-bottom:1px solid #dce5eb;padding:12px 16px;background:#f7f9fb}.px-panel tbody td,.px-panel tbody th{padding:18px 16px;border-bottom:1px solid #edf1f5;font-weight:400;white-space:nowrap}.px-panel tbody th svg{width:18px;height:18px;vertical-align:middle;margin-right:14px;color:#6999b2}.px-panel tbody tr:last-child>*{border-bottom:0}.px-panel tbody tr[hidden]{display:none}.px-pill{font-size:11px;padding:5px 10px;background:#edf1f6;border-radius:4px;color:#718298}.px-agent{display:grid;grid-template-columns:.9fr 1.3fr;gap:36px;align-items:start}.px-agent-identity{padding:26px;background:radial-gradient(ellipse at 0 0,#e0f1f5,transparent 70%),#f3f6f8;border:1px solid #e2e9ee;border-radius:12px}.px-agent-identity>svg{width:44px;height:44px;color:#3585a1;padding:9px;background:#fff;border:1px solid #cfe5ec;border-radius:12px}.px-agent h3{font:500 26px/1.25 'Familjen Grotesk',sans-serif;color:#203950;margin:23px 0 13px}.px-agent p{font-size:14px;line-height:1.8;color:#6b7e8f;margin:0}.px-agent dl{margin:0}.px-agent dl>div{padding:15px 0;border-bottom:1px solid #e5ecf0}.px-agent dl>div:first-child{padding-top:0}.px-agent dt{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8e9bab;margin-bottom:8px}.px-agent dd{font-size:14px;color:#40556b;margin:0;line-height:1.6}.px-flow{display:flex;gap:25px;padding:32px 0;position:relative}.px-flow:before{content:'';position:absolute;height:1px;background:linear-gradient(90deg,#82c3db,#b5a8d7,#ecbb8a);left:10%;right:10%;top:67px}.px-node{flex:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.px-node>svg{height:66px;width:66px;padding:18px;border:1px solid #b8d6e5;border-radius:16px;color:#387f9d;background:#f4fafc;box-shadow:0 10px 18px -12px #45748a55}.px-node:nth-child(2)>svg{background:#f4f5fd;color:#8372b3;border-color:#d9d3ed}.px-node:nth-child(3)>svg{background:#f0f7f4;color:#4d9478;border-color:#c6dfd3}.px-node:last-child>svg{background:#fff7f0;color:#af7d50;border-color:#ebd7c4}.px-node strong{font-size:14px;font-weight:500;color:#3d5269;margin:22px 0 9px}.px-node>span{font-size:12px;line-height:1.65;color:#8492a1;max-width:175px}.px-matrix h3{font:500 21px/1.3 'Familjen Grotesk',sans-serif;margin:0 0 20px;color:#334e64}.px-access{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;color:#a9b6c0}.px-allowed{color:#418673;background:#eaf5f0;border-radius:50%}.px-criteria{display:flex;gap:15px;border-top:1px solid #e6edf2;margin-top:30px;padding-top:25px}.px-criteria>span{flex:1;display:flex;align-items:center;gap:10px;font-size:12px;color:#688096}.px-criteria svg{width:20px;height:20px;color:#78a4bb}.px-reuse{padding:78px 0;background:radial-gradient(ellipse at 80% 40%,#20364d,transparent 65%),#101b2d;color:#eff7ff}.px-reuse>.ed-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.px-reuse .ed-label{color:#7fc4db}.px-reuse h2{font:500 36px/1.15 'Familjen Grotesk',sans-serif;letter-spacing:-.025em;margin:0 0 23px;color:#edf6ff}.px-reuse p:not(.ed-label){font-size:15px;line-height:1.8;color:#a6b8cc;margin:0}.px-blocks{display:grid;gap:12px;perspective:800px;padding:12px}.px-blocks>div{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#294158,#1b2b42);border:1px solid #6b98b14d;border-radius:12px;padding:25px 26px;box-shadow:0 14px 18px -12px #0009;transform:rotateY(-10deg) rotateX(7deg);font-size:16px;color:#d5e6f6}.px-blocks>div:nth-child(2){margin-left:22px;border-color:#a492d24d}.px-blocks>div:nth-child(3){margin-left:44px;border-color:#d4b2954d}.px-blocks svg{width:26px;height:26px;color:#9cdaed}.px-commercial{display:flex;gap:24px;padding:25px 0}.px-commercial>div{flex:1;display:flex;flex-direction:column;gap:24px;padding:30px;background:#f6f8fa;border:1px solid #e0e7ec;border-radius:12px}.px-commercial svg{width:36px;height:36px;color:#6b9db6}.px-commercial strong{font-weight:500;font-size:17px;color:#3b5369}
@media(max-width:800px){.px-section-intro{grid-template-columns:1fr;gap:16px}.px-section-intro h2{max-width:600px}.px-catalog-tools{align-items:stretch;flex-direction:column;gap:12px}.px-search{max-width:none}.px-panel{padding:24px}.px-agent{gap:22px}.px-flow{gap:18px}.px-node strong{font-size:13px}.px-reuse>.ed-container{gap:35px}.px-reuse h2{font-size:30px}}
@media(max-width:600px){.px-section{padding-bottom:54px}.px-window-top{padding:15px 18px;align-items:flex-start}.px-caption{max-width:150px;line-height:1.5;font-size:9px}.px-tabs{gap:18px;padding:0 18px;overflow-x:auto}.px-tabs button{white-space:nowrap;font-size:11px;gap:6px}.px-tabs svg{width:15px;height:15px}.px-panel{padding:20px 16px}.px-agent{grid-template-columns:1fr}.px-agent-identity{padding:22px}.px-agent h3{margin-top:14px}.px-panel tbody td,.px-panel tbody th{padding:16px 10px}.px-panel table{font-size:12px}.px-panel tbody th svg{margin-right:8px}.px-flow{display:grid;grid-template-columns:1fr 1fr;gap:25px}.px-flow:before{display:none}.px-node>svg{width:52px;height:52px;padding:14px}.px-node strong{margin-top:14px}.px-reuse>.ed-container{grid-template-columns:1fr}.px-reuse{padding:50px 0}.px-blocks{padding:0 6px}.px-criteria{flex-direction:column;gap:14px}.px-commercial{flex-direction:column;gap:12px}.px-commercial>div{flex-direction:row;align-items:center;padding:22px;gap:20px}}