/* Scoped to the real publication example. */
#przyklad h2,#przyklad h3,#przyklad h4{text-wrap:balance}#przyklad p{text-wrap:pretty}
#przyklad .case-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:56px;align-items:center}
#przyklad .case-label{font-size:12px;font-weight:650;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
#przyklad .case-brand{display:inline-block;font-size:clamp(32px,3.6vw,48px);font-weight:800;color:var(--ink,#17253b);line-height:1.15;text-decoration:none;margin-bottom:24px}#przyklad .case-brand span{color:#245eea}
#przyklad .case-intro h3{font-size:25px;margin-bottom:14px}#przyklad .case-intro>p:not(.case-label){font-size:16px;color:var(--muted)}#przyklad .case-intro .button{margin-top:24px}#przyklad .case-intro .case-caption{font-size:12px;margin-top:16px}
#przyklad .case-preview{margin:0;min-width:0}#przyklad .case-preview>a{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f8f6f1}#przyklad .case-preview img{display:block;width:100%;height:auto}#przyklad figcaption{font-size:12px;color:var(--muted);margin-top:12px}
#przyklad .case-process{margin-top:64px}#przyklad .case-process>h3,#przyklad .case-possibilities>h3{font-size:26px;margin-bottom:24px}
#przyklad .case-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;margin:0;list-style:none}#przyklad .case-stages li{border-top:2px solid #b8c9e5;padding-top:18px;display:flex;flex-direction:column;min-width:0}#przyklad .case-number{font-size:13px;color:#174fc5;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:12px}#przyklad h4{font-size:19px;margin:0 0 12px}#przyklad .case-stages p,#przyklad .case-industries p{font-size:15px;color:var(--muted);margin:0 0 20px}#przyklad .case-output{font-size:12px;font-weight:600;margin-top:auto;color:#174fc5}
#przyklad .case-proof{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;background:#eef2f8;padding:30px 32px;margin-top:36px;border-left:3px solid #245eea}#przyklad .case-proof h3{font-size:23px;margin-bottom:12px}#przyklad .case-proof p:not(.case-label){font-size:14px;color:var(--muted);margin:0}#przyklad .case-proof-links{display:flex;flex-direction:column;gap:14px;align-items:flex-start}#przyklad .case-proof-links>a{color:#174fc5;font-size:14px}
#przyklad .case-possibilities{margin-top:56px}#przyklad .case-possibilities>h3{margin-bottom:12px}#przyklad .case-possibilities-intro{max-width:76ch;font-size:15px;color:var(--muted);margin-bottom:28px}#przyklad .case-industries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}#przyklad .case-industries article{border-top:1px solid var(--line);padding-top:20px}#przyklad a:focus-visible{outline:3px solid #245eea;outline-offset:5px}
@media(max-width:1000px){#przyklad .case-overview{gap:30px}#przyklad .case-stages{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}#przyklad .case-proof{grid-template-columns:1fr;gap:22px}}
@media(max-width:760px){#przyklad .case-overview{grid-template-columns:1fr;gap:28px}#przyklad .case-process{margin-top:40px}#przyklad .case-stages{grid-template-columns:1fr;gap:22px}#przyklad .case-stages li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px}#przyklad .case-number{grid-row:1 / 4;padding-top:3px}#przyklad .case-stages p,#przyklad .case-output{grid-column:2}#przyklad .case-stages p{margin-bottom:12px}#przyklad .case-proof{padding:24px 20px}#przyklad .case-proof h3{font-size:21px}#przyklad .case-industries{grid-template-columns:1fr;gap:10px}#przyklad .case-possibilities{margin-top:40px}#przyklad .case-process>h3,#przyklad .case-possibilities>h3{font-size:23px}}

/* Approved own-company examples — 24 October 2026. */

.firms-preview{border-top:1px solid var(--line);margin-top:64px;padding-top:52px}.firms-preview .eyebrow{color:#174fc5;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:14px}.firms-preview h3{font-size:clamp(28px,3vw,40px);max-width:24ch}.firms-preview .firm-lead{font-size:17px;color:var(--muted);margin:20px 0 32px;max-width:65ch}.firm-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:#eaf0f8;padding:32px;border-radius:12px}.firm-feature figure{margin:0;min-width:0}.firm-browser{background:white;border:1px solid #cbd6e7;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #15233812}.firm-browser>p{font-size:11px;color:#536174;padding:10px 14px;border-bottom:1px solid #e0e4ed}.firm-browser img{width:100%;height:auto}.firm-feature figcaption{font-size:11px;color:#536174;margin-top:10px}.firm-feature h4{font-size:26px;margin:0 0 15px}.firm-feature p{font-size:15px;line-height:1.65}.firm-feature .firm-process{border-top:1px solid #cbd6e7;margin-top:20px;padding-top:18px;color:#174fc5;font-size:13px;font-weight:600}.firm-feature .link{display:inline-block;margin-top:18px;color:#174fc5}.firm-strip{display:flex;gap:32px;align-items:center;overflow:auto;padding:28px 0;border-bottom:1px solid var(--line);scrollbar-width:thin}.firm-strip a{font-weight:750;font-size:21px;white-space:nowrap;text-decoration:none}.firm-strip small{display:block;color:var(--muted);font-size:11px;font-weight:400}.firm-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}.firm-uses article{border-top:2px solid #174fc5;padding-top:20px}.firm-uses h4{font-size:20px;margin:0 0 12px}.firm-uses p{font-size:15px;color:var(--muted)}.firm-preview-note{font-size:12px;color:#536174;margin-top:20px}.firm-strip a:focus-visible{outline:3px solid #174fc5;outline-offset:4px}@media(max-width:760px){.firm-feature{grid-template-columns:1fr;padding:20px;gap:24px}.firm-uses{grid-template-columns:1fr;gap:24px}.firm-strip{gap:26px}.firms-preview{margin-top:40px;padding-top:36px}}


/* Interactive industry workflows: selectable categories, readable process cards, restrained motion. */
#przyklad .case-industry-carousel{margin-top:46px;padding:clamp(20px,3vw,38px);border:1px solid #d7dfeb;border-radius:16px;background:#f2f5f9;overflow:hidden}
#przyklad .case-industry-intro{max-width:760px}
#przyklad .case-industry-intro h3{font-size:clamp(23px,2.4vw,30px);line-height:1.18;margin:0 0 12px;color:var(--ink,#152338)}
#przyklad .case-industry-intro p{font-size:15px;line-height:1.65;color:#43536b;margin:0}
#przyklad .case-industry-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 18px}
#przyklad .case-industry-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:52px;padding:11px 14px;border:1px solid #cbd5e3;border-radius:9px;background:#fff;color:var(--ink,#152338);font-family:inherit;font-size:14px;line-height:1.25;font-weight:600;text-align:left;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
#przyklad .case-industry-tab small{flex:none;color:#5d6c81;font-size:11px;font-weight:600}
#przyklad .case-industry-tab:hover{border-color:#245eea;transform:translateY(-1px)}
#przyklad .case-industry-tab[aria-selected=true]{border-color:#18385f;background:#18385f;color:#fff}
#przyklad .case-industry-tab[aria-selected=true] small{color:#c9d8f0}
#przyklad .case-industry-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin:0 0 4px}
#przyklad .case-industry-controls>p{margin:0;color:#43536b;font-size:13px;line-height:1.5}
#przyklad .case-industry-toggle{flex:0 0 auto;min-height:44px;padding:9px 14px;border:1px solid #b9c8dc;border-radius:8px;background:#fff;color:#152338;font-family:inherit;font-size:13px;line-height:1.25;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
#przyklad .case-industry-toggle:hover{border-color:#245eea;color:#174fc5}
#przyklad .case-industry-window{position:relative;overflow:hidden;padding:22px 22px 32px;scrollbar-color:#9daec5 #e4eaf2;scrollbar-width:thin}
#przyklad .case-industry-window:focus-visible{outline:3px solid #245eea;outline-offset:-3px;border-radius:12px}
#przyklad .case-industry-window:before,#przyklad .case-industry-window:after{position:absolute;z-index:2;top:0;bottom:0;width:18px;content:"";pointer-events:none}
#przyklad .case-industry-window:before{left:0;background:linear-gradient(90deg,#f2f5f9,transparent)}
#przyklad .case-industry-window:after{right:0;background:linear-gradient(270deg,#f2f5f9,transparent)}
#przyklad .case-industries-track{display:flex;width:max-content}
#przyklad .case-industry-carousel.is-animated .case-industry-panel:not([hidden]) .case-industries-track{animation-name:industry-flow-left;animation-duration:92s;animation-timing-function:linear;animation-iteration-count:infinite}
#przyklad .case-industry-set{display:flex;align-items:stretch;gap:18px;padding-right:18px;margin:0;list-style:none}
#przyklad .case-industry-card{box-sizing:border-box;width:clamp(540px,48vw,680px);flex:0 0 auto;padding:22px 24px 24px;border:1px solid #d5deea;border-radius:12px;background:#fff;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,border-color .18s ease;transform-origin:center;scroll-snap-align:center}
#przyklad .case-industry-card h5{font-size:20px;line-height:1.25;margin:0 0 20px;color:var(--ink,#152338)}
#przyklad .case-industry-card:hover,#przyklad .case-industry-card:focus-visible{position:relative;z-index:3;transform:translateY(-3px) scale(1.025);border-color:#9aafd0;box-shadow:0 16px 34px -24px #15233888;outline:none}
#przyklad .industry-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;counter-reset:industry-step}
#przyklad .industry-flow li{position:relative;min-width:0;border-top:2px solid #c5d1e1;padding-top:12px;counter-increment:industry-step}
#przyklad .industry-flow li:nth-child(2){border-color:#245eea}
#przyklad .industry-flow li:nth-child(4){border-color:#728caf}
#przyklad .industry-flow li:not(:last-child):after{position:absolute;top:-5px;right:-10px;width:6px;height:6px;border-top:2px solid #245eea;border-right:2px solid #245eea;content:"";transform:rotate(45deg)}
#przyklad .industry-flow li>span{display:block;margin-bottom:8px;color:#174fc5;font-size:11px;line-height:1.35;font-weight:700}
#przyklad .industry-flow li>span:before{content:counter(industry-step,decimal-leading-zero) " · ";font-variant-numeric:tabular-nums}
#przyklad .industry-flow li>p{margin:0;color:#43536b;font-size:13px;line-height:1.52;text-wrap:pretty}
#przyklad .case-application-badge,#przyklad .case-proof-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #b9c9e2;border-radius:999px;background:#edf3fc;color:#174fc5;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.01em}
#przyklad .case-industry-panel-head{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:4px 0 0}
#przyklad .case-industry-panel-head h4{font-size:17px;margin:0;color:#152338}
#przyklad .case-industry-panel-head>p{margin:0;color:#52627a;font-size:13px}
#przyklad .case-industry-scroll-hint{margin:0 22px 2px;color:#52627a;font-size:12px;line-height:1.45}
#przyklad .case-industry-carousel.is-user-paused .case-industries-track,#przyklad .case-industry-window:hover .case-industries-track,#przyklad .case-industry-window:focus-within .case-industries-track,#przyklad .case-industry-carousel:not(.is-visible) .case-industries-track,#przyklad .case-industry-carousel.is-document-hidden .case-industries-track{animation-play-state:paused}
#przyklad .case-industry-carousel.is-user-paused .case-industry-window{overflow-x:auto}
#przyklad .case-industry-carousel a:focus-visible,#przyklad .case-industry-carousel button:focus-visible{outline:3px solid #245eea;outline-offset:3px}
#przyklad .case-proof-badge{margin:0 0 12px}
@keyframes industry-flow-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:1050px){#przyklad .case-industry-card{width:540px}#przyklad .industry-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}#przyklad .industry-flow li:nth-child(2){border-color:#245eea}#przyklad .industry-flow li:nth-child(3){border-color:#c5d1e1}#przyklad .industry-flow li:not(:last-child):after{display:none}}
@media(max-width:700px){#przyklad .case-industry-carousel{margin-top:34px;padding:20px 0 17px;border-radius:13px}#przyklad .case-industry-intro{padding:0 18px}#przyklad .case-industry-intro h3{font-size:24px}#przyklad .case-industry-intro p{font-size:14px}#przyklad .case-industry-tabs{gap:6px;margin:20px 14px 16px}#przyklad .case-industry-tab{min-height:56px;display:grid;justify-content:center;gap:3px;padding:8px 4px;text-align:center;font-size:12px}#przyklad .case-industry-tab small{font-size:10px;margin:auto}#przyklad .case-industry-controls{align-items:flex-start;margin:0 18px 6px}#przyklad .case-industry-controls>p{font-size:12px}#przyklad .case-industry-toggle{display:none}#przyklad .case-industry-panel-head{align-items:flex-start;display:grid;grid-template-columns:1fr auto;margin:8px 18px 0}#przyklad .case-industry-panel-head h4{grid-column:1}#przyklad .case-industry-panel-head>p{grid-column:1}#przyklad .case-industry-panel-head .case-application-badge{grid-column:1 / -1;width:max-content;max-width:100%;white-space:normal}#przyklad .case-industry-window{overflow-x:auto;overflow-y:hidden;padding:18px 12px 24px;scroll-snap-type:x mandatory;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch}#przyklad .case-industry-window:before,#przyklad .case-industry-window:after{display:none}#przyklad .case-industries-track{animation:none!important;transform:none!important;width:max-content}#przyklad .case-industry-set{gap:12px;padding:0 8px 0 0}#przyklad .case-industry-card{width:min(620px,calc(100vw - 64px));padding:20px 18px 22px;scroll-snap-align:center}#przyklad .case-industry-card h5{font-size:19px;margin-bottom:17px}#przyklad .industry-flow{grid-template-columns:minmax(0,1fr);gap:13px}#przyklad .industry-flow li{padding:0 0 0 16px;border-top:0;border-left:2px solid #c5d1e1}#przyklad .industry-flow li:nth-child(2){border-color:#245eea}#przyklad .industry-flow li:nth-child(4){border-color:#728caf}#przyklad .industry-flow li:before{position:absolute;top:0;left:-5px;width:7px;height:7px;border-radius:50%;background:#245eea;content:""}#przyklad .industry-flow li:not(:last-child):after{display:block;top:auto;right:auto;bottom:-8px;left:-5px;transform:rotate(135deg)}#przyklad .industry-flow li>span{margin-bottom:3px;font-size:11px}#przyklad .industry-flow li>p{font-size:14px;line-height:1.5}#przyklad .case-industry-scroll-hint{margin:0 18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#przyklad .case-industry-carousel.is-animated .case-industries-track{animation:none;transform:none}#przyklad .case-industry-tab,#przyklad .case-industry-card{transition:none}#przyklad .case-industry-card:hover,#przyklad .case-industry-card:focus-visible{transform:none;box-shadow:none}}
