/* Hallmark · checked: 2026-11-05 · genre: modern-minimal (inferred)
 * floor: 0 FAIL · fixed: 2a, 10a, 20, 48, 62, 67, 38iii, F3, F6 · structural: 24b, 11, 29, F15 printed
 * built: the project · v2.0.0 */
/* Проект «Подъемтрансмаш»: разработка сайта с нуля. Подключается после proto.css (общие блоки). */
:root{--pg-a-0-0-0-3:rgba(0,0,0,.3);--pg-a-0-0-0-4:rgba(0,0,0,.4);--pg-a-0-0-0-6:rgba(0,0,0,.6);--pg-a-10-20-30-9:rgba(10,20,30,.9);--pg-a-13-37-71-06:rgba(13,37,71,.06);--pg-a-13-37-71-08:rgba(13,37,71,.08);--pg-a-13-37-71-25:rgba(13,37,71,.25);--pg-a-13-37-71-3:rgba(13,37,71,.3);--pg-a-13-37-71-35:rgba(13,37,71,.35);--pg-a-13-37-71-5:rgba(13,37,71,.5);--pg-a-13-37-71-78:rgba(13,37,71,.78);--pg-a-156-196-255-14:rgba(156,196,255,.14);--pg-a-255-255-255-07:rgba(255,255,255,.07);--pg-a-255-255-255-08:rgba(255,255,255,.08);--pg-a-255-255-255-1:rgba(255,255,255,.1);--pg-a-255-255-255-12:rgba(255,255,255,.12);--pg-a-255-255-255-14:rgba(255,255,255,.14);--pg-a-255-255-255-15:rgba(255,255,255,.15);--pg-a-255-255-255-16:rgba(255,255,255,.16);--pg-a-255-255-255-18:rgba(255,255,255,.18);--pg-a-255-255-255-2:rgba(255,255,255,.2);--pg-a-255-255-255-35:rgba(255,255,255,.35);--pg-a-255-255-255-4:rgba(255,255,255,.4);--pg-a-255-255-255-5:rgba(255,255,255,.5);--pg-a-255-255-255-6:rgba(255,255,255,.6);--pg-a-255-255-255-65:rgba(255,255,255,.65);--pg-a-255-255-255-7:rgba(255,255,255,.7);--pg-a-255-255-255-75:rgba(255,255,255,.75);--pg-a-255-255-255-76:rgba(255,255,255,.76);--pg-a-255-255-255-78:rgba(255,255,255,.78);--pg-a-255-255-255-9:rgba(255,255,255,.9);--pg-a-255-255-255-92:rgba(255,255,255,.92);--pg-a-255-255-255-94:rgba(255,255,255,.94);--pg-a-47-111-224-14:rgba(47,111,224,.14);--pg-a-47-111-224-16:rgba(47,111,224,.16);--pg-a-6-36-29-1:rgba(6,36,29,.1);--pg-a-6-36-29-55:rgba(6,36,29,.55);--pg-a-67-184-94-0:rgba(67,184,94,0);--pg-a-67-184-94-6:rgba(67,184,94,.6);--pg-a-70-130-255-35:rgba(70,130,255,.35);--pg-black:#000;--pg-c-030f24:#030f24;--pg-c-071a3a:#071a3a;--pg-c-0a2350:#0a2350;--pg-c-0b1f3d:#0b1f3d;--pg-c-0c1118:#0c1118;--pg-c-0d1626:#0d1626;--pg-c-0d2547:#0d2547;--pg-c-10223d:#10223d;--pg-c-123a73:#123a73;--pg-c-14407c:#14407c;--pg-c-173f8f:#173f8f;--pg-c-17407f:#17407f;--pg-c-1b5aa8:#1b5aa8;--pg-c-1d4fb5:#1d4fb5;--pg-c-1f5aa6:#1f5aa6;--pg-c-28c840:#28c840;--pg-c-2a3340:#2a3340;--pg-c-2f6fe0:#2f6fe0;--pg-c-2f7bd0:#2f7bd0;--pg-c-333:#333;--pg-c-43b85e:#43b85e;--pg-c-5b93f0:#5b93f0;--pg-c-6fd0f5:#6fd0f5;--pg-c-7fd8ff:#7fd8ff;--pg-c-9cc4ff:#9cc4ff;--pg-c-a9c8f7:#a9c8f7;--pg-c-b02f2f:#b02f2f;--pg-c-c9daf7:#c9daf7;--pg-c-cfd7d4:#cfd7d4;--pg-c-cfe3ff:#cfe3ff;--pg-c-d00:#d00;--pg-c-d24545:#d24545;--pg-c-d9e6fb:#d9e6fb;--pg-c-dbe6f4:#dbe6f4;--pg-c-dfe4ea:#dfe4ea;--pg-c-e9f0fc:#e9f0fc;--pg-c-e9f1fb:#e9f1fb;--pg-c-eef1f5:#eef1f5;--pg-c-febc2e:#febc2e;--pg-c-ff5f57:#ff5f57;--pg-c-ffc27a:#ffc27a;--pg-white:#fff;--pg-icons:"bootstrap-icons";}
:root{--pd-c-0f5ba5:#0f5ba5;--pd-c-0b4a87:#0b4a87;--pd-c-071a33:#071a33;--pd-c-e8f0f8:#e8f0f8;--pd-c-dce6f1:#dce6f1;--pd-c-4b6a8a:#4b6a8a}
.pp-pd{--color-theme:var(--pd-c-0f5ba5);--color-theme-rgb:15,91,165;--color-theme-hover:var(--pd-c-0b4a87);--pp-brand:var(--pd-c-0b4a87);--pp-brand-dark:var(--pd-c-071a33);--pp-brand-tint:var(--pd-c-e8f0f8)}
.pp-browser--hero img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--pg-white)}
.pp-compare--color .pp-compare__b{filter:none}
.pp-sechead__note{color:var(--color-gray-6);max-width:700px;margin:14px 0 0}


