/* DesiGenetics V22.0 — Proof + Media Authority */
.dg22-hero,
.dg22-media-grid,
.dg22-proof-capture,
.dg22-founder-note,
.dg22-authority-bridge{
  padding:clamp(72px,9vw,126px) var(--pad,24px);
  border-top:1px solid #232323;
  background:#040404;
}
.dg22-inner{width:min(1180px,100%);margin:auto}
.dg22-kicker{
  display:block;
  margin-bottom:18px;
  color:#d52a1f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}
.dg22-hero{
  position:relative;
  overflow:hidden;
  min-height:70svh;
  display:flex;
  align-items:flex-end;
  background:
    radial-gradient(circle at 75% 30%,rgba(213,42,31,.18),transparent 30%),
    linear-gradient(#020202,#050505);
}
.dg22-hero:before{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.8;
}
.dg22-hero__content{position:relative;z-index:2;width:min(1180px,100%);margin:auto}
.dg22-hero h1,
.dg22-media-grid h2,
.dg22-proof-capture h2,
.dg22-founder-note h2,
.dg22-authority-bridge h2{
  margin:0 0 22px;
  color:#fff;
  font:900 clamp(58px,8vw,112px)/.82 Impact,"Arial Black",sans-serif;
  letter-spacing:-.028em;
}
.dg22-hero h1 span,
.dg22-media-grid h2 span,
.dg22-proof-capture h2 span,
.dg22-founder-note h2 span,
.dg22-authority-bridge h2 span{color:#d52a1f}
.dg22-lead{
  max-width:820px;
  color:#aaa;
  font-size:clamp(16px,1.55vw,20px);
  line-height:1.72;
}
.dg22-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.dg22-actions .btn{min-height:50px}
.dg22-platforms{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:34px;
}
.dg22-platform{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:240px;
  padding:24px;
  border:1px solid #2b2b2b;
  background:linear-gradient(145deg,#090909,#030303);
  text-decoration:none;
}
.dg22-platform:after{
  content:"↗";
  position:absolute;
  right:18px;
  top:16px;
  color:#d52a1f;
  font-size:24px;
  font-weight:900;
}
.dg22-platform small{
  color:#777;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.dg22-platform strong{
  color:#fff;
  font:900 31px/1 Impact,"Arial Black",sans-serif;
  letter-spacing:.02em;
}
.dg22-platform p{margin:10px 0 0;color:#858585;line-height:1.55;font-size:13px}
.dg22-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:34px;
}
.dg22-proof-card{
  padding:22px;
  border:1px solid #292929;
  border-top:3px solid #3b3b3b;
  background:#080808;
}
.dg22-proof-card:first-child{border-top-color:#d52a1f}
.dg22-proof-card small{display:block;color:#777;font-size:8px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}
.dg22-proof-card strong{display:block;color:#fff;font-size:13px;letter-spacing:.06em}
.dg22-proof-card p{color:#888;line-height:1.6;font-size:13px;margin:10px 0 0}
.dg22-proof-sequence{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:28px;
}
.dg22-proof-sequence span{
  display:flex;
  align-items:center;
  min-height:72px;
  border:1px solid #292929;
  padding:14px 16px;
  color:#aaa;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.dg22-founder-note{
  background:linear-gradient(135deg,#020202,#0a0000 70%,#020202);
}
.dg22-note{
  max-width:900px;
  border-left:3px solid #d52a1f;
  padding:2px 0 2px 22px;
  color:#aaa;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.8;
}
.dg22-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:22px;
}
.dg22-meta span{
  border:1px solid #2b2b2b;
  padding:8px 10px;
  color:#999;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.dg22-case-ready{
  margin-top:28px;
  padding:18px;
  border:1px solid #292929;
  background:#080808;
  color:#8f8f8f;
  line-height:1.65;
  font-size:13px;
}
.dg22-case-ready strong{color:#fff}
@media(max-width:900px){
  .dg22-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg22-proof-grid{grid-template-columns:1fr}
  .dg22-proof-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .dg22-platforms{grid-template-columns:1fr}
  .dg22-proof-sequence{grid-template-columns:1fr}
  .dg22-actions{display:grid}
  .dg22-actions .btn{width:100%}
}