/* ═══════════════════════════════════════
   ARCHITECTURE EXPLORER PREVIEW
═══════════════════════════════════════ */
.arch-section{background:var(--bg-secondary);}
.arch-inner{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  max-width:1300px;margin:0 auto;
}
.arch-text h2{
  font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3vw,38px);font-weight:700;
  margin-bottom:18px;
}
.arch-text p{font-size:15px;color:var(--text-secondary);line-height:1.75;margin-bottom:28px;}
.arch-features{display:flex;flex-direction:column;gap:14px;margin-bottom:32px;}
.arch-feat{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px;background:var(--bg-card);border:1px solid var(--border);
  border-radius:10px;transition:border-color .2s;
}
.arch-feat:hover{border-color:var(--blue);}
.af-icon{
  width:36px;height:36px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:17px;
}
.af-icon.blue{background:var(--blue-dim);}
.af-icon.green{background:var(--green-dim);}
.af-icon.purple{background:var(--purple-dim);}
.arch-feat h4{font-size:13.5px;font-weight:600;margin-bottom:3px;}
.arch-feat p{font-size:12.5px;color:var(--text-secondary);}
.arch-diagram{
  background:var(--bg-card);border:1px solid var(--border2);
  border-radius:16px;padding:28px;
}
.ad-title{
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;
  color:var(--text-secondary);margin-bottom:20px;text-align:center;
}
.ad-grid{display:flex;flex-direction:column;gap:12px;align-items:center;}
.ad-row{display:flex;gap:10px;align-items:center;justify-content:center;}
.ad-box{
  border-radius:9px;padding:10px 16px;font-size:12px;font-weight:600;
  text-align:center;cursor:pointer;border:1.5px solid;
  transition:transform .2s,box-shadow .2s;min-width:90px;
}
.ad-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
.ad-box.cpu{background:var(--blue-dim);border-color:var(--blue);color:var(--blue);}
.ad-box.mem{background:var(--green-dim);border-color:var(--green);color:var(--green);}
.ad-box.io{background:var(--amber-dim);border-color:var(--amber);color:var(--amber);font-size:11px;padding:8px 12px;}
.ad-box.comm{background:var(--purple-dim);border-color:var(--purple);color:var(--purple);font-size:11px;padding:8px 12px;}
.ad-arrow{color:var(--text-muted);font-size:18px;}
.ad-connector{width:2px;height:16px;background:var(--border2);margin:0 auto;}