/* три стадии одной страницы */
.pd-stage__sw{margin-left:auto;display:inline-flex;padding:3px;border-radius:30px;background:var(--pg-c-dfe4ea);flex:0 0 auto}
.pd-stage__sw button{border:0;background:none;font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:30px;color:var(--color-gray-6);cursor:pointer;transition:background-color .25s,color .25s}
.pd-stage__sw button.on{background:var(--pg-white);color:var(--pd-c-0b4a87);box-shadow:0 2px 6px var(--pg-a-13-37-71-08)}
.pp-browser__bar .pd-stage__sw{margin-left:auto}
.pd-stage__prog{height:3px;background:var(--pg-c-dfe4ea)}
.pd-stage__prog i{display:block;height:100%;width:100%;background:var(--color-theme);transform:scaleX(0);transform-origin:0 50%}
.pd-stage__prog i.run{animation:pd-prog linear forwards}
@keyframes pd-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pd-stage__body{position:relative;aspect-ratio:1280/800;background:var(--pg-white)}
.pd-stage__body img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .55s}
.js .pd-stage__body img{opacity:0}.js .pd-stage__body img.on{opacity:1}

/* колонки сетки: minmax(0,...) чтобы картинки не растягивали дорожки */
.pp-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pp-panel,.pp-mobile__box{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr)}
.pp-panel--rev{grid-template-columns:minmax(0,7.6fr) minmax(0,4.4fr)}
@media(max-width:991px){.pp-hero__grid,.pp-panel,.pp-panel--rev,.pp-mobile__box{grid-template-columns:minmax(0,1fr)}}

/* заголовок: длинное название не должно заходить на картинку */
.pp-pd .pp-title{font-size:clamp(28px,3.3vw,48px);line-height:1.12;overflow-wrap:anywhere}

/* тёмные панели: подпись и галочки светлые */
.pp-pd .pp-panel--dark .pp-eyebrow{color:var(--pg-c-7fd8ff)}
.pp-pd .pp-panel--dark .pp-ticks li::before{color:var(--pg-c-7fd8ff)}

/* два рисунка рядом, UI-кит */
.pd-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(20px,3vw,40px)}
.pp-fig{margin:0;min-width:0}
.pp-fig img,.pd-kit img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 24px 50px -24px var(--pg-a-13-37-71-35),0 0 0 1px var(--pg-a-13-37-71-08);cursor:zoom-in}
.pp-fig figcaption{margin-top:14px;font-size:14px;color:var(--color-gray-5)}
.pd-kit{margin:0}
.pd-duo .pp-fig img{aspect-ratio:4/3;object-fit:cover;object-position:top}

/* bento */
.pd-bit--checks{grid-column:span 7;background:var(--pp-brand-tint)}
.pd-heads{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pd-heads li{padding:6px 12px;border-radius:30px;background:var(--pg-white);border:1px solid var(--pd-c-dce6f1);font-size:13px;font-weight:500;color:var(--pd-c-0b4a87)}
.pp-bit--php{grid-column:span 3}
.pd-bit--year{grid-column:span 4;background:var(--pg-white);border:1px solid var(--color-gray-2)}
.pd-bit--year .pp-big,.pp-bit--php .pp-big{font-size:clamp(44px,5vw,72px);margin-bottom:12px}
.pd-bit--year .pp-big{color:var(--pp-brand)}
.pp-bit--php .pp-big{color:var(--pg-white)}

/* шаги */
@media(min-width:992px){.pd-steps{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(max-width:1199px){.pd-bit--checks{grid-column:span 12}.pp-bit--php{grid-column:span 5}.pd-bit--year{grid-column:span 7}}
@media(max-width:767px){.pd-duo{grid-template-columns:minmax(0,1fr)}.pd-stage__sw button{padding:5px 9px}}
@media(max-width:575px){.pp-bit--php,.pd-bit--year{grid-column:span 12}}
@media(prefers-reduced-motion:reduce){.pd-stage__body img{transition:none}.pd-stage__prog i.run{animation:none}}
.pp a:focus-visible,.pp button:focus-visible,.pp summary:focus-visible{outline:3px solid var(--pp-brand);outline-offset:3px;transition:none}
html,body{overflow-x:clip}