/* "About company" preview styles. Loaded after css/style.css, css/dark.css and blog/blog.css; does not modify them. */

/* ---- main page: 7-step process ---- */
.steps-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:700;color:var(--t);text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:5px}
.steps-more:hover{text-decoration-color:var(--t)}
@media (min-width:600px) and (max-width:1079px){
  .steps--7 .step:last-child{grid-column:1/-1}
}
@media (min-width:1080px){
  .steps--7{grid-template-columns:repeat(7,1fr)}
  .steps--7 .step{padding-right:18px}
  .steps--7 .step:not(:last-child)::after{right:6px;width:24px}
  .steps--7 .step__ico{left:44px;width:30px;height:30px;top:21px}
  .steps--7 .step h3{font-size:14px}
}

/* ---- about page: header nav ---- */
.page-about .nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:6px}
.ap-toc{margin-bottom:6px}
.ap-toc .chip{text-decoration:none;display:inline-flex;align-items:center}

/* ---- sections ---- */
.ap-sec{padding:34px 0 40px}
.ap-sec--alt{background:var(--g)}
.ap-sec .h2{margin-bottom:18px}
.ap-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ap-btns .btn{white-space:normal;text-align:center}
.ap-btns--col{flex-direction:column;align-items:stretch}

/* about us */
.ap-about{display:grid;gap:24px;align-items:center}
.ap-about__text p{margin:0 0 12px;color:var(--t2);font-size:15px;line-height:1.65;max-width:640px}
.ap-about__text p.ap-lead{color:var(--t);font-size:17px;font-weight:500;line-height:1.55}
.ap-about__text a:not(.btn){color:var(--t);text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:3px;font-weight:600}
.ap-about__img{margin:0}
.ap-about__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--g)}
.ap-facts{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.ap-fact{padding:18px 18px 20px;border-radius:var(--r);background:var(--g)}
.ap-fact__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--y);color:#111}
.ap-fact__ico svg{width:22px;height:22px}
.ap-fact h3{margin:14px 0 6px;font-size:16px;font-weight:800}
.ap-fact p{color:var(--t2);font-size:13.5px;line-height:1.5}

