/* /aplikacje-saas — katalog programów w wersji sprzedażowej (21.10.2026, _automation/programy_strony.py).
   Styl ID jak reszta silers.pl: płasko, bez zaokrągleń i cieni, Arial; akcent z logo produktu (--a)
   tylko w pasie pracy i głównej akcji. Ekrany to rysunki HTML (dane przykładowe), skalowane jednostkami
   kontenera (cqw), więc zawsze są ostre i w proporcjach. Kopiowane do assets/id/programy.css. */
.ap-hero{background:var(--dark);color:#fff;border-bottom:3px solid var(--purple)}
.ap-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center;padding-block:80px 70px}
.ap-hero .eyebrow{color:#cab0e8}
.ap-hero h1{font-size:clamp(2.8rem,4.6vw,4.4rem);line-height:1.05;margin-bottom:28px}
.ap-hero h1 span{color:#e6d7fa}
.ap-hero .lead{color:#cecbd5;max-width:560px;margin-bottom:32px}
.ap-hero .btn.secondary{background:transparent;color:#fff;border-color:#82768d}
.ap-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #3d3748;border-left:1px solid #3d3748}
.ap-wall a{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:138px;padding:18px 10px;
  border-right:1px solid #3d3748;border-bottom:1px solid #3d3748;background:#1f1d27;text-align:center;transition:background .15s}
.ap-wall a:hover{background:#2a2633}
.ap-wall img{height:52px;width:auto;max-width:72px;object-fit:contain}
.ap-wall b{font-size:.95rem;letter-spacing:-.01em}
.ap-wall small{display:block;font-size:.78rem;color:#a9a2b6;margin-top:3px;font-weight:400}
.ap-facts{border-bottom:1px solid var(--line);background:var(--surface)}
.ap-facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-block:28px}
.ap-facts div{border-left:1px solid var(--line);padding-left:22px}
.ap-facts div:first-child{border:0;padding-left:0}
.ap-facts b{display:block;font-size:1.08rem;letter-spacing:-.02em}
.ap-facts span{display:block;font-size:.875rem;color:var(--muted);margin-top:4px;line-height:1.5}

.ap-jump{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:8px}
.ap-jump>div{padding:24px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ap-jump h3{font-size:1.15rem;margin-bottom:14px;letter-spacing:-.02em}
.ap-jump a{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.95rem;font-weight:600}
.ap-jump a:hover{color:#7630b0}
.ap-jump img{width:26px;height:26px;object-fit:contain}

/* duży wiersz produktu */
.ap-row{--a:#8534ed;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding-block:72px;border-top:1px solid var(--line)}
.ap-row.rev>.ap-copy{order:2}
.ap-id{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.ap-id img{height:56px;width:auto;max-width:74px;object-fit:contain}
.ap-id h3{font-size:2.1rem}
.ap-id span{display:block;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--a);margin-top:6px;line-height:1.3}
.ap-copy .ap-head{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 16px}
.ap-copy>p{color:var(--muted);font-size:1.06rem;margin-bottom:22px}
.ap-copy>p.ap-head,.ap-copy>p.ap-price,.ap-card .bd>p.ap-price{color:var(--ink)}
.ap-list{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--line)}
.ap-list li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:.98rem}
.ap-list li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;background:var(--a)}
.ap-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:24px}
.ap-price b{font-size:1.25rem;letter-spacing:-.02em}
.ap-price small{font-size:.875rem;color:var(--muted)}
.ap-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;font-weight:700;font-size:.95rem;
  background:var(--a);color:#fff;border:1px solid var(--a)}
.ap-btn:hover{filter:brightness(.92)}
.ap-btn.line{background:#fff;color:var(--ink);border-color:#bcbcc8}
.ap-btn.line:hover{filter:none;border-color:var(--ink)}

/* okno z ekranem */
.ap-win{min-width:0;background:#eeedf3;border:1px solid #d3d1dc;padding:14px}
.ap-win .screen-label span:last-child{color:var(--a)}
.ap-scr{container-type:inline-size;position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;border:1px solid #d3d1dc;border-top:3px solid var(--a)}
.m{position:absolute;inset:0;font:400 1.62cqw/1.35 Arial,Helvetica,sans-serif;color:#20202a;letter-spacing:0}
.m *{box-sizing:border-box}
.m b{font-weight:700}
.m .mut{color:#7a7a88}
.m .chip{display:inline-block;padding:.25em .6em;font-size:.82em;font-weight:700;white-space:nowrap}
.m .ok{background:#e3f6ec;color:#14804a}.m .warn{background:#fff3dc;color:#a15c00}.m .bad{background:#fde7ea;color:#c0182d}
.m .row{display:grid;align-items:center}
.m .ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ID Faktura */
.m-fak{display:grid;grid-template-columns:19% 1fr;background:#f6f5f9}
.m-fak .sb{background:#fff;border-right:1px solid #e4e2ea;padding:2.2em 1.2em}
.m-fak .sb .lg{display:flex;align-items:center;gap:.5em;font-weight:700;margin-bottom:1.8em}
.m-fak .sb .lg img{height:1.9em;width:auto}
.m-fak .sb i{display:block;font-style:normal;padding:.6em .7em;color:#55556a}
.m-fak .sb i.on{background:#f3e8fc;color:#8a24c9;font-weight:700;border-left:.22em solid #a32ad6}
.m-fak .mn{padding:2.2em 2.4em}
.m-fak .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}
.m-fak .hd b{font-size:1.55em}
.m-fak .hd span{background:#a32ad6;color:#fff;font-weight:700;padding:.55em 1em}
.m-fak .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-bottom:1.5em}
.m-fak .kp div{background:#fff;border:1px solid #e4e2ea;padding:1em 1.1em}
.m-fak .kp div:first-child{background:#20152b;color:#fff;border-color:#20152b}
.m-fak .kp small{display:block;font-size:.82em;opacity:.75;margin-bottom:.35em}
.m-fak .kp b{font-size:1.45em}
.m-fak .tb{background:#fff;border:1px solid #e4e2ea}
.m-fak .tb .row{grid-template-columns:22% 1fr 16% 14% 16%;gap:.6em;padding:.72em 1.1em;border-top:1px solid #efedf3}
.m-fak .tb .row:first-child{border-top:0;font-size:.82em;color:#7a7a88;font-weight:700}

/* VAREN */
.m-var{background:#fbfaf7;color:#152235}
.m-var .tp{display:flex;align-items:center;gap:2em;padding:1.3em 2.4em;border-bottom:1px solid #ebe8e1;background:#fff}
.m-var .tp b{font-size:1.15em}.m-var .tp i{font-style:normal;color:#5c6577}
.m-var .tp span{margin-left:auto;background:#3155e7;color:#fff;font-weight:700;padding:.55em 1em}
.m-var .bd{display:grid;grid-template-columns:1fr 40%;gap:2em;padding:2.4em}
.m-var h4{margin:.4em 0 .5em;font-size:2.35em;line-height:1.08;letter-spacing:-.03em}
.m-var h4 em{font-style:normal;color:#3155e7}
.m-var .ey{font-size:.8em;font-weight:700;letter-spacing:.12em;color:#3155e7}
.m-var .bt{display:flex;gap:.8em;margin-top:1.2em}
.m-var .bt span{padding:.65em 1em;border:1px solid #152235;font-weight:700}
.m-var .bt span:first-child{background:#152235;color:#fff}
.m-var .cal{background:#fff;border:1px solid #e4e0d8;padding:1.2em}
.m-var .cal .days{display:grid;grid-template-columns:repeat(5,1fr);gap:.35em;margin:.8em 0}
.m-var .cal .days i{font-style:normal;text-align:center;padding:.45em 0;border:1px solid #e4e0d8;font-size:.9em}
.m-var .cal .days i.on{background:#152235;color:#fff;border-color:#152235}
.m-var .cal .sl{display:grid;grid-template-columns:repeat(4,1fr);gap:.35em}
.m-var .cal .sl i{font-style:normal;text-align:center;padding:.45em 0;background:#f1f3fb;font-size:.9em}
.m-var .cal .sl i.on{background:#3155e7;color:#fff;font-weight:700}
.m-var .cal .bk{margin-top:.9em;background:#3155e7;color:#fff;text-align:center;font-weight:700;padding:.65em}
.m-var .off{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:0 2.4em}
.m-var .off div{background:#fff;border:1px solid #e4e0d8;padding:1em}
.m-var .off div span{display:block;height:3.4em;margin:-1em -1em .8em;background:#dfe6fb}
.m-var .off div:nth-child(2) span{background:#efe6d8}.m-var .off div:nth-child(3) span{background:#e2efe7}
.m-var .pr{position:absolute;right:2.4em;bottom:1.6em}
.m-var .zero{display:inline-flex;align-items:center;margin-top:1.1em;background:#fff;border:1px solid #e4e0d8;padding:.5em .8em;font-size:.85em}
.m-var .zero b{font-size:2em;color:#3155e7;margin-right:.3em}

/* InfraDesk */
.m-inf{display:grid;grid-template-columns:7% 1fr 30%;background:#0e1322;color:#dfe5f5}
.m-inf .sb{background:#0a0e1a;border-right:1px solid #1d2438;display:flex;flex-direction:column;align-items:center;gap:1.3em;padding-top:1.6em}
.m-inf .sb img{width:62%;height:auto}
.m-inf .sb i{width:1.7em;height:1.7em;background:#1b2238}
.m-inf .sb i.on{background:#2b4fe0}
.m-inf .mn{padding:2em 1.8em}
.m-inf .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.3em}
.m-inf .hd b{font-size:1.5em;color:#fff}
.m-inf .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;margin-bottom:1.3em}
.m-inf .kp div{background:#151b2e;border:1px solid #232b43;padding:.9em 1em}
.m-inf .kp small{display:block;font-size:.8em;color:#8b95b3;margin-bottom:.3em}
.m-inf .kp b{font-size:1.5em;color:#fff}
.m-inf .kp .w b{color:#ffb547}.m-inf .kp .g b{color:#3ddc97}
.m-inf .tk .row{grid-template-columns:11% 1fr 15% 15%;gap:.6em;padding:.75em .9em;border:1px solid #1f2740;border-top:0;background:#121829}
.m-inf .tk .row:first-child{border-top:1px solid #1f2740}
.m-inf .p1{color:#ff5d73;font-weight:700}.m-inf .p2{color:#ffb547;font-weight:700}.m-inf .p3{color:#8b95b3}
.m-inf .rt{background:#0b101d;border-left:1px solid #1d2438;padding:2em 1.4em}
.m-inf .rt b{color:#fff}
.m-inf .ch{display:flex;align-items:flex-end;gap:.4em;height:9em;margin:1em 0 1.4em;border-bottom:1px solid #232b43}
.m-inf .ch i{flex:1;background:#2b4fe0}
.m-inf .ch i:nth-child(3n){background:#3b63ff}.m-inf .ch i:nth-child(7){background:#ffb547}
.m-inf .dv{display:flex;justify-content:space-between;padding:.55em 0;border-top:1px solid #1d2438;font-size:.92em}
.m-inf .dot{display:inline-block;width:.6em;height:.6em;background:#3ddc97;margin-right:.4em}
.m-inf .dot.r{background:#ff5d73}

/* ID Studio Pergole */
.m-per{display:grid;grid-template-columns:1fr 31%;grid-template-rows:auto 1fr auto;background:#fff}
.m-per .st{grid-column:1/-1;display:flex;gap:1.8em;padding:1em 1.8em;border-bottom:1px solid #e7e7ee;font-size:.95em}
.m-per .st i{font-style:normal;color:#6a6a78}.m-per .st i.on{color:#20202a;font-weight:700;border-bottom:.2em solid #20202a;padding-bottom:.4em}
.m-per .cv{position:relative;background:#eef0f3;background-image:linear-gradient(#dfe2e8 1px,transparent 1px),linear-gradient(90deg,#dfe2e8 1px,transparent 1px);background-size:3.2em 3.2em}
.m-per .cv svg{position:absolute;inset:6% 4% 4% 6%;width:90%;height:90%}
.m-per .cv .dim{position:absolute;left:1.2em;bottom:1em;background:#fff;border:1px solid #d9d9e2;padding:.3em .6em;font-family:Consolas,monospace;font-size:.9em}
.m-per .pn{border-left:1px solid #e7e7ee;padding:1.6em 1.4em}
.m-per .pn b{display:block;font-size:1.3em;margin-bottom:1em}
.m-per .op{border:1px solid #e1e1ea;padding:.75em .8em;margin-bottom:.6em}
.m-per .op.on{border:.15em solid #6d4cf6;background:#f4f0ff;color:#5a37e6}
.m-per .op small{display:block;color:#7a7a88;font-size:.82em;margin-top:.2em}
.m-per .op.on small{color:#6d4cf6}
.m-per .ft{grid-column:1/-1;display:flex;align-items:center;gap:1.6em;padding:1em 1.8em;border-top:1px solid #e7e7ee}
.m-per .ft .pr{margin-left:auto;text-align:right}
.m-per .ft .pr small{display:block;font-size:.8em;color:#6a6a78}
.m-per .ft .pr b{font-family:Consolas,monospace;font-size:1.45em}
.m-per .ft>span:last-child{background:#6d4cf6;color:#fff;font-weight:700;padding:.7em 1.1em}

/* Rozkład24 */
.m-roz{background:#0a1430;color:#e8eefc;padding:1.8em 2.2em}
.m-roz .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2em}
.m-roz .hd small{display:block;color:#7f8db3;font-size:.85em;letter-spacing:.1em;font-weight:700}
.m-roz .hd b{font-size:1.6em}
.m-roz .clk{font:700 3.4em/1 Consolas,monospace;color:#fff}
.m-roz .tb .row{grid-template-columns:12% 1fr 23% 9% 17%;gap:.6em;padding:.85em 1em;border-top:1px solid #1b2a55;font-size:1.12em}
.m-roz .tb .row:first-child{font-size:.82em;color:#7f8db3;font-weight:700;letter-spacing:.08em;border-top:0;padding-bottom:.5em}
.m-roz .tm{font:700 1.15em Consolas,monospace;color:#ffc53d}
.m-roz .pf{background:#16c6d9;color:#06233a;font-weight:700;text-align:center;padding:.15em 0}
.m-roz .s1{color:#3ddc97;font-weight:700}.m-roz .s2{color:#ffc53d;font-weight:700}.m-roz .s3{color:#ff6b7d;font-weight:700}
.m-roz .tick{position:absolute;left:0;right:0;bottom:0;display:flex;background:#16c6d9;color:#06233a;font-weight:700}
.m-roz .tick b{background:#06233a;color:#16c6d9;padding:.75em 1.2em}
.m-roz .tick span{padding:.75em 1.2em}

/* KSC System */
.m-ksc{display:grid;grid-template-columns:1fr 1fr;gap:1.4em;background:#0c111d;color:#e3e8f5;padding:2em}
.m-ksc .lg{grid-column:1/-1;display:flex;align-items:center;gap:.6em;font-weight:700}
.m-ksc .lg img{height:1.9em}
.m-ksc .lg span{margin-left:auto;color:#ffb547;font-size:.85em;letter-spacing:.08em}
.m-ksc .gt{background:#1f4fd8;color:#fff;padding:1.4em 1.5em}
.m-ksc .gt small{font-size:.85em;letter-spacing:.08em;font-weight:700;opacity:.85}
.m-ksc .gt b{display:block;font-size:3.6em;line-height:1.1;margin:.15em 0 .3em}
.m-ksc .gt i{display:block;height:.55em;background:#16348f}
.m-ksc .gt i::after{content:"";display:block;width:64%;height:100%;background:#fff}
.m-ksc .ct{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-top:1em}
.m-ksc .ct div{background:#141b2c;border:1px solid #243049;padding:.7em .8em}
.m-ksc .ct small{display:block;color:#8a95b0;font-size:.78em}
.m-ksc .ct b{font-size:1.4em}
.m-ksc .ls div{display:flex;align-items:center;gap:.7em;padding:.85em .9em;border:1px solid #243049;border-top:0;background:#111827}
.m-ksc .ls div:first-child{border-top:1px solid #243049}
.m-ksc .ls i{width:1.2em;height:1.2em;flex:none;border:.15em solid #5b6a8c}
.m-ksc .ls i.y{background:#3ddc97;border-color:#3ddc97}
.m-ksc .ls i.h{background:#ffb547;border-color:#ffb547}
.m-ksc .ls span{margin-left:auto;font-size:.82em;color:#8a95b0}

/* Redline24 */
.m-red{display:grid;grid-template-columns:20% 1fr;background:#111115;color:#ececf1}
.m-red .sb{background:#0b0b0e;border-right:1px solid #23232b;padding:1.6em 1.1em}
.m-red .sb img{height:2.4em;margin-bottom:1.6em}
.m-red .sb i{display:block;font-style:normal;padding:.6em .7em;color:#9b9ba8}
.m-red .sb i.on{background:#2a1014;color:#ff4d5a;font-weight:700;border-left:.22em solid #e5242f}
.m-red .mn{padding:1.8em 2em}
.m-red .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;margin:1em 0 1.3em}
.m-red .kp div{background:#19191f;border:1px solid #2a2a33;padding:.9em 1em}
.m-red .kp small{display:block;font-size:.8em;color:#9b9ba8}
.m-red .kp b{font-size:1.7em}
.m-red .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.m-red .gr>div{background:#16161b;border:1px solid #2a2a33;padding:.8em}
.m-red .gr small{display:block;color:#9b9ba8;font-size:.8em;font-weight:700;letter-spacing:.06em;margin-bottom:.6em}
.m-red .sl{padding:.55em .65em;margin-bottom:.45em;background:#22222a;border-left:.22em solid #5c5c6a;font-size:.9em}
.m-red .sl.on{background:#2a1014;border-left-color:#e5242f}
.m-red .sl.dn{border-left-color:#3ddc97}
.m-red .sl span{display:block;color:#9b9ba8;font-size:.85em}

/* ID PACK */
.m-pak{background:#f7f6f9;padding:1.8em 2.2em}
.m-pak .hd{display:flex;align-items:center;gap:1em;margin-bottom:1.1em}
.m-pak .hd img{height:2em}
.m-pak .hd b{font-size:1.45em}
.m-pak .hd span{margin-left:auto;background:#f23b5c;color:#fff;font-weight:700;padding:.5em .9em}
.m-pak .fl{display:flex;gap:.5em;margin-bottom:1em}
.m-pak .fl i{font-style:normal;padding:.4em .8em;border:1px solid #dcdae3;background:#fff;font-size:.9em}
.m-pak .fl i.on{background:#20202a;color:#fff;border-color:#20202a}
.m-pak .row{grid-template-columns:5% 17% 1fr 18% 14%;gap:.7em;padding:.8em 1em;background:#fff;border:1px solid #e6e4ec;border-top:0}
.m-pak .row:first-of-type{border-top:1px solid #e6e4ec}
.m-pak .cb{width:1.15em;height:1.15em;border:.13em solid #a7a5b3}
.m-pak .cb.y{background:#f23b5c;border-color:#f23b5c}
.m-pak .al{color:#ff5a00;font-weight:700}
.m-pak .et{border:1px solid #20202a;text-align:center;font-weight:700;padding:.3em 0;font-size:.9em}

/* ID Meet */
.m-mee{background:#0c0f17;color:#fff;padding:1.5em 1.8em 0}
.m-mee .hd{display:flex;align-items:center;gap:1em;margin-bottom:1em}
.m-mee .hd img{height:1.9em}
.m-mee .hd span{margin-left:auto;font-family:Consolas,monospace;color:#9aa6c4}
.m-mee .gd{display:grid;grid-template-columns:1fr 1fr;gap:.7em;height:66%}
.m-mee .gd div{position:relative;display:grid;place-items:center;background:#1a2133}
.m-mee .gd div:nth-child(2){background:#1d2a44}.m-mee .gd div:nth-child(3){background:#202238}.m-mee .gd div:nth-child(4){background:#162638}
.m-mee .gd div:first-child{outline:.2em solid #1f6bff;outline-offset:-.2em}
.m-mee .av{width:4.2em;height:4.2em;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.2em;background:#2f6bff}
.m-mee .gd div:nth-child(2) .av{background:#13a37f}.m-mee .gd div:nth-child(3) .av{background:#c2477c}.m-mee .gd div:nth-child(4) .av{background:#d98a1b}
.m-mee .nm{position:absolute;left:.7em;bottom:.6em;font-size:.85em;background:#0c0f17cc;padding:.2em .5em}
.m-mee .cb{display:flex;justify-content:center;gap:.8em;padding:1.1em 0}
.m-mee .cb i{width:2.6em;height:2.6em;border-radius:50%;background:#262d40}
.m-mee .cb i.x{width:4.4em;border-radius:1.3em;background:#e5333f}
.m-mee .gs{position:absolute;right:1.8em;top:1.4em;background:#1f6bff;padding:.35em .7em;font-size:.82em;font-weight:700}

/* mniejsze karty */
.ap-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:20px}
.ap-card{--a:#8534ed;display:flex;flex-direction:column;border:1px solid var(--line);min-width:0}
.ap-card .ap-win{border:0;border-bottom:1px solid var(--line)}
.ap-card .bd{display:flex;flex-direction:column;flex:1;padding:28px 30px 30px}
.ap-card .ap-id{margin-bottom:16px}
.ap-card .ap-id img{height:46px}
.ap-card .ap-id h3{font-size:1.7rem}
.ap-card .bd>p{color:var(--muted);margin-bottom:18px}
.ap-card .ap-list{margin-bottom:20px}
.ap-card .ap-acts{margin-top:auto}

/* w przygotowaniu */
.ap-dev{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0 25px}
.ap-dev article{background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.ap-dev .ap-id{margin-bottom:20px}.ap-dev .ap-id img{height:44px}.ap-dev .ap-id h3{font-size:1.5rem}
.ap-dev p{color:var(--muted)}
.ap-dev .text-link{margin-top:auto}
.ap-note{font-size:.875rem;color:var(--muted)}

@media(max-width:1000px){
  .ap-hero .wrap{grid-template-columns:1fr;gap:40px;padding-block:60px}
  .ap-facts .wrap,.ap-jump{grid-template-columns:1fr 1fr}
  .ap-facts div:nth-child(3){border:0;padding-left:0}
  .ap-row{grid-template-columns:1fr;gap:36px;padding-block:56px}
  .ap-row.rev>.ap-copy{order:0}
  .ap-cards,.ap-dev{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ap-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap-wall a{min-height:108px;padding:12px 6px}
  .ap-wall img{height:40px}
  .ap-wall small{display:none}
  .ap-facts .wrap,.ap-jump{grid-template-columns:1fr}
  .ap-facts div{border:0;padding-left:0}
  .ap-id h3{font-size:1.7rem}
  .ap-acts .ap-btn{flex:1 1 100%}
  .ap-win{padding:8px}
}