.documents-promo{
  max-width:1320px;
  margin:28px auto;
  padding:30px 6%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  border-block:1px solid var(--line);
}
.documents-promo-icon{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--ink);
  border-radius:24px 24px 8px 24px;
  transition:transform .2s,background .2s;
}
.documents-promo-icon:hover{background:var(--blue);transform:translateY(-2px)}
.documents-promo-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.documents-promo .small-title{margin:0 0 6px}
.documents-promo h2{font-size:clamp(34px,3.5vw,50px);margin:0 0 8px}
.documents-promo p:last-child{color:var(--muted);margin:0;max-width:690px}
.documents-promo-link{
  display:inline-flex;
  align-items:center;
  gap:18px;
  border:1px solid #aab9cd;
  border-radius:40px;
  padding:14px 20px;
  font-size:14px;
  white-space:nowrap;
}
.documents-promo-link:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.documents-promo-link span{font-size:21px}

.documents-page{min-height:62vh;max-width:1120px;margin:0 auto;padding:38px 6% 80px}
.documents-breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:36px}
.documents-breadcrumbs a:hover{color:var(--blue)}
.documents-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:54px;align-items:start}
.documents-intro .small-title{margin-bottom:15px}
.documents-intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(52px,6vw,82px);font-weight:500;line-height:.98;letter-spacing:-1.5px;margin:0 0 25px}
.documents-intro>p:not(.small-title){font-size:18px;line-height:1.8;color:var(--muted);max-width:650px}
.documents-security{display:flex;align-items:center;gap:11px;font-size:13px!important;color:var(--ink)!important;margin-top:28px}
.documents-security svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pin-card{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:30px}
.pin-card h2{font-family:'DM Sans',Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:0;line-height:1.3;margin:0 0 10px}
.pin-card>p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:22px}
.pin-form{display:flex;flex-direction:column;gap:13px}
.pin-form label{font-size:13px;font-weight:600}
.pin-form input{width:100%;border:1px solid #aab9cd;border-radius:10px;background:#fff;padding:15px 16px;font:600 21px/1 'DM Sans',Arial,sans-serif;letter-spacing:8px;text-align:center;color:var(--ink)}
.pin-form input:focus{outline:3px solid #547ed255;outline-offset:2px;border-color:var(--blue)}
.pin-form button,.document-download{
  border:0;border-radius:40px;background:var(--ink);color:#fff;padding:15px 20px;font:500 14px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:13px
}
.pin-form button:hover,.document-download:hover{background:var(--blue)}
.pin-error{padding:12px 14px;border-radius:9px;background:#fff0ef;color:#8b2720;font-size:13px;line-height:1.5;margin:0 0 15px}
.pin-success{padding:12px 14px;border-radius:9px;background:#e5f4ec;color:#205d3d;font-size:13px;line-height:1.5;margin:0 0 18px}
.document-item{border-top:1px solid #cbd4de;padding-top:22px}
.document-item strong{display:block;font-size:18px;margin-bottom:6px}
.document-item p{font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.6}
.document-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.documents-lock-link{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:15px;text-decoration:underline;text-underline-offset:3px}

@media(max-width:760px){
  .documents-promo{grid-template-columns:auto 1fr;margin:20px auto;padding:25px 6%;gap:18px}
  .documents-promo-icon{width:68px;height:68px;border-radius:18px 18px 7px 18px}
  .documents-promo-icon svg{width:34px;height:34px}
  .documents-promo h2{font-size:36px}
  .documents-promo-link{grid-column:1/-1;justify-content:center}
  .documents-layout{grid-template-columns:1fr;gap:30px}
  .documents-page{padding-top:24px}
  .documents-intro h1{font-size:54px}
}
@media(prefers-reduced-motion:reduce){.documents-promo-icon{transition:none}}