/* requisites letterhead: always a white "paper" sheet, also in the dark theme */
.ap-req{display:grid;gap:22px;align-items:start}
.lh{background:#fff;color:#111;border-radius:6px;box-shadow:0 10px 30px rgba(17,17,17,.10),0 0 0 1px #e3e3df;padding:22px 20px 0;overflow:hidden;max-width:760px}
.lh__top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.lh__logo svg{display:block;width:104px;height:52px;color:#111}
.lh__contacts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;font-weight:600;color:#111;text-align:right}
.lh__bar{height:6px;margin:14px 0 0;background:var(--y);border-radius:2px}
.lh__title{margin:20px 0 0;font-size:24px;font-weight:900;letter-spacing:-.01em;color:#111}
.lh__sub{margin:2px 0 14px;font-size:13px;color:#555;font-weight:500}
.lh__dl{margin:0;border-top:2px solid #111}
.lh__row{display:grid;grid-template-columns:1fr;gap:1px;padding:9px 0;border-bottom:1px solid #e3e3df;font-size:14px}
.lh__row dt{color:#6b6b66;font-weight:600;font-size:12px}
.lh__row dd{margin:0;font-weight:700;color:#111;overflow-wrap:anywhere}
.lh__mono{letter-spacing:.03em;font-variant-numeric:tabular-nums}
.lh__foot{display:flex;justify-content:space-between;gap:10px;margin:22px -20px 0;padding:12px 20px;background:var(--y);color:#111;font-weight:800;font-size:13px}
.ap-req__side p{margin:0 0 10px;color:var(--t2);font-size:14.5px;line-height:1.6}
.ap-req__side .btn{gap:8px}
.ap-req__note{min-height:1.4em;font-size:13px !important;font-weight:600;color:var(--t) !important}

/* process timeline */
.ap-proc{display:grid;gap:22px}
.ap-proc__intro p{margin:0 0 18px;color:var(--t2);font-size:15px;line-height:1.6;max-width:520px}
.ap-proc__intro .btn{white-space:normal;text-align:center}
.ap-steps{list-style:none;margin:0;padding:0}
.ap-step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;padding-bottom:14px}
.ap-step:not(:last-child)::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:var(--line)}
.ap-step__num{width:40px;height:40px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;font-weight:900;font-size:17px}
.ap-step__body{padding:14px 18px 16px;border-radius:var(--r);background:var(--g)}
.ap-step__body h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;margin:0 0 6px}
.ap-step__body h3 .ico{width:22px;height:22px;color:#b59b00}
.ap-step__body p{color:var(--t2);font-size:14.5px;line-height:1.6}
.ap-step__body a{color:var(--t);text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:3px;font-weight:600}

@media (min-width:600px){
  .ap-facts{grid-template-columns:repeat(2,1fr)}
  .lh{padding:30px 34px 0}
  .lh__foot{margin:28px -34px 0;padding:14px 34px}
  .lh__logo svg{width:132px;height:66px}
  .lh__contacts{font-size:13px}
  .lh__title{font-size:30px}
  .lh__row{grid-template-columns:170px 1fr;gap:16px;align-items:baseline}
  .lh__row dt{font-size:13px}
  .ap-btns--col{flex-direction:row}
}
@media (min-width:1080px){
  .ap-sec{padding:52px 0 60px}
  .ap-about{grid-template-columns:1.1fr .9fr;gap:48px}
  .ap-facts{grid-template-columns:repeat(4,1fr);gap:18px}
  .ap-req{grid-template-columns:minmax(0,760px) 1fr;gap:40px}
  .ap-btns--col{flex-direction:column}
  .ap-proc{grid-template-columns:340px 1fr;gap:56px;align-items:start}
  .ap-proc__intro{position:sticky;top:calc(var(--hh) + 24px)}
  .ap-step{grid-template-columns:44px 1fr;gap:18px}
  .ap-step__num{width:44px;height:44px}
  .ap-step:not(:last-child)::before{left:21px;top:48px}
  .ap-step__body{padding:18px 24px 20px}
}
@media (max-width:599px){
  .ap-btns .btn{width:100%}
}

/* dark theme: palette from css/dark.css */
@media (prefers-color-scheme: dark){
  .ap-sec--alt{background:var(--d-alt)}
  .page-about .blog-head h1 mark{background:var(--y);color:#111;border-radius:4px;padding:0 .18em}
  .ap-fact,.ap-step__body{background:var(--d-card)}
  .ap-step__body h3 .ico{color:var(--y)}
  .lh{box-shadow:0 14px 40px rgba(0,0,0,.55)}
  .lh__bar,.lh__foot{background:var(--y)}
}

/* toc chips: yellow, red outline (msg 11191) */
.ap-toc .chip{background:var(--y);border:2px solid #E30613;color:#111;font-weight:700}
.ap-toc .chip:hover{background:#ffe54d;border-color:#E30613}
@media (prefers-color-scheme: dark){.ap-toc .chip,.ap-toc .chip:hover{background:var(--y);border-color:#E30613;color:#111}}

/* offers section (msg 11198) */
.ap-offers__intro{margin:-6px 0 0;color:var(--t2);font-size:15px;line-height:1.6;max-width:640px}
.ap-offers{margin-top:22px}
.ap-offers .ap-fact{display:flex;flex-direction:column;align-items:flex-start;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ap-offers .ap-fact p{flex:1 0 auto;margin-bottom:14px}
.ap-offer__link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#111;text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:4px}
.ap-offer__link .ico{width:16px;height:16px}
.ap-offer__link:hover{text-decoration-color:#111}
@media (min-width:1080px){.ap-offers{grid-template-columns:repeat(3,1fr)}}
@media (min-width:600px) and (max-width:1079px){.ap-offers .ap-fact:last-child{grid-column:1/-1}}
.ap-toc{flex-wrap:wrap;overflow:visible}
@media (prefers-color-scheme: dark){
  .ap-offers .ap-fact{background:var(--d-card);box-shadow:0 0 0 1px #333}
  .ap-offers .ap-fact h3{color:#F2F2F2}
  .ap-offer__link{color:#F2F2F2}
  .ap-offer__link:hover{text-decoration-color:#F2F2F2}
}