.hero-trust-row{
  display:flex;gap:0;
  border-top:1px solid var(--border);
  padding-top:0;
  margin-top:40px;
}
.trust-item{
  display:flex;align-items:center;gap:12px;
  padding:24px 36px 24px 0;
  margin-right:36px;
  border-right:1px solid var(--border);
}
.trust-item:last-child{border-right:none;padding-right:0;margin-right:0}
.trust-icon{
  width:38px;height:38px;
  background:rgba(240,122,26,.1);
  border:1px solid rgba(240,122,26,.2);
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.trust-icon svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:1.8}
.trust-text{}
.trust-val{font-family:'Oswald',sans-serif;font-size:16px;font-weight:700;color:#fff}
.trust-label{font-size:11px;color:var(--gray);margin-top:2px}

/* ─── SEC LABEL ─────────────────────────────────────── */
.sec-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.sec-label-bar{width:36px;height:2px;background:var(--orange)}
.sec-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--orange)}
.sec-title{
  font-family:'Oswald',sans-serif;
  font-size:clamp(26px,3.2vw,44px);
  font-weight:700;text-transform:uppercase;line-height:1.08;
}
.sec-title .ul{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}

/* ─── DOCS SECTION ───────────────────────────────────── */
.docs-section{
  padding:100px var(--side-padding);
  background:var(--dark);
}
.docs-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:40px;margin-bottom:64px;
}
.docs-section-head-left{}
.docs-section-head p{
  font-size:14px;line-height:1.7;color:var(--gray2);
  max-width:520px;margin-top:16px;
}

/* ─── DOC CARDS ─────────────────────────────────────── */
.docs-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:3px;background:var(--border);
  border:1px solid var(--border);
}

.doc-card{
  background:var(--dark2);
  padding:0;
  position:relative;overflow:hidden;
  transition:background .3s;
  display:flex;flex-direction:column;
}
.doc-card:hover{background:#161921}

/* colored top bar */
.doc-card-top{
  height:4px;width:100%;
  background:var(--orange);
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s cubic-bezier(.22,.61,.36,1);
}
.doc-card:hover .doc-card-top{transform:scaleX(1)}

.doc-card-body{padding:40px 40px 32px}

.doc-card-category{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(240,122,26,.1);
  border:1px solid rgba(240,122,26,.2);
  border-radius:2px;
  padding:5px 12px;
  margin-bottom:28px;
  width:fit-content;
}
.doc-card-category span{
  font-size:10px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--orange);
}
.doc-card-category-dot{
  width:5px;height:5px;background:var(--orange);border-radius:50%;
}

.doc-card-num{
  font-family:'Oswald',sans-serif;
  font-size:72px;font-weight:700;
  color:rgba(255,255,255,.03);
  line-height:1;position:absolute;
  top:32px;right:32px;
  transition:color .3s;
}
.doc-card:hover .doc-card-num{color:rgba(240,122,26,.06)}

.doc-card h3{
  font-family:'Oswald',sans-serif;
  font-size:20px;font-weight:700;
  text-transform:uppercase;letter-spacing:.3px;
  line-height:1.2;color:#fff;
  margin-bottom:16px;
}

.doc-card-desc{
  
  margin-bottom:28px;
}
.doc-card-desc p {
  font-size:14px;line-height:1.7;color:var(--gray2);
}

/* doc meta rows */
.doc-meta{
  display:flex;flex-direction:column;gap:0;
  margin-bottom:32px;
  border-top:1px solid var(--border);
}
.doc-meta-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 0;border-bottom:1px solid var(--border);
  gap:12px;
}
.doc-meta-row:last-child{border-bottom:none}
.doc-meta-key{font-size:12px;color:var(--gray);flex-shrink:0}
.doc-meta-val{
  font-size:13px;font-weight:600;color:var(--gray3);
  text-align:right;
}
.doc-meta-val.green{color:#4CAF50}
.doc-meta-val.orange{color:var(--orange)}

/* doc card footer */
.doc-card-footer{
  padding:20px 40px;
  border-top:1px solid var(--border);
  background:rgba(0,0,0,.15);
  margin-top:auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
}
.doc-card-issuer{
  display:flex;align-items:center;gap:10px;
}
.doc-card-issuer-icon{
  width:34px;height:34px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--border2);
  border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;flex-shrink:0;
}
.doc-card-issuer-icon img {
   width:auto;height:24px!important;
}

