/* ==========================================================
   SKY PORCH · certs page extensions
   ========================================================== */

.certs-hero{padding: 96px 0 64px}
.certs-hero-grid{
  display:grid;grid-template-columns: 1.15fr 1fr;gap: 64px;
  align-items: flex-end;
}

.stat-card{
  background: var(--glass);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border:1px solid rgba(255,255,255,0.9);
  border-radius: 28px;
  box-shadow: var(--sh-glass);
  padding: 8px;
  position:relative;overflow:hidden;
}
.stat-card::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 320px 160px at 100% 0%, rgba(154,108,255,0.18), transparent 70%),
    radial-gradient(ellipse 320px 160px at 0% 100%, rgba(71,112,255,0.14), transparent 70%);
  pointer-events:none;
}
.stat-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background: rgba(14,18,32,0.06);
  border-radius: 22px;overflow:hidden;
  position:relative;
}
.stat{background: rgba(255,255,255,0.7);padding: 22px 24px;backdrop-filter: blur(10px);}
.stat-k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}
.stat-v{font-size:36px;font-weight:800;color:var(--ink);letter-spacing:-0.025em;line-height:1}
.stat-v span{font-size:16px;color:var(--muted);font-weight:500;margin-left:4px}
.stat-sub{font-size:11px;color:var(--muted);margin-top:6px;font-family:var(--font-mono);letter-spacing:.06em}

/* ============ ISO ============ */
.iso-sec{padding: 64px 0 96px}
.iso-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.iso-card{
  padding: 28px 26px 26px;
  background: var(--glass);
  backdrop-filter: blur(24px) saturate(160%);
  border:1px solid rgba(255,255,255,0.9);
  border-radius: 24px;
  box-shadow: var(--sh-glass);
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;min-height:280px;
  transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}
.iso-card::before{
  content:'';position:absolute;inset:0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tint) 12%, transparent), transparent 55%);
  pointer-events:none;
}
.iso-card:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,0.9) inset, 0 40px 80px -30px rgba(14,18,32,0.3)}
.iso-ic{
  width:56px;height:56px;border-radius:16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tint) 18%, #fff), rgba(255,255,255,0.85));
  border:1px solid rgba(255,255,255,0.95);
  display:grid;place-items:center;
  color: var(--tint);
  box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--tint) 60%, transparent);
  margin-bottom:20px;
  position:relative;
}
.iso-num{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.16em;margin-bottom:10px;position:relative}
.iso-card h3{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.02em;margin-bottom:6px;position:relative}
.iso-sub{font-size:13px;color:var(--tint);font-weight:600;margin-bottom:12px;position:relative}
.iso-card p{font-size:13px;color:var(--muted);line-height:1.6;flex:1;position:relative}
.iso-foot{
  margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);
  position:relative;
}
.iso-foot .ok{color:var(--c-mint);font-weight:600}

/* ============ Copyrights ============ */
.cr-sec{padding: 64px 0 96px}
.cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cr-card{
  padding: 22px 22px 20px;
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,0.9);
  border-left: 4px solid var(--tint);
  border-radius: 16px;
  box-shadow: var(--sh-soft);
  display:flex;flex-direction:column;gap:8px;
  transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}
.cr-card:hover{transform:translateX(3px);box-shadow:0 20px 40px -20px rgba(14,18,32,0.25)}
.cr-ic{
  width:40px;height:40px;border-radius:12px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tint) 18%, #fff), rgba(255,255,255,0.85));
  border:1px solid rgba(255,255,255,0.95);
  display:grid;place-items:center;color:var(--tint);
  margin-bottom:6px;
}
.cr-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.cr-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4}

/* ============ Team ============ */
.team-sec{padding: 64px 0 96px}
.team-head-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;
}
.ths{
  padding:22px 22px 20px;
  background: var(--glass);
  backdrop-filter: blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,0.9);
  border-radius:20px;
  box-shadow: var(--sh-glass);
  position:relative;overflow:hidden;
}
.ths::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background: linear-gradient(90deg, var(--tint), transparent);
}
.ths-k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.ths-v{font-size:44px;font-weight:800;color:var(--ink);letter-spacing:-0.025em;line-height:1}
.ths-v span{font-size:18px;color:var(--tint);margin-left:4px;font-weight:600}
.ths-lbl{font-size:13px;color:var(--muted);margin-top:6px}

.dom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dom-card{
  padding: 28px;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(24px) saturate(160%);
  border:1px solid rgba(255,255,255,0.9);
  border-radius: 24px;
  box-shadow: var(--sh-soft);
  transition: transform 200ms var(--ease-out);
}
.dom-card:hover{transform:translateY(-2px)}
.dom-head{
  display:flex;align-items:center;gap:14px;
  padding-bottom:18px;margin-bottom:18px;
  border-bottom:1px solid var(--line);
}
.dom-ic{
  width:48px;height:48px;border-radius:14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tint) 18%, #fff), rgba(255,255,255,0.85));
  border:1px solid rgba(255,255,255,0.95);
  display:grid;place-items:center;color:var(--tint);
  box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--tint) 60%, transparent);
  flex-shrink:0;
}
.dom-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:3px}
.dom-sub{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}

.dom-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.dom-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft)}
.dom-list .dot{width:4px;height:4px;border-radius:50%;background:var(--tint);flex-shrink:0}
.tag{
  display:inline-flex;align-items:center;
  padding:3px 7px;border-radius:6px;
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;
  flex-shrink:0;
}
.tag.top{background: rgba(71,112,255,0.12);color:#3655d8;border:1px solid rgba(71,112,255,0.3)}
.tag.master{background: rgba(154,108,255,0.14);color:#7747c7;border:1px solid rgba(154,108,255,0.32)}
.tag.expert{background: rgba(37,193,155,0.14);color:#15835e;border:1px solid rgba(37,193,155,0.32)}
.tag.ot{background: rgba(255,138,91,0.14);color:#c75d2b;border:1px solid rgba(255,138,91,0.32)}

/* Responsive */
@media (max-width:1100px){
  .certs-hero-grid{grid-template-columns:1fr;gap:40px}
  .iso-grid,.dom-grid,.team-head-stats{grid-template-columns:1fr 1fr}
  .cr-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .iso-grid,.dom-grid,.team-head-stats,.cr-grid,.stat-grid{grid-template-columns:1fr}
}