.doc-card-issuer-text{font-size:11px;color:var(--gray);line-height:1.4}
.doc-card-issuer-text strong{display:block;font-size:12px;color:var(--gray3);font-weight:600}
.doc-status{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:2px;
}
.doc-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.doc-status span{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.doc-status.active{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.25)}
.doc-status.active .doc-status-dot{background:#4CAF50}
.doc-status.active span{color:#4CAF50}
.doc-status.unlimited{background:rgba(240,122,26,.1);border:1px solid rgba(240,122,26,.25)}
.doc-status.unlimited .doc-status-dot{background:var(--orange)}
.doc-status.unlimited span{color:var(--orange)}

/* ─── FULL-WIDTH CARD (безстроковість) ──────────────── */
.doc-card-wide{
  grid-column:1/-1;
  display:flex;flex-direction:row;
  background:var(--dark2);
  border-top:1px solid var(--border);
  transition:background .3s;
  overflow:hidden;
  position:relative;
}
.doc-card-wide::before{
  content:'';position:absolute;
  top:0;left:0;bottom:0;width:4px;
  background:transparent;
  transition:background .35s;
}
.doc-card-wide:hover{background:#161921}
.doc-card-wide:hover::before{background:var(--orange)}

.doc-wide-left{
  flex:1;padding:40px 40px 36px;
  border-right:1px solid var(--border);
}
.doc-wide-right{
  width:340px;flex-shrink:0;
  padding:40px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.doc-wide-qr{
  background:rgba(255,255,255,.04);
  border:1px solid var(--border2);
  border-radius:4px;
  padding:24px;
  display:flex;flex-direction:column;
  align-items:center;gap:12px;
  text-align:center;
}
.doc-wide-qr svg{width:64px;height:64px;stroke:var(--gray);fill:none;stroke-width:1}
.doc-wide-qr p{font-size:11px;color:var(--gray);line-height:1.5}
.doc-wide-qr a{font-size:10px;color:var(--orange);word-break:break-all;letter-spacing:.3px}
.doc-wide-reg{
  margin-top:20px;
  background:rgba(240,122,26,.06);
  border:1px solid rgba(240,122,26,.15);
  border-radius:2px;
  padding:16px;
}
.doc-wide-reg-label{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.doc-wide-reg-val{
  font-family:'Oswald',sans-serif;
  font-size:13px;font-weight:600;color:var(--orange);
  letter-spacing:.5px;word-break:break-all;
}

/* ─── GUARANTEES SECTION ─────────────────────────────── */
.guarantees-section{
  background:var(--dark2);
  padding:100px var(--side-padding);
  border-top:1px solid var(--border);
}
.guarantees-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
.guarantees-content{}
.guarantees-content p{
  font-size:15px;line-height:1.75;color:var(--gray2);
  margin-top:20px;margin-bottom:40px;
}
.guarantees-content p strong{color:#fff}

.guarantees-list{
  display:flex;flex-direction:column;gap:0;
  border-top:1px solid var(--border);
}
.g-item{
  display:flex;align-items:flex-start;gap:16px;
  padding:10px 0;
  border-bottom:1px solid var(--border);
}
.g-item-icon{
  width:40px;height:40px;flex-shrink:0;
  background:rgba(240,122,26,.1);
  border:1px solid rgba(240,122,26,.2);
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
}
.g-item-icon svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:2}
.g-item-body{}
.g-item-title p {font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.g-item-text p {font-size:13px;color:var(--gray);line-height:1.55; margin: 0;}

/* Visual block right */
.guarantees-visual{
  position:relative;
}
.guarantees-visual-bg{
  background:var(--dark3);
  border:1px solid var(--border);
  padding:40px;
  position:relative;overflow:hidden;
}
.guarantees-visual-bg::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--orange),transparent);
}
.g-stat{
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 0;
  border-bottom:1px solid var(--border);
}
.g-stat:last-child{border-bottom:none}
.g-stat-label{font-size:13px;color:var(--gray)}
.g-stat-val{
  font-family:'Oswald',sans-serif;
  font-size:18px;font-weight:700;color:var(--orange);
}
.g-stat-val p {
  margin: 0;
}
.guarantees-visual-label{
  font-family:'Oswald',sans-serif;
  font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:1px;color:var(--gray);
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
  margin-bottom:0;
}


/* ─── TABLET ────────────────────────────────────────── */
@media(max-width:1024px){
  
  .docs-grid{grid-template-columns:1fr}
  .doc-card-wide{flex-direction:column}
  .doc-wide-right{width:100%;border-top:1px solid var(--border);border-left:none}
  .doc-wide-qr{flex-direction:row;text-align:left;gap:16px}
}


/* ─── MOBILE ────────────────────────────────────────── */
@media(max-width:768px){



  /* hero */

  .hero-trust-row{
    overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;
    padding-bottom:0;
    flex-direction: column;
  }

  .hero-trust-row::-webkit-scrollbar{display:none}
  .trust-item{flex-shrink:0;padding:20px 24px 20px 0;margin-right:24px; border-right: none;}

  /* docs section */
  .docs-section{padding:64px var(--side-padding)}
  .docs-section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}
  .docs-grid{grid-template-columns:1fr}
  .doc-card-wide{grid-column:auto;flex-direction:column}
  .doc-wide-left{padding:28px 20px}
  .doc-wide-right{width:100%;padding:24px 20px;border-top:1px solid var(--border)}
  .doc-wide-qr{flex-direction:column}
  .doc-card-body{padding:28px 20px 20px}
  .doc-card-footer{padding:16px 20px;flex-wrap:wrap;gap:10px}
  .doc-card-num{font-size:48px;top:20px;right:20px}

  /* guarantees */
  .guarantees-section{padding:64px var(--side-padding)}
  .guarantees-inner{grid-template-columns:1fr;gap:48px}



}

@media(max-width:420px){
  .docs-section,.guarantees-section,.cta-section{padding-left:var(--side-padding);padding-right:var(--side-padding)}
  .doc-card-body{padding:20px 16px 16px}
  .doc-card-footer{padding:14px 16px}
  .footer-top{grid-template-columns:1fr}
}